/******* RESET *********/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,select,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0px;padding:0px;border:0px;outline:0px;}a{text-decoration:none;}
h1,h2,h3,h4,h5,h6,a,td,input,form,p,div,span,big,small{ font-family: 'Montserrat', Arial, sans-serif; font-weight:400; color:#FFF; }



html{ min-height:100%; }
body{ min-height:100%; font-weight:400; min-width:300px; width:100%; overflow-x:hidden; background:#000f1e;  }
main{ margin:0 auto; padding:25px; max-width:1000px; }


h1{ text-align:center; font-size:45px; font-weight:700; padding-top:20px; }
h2{ text-align:center; font-size:30px; font-weight:700; }
h3{ text-align:center; font-size:20px; font-weight:500; padding:10px 0; }

@media (max-width: 700px) {
    h1{ font-size:30px; }
}



header{ background:url(../images/topo-site.jpg) center center repeat-x; height:280px; }



#formulario{ }
#formulario .container{ border:1px solid #3d465a; background:#000; border-radius:20px; padding:40px; margin:50px auto; max-width:500px; }
#formulario .container p{ font-size:14px; margin-bottom:20px; text-align:center; }
#formulario .container .form-group { margin-bottom:18px; text-align:left; }

#formulario .container .form-group input[type="text"],
#formulario .container .form-group input[type="email"]{ font-weight:500; width:100%; padding:18px; border:none; border-radius:12px; font-size:14px; margin-top:10px; background:#FFFFFF; color:#000f1e; box-sizing:border-box; font-family:inherit; }
#formulario .container .form-group input[type="text"]:focus,
#formulario .container .form-group input[type="email"]:focus{ box-shadow:#5693cf 0 0px 10px 0;  cursor:inherit; }
#formulario .container .form-group input::placeholder{ color:#77818C; font-weight:500; }

#formulario .container .submit-btn { display:block; width:80%; background:#5693cf; color:#000; border:none; border-radius:40px; padding:15px 0; font-size:16px; font-weight:700; cursor:pointer; transition:background 0.2s; margin:0 auto; margin-top:30px; box-shadow:0 2px 8px 0 rgba(0,0,0,0.09); }
#formulario .container .submit-btn:hover{ background: #047dc1; }

#formulario #loading { display:none; }
#formulario #loading div{ width:50px; margin:10px auto; position:relative; text-align:center; }
#formulario #loading p{ font-size:14px; font-weight:600; }
#formulario .icoLoading{ -webkit-animation-name:spin; animation-name:spin; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; }


#retorno{ display:none; padding:50px 0; }
#retorno span{ margin:0 auto; font-size:70px; display:block; text-align:center; padding-bottom:20px; color:#047dc1; }
#retorno a{ display:block; text-align:center; width:fit-content; background:#5693cf; color:#000; border:none; border-radius:40px; padding:15px 50px; font-size:16px; font-weight:700; cursor:pointer; transition:background 0.2s; margin:0 auto; margin-top:50px; box-shadow:0 2px 8px 0 rgba(0,0,0,0.09); }
#retorno a:hover{ background:#047dc1; }


footer{ background:#000; }
footer .content{ max-width:900px; padding:50px 25px; margin:0 auto; text-align:center; }
footer .content small{ text-transform:uppercase; font-size:10px; letter-spacing:2pt; font-weight:700; }
footer .content ul{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:fit-content; margin:0 auto; padding:15px 0; }
footer .content ul li{ list-style:none; padding:8px; }
footer .content ul.realizacao{ margin-bottom:30px; }
footer .content ul.realizacao li{ padding:0 20px;  }


@media (max-width: 700px) {
    footer .content ul.realizacao{ display:block; }
    footer .content ul.realizacao li:first-child{ padding-bottom:20px; margin-bottom:20px; }
}


/* spins */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes spinInverso { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spinInverso { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spinInverso { 100% { -webkit-transform: rotate(*360deg); transform:rotate(-360deg); } }