@font-face {font-family:"ftlig"; src:url("Mulish-Regular.woff") format('woff');src:url("Mulish-Regular.woff2") format('woff2');}
@font-face {font-family:"ftreg"; src:url("FTBase-Regular.woff") format('woff');src:url("FTBase-Regular.woff2") format('woff2');}


.container {position:relative; width:98%; max-width:1400px; margin:0 auto; padding: 0 20px; box-sizing:border-box; }
.container-fluid {position:relative; width:100%; margin:0 auto; padding: 0; box-sizing:border-box; }
.column,.columns { width: 100%; float: left; box-sizing: border-box; }
.pad2{padding:20px 0}.pad3{padding:30px 0}.pad4{padding:40px 0}.pad7{padding-top:70px; padding-bottom:20px}.pad6{padding:60px 0}
.padd{padding:80px 0; min-height:60px}.pad{padding:20px}
.br{color:#fff}
.brbg{background-color:#fff}
.maincor{color:#212e3e;}
.ama{color:#ffdc2c}
.amabg{background-color:#ffdc2c}
.red{color:#e4002b}
.redbg{background-color:#e4002b}
.bk{color:#000}
.bkbg{background-color:#000}
.capoio{color:#28ff52}
.capoiobg{background-color:#28ff52}
.cyan{color:#00a3fc}
.blu{color:#0400b9}
.blu2{color:#0a00b4}
.blubg{background:#0400b9}
.bludark{color:#244368}
.cz{color:#505050}
.czbg{background-color:#f0f1f2}
.subg{background-color:#181543}
.som{text-shadow:5px 5px 12px rgba(5,23,85, 0.3);}
.somd{-webkit-box-shadow:0px 3px 15px 2px rgba(5,23,85,0.25);-moz-box-shadow:0px 3px 15px 2px rgba(5,23,85,0.25); box-shadow:0px 3px 15px 2px rgba(5,23,85,0.25)}
.tsom{text-shadow:-2px 5px 0px rgba(0, 0, 0, 1);}
.trans{background-color: cornflowerblue;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5}
.img-circle {border-radius:50%;}
.circ{border-radius:50%; width:90px;height:90px; padding:3px; border:7px solid #fff}
.frame{border:3px solid #28ff52; padding:3px 15px 5px 22px; margin-bottom:15px}

.zoom{transition:transform 0.1s;}
.zoom:hover{transform: scale(1.1)}
.row {padding:0 20px}


.modal-window {position:fixed; background-color:rgba(33, 46, 62, 0.9); top:0; right:0; bottom:0; left:0; z-index:999999; visibility:hidden; opacity:0; pointer-events:none; -webkit-transition:all 0.3s; transition:all 0.2s}
.modal-window:target {visibility:visible; opacity:1; pointer-events:auto;}
.modal-window > div {max-width:310px; width:90%; padding:30px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); padding:1.4em; background:#ffffff; -webkit-box-shadow:0px 0px 90px 0px rgba(0,0,0,0.26); -moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.26); box-shadow:0px 0px 90px 0px rgba(0,0,0,0.26)}

.modal-close {line-height:50px; font-size:80%; font-weight:bolder; position:absolute; right:12px; text-align:center; top:-5px; width:80px; text-decoration:none}
.modal-close:hover {color: black;}

.modal-window div:not(:last-of-type) { margin-bottom: 15px;}


/* For devices larger than 400px */
@media (min-width: 600px) {
    .container {width: 85%; padding: 0; }
    .row {padding:0}
}

/* For devices larger than 550px */
@media (min-width: 720px) {
  .container { width:84%; }
  .column, .columns { margin-left: 4%; }
  .column:first-child, .columns:first-child { margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}



html {font-size: 62.5%; scroll-behavior:smooth; margin: 0; padding:0; overflow-x:hidden; text-rendering:optimizeLegibility}
body {font-size:1.6em; font-family:"ftreg", sans-serif; font-weight:400; font-style:normal; line-height:1.4; color:#000; background-color:#fff; margin:0; overflow-x:hidden;}


h1, h2, h3, h4, h5, h6 {margin-top:1.8rem; margin-bottom:1.3rem; color:#fff; Line-height:1.3; text-transform:uppercase; letter-spacing:0.058em}
h1 { font-size: 3.8rem;  line-height:114%; letter-spacing:0.02em}
h2 { font-size: 2.9rem; letter-spacing:0.077em}
h3 { font-size: 2.3rem; }
h4 { font-size: 2.1rem;}
h5 { font-size: 1.8rem;}
h6 { font-size: 1.5rem; }


@media (min-width: 950px) {
  h1 { font-size: 4.8rem; }
  h2 { font-size: 3.5rem; }
  h3 { font-size: 2.7rem; }
  h4 { font-size: 2.2rem; }
  h5 { font-size: 1.7rem; }
  h6 { font-size: 1.5rem; }
}

p {margin:0; font-weight:300}
a {color:#28ff52; text-decoration:none;-webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in}
a:hover {color:#008a80}




.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; height:50px; padding:0.7rem 3.0rem; color:#212e3e; text-align:center; font-size:1.14em; line-height:1.3em; font-weight:bold; text-decoration:none; white-space:normal; border-radius:0; cursor:pointer; box-sizing:border-box; border:0 solid #fff; margin:5px 0 auto 0; background-color:#28ff52}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {color:#fff; background-color:#28ff52}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {font-size:1.6rem; height:52px; background:#ffdc2c}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color:#FFF; background-color:#070485}
.ui-widget-header{}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#fff; border:1px solid #555}

.btnin{height:42px; padding:0.7rem 2.1rem; font-size:1.0em; font-weight:500; line-height:1.1em; margin:-14px 0 0 0; border:0}

.btnblu{color:#fff;background-color:#0a00b4; border:0}
.btnblu:hover{background-color:rgb(0,12,127)}

.deck{position:fixed;bottom:0;z-index:9999; display:flex; justify-content:center; width:100%}
.main{display:block; margin:0 auto -7px auto; border-radius:50px 50px 0 0; background-color:#0a00b4; color:#ffdc2c; height:58px; font-size:1.2em; font-weight:bold; border:0; box-shadow:0px -5px 12px 0px rgba(10,30,50,0.5);}
.main:hover{background-color:#0a00b4;color:#fff; box-shadow:0px -5px 12px 0px rgba(60,160,220,0.5);}


input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {height:48px; padding:0 10px; font-size:1.1em; background-color:#fff; border:1px solid #3e4c5c; border-radius:0; box-shadow:none; box-sizing:border-box; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); margin:7px 0}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea {-webkit-appearance: none; -moz-appearance: none;appearance:none; }
textarea {min-height:65px; padding-top:6px; padding-bottom:6px; }
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="date"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border:0 solid #0400b9; outline:0; box-shadow:0px 0px 30px 0px rgba(40,255,82,1);}
label,legend {display: block; margin-top:0.64rem; margin-bottom:-8px; font-size:1.7rem}
fieldset {padding: 0; border-width: 0; }
input[type="checkbox"],input[type="radio"] {display:inline; padding: 5px}
label > .label-body {display:inline-block; margin-left: .5rem; font-weight:normal; }

/* iphone */
input[type="date"] {appearance: none; -webkit-appearance: none;}

ul {list-style:disc inside}
ol {list-style: decimal inside; }
ol, ul {padding-left: 0; margin-top: 0; }
ul li{font-size:130%; margin-bottom:7px; line-height:1.3}
ul ul,ul ol,ol ol,ol ul {margin:1.5rem 0 1.5rem 3rem}



button,.button {margin-bottom: 1rem; }
input,textarea,select,fieldset {margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol {margin-bottom: 2.5rem; }

.u-max-full-width,.u-full-width,.u-half-width {width:100%; box-sizing:border-box}
.u-pull-right {float:right}
.u-pull-left {float:left}
.tcenter{text-align: center}
.tleft{text-align:left}
.tjust{text-align: justify}
.it{font-style: italic}
.spa{letter-spacing:0.1em}
.subl{text-decoration:underline}
.nocaps{text-transform:none}
.noesp{letter-spacing:0.01em}
.normal{font-weight:400}
.leve{font-weight:300}
.b, b{font-weight: 800}
hr {margin-top:4rem; margin-bottom:4rem; border-width:0; border-top:3px solid #28ff52}
.container:after,.row:after,.u-cf { content:""; display:table; clear:both}


@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);
  } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}









@media (min-width: 320px) {
#top{background-color:#212e3e; padding-top:24px; padding-bottom:18px}
  .bg{background-image: url(../img/bg.jpg); }
  .bgpad{background-image: url(../img/bg-padaria.jpg); }
  .bgsonho{background-image: url(../img/bg-sonho.jpg); }
  .bgloja{background-image: url(../img/bg-loja.jpg); }
  .bgleitura{background-image: url(../img/bg-leitura.jpg); }
  .bgcasal{background-image: url(../img/bg-casal.jpg); }
.hm{padding:0 20px}
.hero{background-size:240%; background-position:top center; background-repeat:repeat-x; background-color:#212e3e; height:auto}
.heroin{background-image: url(../img/bg.jpg); background-size:cover; background-position:top center; background-repeat:repeat-x; min-height:250px; height:auto; z-index:-2; padding-bottom:0}
.logo{width:100px; height:auto; margin:0 0 0 3vw}
.aneel{width:130px; height:auto; margin:4px 0 -3px 30px}
.selo{padding:26px 44px 33px 47px; border-radius:0; margin-bottom:20px; background-color:#1f3dd0}
.selo:hover{-webkit-box-shadow:3px 35px 30px 0px rgba(5,23,85,0.15);-moz-box-shadow:3px 35px 30px 0px rgba(5,23,85,0.15); box-shadow:3px 35px 30px 0px rgba(5,23,85,0.15)}
.tagline {width:80%; margin-top:27vh}
.btnin{margin:25px 0}
.in h1{ position:absolute; z-index:2; margin-top:50px;}
.in{padding:0 20px;}
.in .tagline{width:50%}
.in .pic{display:none}
.in .gio{width:52%; max-width:210px; left:40%; z-index:0}
.deskgb{background-color:#181543; position:absolute; top:78vh; padding:35px 30px 10px 30px; left:-1.5%; width:103%; margin:0; }
.icos{display:flex; align-items:center}
#participe{margin-bottom:40px}
.participe {padding-bottom:40px}
.participe .four,.participe .six{margin-left:13%; width:80%}
.atualize{padding:12px 20px; margin:20px auto}
.atualize a{padding:12px 15px; height:auto; width:100%; border:2px solid #28ff52; text-align:center; font-size:1.7rem; margin:20px auto 0 auto}

#check{background-color:#212e3e; padding:20px 20px 40px 20px}
#lock{background-color:#212e3e; padding:20px 0 40px 0}
#check h1 {font-size:3rem; }
.nso{display:flex; align-items:center; flex-wrap:wrap;}
.nsorte{padding:0 15px 5px 15px; margin:10px 12px 0 0; border-radius:0; background-color:#fff; -webkit-box-shadow: 0px 4px 14px 0px rgba(34,54,74,0.25);-moz-box-shadow:0px 4px 14px 0px rgba(34,54,74,0.25);box-shadow: 0px 4px 14px 0px rgba(34,54,74,0.25); width:90px; text-align:center; height:auto;}
.nsorte h4{font-size:1.7rem; font-weight:bolder; margin-bottom:8px; text-align:center; color:#000}
.nsorte p{font-size:1.1rem; }

.ico{width:50px;height:auto;margin:13px auto 0 -49px; position:absolute;}
.icos img{width:78px;height:auto; margin:10px}
.icos p{margin-bottom:0}
.chk{width:34px;height:auto; margin:0 12px -10px 0;}
#conteudo{margin-top:50px; margin-bottom:70px; padding:0 18px}
#como{background-color:#FFF; padding:70px 0 90px 0; width:100%}
#premiacao{background-color:#ffdc2c; padding:70px 0}
#pe {margin-top:0px; background-color:#212e3e; padding-top:50px; padding-bottom:60px}
.icop{width:27px;height:auto; margin:-17px 7px 0 0}
.social-media a{border-radius:50%; background-color:#eee; padding:15px 8px 2px 8px; margin-right:10px}

.wrap-collapsible {margin:2rem 0}
.lbl-toggle h4{padding:0; font-size:1.7rem; color:#0400b9; text-transform:none; line-height:110%; color:#000; letter-spacing:0}
input[type='checkbox'] {display:none;}
.lbl-toggle {display:block; font-size:1.8rem; line-height:1rem; text-transform:uppercase; padding:0.4rem 1.1rem 0 1.4rem; color:#1c2f6e; background:#fff; cursor:pointer; border-radius:0; transition:all 0.25s ease-out; margin-bottom:0; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px;}
.lbl-toggle:hover {color:#1c2f6e}
.lbl-toggle::after {content:' '; display:inline-block; vertical-align:middle; transition:transform .2s ease-out; margin:0 0 0 6px}
.collapsible-content {max-height:0px; overflow:hidden; transition:max-height .15s ease-in-out; box-shadow:rgba(15, 20, 31, 0.15) 0px 0px 18px 0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.toggle:checked + .lbl-toggle{background-color:#28ff52}
.toggle:checked + .lbl-toggle + .collapsible-content { max-height:5000px; height:auto}
.toggle:checked + .lbl-toggle {border-bottom-right-radius:0; border-bottom-left-radius:0;}
.collapsible-content .content-inner {background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:1.7rem;}
.content-inner p {margin-bottom:1.4rem}

#nav-icon4 {width:36px; height:20px; position:absolute; top:16px; right:10px; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer; z-index:99999; background:none; padding:20px; border-radius:0 0 0 12px}
#nav-icon4 span {display:block; position:absolute; height:4px; width:60%; margin:9px auto 7px 21.4%; background:#fff; border-radius:0; opacity:1; left:0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center;}
#nav-icon4.open span:nth-child(1) {background:#28ff52; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg); top:-11px; left:7px}
#nav-icon4.open span:nth-child(2) {width:0%; opacity:0;}
#nav-icon4.open span:nth-child(3) {background:#28ff52; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); top:20px; left:7px}
.menu{color:#fff; font-size:15px; position:fixed; top:32px; letter-spacing:0.14em; right:13px}

.overlay {position:fixed; background-color:#212e3e; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; -webkit-transition:opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow:hidden; z-index:9999}
.overlay.open {opacity:1; visibility:visible; height:100%}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;}
.overlay nav {position:relative; height:100%; top:64%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center}
.overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%}
.overlay ul li {display:block; height:7%; height:calc(100%/9); min-height:20px; position:relative; opacity:100; text-align:center}
.overlay ul li a {display:block; position:relative; color:#fff; font-size:1.55rem; text-decoration:none; text-transform:uppercase; z-index:99999; font-weight:400}
.overlay button{background-color:#28ff52; border:0; font-size:0.8em; color:#0a00b4}

#loader {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; background:rgba(0,0,0,0.85); z-index:10000}
.lds-ripple {display:inline-block; position:relative; width:96px; height:96px; margin:42% 0 0 34%}
.lds-ripple div {position:absolute; border:8px solid #fff; opacity:1; border-radius:50%;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay:-0.5s;}
@keyframes lds-ripple {0% {top:48px; left:48px; width:0; height:0; opacity:1} 100% {top:0px; left:0px; width:96px; height:96px; opacity:0} }

.zap {min-height:40px; height:auto; padding:15px 30px 3px 15px; font-size:0.92em; line-height:0.92; margin-bottom:15px}
.zap img{width:32px; position:absolute;margin:-12px 0 0 5px}


table {border-collapse: collapse; width:102%; table-layout:fixed; border-spacing:5px; margin-left:-3px; border-collapse:separate}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table tr th {background-color:#28ff52; border:none; color:#000; padding:17px 8px; font-size:1.2em; line-height:1; text-align:center}
table tr td {padding:.625em; border:1px solid #0a00b4; margin:3px; font-size:1em}
table th, thead {font-size:.9em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
tbody tr:nth-child(odd){background-color:#ebf0f5}
table tr td:first-child {}
table tr td:last-child {width:12em; word-break:normal}
#conteudo li {font-size:1em}
#conteudo table tr th, table tr td {padding:0.7em; font-size:0.9em; border:0; text-align:center}
#conteudo table {border-spacing:0}

@media (max-width:1000px) {
table {table-layout:auto; border-spacing:0; width:108%; margin-left:-4%}
table tr td:last-child {width:auto}
table tr th {padding:10px 3px; font-size:0.7em}
table tr td {padding:.3em; margin:0; font-size:0.7em}
#conteudo table tr th{padding:1em 0.2em; font-size:0.5em}
#conteudo table tr td {padding:0.5em 0.2em; font-size:0.58em}
}

.quiz{display:flex}
.quizp{padding:.625em 2em; border:1px solid #0a00b4; margin:3px;}
.quizr{flex-grow:1; display:flex; flex-direction:column;}
.quizr div{padding:.625em 1em; border:1px solid #0a00b4; margin:3px; flex-grow:1; }
.quizr div:hover{border:1px solid #28ff52; background-color:#28ff52;}
}

@media (min-width: 410px) {
.gio{width:78%; right:14vw;}
.pic{margin-top:2vh}
.tagline {margin-top:3vh}
.nsorte{padding:0 15px 5px 15px; width:98px}
.lds-ripple {margin:48% 0 0 36%}
}

@media (min-width: 610px) {
.tagline {margin-top:0; width:100%}
.deskgb{top:81vh; padding:35px 15px 10px 15px; left:-9%; width:118%;}
}

@media (min-width:720px) {
.hero{height:100vh; background-size:cover; background-position:bottom center}
.selo{min-height:320px}
.tagline {width:70%; margin-top:20vh}
.gio{width:42%; right:10vw}
.pic{width:110%; margin-top:20vh; margin-left:-5%}
.hm .btbr{display:block}
.in{padding:0 20px; height:230px}
.in .tagline{width:155px; margin-left:5vw; margin-top:65px}
.in h1{position:relative; margin-top:80px; margin-left:0}
.in .pic{display:block; position:absolute; width:44%; top:30px; right:15px}
.in .gio{width:240px; max-width:500px; left:auto; right:9vw; z-index:1}
.lds-ripple {margin:28% 0 0 42%}
}

@media (min-width: 1000px) {
.u-half-width {width:49%; box-sizing:border-box}
.hero{height:100vh; background-size:cover; background-position:bottom center}
.hm{padding:4vh 4vw 0 10%}
.selo{min-height:250px}
#check{padding:0 10% 40px 10%}
#check h1 {font-size:4rem; }
#participe,.participe {padding:0 10% 40px 10%}
.gio{width:37%; bottom:0; right:15vw; }
.logo{width:112px; margin:3px 0 0 7vw}
.aneel{width:160px; margin:4px 0 -6px 50px}
.dp{width:200px; height:auto; margin:-7px 0 -15px 0; }
.bola{margin:8px; width:18%;}
.tagline {width:85%; margin-top:6vh}
.pic{width:110%; height:auto; margin-top:9vh; margin-left:-5%}
.in{padding:0 20px; height:270px}
.in .tagline{width:200px; margin-left:7vw; margin-top:45px}
.in h1{margin-top:95px; margin-left:40px}
.in .pic{width:44%; top:90px; right:4%}
.in .gio{width:300px; max-width:500px; right:12vw; z-index:1}
.lds-ripple {margin:28% 0 0 44%}
.participe .four{margin-left:4%; width:30%}
.participe .six{margin-left:10%; width:48%}
.atualize{margin:40px auto 0 auto}
.atualize a{padding:12px 30px; font-size:2.7rem}
#form.modal-window > div {max-width:580px}

.quiz{display:flex}
.quizp{padding:.625em 2em; border:1px solid #0a00b4; margin:6px;}
.quizr{flex-grow:1; display:flex; flex-direction:column;}
.quizr div{padding:.625em 1em; border:1px solid #0a00b4; margin:6px; flex-grow:1; }
.quizr div:hover{border:1px solid #28ff52; background-color:#28ff52;}
}


@media (min-width: 1200px) {
#conteudo{margin-top:70px; margin-bottom:110px; padding:0 20px}
.in{padding:0 20px; height:270px}
.in .tagline{width:200px; margin-left:7vw; margin-top:45px}
.in h1{margin-top:117px; margin-left:0}
.in .gio{width:270px; right:14vw;}
.in .pic{width:40%; top:80px; right:5%}
.deskgb{display:block; background:none; position:relative; top:auto; padding:0; left:auto; right:-5%; width:330px; margin:0; }
.selo{min-height:240px}
.bola{margin:10px; width:18%;}
.mn{position:absolute; z-index:9999}
.pe {padding:80px auto 10px auto}
#nav-icon4 {display:none}
.overlay {position:absolute; background:none; width:100%; height:74px; opacity:1; visibility:visible;}
.overlay .open{height:80px;}
.overlay nav {-webkit-transform:translateY(0); transform:translateY(0); text-align:right; margin-right:8vw; height:90px; top:0; }
.overlay ul {top:35px; margin:0 auto; position:relative; height:80px; left:auto}
.overlay ul li {display:inline-block}
.overlay ul li a {margin:0px 14px; font-size:1.5rem; color:#fff}
.overlay ul li a:hover {color:#28ff52}
.overlay ul li a:active {color:#28ff52}
.overlay button{background-color:#28ff52; font-size:0.9em; height:50px; padding:0.6rem 3rem; color:#fff; border:0}
.mnl{display:none}
.overlay ul li.ent a{margin-left:20px; margin-top:-8px; border-radius:8px; padding:5px 22px; left:0}
.links{text-align:left}
.m{width:120px; height:auto; position:absolute; margin-top:-5px; left:-2%}
.mm{width:120px; position:absolute; margin-top:-6px; left:-2%}
.lds-ripple {margin:18% 0 0 46%}

table {width:102%;border-spacing:12px; margin-left:-10px}
table tr td:last-child {width:auto}
table tr th,table tr td {padding:1.1em}
}


@media (min-width: 1340px) {
.in{padding:0 20px; height:320px}
.in .gio{width:300px; right:15vw}
.in .pic{width:40%; top:80px; right:5%}
.selo{min-height:260px}
.atualize{margin:85px auto 0 auto}
.atualize a{padding:12px 38px; font-size:3.2rem}
}


@media (min-width: 1600px) {
.deskgb{right:-2%; top:9vh}
.bola{margin:12px}
.in{padding:0 20px; height:390px}
.in .tagline{width:72%; margin-left:9vw; margin-top:55px}
.in h1{margin-top:170px; margin-left:30px}
.in .gio{width:360px; right:15vw}
.in .pic{top:110px}
.lds-ripple {margin:17% 0 0 47%}
.atualize{margin:100px auto 0 auto}
.atualize a{padding:12px 44px; font-size:4rem}
}


@media (min-width: 1900px) {
.container {max-width:1500px;}
.logo{width:128px;}
.dp{width:260px; height:auto; margin:20px 0 0 0}
.in .gio{width:360px; right:17vw}
.in .pic{top:40px}
}





#return-to-top {position:fixed; bottom:18px; right:20px;background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5); width:48px; height:48px; display: block; text-decoration:none; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; display:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index:99999}
#return-to-top i{color:#fff; margin:0; position:relative; left:18px; top:16px; font-size:19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
#return-to-top:hover {background:rgba(0, 0, 0, 0.7)}
#return-to-top:hover i {color:#fff; top:14px}
.arrow {border:solid #fff; border-width:0 4px 4px 0; display:inline-block; padding:4px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}