@font-face {font-family: gothic; src: url(../fonts/gothic.ttf);}
@font-face {font-family: newvetica; src:url(../fonts/newvetica.ttf);}
@font-face {font-family:impact; src:url(../fonts/impact.ttf);}
@font-face {font-family: gothici; src: url(../fonts/gothici.ttf);}
@font-face {font-family: gothicbi; src: url(../fonts/gothicbi.ttf);}
@font-face {font-family: gothicb; src: url(../fonts/gothicb.ttf);}
@font-face {font-family: Anton-Regular; src: url(../fonts/Anton-Regular.ttf);}
@font-face {font-family: montserrat-black; src: url(../fonts/montserrat-black.ttf);}
@font-face {font-family: montserrat-blackitalic; src: url(../fonts/montserrat-blackitalic.ttf);}
@font-face {font-family: montserrat-bold; src: url(../fonts/montserrat-bold.ttf);}
@font-face {font-family: montserrat-bolditalic; src: url(../fonts/montserrat-bolditalic.ttf);}
@font-face {font-family: montserrat-extrabold; src: url(../fonts/montserrat-extrabold.ttf);}
@font-face {font-family: montserrat-extrabolditalic; src: url(../fonts/montserrat-extrabolditalic.ttf);}
@font-face {font-family: montserrat-extralight; src: url(../fonts/montserrat-extralight.ttf);}
@font-face {font-family: montserrat-extralightitalic; src: url(../fonts/montserrat-extralightitalic.ttf);}
@font-face {font-family: montserrat-italic; src: url(../fonts/montserrat-italic.ttf);}
@font-face {font-family: montserrat-light; src: url(../fonts/montserrat-light.ttf);}
@font-face {font-family: montserrat-lightitalic; src: url(../fonts/montserrat-lightitalic.ttf);}
@font-face {font-family: montserrat-medium; src: url(../fonts/montserrat-medium.ttf);}
@font-face {font-family: montserrat-mediumitalic; src: url(../fonts/montserrat-mediumitalic.ttf);}
@font-face {font-family: montserrat-regular; src: url(../fonts/montserrat-regular.ttf);}
@font-face {font-family: montserrat-semibold; src: url(../fonts/montserrat-semibold.ttf);}
@font-face {font-family: montserrat-semibolditalic; src: url(../fonts/montserrat-semibolditalic.ttf);}
@font-face {font-family: montserrat-thin; src: url(../fonts/montserrat-thin.ttf);}
@font-face {font-family: montserrat-thinitalic; src: url(../fonts/montserrat-thinitalic.ttf);}
@font-face {font-family: Oswald-Medium; src: url(../fonts/Oswald-Medium.ttf);}
@font-face {font-family: Oswald-ExtraLight; src: url(../fonts/Oswald-ExtraLight.ttf);}
@font-face {font-family: Oswald-Regular; src: url(../fonts/Oswald-Regular.ttf);}
@font-face {font-family: Oswald-Light; src: url(../fonts/Oswald-Light.ttf);}
@font-face {font-family: Roboto-Regular; src: url(../fonts/Roboto-Regular.ttf);}
@font-face {font-family: Roboto-Medium; src: url(../fonts/Roboto-Medium.ttf);}
@font-face {font-family: Roboto-Light; src: url(../fonts/Roboto-Light.ttf);}

/* Início das generalizações */
html, body {width:100%; height:100%;}
.large {width:100%;}
.middle {width:100%; max-width:1366px; margin:auto; overflow:hidden;}
.tit {padding-top:50px; padding-bottom:50px;}
.large .middle .tit h2 {font-family:montserrat-black; font-size:3em;}
.large .middle .tit .tex p {font-family:gothic; font-size:1.2em; line-height:1.5em; padding:15px 0 0 0;}
.large .middle .tit .tex p span {font-weight:700; font-size:1.25em; line-height:inherit;}
.large .middle .tit .first {padding-left:65px;}
.large .middle .tit .secon {padding-right:65px;}


