/* Reset Css */

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,
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,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: 'Raleway';
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Reset css */

/* Default Padrao */

html {
    height: 100%;
}
body {
    min-height: 100%;
}
.spacer-10 {
    display: block;
    height: 10px !important;
}
.spacer-20 {
    display: block;
    height: 20px !important;
}
.spacer-30 {
    display: block;
    height: 30px !important;
}
.spacer-40 {
    display: block;
    height: 40px !important;
}
.spacer-50 {
    display: block;
    height: 50px !important;
}
.spacer-60 {
    display: block;
    height: 60px !important;
}
.spacer-70 {
    display: block;
    height: 70px !important;
}
.spacer-80 {
    display: block;
    height: 80px !important;
}
.spacer-90 {
    display: block;
    height: 90px !important;
}
.spacer-100 {
    display: block;
    height: 100px !important;
}
.spacer-150 {
    display: block;
    height: 150px !important;
}
.spacer-200 {
    display: block;
    height: 200px !important;
}
.spacer-300 {
    display: block;
    height: 300px !important;
}
b,
strong {
    font-weight: bold;
}
i,
em {
    font-style: italic;
}
.main-text {
    font-size: 15px;
    line-height: 21px;
}
.main-text p {
    margin-bottom: 20px;
}
.main-text h1 {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main-text h2 {
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main-text h3 {
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main-text h4 {
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main-text h5 {
    font-size:17px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main-text h6 {
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 700;
}
.main-text h1, .main-text h2, .main-text h3, .main-text h4, .main-text h5, .main-text h6 {
    font-family: 'Syne';
}
.main-text a {
    text-decoration: none;
    display: inline-block;
}
.main-text a:hover {
    text-decoration: underline;
}
.main-text ul {
    margin-bottom: 20px;
}
.main-text ul li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 0 !important;
}
.main-text ul li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #000000;
    left: 8px;
    top: 7px;
}
.main-text ol {
    margin-bottom: 30px;
    list-style: decimal;
    padding-left: 20px;
}
.main-text>*:last-child {
    margin-bottom: 0;
}
.main-title h1 {
    font-size: 25px;
    font-weight: 700;
}
.main-title h2 {
    font-size: 23px;
    font-weight: 700;
}
.main-title h3 {
    font-size: 21px;
    font-weight: 700;
}
.main-title h4 {
    font-size: 19px;
    font-weight: 700;
}
.main-title h5 {
    font-size: 17px;
    font-weight: 700;
}
.main-title h6 {
    font-size: 15px;
    font-weight: 700;
}
.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {
    font-family: 'Syne';
    text-transform: uppercase;
    padding-left: 40px;
    position: relative;
    display: inline;
}
.main-title *::before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 100%;
    background-image: url(img/title-graf-light-blue.svg);
    background-position: top left;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.aligncenter {
    margin: 30px auto !important;
    display: block;
    margin-bottom: 10px !important;
}
.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.raleway {font-family: Raleway !important;}
.syne {font-family: Syne !important;}
.main-form {margin: 0 -15px;}
.main-form ::placeholder {
}
.main-form>div {padding: 0 15px;}
.main-form>div input {font-family: Raleway;font-weight: 300;font-size: 14px;width: 100%;padding: 13px 20px;background: transparent;outline: none;border: 1px solid rgb(255 255 255 / 60%);color: #fff;margin-bottom: 25px;}
.main-form>div textarea {
    font-family: Raleway;
    font-weight: 300;
    font-size: 15px;
    width: 100%;
    padding: 15px 30px;
    background: transparent;
    outline: none;
    border: 1px solid rgb(255 255 255 / 60%);
    color: #fff;
    height: 120px;
    margin-bottom: 25px;
}

/* Default Padrao */

/* Colors */

.text-black {
    color: #141414 !important;
}
.text-white {
    color: #fff !important;
}
.text-dark-blue {
    color: #001027 !important;
}
.text-light-blue {
    color: #030082 !important;
}
.text-hover-black:hover {
    color: #141414 !important;
}
.text-hover-white:hover {
    color: #fff !important;
}
.text-hover-dark-blue:hover {
    color: #001027 !important;
}
.text-hover-light-blue:hover {
    color: #030082 !important;
}
.border-hover-black:hover {
    border: 1px solid;
    border-color: #141414 !important;
}
.border-hover-white:hover {
    border: 1px solid;
    border-color: #fff !important;
}
.border-hover-dark-blue:hover {
    border: 1px solid;
    border-color: #001027 !important;
}
.border-hover-light-blue:hover {
    border: 1px solid;
    border-color: #030082 !important;
}
.bg-black {
    background-color: #141414 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-dark-blue {
    background-color: #001027 !important;
}
.bg-light-blue {
    background-color: #030082 !important;
}
.bg-hover-black:hover {
    background-color: #141414 !important;
}
.bg-hover-white:hover {
    background-color: #fff !important;
}
.bg-hover-dark-blue:hover {
    background-color: #001027 !important;
}
.bg-hover-light-blue:hover {
    background-color: #030082 !important;
}

/* Colors */

/* Buttons */

.main-btn {display: inline-block;padding: 15px 31px;text-decoration: none;font-family: 'Syne';font-size: 13px !important;font-weight: bold;border: none;text-transform: uppercase;}
.main-btn:hover {
}

/* Buttons */

/* Hide Plugins */

#pojo-a11y-toolbar, div.enabled {
    display: none !important;
}

/* Hide Plugins */

/* Header */

header {transition: all ease .5s;padding: 30px 20px;position: fixed;width: 100%;z-index: 10;}
header.sticked {
    padding: 15px 20px
}
header>div {
}
header>div>div {
}
header>div>div>div {
}
header>div>div>div>.wrapper-logo {
}
header>div>div>div>.wrapper-logo>img {
}
header>div>div>div>nav {
}
header>div>div>div>nav>ul {
}
header>div>div>div>nav>ul>li {margin: 0 20px;}
header>div>div>div>nav>ul>li>a {text-transform: uppercase;}
header>div>div>div>nav>ul>li>a:hover {
}

/* Header */

/* Featured */

#featured {height: 500px;position: relative;background-attachment: fixed;background-size: cover;background-position: top center;}
#featured::after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #000f2763;
}

/* Featured */

/* Footer */

footer {
    background-image: url(img/bg-footer.jpg);
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
.informacao {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.informacao>a {
    text-decoration: none;
}
.informacao>img {width: 26%;}
.informacao .info-text {}
.informacao .info-text p {
    font-size: 12px;
    margin-left: 45px;
    line-height: 24px;
}
.wrapper-socials {align-items: center;margin-bottom: 20px;}
.wrapper-socials span {font-family: Raleway;font-weight: normal;font-size: 18px;color: #fff;display: inline-block;margin-right: 10px;}
.wrapper-socials a {display: inline-block;margin: 0 7px;}
.wrapper-socials a img {display: flex;align-items: center;justify-content: center;}
.wrapper-socials a:hover {
}
.wrapper-socials a:hover img {filter: invert(53%) sepia(131%) saturate(4250%) hue-rotate(211deg) brightness(86%) contrast(110%);}

/* Footer */

/* Cards */

.wrapper-cards {
}
.wrapper-cards>div {
}
.wrapper-cards>div>div {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 60px 20px 50px;background: #F0F0F0;height: 100%;}
.wrapper-cards>div>div .wrapper-img {margin-bottom: 20px;}
.wrapper-cards>div>div .wrapper-img img {display: block;height: 80px;}
.wrapper-cards>div>div .description {
}

/* Cards */

/* Content */

#page-title {padding: 30px 0;}
#content-1 {}
#content-2 {
}
#content-3 {
}
#content-3 .top-content {
    position: relative;
}
#content-3 .top-content>div {
    position: relative;
    z-index: 2;
}
#content-3 .top-content::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    background: #000f27;
    bottom: 0;
}
#content-4 {
}
#content-5 {
}
#content-6 {
}

/* Content */

/* Responsive */

@media screen and (max-width: 769px){
    .wrapper-cards>div {
        margin-bottom: 30px;
    }
}

/* Responsive */