body, a, a:hover { color:#7b858f; }

.corA { color:#00afd8 !important; }
.corB { color:#1fc6ec !important; }

.noml { margin-left:0 !important; }
.nomr { margin-right:0 !important; }

.transp { opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50); }

.newHomeTop { top:60px !important; }
.newHomeTop2 { margin-top:160px !important; }

.opcoesMobile { display: none; }
.opcoesDesktop { display: block; }

#magazineluiza-topo { position:fixed; top:0; z-index:9900001; }

#home-topo { width:100%; height:100px; background:#fff; font-family:Roboto; position:fixed; top:0; z-index:9900000; }
#home-topo #home-topo-conteudo { width:980px; height:100px; margin:0 auto; font-family:Roboto; }
#home-topo #home-topo-conteudo ul { float:right; padding-top:25px; }
#home-topo #home-topo-conteudo li { float:left; display:inline; font-size:18px; width:130px; height:40px; line-height:39px; vertical-align:middle; text-align:center; }
#home-topo #home-topo-conteudo li.op4 { text-align:right; margin-right:30px; }
#home-topo #home-topo-conteudo li.op5 { border:3px solid; border-color:#1fc6ec; width:90px; height:35px; margin-right:20px; line-height:32px; font-size:15px; text-align:center; -moz-border-radius:4px; border-radius:4px; }
#home-topo #home-topo-conteudo li.op6 { margin-top:3px; }
#home-topo #home-topo-conteudo #loginPopup { cursor:pointer; cursor:hand; }
#home-topo #menu-opcoes-login { position:relative; float:right; top:-92px; width:250px; height:75px; background:#0b8dd9; margin:0 20px 0 0; color:white; font-family:Arial; font-size:11px; padding:4px 10px; display:none; -moz-border-radius:6px; border-radius:6px; }
#home-topo #menu-opcoes-login label { width:60px; height:13px; float:left; font-size:14px; font-family:Roboto; padding-top:7px; }
#home-topo #menu-opcoes-login input  {width:144px; height:20px; margin-top:6px; -moz-border-radius:4px; border-radius:4px; padding:0 5px; background:#f8f8f8; }
#home-topo #menu-opcoes-login input.login { width:177px;; }
#home-topo #menu-opcoes-login input.envio { width:25px; margin-left:4px; padding:0; background:#00afd8; color:#f8f8f8; }
#home-topo #menu-opcoes-login a { color:white; }
#home-topo #menu-opcoes-login p { margin:4px 0 0 61px; }
#home-topo #menu-opcoes-login span { float:right; font-weight:bold; margin:4px 5px 0 0; }

#home-corpo5 { width:100%; height:580px; background:#2b2d38; color:white; font-family:Roboto; }
#home-corpo5 h1 { width:500px; font-size:30px; font-weight:400; text-align:center; margin:0 auto; padding:70px 0 80px; }
#home-corpo5 #player { width:980px; margin:0 auto; }
#home-corpo5 #player iframe { margin-left:0; }
#home-corpo5 #player p { float:right; width:270px; font-size:15px; margin:100px 70px 0 0; }

.newCorpo6 { height:450px !important; }
#home-corpo6-conteudo span { font-size:15px; }
#home-corpo6-conteudo #experimente { float:left; width:392px; text-align:center; }
#home-corpo6-conteudo #experimente form { margin-top:25px; }
#home-corpo6-conteudo #experimente input { font-family:Roboto; font-size:16px; font-weight:500; width:355px; height:50px; padding-left:35px; background:#01aed6; font-family:Roboto; border:0px; margin-bottom:15px; color:white; -moz-border-radius:4px; border-radius:4px; }
#home-corpo6-conteudo #experimente .experimente { float:right; width:193px; height:54px; margin-top:5px; font-size:16px; background:white; padding-left:0; cursor:pointer; cursor:hand; }
#home-corpo6-conteudo #assine {margin:0 auto;  text-align:center; }
#home-corpo6-conteudo #assine button {  width:160px; height:45px; margin-top:0px; font-size:16px; font-family:Roboto; background:white; cursor:pointer; cursor:hand; -moz-border-radius:4px; border-radius:4px; }

#beneficios-corpo1 { position:relative; width:100%; padding-top:5%; background:#ebe9ea; font-family:Roboto; font-size:28px; text-align:center; display: block; }
#beneficios-corpo1 h1 { width:80%; font-size:30px; font-weight:600; text-align:center; margin:0 auto 2% auto; padding-top:0; }
#beneficios-corpo1 p { width:80%; font-size:26px; color:#000; margin:0 auto 4% auto; } 
#beneficios-corpo1 #beneficios { width: 15%; }

#beneficios-corpo2 { position:relative; width:100%; min-height:495px; padding-top:50px; background:#fff; font-family:Roboto; font-size:18px; }
#beneficios-corpo2-conteudo { width:100%; margin:0 auto; text-align:center; }
#beneficios-corpo2-conteudo h1 { width:80%; font-size:30px; font-weight:400; color:black; text-align: center;margin: 0 auto 5%; }
#beneficios-corpo2-conteudo ul { color:#838383; padding-bottom:5%; width:80%; margin: 0 auto; display: inline-block; }
#beneficios-corpo2-conteudo li  { width: 25%; float: left; text-align: center; margin: 0; color: black; }
#beneficios-corpo2-conteudo p { font-size:18px; font-weight: 400; margin-top:5%; }
#beneficios-corpo2-conteudo img { cursor:pointer; }

.beneficios-corpo3 { position:relative; width:100%; padding-top:3%; background:#eaf2f4; font-family:Roboto; font-size:28px; }
.beneficios-corpo3-conteudo { width:90%; margin:0 5% 5%; display: inline-block; }
.beneficios-corpo3-conteudo h1 { font-size:30px; font-weight:400; color:#838383; margin-bottom:5%; }
.beneficios-corpo3-conteudo ul { float:left; width:55%; color:#838383; }
.beneficios-corpo3-conteudo li  { width: 87%; padding-left:9%; padding-bottom:1%; font-family:Roboto; font-size:18px; margin:1% 4% 2% 2%; background:url('/images/apoioescolar24horas/apoio_2014/beneficios/bola6.png') no-repeat scroll 0% 0% transparent; vertical-align:top; line-height:30px; }
.beneficios-corpo3-conteudo img { float:right;top: -30px;position: relative; }

#contemTutorias h1 { font-size: xx-large; font-weight: 400; text-align: left; color: #0DC1EB; width: 54%; float: right; }
#contemRevisao h1 { font-size: xx-large; font-weight: 400; text-align: left; color: #0DC1EB; width: 54%; float: right; }
#contemVestibular h1 { font-size: xx-large;font-weight: 400; text-align: left; color: #0DC1EB; width: 54%; float: right; }
#contemEstudo h1 { font-size: xx-large;font-weight: 400; text-align: left; color: #0DC1EB; width: 54%; float: right; }

#toTop {
	background: url(/images/apoioescolar24horas/apoio_2014/sprite.png) 15px -79px no-repeat #27292E;
	bottom: 0px;
	color: #86888A;
	display: none;
	height: 38px;
	position: fixed;
	right: 30px;
	text-align: center;
	text-transform: uppercase;
	width: 58px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

#toTop:hover {
	background: url(/images/apoioescolar24horas/apoio_2014/sprite.png) 15px -79px no-repeat #86888A;
	text-shadow: none;
	color: #27292E;
}

#home-rodape { margin-top:0 !important; height:110px !important; }




.fundo_topo { background: white; }
#topo h2.logo { background: url(/images/apoioescolar24horas/apoio_2014/home/logo.png) no-repeat; background-size: contain; width:150px; margin-right: 0%; }
#topo h2.logoNalin { background: url(/images/apoioescolar24horas/apoio_2014/home/logo-nalin.png) no-repeat; background-size: contain; width:150px; margin-right: 0%; }
#topo ul { font-size: 18px; width:72%; display: inline-block; text-align: right; margin-top: 16px; float: right; margin-right: 2%; }
#topo ul li { display: inline; padding:0 2%; font-size: 24px; }
#topo ul .loginBt2 { color: #526d9a; margin-left: 8%; }
#topo ul .assineBt { border: 1px solid #ffffff; color:white; padding:1% 3%; background-color: #1fc6ec; border-radius: 6px; cursor: pointer; }

#primeiroacesso { width:100%; height:75px; background:#526d9a; color:white; fonte-size:16px; font-family:"Roboto Condensed"; }
#primeiroacesso a { color:white; }
#primeiroacesso button { width:175px; height:44px; background:white; border-radius:6px; -moz-border-radius:6px; background:white; color:#526d9a; float:right; font-family:"Roboto Condensed"; text-transform:uppercase; font-size:26px; margin-top:15px; margin-right:15px; cursor:pointer; }
#primeiroacesso span { text-transform:uppercase; font-size:30px; font-family:"Roboto Condensed"; margin-right:15px; margin-left: 15px; }
#primeiroacesso #primeiroacesso-texto { width:96%; margin:0 auto; text-align:left; line-height:71px; font-size:18px; }

#restrito-intro { width:100%; background:#e3e3e2; display: inline-block; }
#restrito-intro-conteudo { width:90%; margin:0 5%; font-family:Roboto; font-size:16px; color:#979da2; display: inline-block; }
#restrito-intro-conteudo h1 { width:100%; font-family:Roboto; font-size:30px; font-weight:400; margin-bottom:3%; padding-top:5%; color:#979da2; }
#restrito-intro-conteudo li { margin-left:3%; width:90%; font-family:Roboto; font-size:16px; font-weight:400; margin-bottom:2%; list-style:disc; }
#restrito-intro-conteudo iframe { float:right; padding-top:7%; }

#restrito-info { width:100%; background:#f8f8f8; min-height:300px; padding:60px 0 200px; }
#restrito-info p { font-size:32px; font-family:Roboto; margin-bottom:30px; }
#restrito-info ul { margin:0 auto; width:980px; }
#restrito-info li { position:relative; background:white; width:238px; height:285px; color:#979da2; font-family:Roboto; font-size:17px; float:left; margin-left: 0; margin-right:4%; padding:2% 3%; }
#restrito-info button { position:absolute; top:250px; left:55px; width:188px; height:50px; background:#0dc1eb; color:white; font-family:Roboto; font-size:16px; cursor:pointer; cursor:hand; -moz-border-radius:3px; border-radius:3px; }
#restrito-info input { width:190px; height:38px; background:#dbdbdb; font-family:Roboto; font-size:16px; font-weight:400; color:white; padding:0 25px; line-height:38px; vertical-align:middle; margin-bottom:20px; border:0px; -moz-border-radius:5px; border-radius:5px; }

#restrito-intro2 { width:35%; height:458px; background:#e3e3e2; float: left; margin-right: 5%; }

#restrito-assine { position:relative; width:28%; min-height: 280px; padding:3% 0 2%; margin:6% 3% 0 0; float: left; background:white; -moz-border-radius:6px; border-radius:6px; }
#restrito-assine p { font-size:32px; font-family:Roboto; margin-bottom:3%; }
#restrito-assine ul { display: inline-block; }
#restrito-assine li { width:80%; color:#979da2; font-family:Roboto; font-size:17px; float:left; margin-left: 0; margin-right:0; padding:2% 10%; list-style:none !important; }
#restrito-assine button { position:absolute; top:250px; left:17%; width:66%; height:50px; background:#0dc1eb; color:white; font-family:Roboto; font-size:16px; cursor:pointer; cursor:hand; -moz-border-radius:3px; border-radius:3px; }
#restrito-assine input { width:60%; height:38px; background:#dbdbdb; font-family:Roboto; font-size:16px; font-weight:400; color:white; padding:0 25px; line-height:38px; vertical-align:middle; margin-bottom:20px; border:0px; -moz-border-radius:5px; border-radius:5px; }

#restrito-login { position:relative; width:28%; min-height: 280px; padding:3% 0 2%; margin:6% 0 0 0; float: left; background:white; -moz-border-radius:6px; border-radius:6px; }
#restrito-login p { font-size:32px; font-family:Roboto; margin-bottom:5%; }
#restrito-login ul { display: inline-block; }
#restrito-login li { width:80%; color:#979da2; font-family:Roboto; font-size:17px; float:left; padding:2% 8%; list-style:none; }
#restrito-login button { position:absolute; top:250px; left:17%; width:66%; height:50px; background:#0dc1eb; color:white; font-family:Roboto; font-size:16px; cursor:pointer; cursor:hand; -moz-border-radius:3px; border-radius:3px; }
#restrito-login input { width:94%; height:38px; background:#dbdbdb; font-family:Roboto; font-size:16px; font-weight:400; color:white; padding:0 2%; line-height:38px; vertical-align:middle; margin-bottom:3%; border:0px; -moz-border-radius:5px; border-radius:5px; }

#home-corpo1 { position:relative; width:100%; height:auto; text-align:center; background:#f8f8f8; } /* background:url(/images/apoioescolar24horas/apoio_2014/home/crianca_estudando_hi2.jpg) no-repeat top center; */
#home-corpo1 #code-container { position:absolute; bottom:2%; width:100%; height:70px; margin:0 auto; z-index:999999; }
#home-corpo1 #code { width:40%; height:70px; background:url(/images/apoioescolar24horas/apoio_2014/home/background-code.png); margin:0 auto; -moz-border-radius:4px; border-radius:4px; display: inline-block; }
#home-corpo1 #code form { margin:0 auto; width: 96%; margin-top: 8px; }
#home-corpo1 #code .codigo { width:73%; height:53px; padding-left:2%; background:white; border:0px; font-family:Roboto; font-size:18px; font-weight:500; color:#bebebe; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }
#home-corpo1 #code .codigo2 { font-size:13px; }
#home-corpo1 #code .enviar { width:25%; height:53px; padding: 0; text-align: center; background:#0dc1eb; font-family:Roboto; border:0; font-size:20px; font-weight:500; color:white; cursor:pointer; cursor:hand; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; margin:0;  }

#home-corpo2 { position:relative; width:100%; background:#fff; font-family:Roboto; font-size:14px; display: inline-block; }
#home-corpo2 #oquee { width:13%/*25%*/; }
#home-corpo2 h1 { width:80%; font-size:24px; font-weight:400; text-align:center; margin:0 auto; padding: 0 10%; color: #000; }
#home-corpo2 h2 { width:80%; font-size:18px; font-weight:400; text-align:center; margin:10px auto; padding: 0 10%; color: #000; }
#home-corpo2 ul { width:80%; margin:3% auto 0; line-height:20px; background:#f8f8f8; display: inline-block; padding: 0 10%; }
#home-corpo2 li { width:21%; float:left; text-align:center; background:#f8f8f8; padding: 6% 2%; color: #000; font-size: 16px; }
#home-corpo2 img { margin-bottom:20px; }

#home-corpo3 { width:100%; background:#ecf2f3; font-family:Roboto; font-size:15px; display: inline-block; }
#home-corpo3 #idealpara { width: 13%; margin-top: 4%; }
#home-corpo3 ul { width:80%; margin:auto 0; line-height:20px; display: inline-block; padding: 0 10%; }
#home-corpo3 li { width:21%; float:left; text-align:center; padding: 12% 2% 10%; color: #000; font-size: 16px; background-repeat: no-repeat; background-position: center 0; }
#home-corpo3 li img { margin-bottom: 10%; }

#home-corpo4 { width:100%; background:#fff; font-family:Roboto; display: inline-block; }
#home-corpo4 #beneficios { width: 13%; margin-top: 4%; }
#home-corpo4-conteudo .beneficios {	text-align: center; margin: 3% auto 5%; display: inline-block; }
#home-corpo4 #home-corpo4-conteudo { width:80%; margin:0 auto; text-align:center; }
#home-corpo4 #divSaibaMais { width: 18%; margin-top:0; margin-bottom: 5%; }

.beneficios .blocoBeneficio { width:28%; float:left; margin:0 2%; }
.beneficios .blocoBeneficio #pTitulo { font-size: 18px; font-weight: 500; color:#000; width:100%; margin: auto auto 15px auto; text-align: center; line-height: 20px; }
.beneficios .blocoBeneficio p {	font-size: 16px; margin: auto auto 40px auto; min-height: 57px; text-align: center; line-height: 20px; color: #000; }
.beneficios .blocoBeneficio ul { /*max-width:240px;*/ }
.beneficios .blocoBeneficio li { width: 80%; padding-left: 20%; padding-bottom: 10%; font-family: Roboto; font-size: 16px; vertical-align: top; line-height: 20px; background: url('/images/apoioescolar24horas/apoio_2014/beneficios/bola5.png') no-repeat scroll 0% 0% transparent; text-align: left; background-position: 0 6px; background-position-y: 6px; color: #000; }
.beneficios .blocoBeneficio img { margin-bottom: 10%; }

.beneficios-corpo4 { position:relative; width:100%; padding-top:3%; background:#fff; font-family:Roboto; font-size:28px; display: inline-block; }
.beneficios-corpo4-conteudo { width:90%; margin:0 auto; }
.beneficios-corpo4-conteudo h1 { font-size:30px; font-weight:400; color:#0DC1EB; margin-bottom:5%; }
.beneficios-corpo4-conteudo ul { float:right; width:55%; color:#838383; }
.beneficios-corpo4-conteudo li  { width: 87%; padding-left:9%; padding-bottom:1%; font-family:Roboto; font-size:18px; margin:1% 4% 2% 2%; background:url('/images/apoioescolar24horas/apoio_2014/beneficios/bola6.png') no-repeat scroll 0% 0% transparent; vertical-align:top; line-height:30px; }
.beneficios-corpo4-conteudo img { float:left;top: -30px;position: relative; }

#home-corpo6 { width:100%; background:#0dc1eb; color:white; font-family:Roboto; padding: 8% 0 7%; }
#home-corpo6-conteudo { width:80%; margin:0 auto; font-size:30px; }
#home-corpo6-conteudo p { margin-bottom:5%; text-align:center; line-height:28px; }
#home-corpo6-conteudo #assine p { font-size:15px; line-height:20px; padding-top:0%; margin-bottom:8%; text-align:center; }
#home-corpo6-conteudo #assine button { background-color: #fff; color: #0dc1eb; text-transform: uppercase; font-size: 28px; width: 30%; height: 54px; }

.boxTitulo { padding: 0 3%; text-align: center; margin:1% auto 4%; background:#0dc1eb; font-family:Roboto; border:0; font-size:28px; line-height: 50px; font-weight:500; color:white; cursor:pointer; cursor:hand; -moz-border-radius:3px; border-radius:3px; }
.barraOpcoes ul { position: relative; width:100%; display: inline-block; height: 34px; line-height: 34px; }
.barraOpcoes ul li { width:32%; text-align: center; display: inline-block; cursor: pointer; font-size: 16px; color: #526d9a; }

.rslides .caption { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 2%; text-align: left; background: #000; background: rgba(0,0,0, .8); color: #fff; font-size: 36px; line-height: 38px; height: 30%; font-weight: bold; }
.rslides .caption span { font-size: 18px; line-height: 20px; font-weight: normal; display: block; }
.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_educacaoInfantil_v1.jpg') no-repeat; background-size:cover; }
.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_educacaoInfantil_v2.jpg') no-repeat; background-size:cover; }
.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_matematica_v1.jpg') no-repeat; background-size:cover; }
.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_matematica_v2.jpg') no-repeat; background-size:cover; }
.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_videoAulas_v1.jpg') no-repeat; background-size:cover; }
.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_videoAulas_v2.jpg') no-repeat; background-size:cover; }
.rslides .banner7 { background:url('/images/apoioescolar24horas/apoio_2018/home/final_redacao_v2.jpg') no-repeat; background-size:cover; }
.rslides .banner8 { background:url('/images/apoioescolar24horas/apoio_2018/home/AI-Sofia.png') no-repeat; background-size:cover; }

#home-corpo1 { height: 70vh; }
.rslides { height: 70vh; }
.rslides li { height: 70vh; }
.rslides img { height: 70vh !important; background-position:center !important; }

#segmentosDest { margin:0 auto; width:100%; font-family:"Roboto"; display: inline-block; margin:3% 0; }
#segmentosDest ul { margin:0 auto; display: inline-block; width: 100%; text-align: center; }
#segmentosDest li { display: inline-block; width:25%; margin: 0 3% 2%; font-size:13px; text-align: left; cursor: pointer; line-height:18px; }
#segmentosDest p { height:45px; margin:12px 0 0 0; font-size:20px; font-weight:700; line-height:16px; }
#segmentosDest span { font-size:14px; font-weight:400; }
#segmentosDest img { width:100%; height:145px; background-size: cover; background-position: center; }

.arrow { position: absolute; display: inline-block; vertical-align: middle; text-align: center; bottom: 1%; right: 1%; z-index: 9999999; opacity: 0.6; }
.arrow a { display: inline-block; border-radius: 50%; }
.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 0.5em solid #fff; }
.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 0.5em solid #fff; border-right: 0.5em solid #fff; }
.arrow .left { display: inline-block; width: 4em; height: 4em; border: 0.5em solid #333; border-radius: 50%; margin-right: 1.5em; }
.arrow .left:after { content: ''; display: inline-block; margin-top: 1.05em; margin-left: 0.6em; width: 1.4em; height: 1.4em; border-top: 0.5em solid #333; border-right: 0.5em solid #333; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.arrow .top { display: inline-block; width: 4em; height: 4em; border: 0.5em solid #333; border-radius: 50%; margin-right: 0.75em; }
.arrow .top:after { content: ''; display: inline-block; margin-top: 1.4em; width: 1.4em; height: 1.4em; border-top: 0.5em solid #333; border-right: 0.5em solid #333; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.arrow .bottom { display: inline-block; width: 45px; height: 45px; border: 6px solid #fff; border-radius: 50%; margin-left: 0; }
.arrow .bottom:after { content: '';	display: inline-block; margin-top: 6px; width: 17px; height: 17px; border-top: 6px solid #fff; border-right: 6px solid #fff; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.arrow .right { display: inline-block; width: 4em; height: 4em; border: 0.5em solid #333; border-radius: 50%; margin-left: 1.5em; }
.arrow .right:after { content: ''; display: inline-block; margin-top: 1.05em; margin-left: -0.6em; width: 1.4em; height: 1.4em; border-top: 0.5em solid #333; border-right: 0.5em solid #333; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media only screen and (max-width: 1100px) { 
	.beneficios-corpo3-conteudo ul { width: 52%; }
	.beneficios-corpo4-conteudo ul { width: 52%; }
	.beneficios-corpo4-conteudo img { margin-bottom:5%; }

	#contemTutorias h1, #contemRevisao h1, #contemVestibular h1, #contemEstudo h1 { width: 51%; }	

	#segmentosDest p { height:55px; }
	#segmentosDest li { height: 325px; }
	.arrow { bottom: 7%; }
}

@media only screen and (max-width: 925px) { 
	.boxTitulo { margin-top: 4%; }
	#home-corpo3 #idealpara, #home-corpo3 #beneficios { width: 15%; }
	#home-corpo4 #divSaibaMais { width: 22%; }

	#topo ul .loginBt2 { margin-left: 5%; }

	.beneficios-corpo3-conteudo ul { width: 50%; margin-bottom: 4%; }
	.beneficios-corpo3-conteudo ul li { width: 85%; padding-left: 11%; }
	.beneficios-corpo3-conteudo img { width: 49%; }

	.beneficios-corpo4-conteudo ul { width: 50%; margin-bottom: 4%; }
	.beneficios-corpo4-conteudo ul li { width: 85%; padding-left: 11%; min-height: 36px; }
	.beneficios-corpo4-conteudo img { margin-bottom:5%; width: 49%; }

	#contemTutorias h1, #contemRevisao h1, #contemVestibular h1, #contemEstudo h1 { width: 51%; }

	#segmentosDest li { height: 350px; }
	#segmentoDest li { width: 47.5%; }
	#segmentoTitulo { padding-top: 5%; }
}

@media only screen and (min-width: 820px) and (max-width: 925px) { 
	#topo ul { width: 78%; }
	#topo ul li { display: inline; padding:0 2%; font-size: 22px; }
	#topo ul .loginBt2 { margin-left: 5%; }

	.beneficios-corpo3-conteudo ul { width: 48%; }
	.beneficios-corpo3-conteudo ul li { width: 83%; padding-left: 13%; line-height:22px; }
	.beneficios-corpo3-conteudo img { width: 48%; margin-bottom: 5%; }

	.beneficios-corpo4-conteudo ul { width: 48%; margin-bottom: 6%; }
	.beneficios-corpo4-conteudo ul li { width: 83%; padding-left: 13%; min-height: 36px; line-height:22px; }
	.beneficios-corpo4-conteudo img { width: 48%; margin-bottom: 5%; }

	/*#home-corpo1 #code-container { top:64%; height:60px; }*/
	#home-corpo1 #code { height:60px; }
	#home-corpo1 #code .codigo { height:43px; padding-left:2%; font-size:16px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:43px; font-size:18px; }

	#home-corpo2 #oquee { width: 16%; }
	#home-corpo3 #idealpara { width: 16%; }
	#home-corpo4 #beneficios { width: 17%; }

	#restrito-intro-conteudo h1 { line-height: 30px; }
	
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 30px; margin-bottom: 5%; }

	#restrito-login p { line-height: 30px; margin-bottom: 5%; }
}

@media only screen and (min-width: 768px) and (max-width: 819px) {
	.fundo_topo { height: 70px; }
	#topo ul { width: 78%; margin-top:10px; }
	#topo ul li { display: inline; padding:0 1%; font-size: 22px; }
	#topo h2.logo { width: 150px; height: 53px; }

	.beneficios-corpo3-conteudo h1 { font-size: 28px; }
	.beneficios-corpo3-conteudo ul { width: 48%; }
	.beneficios-corpo3-conteudo ul li { width: 83%; padding-left: 13%; font-size: 16px; line-height: 20px; min-height: 38px; }
	.beneficios-corpo3-conteudo img { width: 48%; margin-bottom: 5%; }

	.beneficios-corpo4-conteudo h1 { font-size: 28px; }
	.beneficios-corpo4-conteudo ul { width: 48%; }
	.beneficios-corpo4-conteudo ul li { width: 83%; padding-left: 13%; font-size: 16px; line-height: 20px; min-height: 38px; }
	.beneficios-corpo4-conteudo img { width: 48%; margin-bottom: 5%; }

	/*#home-corpo1 #code-container { top:64%; height:60px; }*/
	#home-corpo1 #code { height:62px; }
	#home-corpo1 #code .codigo { height:43px; padding-left:2%; font-size:16px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:43px; font-size:18px; }

	#home-corpo2 #oquee { width: 16%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%;  }
	#home-corpo3 #idealpara { width: 16%; }
	#home-corpo3 li { padding: 15% 2% 10%; }
	#home-corpo4 #beneficios { width: 17%; }
	#home-corpo4 #divSaibaMais { width: 21%; }	

	#restrito-intro-conteudo h1 { line-height: 30px; }
	
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 30px; margin-bottom: 5%; }

	#restrito-login p { line-height: 30px; margin-bottom: 5%; }
}

@media only screen and (min-width: 747px) and (max-width: 767px) {
	.fundo_topo { height: 70px; }
	#topo ul { margin-top:10px; }
	#topo ul li { display: inline; padding:0 1%; font-size: 16px; }
	#topo h2.logo { width: 130px; height: 53px; }

	.beneficios-corpo3-conteudo h1 { font-size: 28px; }
	.beneficios-corpo3-conteudo ul { width: 48%; }
	.beneficios-corpo3-conteudo ul li { width: 83%; padding-left: 13%; font-size: 16px; line-height: 20px; min-height: 38px; }
	.beneficios-corpo3-conteudo img { width: 48%; margin-bottom: 5%; }

	.beneficios-corpo4-conteudo h1 { font-size: 28px; }
	.beneficios-corpo4-conteudo ul { width: 48%; }
	.beneficios-corpo4-conteudo ul li { width: 83%; padding-left: 13%; font-size: 16px; line-height: 20px; min-height: 38px; }
	.beneficios-corpo4-conteudo img { width: 48%; margin-bottom: 5%; }

	/*#home-corpo1 #code-container { top:64%; height:60px; }*/
	#home-corpo1 #code { height:62px; }
	#home-corpo1 #code .codigo { height:43px; padding-left:2%; font-size:14px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:43px; font-size:16px; }

	#home-corpo2 #oquee { width: 16%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%; }
	#home-corpo3 #idealpara { width: 18%; }
	#home-corpo4 #home-corpo4-conteudo { width:100%; }
	#home-corpo4 #beneficios { width: 17%; }
	#home-corpo4 #divSaibaMais { width: 21%; }

	.beneficios .blocoBeneficio li { width: 80%; padding-left: 20%; }

	#restrito-intro-conteudo h1 { line-height: 30px; }
	
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 30px; margin-bottom: 5%; }

	#restrito-login p { line-height: 30px; margin-bottom: 5%; }
}

@media only screen and (max-width: 746px) {
	.fundo_topo { height: 70px; }
	#topo ul { margin-top:10px; }
	#topo ul li { display: inline; padding:0 1%; font-size: 16px; }
	#topo h2.logo { width: 130px; height: 53px; }

	.beneficios-corpo3-conteudo h1 { font-size: 28px; }
	.beneficios-corpo3-conteudo ul { width: 48%; }
	.beneficios-corpo3-conteudo ul li { width: 79%; padding-left: 17%; font-size: 16px; line-height: 20px; min-height: 38px; }
	.beneficios-corpo3-conteudo img { width: 48%; margin-bottom: 5%; }

	.beneficios-corpo4-conteudo h1 { font-size: 28px; }
	.beneficios-corpo4-conteudo ul { width: 48%; }
	.beneficios-corpo4-conteudo ul li { width: 79%; padding-left: 17%; font-size: 16px; line-height: 20px; min-height: 38px; }
	.beneficios-corpo4-conteudo img { width: 48%; margin-bottom: 5%; }

	#primeiroacesso { height:60px; }
	#primeiroacesso span { font-size:22px; margin:1%; }
	#primeiroacesso button { width:125px; height:34px; font-size:22px; }
	#primeiroacesso #primeiroacesso-texto {  line-height: 61px; }

	/*#home-corpo1 #code-container { top:64%; height:60px; }*/
	#home-corpo1 #code { height:62px; width: 50%; }
	#home-corpo1 #code .codigo { height:43px; padding-left:2%; font-size:14px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:43px; font-size:16px; }

	#home-corpo2 #oquee { width: 18%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%; }
	#home-corpo3 #idealpara { width: 20%; }
	#home-corpo3 li { font-size: 15px; }
	#home-corpo4 #home-corpo4-conteudo { width:100%; }
	#home-corpo4 #beneficios { width: 19%; }
	#home-corpo4 #divSaibaMais { width: 23%; }

	.beneficios .blocoBeneficio p { font-size: 14px; line-height: 16px; margin-bottom: 25px; }
	.beneficios .blocoBeneficio li { font-size: 14px; line-height: 16px; background-size:20px; width: 80%; padding-left: 20%; }
	.beneficios .blocoBeneficio #pTitulo { font-size: 16px; line-height: 18px; }

	.rslides .caption { font-size: 32px; line-height: 34px; }
	.rslides .caption span { font-size: 16px; line-height: 18px; }

	#restrito-intro-conteudo h1 { line-height: 30px; }
	#restrito-intro2 { width: 100%; height: auto; }

	#restrito-assine { width:48%; margin-bottom: 5%; }
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 30px; margin-bottom: 5%; }

	#restrito-login { width:48%; margin-bottom: 5%; }
	#restrito-login p { line-height: 30px; margin-bottom: 5%; }

	#segmentosDest li { position: relative; width:100%; height: 300px; margin:0; }
	#segmentosDest li p { position: absolute; top:139px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }
	#segmentosDest .cor_encceja p { background:rgb(83,58,155, 0.8); }

	.arrow { bottom: 10px; right: 5px; }
	.arrow .bottom { width: 35px; height: 35px; border: 5px solid #fff; }
	.arrow .bottom::after { width: 15px; height: 15px; border-top: 5px solid #fff; border-right: 5px solid #fff; margin-top: 3px;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 5px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 5px solid #fff; border-right: 5px solid #fff; }
}

@media only screen and (max-width: 619px) {
	.fundo_topo { height: 60px; padding-top: 10px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	#topo ul { margin-top:10px; width: 50%; }
	#topo ul li { display: inline; padding:0 1%; font-size: 16px; }
	#topo h2.logo { width: 130px; height: 53px; }
	#topo ul .assineBt { margin-left: 7%; padding: 8px 12px; }

	.beneficios-corpo3-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo3-conteudo ul { width: 48%; }
	.beneficios-corpo3-conteudo ul li { width: 77%; padding-left: 19%; font-size: 14px; line-height: 18px; min-height: 38px; }
	.beneficios-corpo3-conteudo img { width: 48%; top:0; margin-bottom: 9%; }

	.beneficios-corpo4-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo4-conteudo ul { width: 48%; }
	.beneficios-corpo4-conteudo ul li { width: 77%; padding-left: 19%; font-size: 14px; line-height: 18px; min-height: 38px; }
	.beneficios-corpo4-conteudo img { width: 48%; top:0; margin-bottom: 9%; }

	#primeiroacesso { height:50px; }
	#primeiroacesso span { font-size:20px; margin:1%; }
	#primeiroacesso button { width:115px; height:30px; font-size:18px; margin-right: 0; margin-top: 10px; }
	#primeiroacesso #primeiroacesso-texto { line-height: 51px; font-size: 16px; }

	/*#home-corpo1 #code-container { top:64%; height:56px; }*/
	#home-corpo1 #code { height:52px; width: 55%; }
	#home-corpo1 #code .codigo { height:39px; padding-left:2%; font-size:12px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:39px; font-size:13px; }

	#home-corpo2 #oquee { width: 20%; margin: 6% auto 4%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%; }
	#home-corpo3 #idealpara { width: 23%; margin: 8% auto 6%; }
	#home-corpo3 ul { width: 90%; padding: 0 5%; }
	#home-corpo3 li { font-size: 15px; }
	#home-corpo4 #home-corpo4-conteudo { width:100%; }
	#home-corpo4 #beneficios { width: 24%; margin: 8% auto 4%; }
	#home-corpo4 #divSaibaMais { width: 27%; }
	#home-corpo6-conteudo #assine button { width: 40%; height: 44px; font-size: 24px; }

	.boxTitulo { font-size: 24px; line-height: 44px; }
	.beneficios .blocoBeneficio p { font-size: 14px; line-height: 16px; margin-bottom: 25px; }
	.beneficios .blocoBeneficio li { font-size: 14px; line-height: 16px; background-size:20px; width: 80%; padding-left: 20%; }
	.beneficios .blocoBeneficio #pTitulo { font-size: 16px; line-height: 18px; }

	.rslides .caption { font-size: 28px; line-height: 30px; }
	.rslides .caption span { font-size: 14px; line-height: 16px; }
	/*
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/atividades-infantis.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/professores-online.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/vestibular-enem.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/tutoria-diaria.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/duvida-nao-tem-hora.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/aplicativos-exclusivos.jpg') no-repeat; background-size:cover; }
	*/
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner7 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_redacao_v2.jpg') no-repeat; background-size:cover; }

	#restrito-intro-conteudo h1 { line-height: 30px; padding-top: 0; }
	#restrito-intro2 { width: 100%; height: auto; }

	#restrito-assine { width:48%; margin-bottom: 5%; }
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 30px; margin-bottom: 5%; }
	#restrito-assine button { top:215px; }

	#restrito-login { width:48%; margin-bottom: 5%; }
	#restrito-login p { line-height: 30px; margin-bottom: 5%; }
	#restrito-login button { top:215px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:142px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }
	#segmentosDest .cor_encceja p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 47.5%; }
	#segmentoDest li h6 { font-size: 15px; }
	#segmentoDest li div { width: 97%; height: 34%; padding: 3% 0 2% 3%; }

	#segmentoTitulo { padding-top: 6%; }

	.arrow { bottom: 20px; right: 5px; }
	.arrow .bottom { width: 25px; height: 25px; border: 4px solid #fff; }
	.arrow .bottom::after { width: 7px; height: 7px; border-top: 4px solid #fff; border-right: 4px solid #fff;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 4px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 4px solid #fff; border-right: 4px solid #fff; }
}

@media only screen and (max-width: 477px) {
	.fundo_topo { height: 60px; padding-top: 10px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	#topo ul { margin-top:10px; width: 50%; }
	#topo ul li { display: inline; padding:0 1%; font-size: 16px; }
	#topo h2.logo { width: 130px; height: 53px; }
	#topo ul .assineBt { margin-left: 7%; padding: 8px 12px; }

	#beneficios-corpo1 #beneficios { width: 26%; }
	#beneficios-corpo1 p { font-size: 20px; }
	
	#beneficios-corpo2-conteudo h1 { font-size: 22px; }
	#beneficios-corpo2-conteudo ul { width: 90%; }
	#beneficios-corpo2-conteudo p { font-size: 16px; line-height: 18px; }

	.beneficios-corpo3-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo3-conteudo ul { width: 98%; margin-bottom: 4%; }
	.beneficios-corpo3-conteudo ul li { width: 77%; padding-left: 15%; font-size: 14px; line-height: 18px; min-height: 36px; }
	.beneficios-corpo3-conteudo img { width: 48%; top:0; display: none; }

	.beneficios-corpo4-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo4-conteudo ul { width: 98%; margin-bottom: 4%; }
	.beneficios-corpo4-conteudo ul li { width: 77%; padding-left: 15%; font-size: 14px; line-height: 18px; min-height: 36px; }
	.beneficios-corpo4-conteudo img { width: 48%; top:0; display: none; }

	#primeiroacesso { height:50px; }
	#primeiroacesso span { font-size:18px; margin:1%; }
	#primeiroacesso button { width:90px; height:34px; font-size:18px; margin-right: 0; margin-top: 9px; }
	#primeiroacesso #primeiroacesso-texto {  line-height: 51px; font-size: 14px; }

	/*#home-corpo1 #code-container { top:64%; height:56px; }*/
	#home-corpo1 #code { height:52px; width: 55%; }
	#home-corpo1 #code .codigo { height:39px; padding-left:2%; font-size:12px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:39px; font-size:13px; }
	
	#home-corpo2 #oquee { width: 20%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%; }
	#home-corpo2 ul li { width: 46%; }

	#home-corpo3 #idealpara { width: 23%; }
	#home-corpo3 li { font-size: 15px; }
	#home-corpo4 #home-corpo4-conteudo { width:100%; }
	#home-corpo4 #beneficios { width: 24%; }
	#home-corpo4 #divSaibaMais { width: 27%; }

	#home-corpo6-conteudo { font-size: 26px; }
	#home-corpo6-conteudo #assine button { font-size: 24px; width: 42%; height: 48px; }

	.boxTitulo { font-size: 22px; line-height: 40px; }
	.beneficios .blocoBeneficio { width: 46%; }
	.beneficios .blocoBeneficio p { font-size: 14px; line-height: 16px; margin-bottom: 25px; min-height: unset; }
	.beneficios .blocoBeneficio ul { margin-bottom: 10%; }
	.beneficios .blocoBeneficio li { font-size: 14px; line-height: 16px; background-size:20px; width: 80%; padding-left: 20%; }
	.beneficios .blocoBeneficio #pTitulo { font-size: 16px; line-height: 18px; }

	.rslides .caption { font-size: 28px; line-height: 30px; }
	.rslides .caption span { font-size: 14px; line-height: 16px; }
	/*
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/atividades-infantis.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/professores-online.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/vestibular-enem.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/tutoria-diaria.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/duvida-nao-tem-hora.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/aplicativos-exclusivos.jpg') no-repeat; background-size:cover; }
	*/
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner7 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_redacao_v2.jpg') no-repeat; background-size:cover; }

	#restrito-intro-conteudo h1 { line-height: 30px; padding-top: 0; font-size: 22px; line-height: 24px; }
	#restrito-intro-conteudo li { font-size: 16px; line-height: 18px; }
	#restrito-intro2 { width: 100%; height: auto; }

	#restrito-assine { width:48%; margin-bottom: 5%; }
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 26px; margin-bottom: 5%; font-size: 24px; }
	#restrito-assine button { top:215px; }

	#restrito-login { width:48%; margin-bottom: 5%; }
	#restrito-login p { line-height: 26px; margin-bottom: 5%; font-size: 24px; }
	#restrito-login button { top:215px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:147px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }
	#segmentosDest .cor_encceja p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 98%; }
	#segmentoDest li div { padding: 3% 0 3% 4%; line-height: 16px; font-size: 14px; height: 30%; }

	#segmentoTitulo { padding: 6% 0 1% 1%; }

	.arrow { bottom: 20px; right: 5px; }
	.arrow .bottom { width: 25px; height: 25px; border: 4px solid #fff; }
	.arrow .bottom::after { width: 7px; height: 7px; border-top: 4px solid #fff; border-right: 4px solid #fff;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 4px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 4px solid #fff; border-right: 4px solid #fff; }
}

@media only screen and (max-width: 423px) {
	.fundo_topo { height: 47px; padding-top: 10px; padding-left: 5px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	#topo ul { margin-top:6px; width: 55%; }
	#topo ul li { display: inline; padding:0 1%; font-size: 16px; }
	#topo h2.logo { width: 100px; height: 40px; }
	#topo ul .assineBt { margin-left: 7%; padding: 5px 12px; }

	#beneficios-corpo1 #beneficios { width: 30%; }

	#beneficios-corpo2-conteudo h1 { font-size: 22px; }
	#beneficios-corpo2-conteudo ul { width: 90%; }
	#beneficios-corpo2-conteudo p { font-size: 16px; line-height: 18px; }
	#beneficios-corpo1 p { font-size: 16px; line-height: 18px; }

	.beneficios-corpo3-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo3-conteudo ul { width: 98%; margin-bottom: 4%; }
	.beneficios-corpo3-conteudo ul li { width: 77%; padding-left: 16%; font-size: 14px; line-height: 18px; min-height: 36px; background-size: 11%; }
	.beneficios-corpo3-conteudo img { width: 48%; top:0; display: none; }

	.beneficios-corpo4-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo4-conteudo ul { width: 98%; margin-bottom: 4%; }
	.beneficios-corpo4-conteudo ul li { width: 77%; padding-left: 16%; font-size: 14px; line-height: 18px; min-height: 36px; background-size: 11%; }
	.beneficios-corpo4-conteudo img { width: 48%; top:0; display: none; }

	#primeiroacesso { height:40px; }
	#primeiroacesso span { font-size:13px; margin:0 5px 0 0; }
	#primeiroacesso button { width:70px; height:28px; font-size:15px; margin-right: 0; margin-top: 7px;  padding: 2px; }
	#primeiroacesso #primeiroacesso-texto {  line-height: 41px; font-size: 10px; }

	#home-corpo1 #code-container { height: 44px; }
	#home-corpo1 #code { height:42px; width: 75%; }
	#home-corpo1 #code .codigo { height:29px; padding-left:2%; font-size:12px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:29px; font-size:13px; }

	#home-corpo2 #oquee { width: 29%; margin-top: 8%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%; }
	#home-corpo2 ul li { width: 46%; }
	#home-corpo2 h1 { font-size:22px; }
	#home-corpo2 h2 { font-size:16px; line-height: 20px; }

	#home-corpo3 #idealpara { width: 32%; margin-top: 10%; }
	#home-corpo3 ul { margin:3% auto 10%; }
	#home-corpo3 li { font-size: 15px; width: 65%; line-height: 18px; text-align: left; padding-left: 35%; background-position: 0 center; }
	#home-corpo3 li img { float: left; margin-bottom: 0; margin-right: 5%; width: 25%; }
	#home-corpo4 #home-corpo4-conteudo { width:100%; }
	#home-corpo4 #beneficios { width: 33%; margin-top: 10%; }
	#home-corpo4 #divSaibaMais { width: 36%; }

	#home-corpo6-conteudo { font-size: 24px; }
	#home-corpo6-conteudo p { line-height: 24px; }
	#home-corpo6-conteudo #assine button { font-size: 22px; width: 52%; height: 40px; }
	#home-corpo6-conteudo #assine p { line-height: 18px; }

	.boxTitulo { font-size: 22px; line-height: 40px; }
	.beneficios .blocoBeneficio { width: 98%; }
	.beneficios .blocoBeneficio p { font-size: 14px; line-height: 16px; margin-bottom: 25px; min-height: unset; }
	.beneficios .blocoBeneficio ul { margin: 0 10% 10%; }
	.beneficios .blocoBeneficio li { font-size: 13px; line-height: 16px; background-size:20px; width: 80%; padding-left: 10%; }
	.beneficios .blocoBeneficio #pTitulo { font-size: 16px; line-height: 18px; }

	.rslides .caption { font-size: 26px; line-height: 28px; height: 28%; }
	.rslides .caption span { font-size: 14px; line-height: 16px; }
	/*
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/atividades-infantis.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/professores-online.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/vestibular-enem.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/tutoria-diaria.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/duvida-nao-tem-hora.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/aplicativos-exclusivos.jpg') no-repeat; background-size:cover; }
	*/
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner7 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_redacao_v2.jpg') no-repeat; background-size:cover; }

	#restrito-intro-conteudo h1 { line-height: 30px; padding-top: 0; font-size: 22px; line-height: 24px; }
	#restrito-intro-conteudo li { font-size: 16px; line-height: 18px; }
	#restrito-intro2 { width: 100%; height: auto; }

	#restrito-assine { width:100%; margin-bottom: 5%; min-height: 200px; }
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 26px; margin-bottom: 5%; font-size: 24px; }
	#restrito-assine button { top:145px; }

	#restrito-login { width:100%; margin-bottom: 5%; min-height: 200px; }
	#restrito-login p { line-height: 26px; margin-bottom: 5%; font-size: 24px; }
	#restrito-login button { top:145px; }
	#restrito-login li { width: 88%; }
	#restrito-login input { width: 100%; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:150px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgba(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgba(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgba(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgba(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgba(83,58,155, 0.8); }
	#segmentosDest .cor_encceja p { background:rgba(83,58,155, 0.8); }

	#segmentoDest li { width: 98%; }
	#segmentoDest li div { padding: 3% 0 3% 4%; line-height: 16px; font-size: 14px; height: 30%; }

	#segmentoTitulo { padding: 8% 0 1% 1%; font-size: 22px; }
	#segmentoTitulo span { font-size: 18px; }

	.arrow { bottom: 20px; right: 5px; }
	.arrow .bottom { width: 25px; height: 25px; border: 4px solid #fff; }
	.arrow .bottom::after { width: 7px; height: 7px; border-top: 4px solid #fff; border-right: 4px solid #fff;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 4px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 4px solid #fff; border-right: 4px solid #fff; }
}

@media only screen and (max-width: 319px) {
	.fundo_topo { height: 47px; padding-top: 10px; padding-left: 5px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	#topo ul { margin-top:6px; width: 50%; }
	#topo ul li { display: inline; padding:0 1%; font-size: 16px; }
	#topo h2.logo { width: 130px; height: 40px; }
	#topo .assineBt { margin-left: 7%; padding: 3px; }

	#beneficios-corpo1 #beneficios { width: 26%; }

	#beneficios-corpo2-conteudo h1 { font-size: 22px; }
	#beneficios-corpo2-conteudo ul { width: 90%; }
	#beneficios-corpo2-conteudo p { font-size: 16px; line-height: 18px; }
	#beneficios-corpo1 p { font-size: 16px; line-height: 18px; }

	.beneficios-corpo3-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo3-conteudo ul { width: 98%; margin-bottom: 4%; }
	.beneficios-corpo3-conteudo ul li { width: 77%; padding-left: 16%; font-size: 14px; line-height: 18px; min-height: 36px; background-size: 11%; }
	.beneficios-corpo3-conteudo img { width: 48%; top:0; display: none; }

	.beneficios-corpo4-conteudo h1 { font-size: 26px !important; width: 100% !important; text-align: center !important; }
	.beneficios-corpo4-conteudo ul { width: 98%; margin-bottom: 4%; }
	.beneficios-corpo4-conteudo ul li { width: 77%; padding-left: 16%; font-size: 14px; line-height: 18px; min-height: 36px; background-size: 11%; }
	.beneficios-corpo4-conteudo img { width: 48%; top:0; display: none; }

	#primeiroacesso { height:50px; }
	#primeiroacesso span { font-size:16px; margin:1%; }
	#primeiroacesso button { width:80px; height:30px; font-size:16px; margin-right: 0; margin-top: 12px; }
	#primeiroacesso #primeiroacesso-texto {  line-height: 51px; font-size: 12px; }

	#home-corpo1 #code-container { top:64%; height:56px; }
	#home-corpo1 #code { height:52px; width: 75%; }
	#home-corpo1 #code .codigo { height:39px; padding-left:2%; font-size:12px; }
	#home-corpo1 #code .codigo2 { font-size:13px; }
	#home-corpo1 #code .enviar { height:39px; font-size:13px; }

	#home-corpo2 #oquee { width: 20%; }
	#home-corpo2 ul { width: 90%; padding: 0 5%; }
	#home-corpo2 ul li { width: 46%; }

	#home-corpo3 #idealpara { width: 22%; }
	#home-corpo3 ul { margin:3% auto 10%; }
	#home-corpo3 li { font-size: 15px; width: 65%; line-height: 18px; text-align: left; padding-left: 35%; background-position: 0 center; }
	#home-corpo4 #home-corpo4-conteudo { width:100%; }
	#home-corpo4 #beneficios { width: 22%; }
	#home-corpo4 #divSaibaMais { width: 26%; }

	#home-corpo6-conteudo { font-size: 26px; }
	#home-corpo6-conteudo #assine button { font-size: 24px; width: 40%; height: 50px; }

	.boxTitulo { font-size: 22px; line-height: 40px; }
	.beneficios .blocoBeneficio { width: 46%; }
	.beneficios .blocoBeneficio p { font-size: 14px; line-height: 16px; margin-bottom: 25px; min-height: unset; }
	.beneficios .blocoBeneficio ul { margin-bottom: 10%; }
	.beneficios .blocoBeneficio li { font-size: 14px; line-height: 16px; background-size:20px; width: 80%; padding-left: 20%; }
	.beneficios .blocoBeneficio #pTitulo { font-size: 16px; line-height: 18px; }

	.rslides .caption { font-size: 24px; line-height: 26px; }
	.rslides .caption span { font-size: 12px; line-height: 14px; }
	/*
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/atividades-infantis.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/professores-online.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/vestibular-enem.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/tutoria-diaria.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/duvida-nao-tem-hora.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/aplicativos-exclusivos.jpg') no-repeat; background-size:cover; }
	*/
	.rslides .banner1 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner2 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_educacaoInfantil_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner3 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner4 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_matematica_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner5 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v1.jpg') no-repeat; background-size:cover; }
	.rslides .banner6 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_videoAulas_v2.jpg') no-repeat; background-size:cover; }
	.rslides .banner7 { background:url('/images/apoioescolar24horas/apoio_2018/home/mobile_redacao_v2.jpg') no-repeat; background-size:cover; }

	#restrito-intro-conteudo h1 { line-height: 30px; padding-top: 0; font-size: 22px; line-height: 24px; }
	#restrito-intro-conteudo li { font-size: 16px; line-height: 18px; }
	#restrito-intro2 { width: 100%; height: auto; }

	#restrito-assine { width:100%; margin-bottom: 5%; }
	#restrito-assine li { line-height: 20px; }
	#restrito-assine li p { line-height: 26px; margin-bottom: 5%; font-size: 24px; }
	#restrito-assine button { top:215px; }

	#restrito-login { width:100%; margin-bottom: 5%; }
	#restrito-login p { line-height: 26px; margin-bottom: 5%; font-size: 24px; }
	#restrito-login button { top:215px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:150px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }
	#segmentosDest .cor_encceja p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 98%; }
	#segmentoDest li div { padding: 3% 0 3% 4%; line-height: 16px; font-size: 14px; height: 30%; }

	#segmentoTitulo { padding: 8% 0 1% 1%; font-size: 22px; }
	#segmentoTitulo span { font-size: 18px; }
}