/* Início da sessão HEADER */
#header {height:auto; background-color:#083941;}
#header .middle {max-width:1920px; height:auto; min-height:700px; background-image:url('../imagens/vant-mark-mod.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center bottom;}
#header .tit {padding-top:0; padding-bottom:0; text-align:center;}
#header .tit .logo-main {padding-top:35px;}
#header .tit h1 {font-family:montserrat-black; text-align:center; font-size:3.5em; margin:0 0 15px 0;}
#header .tit h3 {font-family:montserrat-semibold; text-align:center; font-size:16px; margin:0 0 15px 0; line-height:1.5em; color:lightblue; text-transform:uppercase; font-style:oblique;}
#header .tit h1 span {font-family:montserrat-black;}
#header h1, #header h1 span, #header h2, #header p {color:#d2f1f7;}
#header .img {margin-top:50px; margin-bottom:55px;}
#header .tex {margin-top:15px; margin-bottom:35px;}
#header .tit .first iframe {width:440px; height:247px;}
#header .tex.secon {padding-right:0;}
#header .tex h2 {font-family:montserrat-extrabold; font-size:3em;}
#header .tex h2 {margin:0 0 30px 0;}
#header .tex ul {list-style-image:url('../imagens/head-mark.png'); background-color: rgba(0,0,0,0.5); padding-top: 15px; padding-bottom: 15px; border-radius: 10px;}
#header .tex ul li {}
#header .tex ul li p {font-family:gothic; font-size:1em; line-height:1.6em; padding:0; margin-bottom:40px; text-transform:uppercase; color:#b1cfd1; text-align:left; margin-bottom:5px; position:relative; top:-3px;}
#header .tex a {text-decoration:none;}
#header .tex a .btn-head {border-radius:50px;}
#header .tex small {font-size:1em; color:#d2f1f7; font-family:montserrat-semibold;}
#header .tex a .btn-head p {padding:0 50px; border-radius:50px; font-size:1.4em; font-family:impact; margin:0; color:#fff;}

/* Início da sessão de apresentação */
#showme {color:#003c54;}
#showme .middle {padding:0 !important;}
#showme .middle .tit {display:flex; flex-flow:row; padding-left:0 !important; padding-right:0 !important; padding-bottom:0 !important;}
#showme .middle h2 {font-family:montserrat-black; font-size:3em; position:relative; z-index:2; padding:50px 70px 0 250px; text-align:right;}
#showme .middle .tit .first {position:relative; z-index:1; padding-left:50px;}
#showme .middle .tit .secon {display:flex; position:relative; z-index:0; padding:0;}
#showme .middle .tit .secon img {margin:-70px auto 35px auto;}
#showme .texto-dif {line-height:1.4em; font-size:18px; padding-bottom:50px;}
#showme .texto-dif span {background-color:#003c54; padding:0 10px; color:#d4f5fc; font-family:montserrat-semibold; font-style:oblique; text-transform:uppercase; line-height:1.4em;}

/* Fim da sessão apresentação */

/* Início da sessão sites */
#sites {background-image:url(../imagens/ret-claro.png), linear-gradient(208deg, #41addb, #082633); color:#e5fbff; background-repeat:no-repeat; background-position:right top;}
#sites h2 {font-family:montserrat-black; padding: 35px 75px 0 75px; font-size:3em; position:relative; z-index:2;}
#sites .secon img {position:relative; left:-125px; top:10px; width:140%;}
#sites .secon {position:relative; z-index:1;}
#sites .first {position:relative; z-index:2;}
#sites .tex p {padding-right:50px;}
#sites .tex ul {list-style-image:url('../imagens/slistas.png');}
#sites .tex ul li p {position:relative; top:-5px; text-align:left; font-size:12px;}
#sites .tex ul li p span{font-size:16px;}


