body{
    background: #020E2B;
}
*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    outline: 0;

    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 1em;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: 0em;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

object,
embed,
video,
iframe,
iframe['style'] {
    max-width: 100%;
    height: auto;
}

.clear{
    clear: both;
}

.font-zero{font-size: 0;}

img {
    max-width: 100%;
    border: 0;
    vertical-align: middle;
}

a img {
    border: 0;
}

a {
    text-decoration: none;
}

.fontzero {
    font-size: 0em;
}

/* ==================== */
/* ==== PARA EMBED ==== */
/* ==================== */

.destaque-video {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
    padding: 10px;
    /* background: rgba(0, 0, 0, 0.4); */
}

.ratio-video {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
}

.media-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* =================== */
/* ==== PARA MAPS ==== */
/* =================== */

.destaque-maps {
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.2);
}

.ratio-maps {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
}

.media-maps {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* ==================== */
/* ==== CONTAINERS ==== */
/* ==================== */

.container {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/* ================== */
/* ==== CONTENTS ==== */
/* ================== */

.content-90-580,
.content-90-680,
.content-90-780,
.content-90-980,
.content-90-1024,
.content-90-1200,
.content-90-980-not-padding,
.content-90-1200-not-padding {
    display: block;
    margin: 0 auto;
    padding: 40px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.content-90-580 {
    width: 90%;
    max-width: 580px;
}

.content-90-680 {
    width: 90%;
    max-width: 680px;
}

.content-90-780 {
    width: 90%;
    max-width: 980px;
}

.content-90-980 {
    width: 90%;
    max-width: 980px;
}

.content-90-1024 {
    width: 90%;
    max-width: 1024px;
}

.content-90-1200 {
    width: 90%;
    max-width: 1200px;
}

.content-90-980-not-padding {
    width: 90%;
    max-width: 1200px;
    padding: 0;

}

.content-90-1200-not-padding {
    width: 90%;
    max-width: 1200px;
    padding: 0;
}

/* ============== */
/* ==== BOXS ==== */
/* ============== */

.box10,
.box15,
.box20,
.box25,
.box30,
.box35,
.box40,
.box45,
.box50,
.box55,
.box60,
.box65,
.box70,
.box75,
.box80,
.box85,
.box100 {
    float: left;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box10{
    width: 10%;
}
.box15 {
    width: 15%;
}

.box20 {
    width: 20%;
}

.box25 {
    width: 25%;
}

.box30 {
    width: 30%;
}

.box35 {
    width: 35%;
}

.box40 {
    width: 40%;
}

.box45 {
    width: 45%;
}

.box50 {
    width: 50%;
}

.box55 {
    width: 55%;
}

.box60 {
    width: 60%;
}

.box65 {
    width: 65%;
}

.box70 {
    width: 70%;
}

.box75 {
    width: 75%;
}

.box80 {
    width: 80%;
}

.box85 {
    width: 85%;
}

.box100 {
    width: 100%;
}

/* ============== */
/* ==== IMGS ==== */
/* ============== */

.img-20 {
    width: 20px;
}

.img-30 {
    width: 30px;
}

.img-40 {
    width: 40px;
}

.img-50 {
    width: 50px;
}

.img-60 {
    width: 60px;
}

.img-100 {
    width: 100px;
}

.img-125 {
    width: 125px;
}

.img-150 {
    width: 150px;
}

.img-180 {
    width: 180px;
}

.img-200 {
    width: 200px;
}

.img-250 {
    width: 250px;
}

.img-350 {
    width: 350px;
}
.img-400 {
    width: 400px;
}

.img-450 {
    width: 450px;
}

.img-500 {
    width: 500px;
}

.img-550 {
    width: 550px;
}

.img-600 {
    width: 600px;
}

.img-700 {
    width: 700px;
}

.img-750 {
    width: 750px;
}

.img-800 {
    width: 800px;
}

.img-850 {
    width: 850px;
}

.img-900 {
    width: 900px;
}

.img-950 {
    width: 950px;
}

.img-1000 {
    width: 1000px;
}

.img-1050 {
    width: 1050px;
}


/* ================= */
/* ==== MARGINS ==== */
/* ================= */

.m20-top-bottom {
    margin: 20px 0;
}

.m20-top {
    margin-top: 20px;
}

.m20-bottom {
    margin-bottom: 20px;
}

.m40-top-bottom {
    margin: 40px 0;
}

.m40-top {
    margin-top: 40px;
}

.m40-bottom {
    margin-bottom: 40px;
}

.m60-top-bottom {
    margin: 60px 0;
}

.m60-top {
    margin-top: 60px;
}

.m60-bottom {
    margin-bottom: 60px;
}

.m80-top-bottom {
    margin: 80px 0;
}

.m80-top {
    margin-top: 80px;
}

.m80-bottom {
    margin-bottom: 80px;
}

/* ====== paddings */
.p20-top-bottom {
    padding: 20px 0;
}

.p20-top {
    padding-top: 20px;
}

.p20-bottom {
    padding-bottom: 20px;
}

.p40-top-bottom {
    padding: 40px 0;
}

.p40-top {
    padding-top: 40px;
}

.p40-bottom {
    padding-bottom: 40px;
}

.p60-top-bottom {
    padding: 60px 0;
}

.p60-top {
    padding-top: 60px;
}

.p60-bottom {
    padding-bottom: 60px;
}

.p80-top-bottom {
    padding: 80px 0;
}

.p80-top {
    padding-top: 80px;
}

.p80-bottom {
    padding-bottom: 80px;
}

/* ================================== */
/* ==== GRID CONTAINER e CONTENT ==== */
/* ================================== */

.grid-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.grid-content {
    display: flex;
    justify-content: center;
}

/* ===================== */
/* ==== BACKGROUNDS ==== */
/* ===================== */

.bg-yellow {
    background: #ffcc00;
}

.bg-brow {
    background: #956039;
}

.bg-red {
    background: #d12121;
}

.bg-green {
    background: #11df50;
}

.bg-blue {
    background: #197394;
}

.bg-lightblue {
    background: #2283d6;
}

.bg-darkblue {
    background: #012353;
}

.bg-darkblueblack {
    background: #000914;
}

.bg-red {
    background: #d12121;
}

.bg-gray {
    background: #1f1f1f;
}

.bg-lightgray {
    background: #f5f5f5;
}

.bg-darkgray {
    background: #111;
}

.bg-purple {
    background: #4617b4;
}

.bg-lightpurple {
    background: #6237c6;
}

.bg-darkpurple {
    background: #3b025b;
}

/* ============ */
/* ==== BT ==== */
/* ============ */

.bt,
.bt-radius,
.bt-radius-large {
    display: inline-block;
    cursor: pointer;
    margin-top: 5px;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    border: none;
    text-transform: uppercase;
    transition: all 0.5s ease;
    font-weight: 700;
}

.bt {
    background: #333;
    padding: 8px 18px;
}

.bt-radius {
    padding: 15px 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.bt-radius-large {
    padding: 15px 45px;
    font-size: 1.4em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.bt-yellow {
    background: #ffc000;
}

.bt-yellow:hover {
    background: #ffa800 !important;
}

.bt-green {
    background: #3bac50;
}

.bt-green:hover {
    background: #2d9c42;
}

.bt-greenlight {
    background: #03aea0;
}

.bt-greenlight:hover {
    background: #039387;
}

.bt-orange {
    background: #e77336;
}

.bt-orange:hover {
    background: #ca632d !important;
}

.bt-blue {
    background: #3b6dac;
}

.bt-blue:hover {
    background: #2f5d97;
}

.bt-red {
    background: #ff002b;
    color: #fff;
}

.bt-red:hover {
    background: #fa1e43;
}

.bt-line-white {
    border: 1px solid #fff;
}

.bt-line-white:hover {
    background: #fff;
    color: #3b6dac;
}

.bt-line-blue {
    border: 1px solid #3b6dac;
    color: #3b6dac;
}

.bt-line-blue:hover {
    background: #3b6dac;
    color: #fff;
}

.bt-line-orange {
    border: 1px solid #e77336;
    color: #e77336;
}

.bt-line-orange:hover {
    background: #e77336;
    color: #fff;
}

.bt-line-greenlight {
    border: 1px solid #03aea0;
    color: #03aea0;
}

.bt-line-greenlight:hover {
    background: #03aea0;
    color: #fff;
}

.bt-line-red {
    border: 1px solid #ff002b;
    color: #ff002b;
}

.bt-line-red:hover {
    background: #ff002b;
    color: #fff;
}

/* ========================= */
/* ==== BT LINKS RADIUS ==== */
/* ========================= */
.bt-links-radius,
.bt-links-radius-small {
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-weight: 700;
    transition: all 0.5s ease;
}

.bt-links-radius {
    padding: 15px 45px;
}

.bt-links-radius-small {
    padding: 10px 35px;
}

.bt-links-radius-blue {
    border: 1px solid #3b6dac;
    color: #3b6dac;
}

.bt-links-radius-blue:hover {
    background: #3b6dac;
    color: #fff;
}

.bt-links-radius-white {
    border: 1px solid #fff;
    color: #fff;
}

.bt-links-radius-white:hover {
    background: #fff;
    color: #3b6dac;
}

.bt-links-radius-green {
    border: 1px solid #039387;
    color: #039387;
}

.bt-links-radius-green:hover {
    background: #039387;
    color: #fff;
}

.bt-links-radius-orange {
    border: 1px solid #e77336;
    color: #e77336;
}

.bt-links-radius-orange:hover {
    background: #e77336;
    color: #fff;
}

/* ============================= */
/* ==== BT - Voltar ao topo ==== */
/* ============================= */

.backtop-radius {
    position: fixed;
    display: none;
    cursor: pointer;
    bottom: 15px;
    right: 25px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 0.8em;
    color: #FFF;
    padding: 10px;
    background: rgba(3, 111, 174, 0.5);
    z-index: 99;

    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.backtop-radius:hover {
    background: #dbaf37;
    transition: all 0.3s ease;
}

.backtop-square {
    position: fixed;
    display: none;
    border: 1px #3d70c7 solid;
    cursor: pointer;
    bottom: 15px;
    right: 10px;
    color: #3d70c7;
    font-size: 0.8em;

    padding: 10px;
    z-index: 99;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.backtop-square:hover {
    background: #3d70c7;
    color: #ffffff;
    transition: all 0.3s ease;
}

/* ========================== */
/* ==== BT REDES SOCIAIS ==== */
/* ========================== */

.footer-bt {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin: 15px 5px 30px 5px;

}

.footer-bt-facebook {
    background: #3b5998;
}

.footer-bt-facebook:hover {
    background: #5179c9;
    transition: all 0.3s ease;
}

.footer-bt-instagram {
    background: #bc2a8d;
}

.footer-bt-instagram:hover {
    background: #e73db1;
    transition: all 0.3s ease;
}

.footer-bt-googleplus {
    background: #db4437;
}

.footer-bt-googleplus:hover {
    background: #f36053;
    transition: all 0.3s ease;
}

.footer-bt-youtube {
    background: #e52d27;
}

.footer-bt-youtube:hover {
    background: #ec443e;
    transition: all 0.3s ease;
}

.footer-bt-twitter {
    background: #1da1f2;
}

.footer-bt-twitter:hover {
    background: #51b7f7;
    transition: all 0.3s ease;
}

.footer-bt-flickr {
    background: #0d64d2;
}

.footer-bt-flickr:hover {
    background: #0a6eec;
    transition: all 0.3s ease;
}

/* ========================== */
/* ====== BACKTOP SQUARE ==== */
/* ========================== */

.backtop-square {
    position: fixed;
    display: none;
    border: 1px #ff8800 solid;
    cursor: pointer;
    bottom: 15px;
    right: 25px;
    color: #ff8800;
    font-size: 0.8em;

    padding: 10px;
    z-index: 99;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.backtop-square:hover {
    background: #ff8800;
    color: #ffffff;
    transition: all 0.3s ease;
}

/* ================= */
/* ==== EFEITOS ==== */
/* ================= */

@keyframes levitar {

    0%,
    20%,
    60%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    80% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.efeito-levitar:hover {
    animation: levitar 1s;
}


/* ============================ */
/* ========== MOBILE ========== */
/* ============================ */

@media(max-width: 1024px) {
    
    /* ============= */
    /* ==== BOX ==== */
    /* ============= */

    .box15,
    .box20,
    .box25,
    .box30,
    .box35,
    .box40,
    .box45,
    .box50,
    .box55,
    .box60,
    .box65,
    .box70,
    .box75,
    .box80 {
        width: 100%;
    }
}

/* @media(max-width: 992px) {} */
@media(max-width: 768px) {}

@media(max-width: 576px) {}