.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}
.ama{color:#ffae00}
.amabg{background-color:#ffae00}
.red{color:#e4002b}
.redbg{background-color:#e4002b}
.bk{color:#000}
.bkbg{background-color:#000}
.roxo{color:#7561cf}
.roxo2{color:#791de0;}
.roxobg{background-color:#7561cf}
.roxobg2{background-color:#a9a3e4}
.blu{color:#00239c}
.blubg{background-color:#00239c}
.cz{color:#505050}
.czbg{background-color:#505050}
.degbg2{background: rgb(51,0,67); background: linear-gradient(81deg, rgba(51,0,67,1) 7%, rgba(228,0,43,1) 100%); }
.degbg{background: rgb(0,35,156); background: linear-gradient(81deg, rgba(0,35,156,1) 0%, rgba(228,0,43,1) 100%);}
.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 4px 9px rgba(0, 0, 0, 1);}
.over{position:absolute; float:left;z-index:100;}
.trans{background-color: cornflowerblue;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5}
.oki{text-transform: uppercase}
.img-circle {border-radius:50%;}
.circ{border-radius:50%; width:90px;height:90px; padding:3px; border:7px solid #fff}
#ganhadores{padding:120px 0 80px 0}

.zoom{transition: transform 0.04s;}
.zoom:hover{transform: scale(1.1)}

.pulsa {animation:pulse 0.33s infinite; animation-name:pulse; animation-timing-function:ease-out; animation-delay:0; animation-direction:alternate; animation-iteration-count:infinite;}
@keyframes pulse {
  0% {transform: scale(1)}
  100% {transform: scale(1.17)}
}

.row {padding:0 20px}


.modal-window {position:fixed; background-color:rgba(255, 255, 255, 0.8); 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:300px; width:100%; padding:30px; position:absolute; top:40%; left:50%; -webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%); padding:2em; 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); border-radius:20px}

.modal-close {line-height:50px; font-size:80%; font-weight:bolder; position:absolute; right:12px; text-align:center; top:0; 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: 760px) {
  .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%; }

  /* Offsets */
  .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: "Anaheim", sans-serif; font-weight:400; font-style:normal; line-height:1.4; color:#FFF; background-color:#000; margin:0; overflow-x:hidden;}


h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1rem; color:#393185; font-weight:300; Line-height:1.2; font-family:"Michroma", sans-serif; font-weight:400; font-style: normal;}
h1 { font-size: 4.2rem;  line-height:105%; letter-spacing:-0.2rem}
h2 { font-size: 3.3rem; }
h3 { font-size: 2.3rem; letter-spacing:-0.12rem}
h4 { font-size: 2.1rem;}
h5 { font-size: 1.8rem; line-height:1.4}
h6 { font-size: 1.5rem; }


@media (min-width: 950px) {
.hhome { font-size: 8rem;}
  h1 { font-size: 6rem; }
  h2 { font-size: 3.7rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.2rem; line-height:1.5}
  h5 { font-size: 1.8rem; line-height:1.2}
  h6 { font-size: 1.5rem; }
}

p {margin:0; font-weight:300}
a {color:#811ef0; 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:#ba13ff}




.button,button,input[type="submit"],input[type="reset"],input[type="button"] {display:inline-block; min-height:52px; padding:10px 40px; color:#fff; text-align:center; font-size:1em; letter-spacing:0.4rem; line-height:1.1em; text-decoration:none; text-transform: uppercase; white-space:normal; border-radius:8px; cursor:pointer; box-sizing:border-box; border:1px none #fff; margin:10px auto;  background: rgb(104,0,203); background: linear-gradient(38deg, rgba(104,0,203,1) 54%, rgba(26,60,237,1) 100%); }
.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:#132153}
.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:#ffbc0d;}
.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:#000}
.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}



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:42px; padding:9px 10px; font-size:1.4em; background-color:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:none; box-sizing:border-box; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); margin:10px 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="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border:2px solid red; outline: 0; }
label,legend {display: block; margin-top:1rem; margin-bottom:-8px; font-weight:600; }
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; }

ul {list-style: circle inside; }
ol {list-style: decimal inside; }
ol, ul {padding-left: 0; margin-top: 0; }
ul ul,ul ol,ol ol,ol ul {margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }



@media screen and (min-width:320px) {
table {border-collapse:collapse; margin:0; padding:0; width:100%; margin-left:0%; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td {padding:.625em .4em; text-align:left; border-bottom:1px solid #E1E1E1; font-size:0.7em}
table th, thead {padding:.625em .4em; font-size:.8em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
tbody tr:nth-child(odd){background-color:#e9e9e9}
table tr td:first-child {padding-left:15px}
table tr td:last-child {width:4em;}
}

@media screen and (min-width:550px) {
table {border-collapse: collapse; width:100%; margin-left:0; table-layout:fixed}
table caption {font-size:1.5em; margin:.5em 0 .75em 0}
table tr {padding:2em 0}
table th,table td { padding:.625em 0; border-bottom:1px solid #E1E1E1; font-size:0.9em}
table th, thead {font-size:.9em; text-transform:uppercase; font-weight:bold; background-color:#333; color:#fff}
tbody tr:nth-child(odd){background-color:#e9e9e9}
table tr td:first-child {word-break:break-all;}
table tr td:last-child {width:12em; word-break:normal}
}



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-full-width {width:100%; box-sizing:border-box}
.u-max-full-width,.u-half-width {width:100%;  box-sizing:border-box}
.u-pull-right {float:right}
.u-pull-left {float:left}
.text-center{text-align: center}
.text-just{text-align: justify}
.it{font-style: italic}
.spa{letter-spacing:0.1em}
.subl{text-decoration:underline}
.cap{text-transform:uppercase}
.normal{font-weight:400}
.leve{font-weight:300}
.b, b{font-weight:900}
hr {margin-top:2rem; margin-bottom:2rem; border-width:0; border-top: 1px solid #E1E1E1}
.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) {
.logo{width:85px; height:auto; margin:-20px 0 0 28px; float:left}
.selo{-webkit-box-shadow:3px 15px 30px 0px rgba(5,23,85,0.3);-moz-box-shadow:3px 15px 30px 0px rgba(5,23,85,0.3); box-shadow:3px 15px 30px 0px rgba(5,23,85,0.3); padding:17px 22px; border-radius:20px; margin-bottom:20px}

.content {display:flex; flex-direction:column; width:100vw; height:100vh; position:relative; justify-content:center; align-items:center; }
.content__title {position:absolute; top:42%; left:0; width:100%; text-align:center; margin:0; z-index:100; font-size:4rem; color:#fff; line-height:1;}
.content button{position:relative; margin-top:80%; z-index:100; width:80%; margin-left:10%}

#top {position:absolute; top:40px; left:0; width:100%; color:#393185; padding:14px 0; z-index:100}
#top h1{color:#791de0; font-size:1.6rem; letter-spacing:0rem; margin-top:33px; line-height:1.4}
.ico{width:20px;height:auto}
#conteudo{margin-top:110px}
#pe {padding:100px 20px; margin-top:0; color:#393185; background:rgb(104,0,203); background:linear-gradient(38deg, rgba(104,0,203,1) 54%, rgba(26,60,237,1) 100%);}
#pe a:hover {color:#de0022}
#pe img{margin:0 22px 0 3px; width:30px; height:auto}
#seguranca-ti{background-image:url(../img/tecnologia-seguranca.webp?v=1); background-position:center; background-size:cover; padding:90px 20px}
#analise-vulnerabilidade{padding-top:120px; padding-bottom:120px; background-color:rgba(0, 0, 0, 0.7);}

.wrap-collapsible {margin:2rem 0}
.lbl-toggle h4{padding:0; font-size:2rem; text-transform:none; line-height:110%}
input[type='checkbox'] {display:none;}
.lbl-toggle {display:block; font-size:1.8rem; line-height:1rem; text-transform:uppercase; padding:1.4rem 0.7rem 0 1.4rem; color:#1c2f6e; background:#fff; cursor:pointer; border-radius:10px; 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 + .collapsible-content { max-height:2250px; 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}
    
#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 39%}
.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} }
}

@media (min-width: 410px) {

}

@media (min-width:740px) {
}

@media (min-width: 1000px) {
.logo{width:90px;height:auto; margin-left:5vw; margin-top:0px}
#top h1{font-size:2rem; letter-spacing:0.1rem; margin-top:12px;}
#seguranca-ti{padding:180px 20px; background-attachment:fixed}
#analise-vulnerabilidade{padding-top:170px; padding-bottom:140px;}
}


@media (min-width: 1200px) {
.logo{width:110px; }
.btc{position:absolute; margin-top:15px; margin-left:40%;}
#contrate.selo.blubg{padding:30px 50px; margin:50px auto 70px auto}
#socorro24h .selobr{margin:50px auto 70px auto; padding:30px 50px; width:auto}
.content__title {top:45%; margin:0; font-size:5vw}
.content button{margin-top:82%; width:100%; margin-left:0}
}


@media (min-width: 1600px) {

}


@media (min-width: 1900px) {
}





#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;}
#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);}










input { position:fixed;  opacity:0;}
label { position:absolute; margin:0; padding:0; border:none; outline:none; background:none; cursor:pointer;}
label::before { position:fixed; z-index:1; top:0; left:0; right:0; bottom:0; background-color:rgba(10, 38, 57, 0.75); content:""; opacity:0; pointer-events:none; transition:opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
label .burger { position:fixed; top:1.9em; right:1.4em; z-index:3; width:2.8em; height:2em; margin:0; padding:0; transition:opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
label .burger::before,label .burger .bar, label .burger::after {position:absolute; left:0; display:block; width:100%; height:14%; border-radius:12px; background:white; content: ""; transition:all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
label .burger .bar {top:44%;}
label .burger::before { top:0; transform-origin:top left;}
label .burger::after { bottom:0; transform-origin:bottom left;}

input:focus + label .burger,label:hover .burger { opacity:0.75;}

nav {position:fixed; top:0; left:0; bottom:0;z-index:2; display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; transform:translate3d(0, 0, 0); transform: translateX(-100%); will-change: transform; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
nav::before { position:absolute; top:0; bottom:0; left:0; z-index:-1; width:25em; background:#791de0; content: ""; transform:skewX(15deg) translateX(-100%); transform-origin: bottom left; will-change:transform; transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);}

@media (min-width: 40em) {
  nav::before {width:40em; }
}
nav a {margin:0.5em 0; padding:0.2em 2em; font-size:1.5em; color:white; text-decoration:none; font-weight:500; transform:translateX(-100%); transition:color 0.15s, transform 0.5s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
nav a:nth-child(1) { transition-delay: 0s, 100ms;}
nav a:nth-child(2) { transition-delay: 0s, 150ms;}
nav a:nth-child(3) { transition-delay: 0s, 200ms;}
nav a:nth-child(4) { transition-delay: 0s, 250ms;}
nav a:nth-child(5) { transition-delay: 0s, 300ms;}
nav a:nth-child(6) { transition-delay: 0s, 350ms;}
nav a:hover, nav a:focus { color: black;}

main2 {overflow:hidden;}
main2 .conten {transform:translate3d(0, 0, 0); will-change:transform, filter; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}

[id=navcheck]:checked + label::before { opacity: 1; pointer-events: auto;}
[id=navcheck]:checked + label .burger::before, [id=navcheck]:checked + label .burger::after { width:105.42%;}
[id=navcheck]:checked + label .burger::before { transform: rotate(45deg) translateY(-50%);}
[id=navcheck]:checked + label .burger::after { transform: rotate(-45deg) translateY(50%);}
[id=navcheck]:checked + label .burger .bar { transform: scale(0.1);}
[id=navcheck]:checked ~ nav { transform: translateX(0);}
[id=navcheck]:checked ~ nav::before { transform: skewX(15deg) translateX(0);}
[id=navcheck]:checked ~ nav a { transform: translateX(0);}
[id=navcheck]:checked ~ main2 .conten { transform: translateX(3em); transform-origin: left center; filter:blur(2px);}

/* helper */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

@media (min-width: 1000px) {
label .burger {top:2.5em; right:3em; width:3em; height:2em}
[id=navcheck]:checked + label .burger::before, [id=navcheck]:checked + label .burger::after { width:99%;}
}