/* Início da sessão anúncios */
#announ {color:#003c54;}
#announ .middle {padding:0 !important;}
#announ .middle .tit {padding-left:0 !important; padding-right:0 !important; padding-bottom:0 !important;}
#announ .middle h2 {font-family:montserrat-black; font-size:3em; position:relative; z-index:2; padding:50px 70px 0 250px; text-align:right;}
#announ .middle .tit .first {position:relative; z-index:0; padding-left:0 !important;}
#announ .middle .tit .secon {position:relative; z-index:1; background-image:url(../imagens/face-icons.jpg), url(../imagens/goo-icons-2.jpg); background-repeat:no-repeat;background-size:150px; background-position: 410px 235px, 410px 365px;}
#announ .texto-dif {line-height:1.6em; font-size:18px;}
#announ .middle .tit .first img {margin-top:-120px;}
#announ .container-fluid .tit, #announ .container-fluid .tit . {padding-left:0; padding-right:0;}
#announ .tex ul {list-style:none; padding-left:0;}
#announ .tex ul li {display:flex;}
#announ .tex ul li p {font-family:montserrat-extrabold; font-size:2.5em;}
#announ .tex ul li .number {border-radius:50%; width:70px; height:70px; clear:both; margin:0 10px 20px 0; color:#236077; background-color:#c3e2ea; flex-shrink:0;}
#announ .tex ul li .number span {position:relative; right:-30px; top:5px; font-size:2em; font-family:impact;}
#announ .tex ul li .text {color:#00597a;}
#announ .tex ul li .shortex {font-family:'gothic'; font-size:1em; position:relative; top:-35px;}

/* Fim da sessão anúncios */


/* Início da sessão Eixo */
#concepts {color:#d2ebf5; background-color:#082833;}
#concepts .middle {background-image:url('../imagens/back-eixo-marketing.jpg'); background-size:cover; padding:20px 0;}
#concepts .tit h2 {text-align:center;}
#concepts .tit h4 {font-family:'montserrat-semibold'; font-style:oblique; text-transform:uppercase; font-size:1.5em; text-align:center; line-height:1.3em;}
#concepts .img ul {list-style:none; padding-left:0; margin-top:50px;}
#concepts .img ul li p {font-family:montserrat-extrabold; font-size:25px; text-transform:uppercase; font-style:oblique;}
#concepts .middle .tit .secon p {font-family:gothic; font-size:25px; line-height:50px; padding:70px 0 0 0;}
#concepts .img ul li .number {border-radius:50%; width:78px; height:78px; float:left; clear:both; margin:0 20px 50px 0; color:#b1e5f9; background-color:#893d62; box-shadow:-2px 2px 5px rgba(0,0,0,0.3);}
#concepts .img ul li .number span {position:relative; right:-30px; top:3px; font-size:86px; font-family:impact; text-shadow:0 0 0 rgba(0,0,0,0);}
#concepts .img ul li .text {font-family:montserrat-black; font-size:37px; line-height:46px; float:left; color:#b1e5f9; padding-top:14px;}
/* Fim da sessão Eixo */


/* Início da sessão Entrega Curso */
#deliv {color:#0b5e7f; text-align:center;}
#deliv h5 {font-family:montserrat-extrabold; font-size:1.5em; padding-bottom:50px;}
#deliv .boxdel {height:350px; color:#1c769c; background-image:url('../imagens/logo-trnslu-cheio.jpg'); background-repeat:no-repeat; background-position:center;}
#deliv h3 {font-family:impact; text-align:center; margin-top:8px; margin-bottom:8px;}
#deliv p {font-family:gothic; padding:0 20px;}
#deliv .btn-success {background-color:#8d0b3b; border:1px solid #8d0b3b;}
#deliv .btn-success:hover {background-color:#a5194d;}
#deliv .modu {font-family:impact; font-size:25px; border-radius:50px; padding:18px; text-transform:uppercase;}
/* Fim da sessão Entrega Curso */

/* Início da sessão Garantia */
#garant {color:#d2ebf5; margin-top:75px; background-image:linear-gradient(135deg, #3f779a, #722025);}
#garant .middle {background-image:url('../imagens/back-garantia.jpg'); background-size:cover; background-position:center bottom; overflow:visible;}
#garant .middle .gar {margin-top:-65px; text-align:center;}
#garant .middle .gar img {margin:0 auto; width:250px;}
#garant .tit {text-align:center; margin-top:-50px; padding-bottom:100px;}
#garant .tit .tex h3 {font-family:impact; font-size:1.5em;}
#garant .tit .tex p {font-size:1em; padding:0 40px;}
#garant .tit .tex.first {padding:0 50px 0 150px !important;}
#garant .tit .tex.secon {padding:0 150px 0 50px !important;}
/* Fim da sessão Garantia */

/* Início da sessão FAQ */
#faq {color:#003c54;}
#faq h2, #faq h5 {text-align:center;}
#faq h5 {font-family:montserrat-extrabold; font-size:1.5em; padding-bottom:30px;}
#faq .faqb {margin:20px 0;}
#faq .faqb button {font-family:impact; box-shadow:10px 10px 20px rgba(0,0,0,0.3); padding:15px 10px; border:none; background:#fff; width:100%; text-align:left;}
#faq .faqb button:active {box-shadow:6px 6px 1px rgba(0,0,0,0.3);}
#faq .card.card-body {padding-top:15px; font-family:gothic;}
#faq .tit {margin-bottom:50px;}
/* Fim da sessão FAQ */

/* Início da sessão Bonus */
#bonus {color:#095b72; background-color:#ededed;}
#bonus .tit h2 {font-family:impact; font-size:3em; text-align:center;}
#bonus .tit h3 {font-family:impact; font-size:2.2em; text-align:center;}
#bonus .tit p {font-family:gothic; font-size:20px; text-align:center; padding:5px 200px;}
#bonus .meioca img {margin-top:200px;}
#bonus .tit .first img, #bonus .tit .meioca img, #bonus .tit .secon img {width:100%;}
/* Fim da sessão bonus */

/* Início da sessão Conversao */
#convers {color:#d2ebf5; background-image:linear-gradient(135deg, #347a9e, #9b2222);}
#convers .middle {background-image:url('../imagens/back-conversao.jpg'); background-size:cover;}
#convers h2, #convers p, #convers button, #convers small, #convers span {font-family:impact;}
#convers .tit ul {list-style:none; font-family:gothic; font-size:2em;}
#convers .price1 {font-family:gothic; font-size:20px; margin-bottom:0; text-align:right; padding-right:200px;}
#convers .price1 .huge1 {font-weight:400; font-size:40px; text-decoration:line-through;}
#convers .price {font-size:3em; margin-bottom:0; text-align:left; position:relative; top:-35px; left:25px;}
#convers .price .huge {font-weight:400; font-size:3em; position:relative;}
#convers .price .cents {font-size:40px; font-weight:400; position:absolute; top:15%;}
#convers small {font-size:25px; position:relative; top:-18px;}
#convers .botconv {margin-top:0; border-radius:100px;}
#convers .botconv a {text-decoration:none;}
#convers .botconv a button {color:#ffffff; background-image: linear-gradient(to bottom, #bb133d, #631125); border:none; font-weight:100; border-radius:75px; text-align:center;}
#convers .botconv a button:hover {background-image: linear-gradient(to bottom, #d61546, #7d152f);}
#convers .botconv a button .sim {font-size:55px; font-weight:100; padding:10px 0; position:relative; top:0;}
#convers .botconv a button span{font-size:30px; padding-top:0px; font-weight:100; position:relative; bottom:10px;}
#convers .first .tiny {font-size:0.6em; font-family:gothic; font-weight:700;}
/* Fim da sessão Conversao */


/* Início da sessão footer */
#foo {color:white; font-size:0.8em; background-color:#133542;}
#foo .middle .tit {padding:20px;}
#foo .first {padding-left:0;}
#foo .logo-foo {width:75px;}
#foo .tex.first {margin-right:20%; padding-right:0;}
#foo .tit .tex p {margin:0 !important; padding-top:0;}
#foo .tit .tex .warn {font-size:0.8em;}
#foo .tex a {text-decoration:none !important; color:lightgray;}
#foo p.legwartex {color:#444; font-size:0.95em; padding-bottom:10px;}
#exampleModalLabel {color:#444;}
.modal-dialog {margin:150px auto 10px auto;}
/* Fim da sessão footer */

@media (max-width:1279px) and (min-width:1024px) {
#header .secon {margin-top:10px;}
#header .tex a .btn-head p {padding:0 50px; font-size:1em;}
#sites .tit h2 {padding-left:45px; padding-right:45px; font-size:2.5em;}
#sites .secon img {position:relative; left:-10%; top:20px; width:125%;}
#sites .tex p {padding-right:45px; font-size:1em;}
#announ .middle .tit h2 {font-size:2.5em;}
#announ .middle .tit .first img {width:100%;}
#announ .texto-dif {line-height:1.4em; font-size:1em;}
#announ .middle .tit .first img {margin-top:-80px;}
#announ .middle .tit .secon {background-position: 345px 174px, 345px 332px;}
#announ .tex ul li p {font-family:impact; font-size:2.3em;}
#announ .tex ul li .number {width:64px; height:64px;}
#announ .tex ul li .number span {right:-26px; font-size:2em;}
#concepts .tit h2 {text-align:center;}
#concepts .img ul li p {font-size:2em;}
#concepts .img ul li .number {width:64px; height:64px;}
#concepts .img ul li .number span {right:-24px; font-size:2.4em; text-shadow:4px 4px 0 rgba(0,0,0,0.6);}
#concepts .img ul li .text {text-shadow:4px 4px 0 rgba(0,0,0,0.6);}
#concepts .tex.secon p {font-size:1em;}
#deliv h5 {font-size:1.4em;}
#deliv .boxdel {height:340px;}
#deliv .tit .boxdel h3 {font-size:1.3em;}
#deliv .tit .boxdel img {width:25%;}
#deliv .tit .boxdel p {font-size:12px;}
#garant .middle .gar img {width:220px;}
#garant .tit .tex h3 {font-size:1.3em;}
#garant .tit .tex p {font-size:12px; padding:0 20px;}
#faq h5 {font-size:1.4em;}
#faq h2 {font-size:2.5em;}
#faq .faqb button h3 {font-size:1.2em; padding-left:10px;}
#faq .faqb button {box-shadow:7px 7px 14px rgba(0,0,0,0.3); padding:12px 8px;}
#faq .card.card-body {font-size:12px;}
#bonus .meioca img {margin-top:135px;}
#convers .tit h2 {font-size:3em;}
#convers .tit ul {font-size:1.3em;}
#convers .tit .tiny {padding-top:0;}
#convers .price {font-size:1.3em; margin-bottom:0; top:-25px; left:72px; line-height:45px;}
#convers .price span {font-size:2.5em; position:relative;}
#convers .price .cents {font-size:16px;}
#convers .botconv {margin-top:30px;}
#convers .botconv a button {padding:8px 24px; font-size:2.5em;}
#convers .botconv a button .sim {font-size:40px;}
#convers .botconv a button span {font-size:26px; bottom:5px;}

#foo {font-size:0.6em;}
}

@media (max-width:1023px) and (min-width:768px) {
#header .tit h1 {font-size:3.6em;}
#header .tit .first {padding-left:0; margin-top:50px;}
#header .tit .first iframe {width:100%;}
#header .tit .secon {padding-right:0; margin-top:35px;}
#header .tit .secon h2 {font-size:1.8em; margin-bottom:20px;}
#header .tit .secon p {font-size:12px;}
#header .secon {margin-top:10px;}
#header .tex a .btn-head p {padding:0 50px; font-size:1em;}
#showme .middle h2 {padding:25px 25px 0 75px;}
#showme .middle .tit .secon img {width:100%; margin:170px auto 230px auto;}
#sites .tit h2 {font-size:2em; padding:0;}
#sites .secon img {position:relative; left:-10%; top:20px; width:300% !important;}
#sites .tex.first {padding-left:0;}
#sites .tex p {padding-right:0; font-size:0.9em;}
#announ .middle h2 {font-size:2.5em; padding:35px 20px 0 70px; text-align:right;}
#announ .middle .tit {padding-top:10px;}
#announ .middle .tit .first img {width:128% !important; margin-top:-90px !important;}
#announ .texto-dif {line-height:1.4em; font-size:12px;}
#announ .middle .tit .tex.secon {padding-right:20px; padding-left:0; background-position: 210px 125px, 210px 230px;}
#announ .tex.secon p {padding-top:0;}
#announ .tex ul li p {font-family:impact; font-size:1.8em;}
#announ .tex ul li .number {width:45px; height:45px;}
#announ .tex ul li .number span {top:25%; right:-22px; font-size:1.8em;}
#announ .tex ul li .shortex {font-size:0.9em; top: -15px;}
#concepts .tit h2 {font-size:2.5em;}
#concepts .tit .first {padding-left:10px;}
#concepts .tit .secon {padding-right:10px;}
#concepts .middle .tit .secon p {font-size:18px; line-height:35px;}
#concepts .img ul {margin-top:40px;}
#concepts .img ul li .text {font-size:2em; line-height:1.2em;}
#concepts .img ul li .number {width:49px; height:49px;}
#concepts .img ul li .number span {right:-18px; font-size:2.4em; text-shadow:3px 3px 0 rgba(0,0,0,0.6);}
#concepts .img ul li .text {text-shadow:3px 3px 0 rgba(0,0,0,0.6);}
#concepts .tex.secon p {font-size:0.8em;}
#deliv .tit {padding:0 20px;}
#deliv .tit h2 {font-size:2.5em; padding:0 20px;}
#deliv h5 {font-size:1.2em;}
#deliv .boxdel {height:320px; background-size:200px;}
#deliv .tit .boxdel h3 {font-size:1.1em;}
#deliv .tit .boxdel img {width:22%;}
#deliv .tit .boxdel p {font-size:11px; padding:0 5px;}
#deliv .modu {font-size:12px;}
#garant .middle .gar {margin-top:-50px;}
#garant .middle .gar img {width:180px;}
#garant .tit .tex.first {padding:0 25px 0 50px !important;}
#garant .tit .tex.secon {padding:0 50px 0 25px !important;}
#garant .tit .tex h3 {font-size:1.2em;}
#garant .tit .tex p {font-size:11px; padding:0 20px;}
#faq h2 {font-size:2em;}
#faq h5 {font-size:1em;}
#faq .tex.first {padding:0 10px;}
#faq .faqb button h3 {font-size:1em; padding-left:10px;}
#faq .faqb button {box-shadow:7px 7px 14px rgba(0,0,0,0.3); padding:12px 8px;}
#faq .card.card-body {font-size:12px;}
#bonus .meioca img {margin-top:95px;}
#bonus .meioca {padding:0;}
#bonus .first.lives {padding:0;}
#bonus .secon.aulas {padding:0;}
#bonus .tit p {font-size:20px; padding:5px 25px;}
#convers h2 {font-size:2.5em;}
#convers .tit ul {font-size:1em;}
#convers .tit .tex.first {padding-top:0;}
#convers .tit .tex.first .tiny {padding-top:0;}
#convers .price {font-size:1.1em; margin-bottom:0; top:-30px; left:65px; line-height:35px;}
#convers .price1 {padding-right:105px;}
#convers .price span {font-size:2.5em; position:relative;}
#convers small {font-size:0.8em; position:relative;}
#convers .price .cents {font-size:14px;}
#convers .botconv {margin-top:-50px;}
#convers .botconv a button {padding:8px 24px; font-size:1.5em;}
#convers .botconv a button .sim {padding-top:5px; font-size:29px;}
#convers .botconv a button span {padding-top:5px; font-size:17px; bottom:4px;}
#foo {font-size:0.5em;}
#foo .tit .tex.first {padding-left:15px;}
}

@media (max-width:767px) {
#header {height:auto;}
#header .middle {min-height:640px;}
#header .secon {margin-top:10px;}
#header .tex a .btn-head p {padding:0 33px; font-size:1.2em;}
#header .tit .logo-main {padding:18px 0 6px 0; width:48px;}
#header .tit h1 {font-size:2em; margin-bottom:18px;}
#header .tit h3 {font-size:14px;}
#header .tit {padding:0 10px;}
#header .tit .first {padding:0; margin-top:25px; margin-bottom:25px;}
#header .tit .first iframe {width:305px; height:173px;}
#header .tit .secon {padding:0; margin-top:15px;}
#header .tit .secon h2 {font-size:20px; margin-bottom:5px; text-align:center;}
#header .tit .secon p {font-size:12px; padding-bottom:0;}
#header .tex p {margin-bottom:15px;}
#showme .middle h2 {font-size:1.8em; padding:35px 15px 0 15px;}
#showme .middle .tit {display:flex; flex-flow:column-reverse;}
#showme .middle .tit .secon img {margin:-80px auto 5px auto; width:220px; height:314px;}
#showme .middle .tit .first.tex {margin-bottom:35px; padding-left:20px}
#showme .texto-dif {line-height:1.2em; font-size:14px; padding-bottom:0;}
#showme .texto-dif span {line-height:1.6em; font-size:14px; padding:0 5px;}
#sites {height:auto; background-position: right -217px, right top;}
#sites .tit {display:flex; flex-flow:column-reverse; padding:0 0 35px 0;}
#sites h2 {font-family:montserrat-black; font-size:1.5em; margin-top:0; padding:40px 0 0 0;}
#sites .secon {padding:0; text-align:center; width:100%;}
#sites .secon img {width:100%; position:static;}
#sites .tex.first {padding-left:0;}
#sites .tex p {padding-right:0; font-size:12px; text-align:center; line-height:1.6em;}
#announ {padding-bottom:20px;}
#announ .middle h2 {font-family:montserrat-black; font-size:1.5em; padding:0 20px; text-align:right; position:relative; z-index:2;}
#announ .middle .tit {padding-top:20px; display:flex; flex-flow:column;}
#announ .middle .tit .first img {width:100%; margin-top:-50px; position:relative; z-index:1;}
#announ .tex.secon {padding-right:15px; padding-left:15px; margin-top:-20px; background-size: 84px; background-position:260px 155px, 260px 239px; height:300px;}
#announ .middle .tit .secon {background-size: 84px; background-position: 260px 171px, 260px 267px; height:auto;}
#announ .texto-dif {line-height:1.6em; font-size:12px; text-align:center;}
#announ .tex.secon p {padding-top:0;}
#announ .tex ul li p {font-size:1.6em; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}
#announ .tex ul li .shortex {font-size:0.7em; top: -5px; text-shadow:none;}
#announ .tex ul li .number {width:40px; height:40px; margin-bottom:5px;}
#announ .tex ul li .number span {top:25%; right:-18px; font-size:1.8em;}
#announ .tex ul li .text {padding-top:6px;}
#concepts .middle {background-image: url(../imagens/back-anuncio-texto.jpg); background-size:cover; padding:20px 0;}
#concepts .tit {padding-top:0px; padding-bottom:20px;}
#concepts .tit h2 {font-size:27px;}
#concepts .tit h4 {font-size:1em;}
#concepts .tit .first {padding-left:10px;}
#concepts .tit .secon {padding-right:10px;}
#concepts .img ul {margin-top:30px;}
#concepts .img ul li .text {font-size: 22px; font-family:montserrat-extrabold; font-style:oblique; line-height:26px; text-shadow:0 0 0 transparent; text-transform:uppercase;}
#concepts .img ul li .number {width:40px; height:40px; margin:0 10px 20px 0; position:relative; top:6px;}
#concepts .img ul li .number span {right:-16px; top:2px; font-size:45px; text-shadow:-2px 2px 5px rgba(0,0,0,0.2); font-family:montserrat-extrabold;}
#concepts .tex.secon {clear:both; padding:0;}
#concepts .tex.secon p {font-size:12px !important; line-height:19px !important; text-align:center; padding:30px 0 0 0 !important;}
#deliv .tit {padding-top:20px;}
#deliv .tit h2 {font-size:27px; padding:0;}
#deliv h5 {font-size:1em; padding-bottom:20px; font-family:montserrat-semibold; font-style:oblique; text-transform:uppercase;}
#deliv .boxdel {height:auto; background-size:200px; padding:0 0 20px 0;}
#deliv .tit .boxdel h3 {font-size:16px;}
#deliv .tit .boxdel img {width:22%;}
#deliv .tit .boxdel p {font-size:12px; padding:0 5px;}
#deliv .modu {font-size:20px; padding:20px 0;}
#garant .middle {padding:0; background-position:50% 30px; background-repeat:no-repeat; background-color:white;}
#garant .middle .gar {margin-top:-25px;}
#garant .middle .gar img {width:160px;}
#garant .tit {padding-left:0; padding-right:0;}
#garant .tit .tex.first, #garant .tit .tex.secon {padding:0 10px 0 10px !important;}
#garant .tit .tex h3 {font-size:1.2em;}
#garant .tit .tex p {font-size:12px; padding:0 20px;}
#faq h2 {font-size:1.5em;}
#faq h5 {font-size:0.9em;}
#faq .tit {padding-left:0; padding-right:0;}
#faq .tex.first {padding:0 7px;}
#faq .faqb button h3 {font-size:1em; padding-left:3px; margin:6px 0;}
#faq .faqb button {box-shadow:5px 5px 10px rgba(0,0,0,0.3); padding:10px 8px; font-size:16px; height:70px;}
#faq .faqb button:active {box-shadow:3px 3px 0 rgba(0,0,0,0.3);}
#faq .faqb button .collapsed {box-shadow:3px 3px 0 rgba(0,0,0,0.3);}
#faq .card.card-body {font-size:12px;}
#bonus .tit h2 {font-size:1.8em;}
#bonus .first.lives {margin-top:40px; padding:0;}
#bonus .secon.aulas {margin-top:0px; padding:0;}
#bonus .meioca {display:none;}
#bonus .tit h3 {font-size:25px;}
#bonus .tit p {padding:5px 10px; font-size:14px;}
#bonus .tit .col-sm-5 .imgbon {width:120%; position:relative; left:-10%;}
#convers .middle, #convers .middle .tit {padding:0;}
#convers .middle {background-position:-90px 0px;}
#convers .middle .tit {height:100%; background-color:rgba(0,0,0,0.7); padding: 20px 0;}
#convers .tit .tex.first {padding:0 20px;}
#convers h2 {font-size:30px;}
#convers .tit ul {font-size:1em; font-family:gothic; font-weight:100;}
#convers .price1 {font-size:16px; text-align:left; padding-left:40px; padding-right:0; padding-top:10px; font-family:gothic;}
#convers .price1 .huge1 {font-family:impact; font-weight:400; font-size:24px; text-decoration:line-through;}
#convers .price {font-size:28px; text-align:left; margin-top:-35px; top:0; left:0;}
#convers .price .huge {font-weight:400; font-size:2.5em;}
#convers .price small {font-size:0.6em; text-align:left;}
#convers .price .cents {font-size:20px; font-weight:400;}
#convers .tit .tex.first .lanc {font-size:55px;}
#convers .botconv {margin-top:0;}
#convers .botconv a button span {position:relative; top:-3px; font-size:20px;}
#convers .botconv a button .sim {font-size:30px;}
#convers .tit .tiny {padding-top:0;}
#foo {font-size:0.5em;}
#foo .middle .tit {padding:20px 0;}
#foo .tex.first {margin-right:0;}
#foo .logo-foo {width:50px; padding:20px 0 5px 0;}
#foo .name-lg {padding-bottom:35px;}
#foo .tit .tex.first {padding:0;}
#foo .warnl {margin-bottom:10px;}
#foo p.legwartex {font-size:10px;}
.modal-dialog {margin:150px 10px 10px 10px;}

}
@media (max-width:768px) and (min-width:440px) {
#sites .secon img {width:50%; margin-top:-25px;}
#announ .middle .tit {flex-flow:row;}
#announ .middle .tit .first img {width:155%; margin-top:0;}
#announ .middle .tit .secon {background-color:rgba(255,255,255,0.5); box-shadow:0 0 50px white;}
}
@media (max-width: 325px) {
#header .tit .first iframe {width:100%; height:153px;}
#convers .tit .tex.first .lanc {font-size: 52px;}
#convers .price {font-size: 24px;}
#convers .botconv a button .sim {font-size:28px;}
#convers .botconv a button span {font-size:18px;}
#deliv .modu {font-size: 16px;}
#announ .middle .tit .secon {background-position: 230px 209px, 195px 300px;}
}