html,
body {
    font-size: 15px;
    overflow-x: hidden;
}

.top-midia-sociais,
.dropdown-item:hover,
.btn-danger,
.offcanvas,
#navbarCollapse .btn-danger {
    background-color: #B51A1A;
}

.top-midia-sociais {    
    padding: 15px 0;
}

.top-midia-sociais .container .row,
.header-roadmap,
.header-faq,
.box-number i,
.header-ultimas-noticias,
.item-card {
    align-items: center;
}

.social-midias a,
.display-novidade h1,
.bg-dark p,
.ItemCard__summary,
.ItemCard__title,
.link-top a.btn,
.link-top span,
.navbar-dark .navbar-nav .nav-link,
.nav-pills .nav-link,
.header-roadmap > h2,
.screenshots h2,
.header-faq h2,
.box-number i,
.box-number h3,
.header-ultimas-noticias h2,
.noticias-item h3,
.noticias-item p,
footer p,
.dropdown-item,
.dropdown-item:hover {
    color: #FFF;
}

.social-midias a:first-child,
.link-top span {
    margin-right: 10px;  
}

.social-midias a,
.link-top a.btn,
.noticias-item a {
    text-decoration: none;
}

.social-midias a:hover,
.link-top a.btn:hover {
    color: #1B1F24;
}

.social-midias a svg {
    fill: #FFF;
    height: 25px;
    width: 25px;
}

.social-midias a .telegram-svg {
    clip-rule: evenodd;
    fill-rule: evenodd;
    stroke-linejoin: round; 
    stroke-miterlimit: 1.41421;
}

.link-top a.btn {
    border: none;
    padding: 0;
}

.link-top a.btn,
.link-top span {
    font-size: 17px;
}

.link-top a.btn,
.link-top span,
.nav-pills .nav-link,
.noticias-item h3,
.noticias-item a,
footer p {
    font-weight: bold;
}

.btn,
.btn-danger,
.nav-pills .nav-link:nth-child(2).active {
    border-radius: 0;
}

.btn:focus {
    box-shadow: none;
}

.link-top span {
    margin-left: 10px;
}

.bg-dark,
.dropdown-menu {
    background-color: #1B1F24 !important;
}

.bg-dark {    
    padding: 25px 0;     
}

.navbar-brand {
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}

#navbarCollapse > ul {
    margin: 0 auto !important;
}

.nav-link {
    color: #FFF !important;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:after,
.box-number h3,
.noticias-item a {
    font-size: 18px;
}

.navbar-dark .navbar-nav .nav-link,
.box-number h3 {
    font-weight: 700;
}

.navbar-dark .navbar-nav .nav-link:after {
    content: "\2022";    
    float: right;      
    margin-left: 20px;
    margin-top: 0px;
}

.navbar-dark .navbar-nav .nav-link:after,
.navbar-dark .navbar-nav .nav-link:hover,
footer .social-midias a:hover {
    color: #B51A1A;
}

.navbar-dark .navbar-nav .nav-link:after,
.display-novidade > .fundo-cover,
.faq-tens,
.item-card,
.ItemCard__thumb,
.fundo-cover,
#linha-3 .fundo-cover {
    position: relative;
}

.dropdown-menu {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 70%);
    border: none;
    border-radius: 5px;
    padding: 0;
}

.dropdown-menu li a {
    padding: 10px;
}

.dropdown-menu li #en-us {
    border-radius: 5px 5px 0 0;
}

.dropdown-menu li #pt-br {    
    border-radius: 0 0 5px 5px;
}

#navbarCollapse .btn-danger {
    border: none;
    padding: 13px 25px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}

#navbarCollapse .btn-danger:hover {
    background-color: #911515;
}

.display-novidade,
.ultimas-noticias {
    background: linear-gradient(90deg, rgba(171,32,29,1) 0%, rgba(87,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#AB201D",endColorstr="#570404",GradientType=1);
}

.display-novidade > .fundo-cover,
#linha-3 .fundo-cover {
    background-image: url(../image/bg-news.opt.png);
}

.display-novidade > .fundo-cover {
    padding: 200px 0;
}

.fundo-cover,
.header-roadmap,
.header-faq,
.header-ultimas-noticias {
    background-position: center;
    background-repeat: no-repeat;
}

.image-float {
    z-index: -1;
}

.image-float,
.item-card .cover {    
    position: absolute;
}

.novi-card-normal,
.item-card .cover {
    top: 0;
}

.novi-card-cassion {
    right: 50px;
}

.display-novidade h1 {
    font-size: 78px;    
}

.display-novidade h1,
.header-ultimas-noticias h2,
figure {
    margin: 0;
}

.display-novidade h1,
h2 {
    font-weight: 800;
}



.header-roadmap {
    background-image: url(../image/roadmap.opt.png);
    height: 146px;
    width: 655px;
}

h2 {
    font-size: 35px;    
}

.header-roadmap,
.box-number i,
.item-card,
.ItemCard__summary {
    display: flex;
}

.header-roadmap,
.header-faq,
.box-number i,
.header-ultimas-noticias,
.ItemCard__summary {
    justify-content: center;
}

.text-roadmap,
.header-ultimas-noticias h2 {
    margin-top: 30px;
}

.text-roadmap {    
    max-width: 655px;
}

.news-roadmap-text {
    margin-bottom: 0;
}

.nav.nav-pills {
    margin-bottom: 20px;
}

.nav.nav-pills a,
.item-card {
    cursor: pointer;
}

.nav-pills .nav-link:nth-child(3).active {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.nav-pills .nav-link:nth-child(1).active {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: #AA201D;
}

.navbar-dark .navbar-nav .nav-item:last-child .nav-link:after {
    display: none;
}

.tab-pane p {
    margin-bottom: 5px;
}

.check {
    height: 18px;
    margin-right: 5px;
}

.check-success {
    color: #449D44;
}

.check-alert {
    color: #F0AD4E;
}

.check-warning {
    color: #D9534F;
}

.screenshots > .fundo-cover,
.section-faq {
    padding: 100px 0;
}

.screenshots > .fundo-cover {    
    background-image: url(../image/screenshots.opt.png);
}

.item-card,
.ItemCard__summary {    
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.item-card,
.ItemCard__summary {
    flex-direction: column;
}

.item-card {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: perspective(600px) translate3d(0, 0, 0); 
}

.item-card img,
.item-card {
    height: auto;
}

.item-card img,
.item-card .cover {    
    width: 100%;    
}

.item-card .cover {
    height: 100%;
    left: 0;
}

.item-card.hover {
    z-index: 9;
}

.header-faq {    
    background-image: url(../image/faq.opt.png);
    height: 122px;
}

.ItemCard__title {
    font-weight: normal;
    margin: 8px 0;
    transform: translate3d(0, 150px, 50px);
    line-height: 1.48;
    padding: 20px 40px;
}

.ItemCard__title,
.ItemCard__meta.category {
    font-size: 14px;
}

.faq-tens {
    padding-top: 70px;
}

.faq-tens,
.ultimas-noticias .image-float {    
    z-index: 999;
}

.image-lt {
    left: -250px;
    top: -86px;
}

.image-rt {
    right: -259px;
    top: -106px;
}

.section-faq p,
.ItemCard__meta.designer {
    font-size: 12px;
}

.ultimas-noticias > .fundo-cover {
    padding: 70px 0;
}

.noticias-item a {
    color: #1B1F24 !important;
    float: right;
}

.noticias-item a:hover {
    color: #000 !important;
}

footer {
    padding: 30px;
}

footer img {
    height: 70px;
}

.header-explorer {
    justify-content: center;
    display: flex;
    height: 146px;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
    background-image: url(../image/explorer.opt.png);
}

.header-explorer h2 {
    color: #FFF;
}

.box-number i {
    background-color: #AB201D;
    border-radius: 3px;
    font-size: 50px;
    height: 50px;
    margin-right: 25px;
    min-width: 50px;
    width: 50px;
}

.box-number i svg {
    width: 20px;
}

.box-number h3 {
    line-height: 120%;
    margin-bottom: 15px;
}

.header-ultimas-noticias {    
    background-image: url(../image/ultimas-noticias.opt.png);
    height: 118px;
}

.noticias { 
    padding: 70px 90px 0 90px;
}

.noticias-item {
    padding-top: 20px;
}

.noticias-item h3 {
    font-size: 22px;
}

.noticias-item a {
    color: #570404;
    margin-bottom: 15px;
}

.item-card iframe {
    width: 266px;
}

.ItemCard__dest {    
    z-index: 30;    
}

.ItemCard__dest,
.ItemCard__thumb img {
    display: block;
}

.ItemCard__thumb {    
    padding: 0;
    z-index: 3;
}

.ItemCard__thumb,
.item-card img { 
    transition: transform .2s;
}

.ItemCard__thumb img {
    transition: box-shadow 0.2s;
}

.ItemCard__layer {
    background: #9D50BB;
    background: -moz-linear-gradient(120deg, rgb(113 20 27 / 53%) 14%, #000000 100%);
    background: -webkit-linear-gradient(120deg, rgb(113 20 27 / 53%) 14%, #000000 100%);
    background: linear-gradient(120deg, rgb(113 20 27 / 53%) 14%, #000000 100%);    
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 10;
}

.ItemCard__summary {    
    padding: 25px;
    transform: perspective(600px) translate3d(0, 100%, 0);
    z-index: 20;
}

.ItemCard__summary,
footer .social-midias{
    text-align: center;
}

.ItemCard__meta.category {
    color: #F53794;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    transform: translate3d(0, 150px, 40px);
}

.ItemCard__meta.category,
.dropdown-item {
    text-transform: uppercase;
}

.ItemCard__meta.designer {
    font-style: italic;
    transform: translate3d(0, 150px, 20px);
}

.ItemCard__title,
.ItemCard__meta {
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.38);
}

.item-card:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.item-card:hover .ItemCard__layer {
    opacity: .8;
}

.item-card:hover .ItemCard__summary {
    transform: translate3d(0, 0, 0);
}

.item-card:hover .ItemCard__title {
    transform: translate3d(0, 0, 50px);
}

.item-card:hover .ItemCard__meta.category {
    transform: translate3d(0, 0, 40px);
}

.item-card:hover .ItemCard__meta.designer {
    transform: translate3d(0, 0, 20px);
    transition-delay: .05s;    
}

footer {
    background-color: #000;
}

.copa-card-rt {
    right: 0;
    top: 100px;
}

.copa-card-01 {
    left: -50px;
    bottom: 30px;
}

.dropdown-item img {
    margin-right: 15px;
}

.dropdown-item:hover {
    text-shadow: none;
}

#linha-3 .fundo-cover {
    padding: 175px 0;
}

@media(min-width: 1360px){
    .container {
        max-width: 1320px;
    }
}

@media(max-width: 1365px){
    .roadmap .px-5 {
        padding: 0!important;
    }
    .noticias {
        padding: 70px 0 0 0;
    }
}

@media(max-width: 1199px){
    .navbar-dark .navbar-nav .nav-link {
        font-size: 14px; 
    }
    .image-float { 
        width: 200px;
    }
    .image-lt {
        left: -119px; 
    }
    .image-rt {
        right: -20px; 
    }
    .card-float,
    .ultimas-noticias > .fundo-cover > img.image-float.copa-card-rt {
        max-width: 70px;
    }
    .novi-card-cassion.card-float,
    .ultimas-noticias > .fundo-cover > img.image-float.copa-card-01 {
        max-width: 100px;
        width: 100px;
    }
    .novi-card-cassion.card-float {   
        bottom: 0;
        right: 0;
    }
    .ultimas-noticias > .fundo-cover > img.image-float.copa-card-rt {
        width: 70px;
    }
    .ultimas-noticias > .fundo-cover > img.image-float.copa-card-01 {        
        left: 0;
    }
}

@media screen and (max-width: 1050px) {
    .ItemCard__title {
        font-size: 24px;
    }
}

@media(max-width: 991px) {
    body {
        font-size: 14px;
    }
    h2 {
        font-size: 30px;
    }
    .image-float {
        width: 140px;
    }
    .display-novidade > .fundo-cover,
    .header-roadmap,
    .header-ultimas-noticias,
    .header-faq,
    .screenshots > .fundo-cover {
        background-size: contain;
    }    
    .display-novidade > .fundo-cover {        
        padding: 100px 0;         
    }
    .display-novidade h1 { 
        font-size: 50px; 
    }
    .header-roadmap,
    .header-ultimas-noticias,
    .header-faq,
    .screenshots > .fundo-cover {
        height: 80px;
    }
    .header-roadmap {
        width: 100%;
    }
    .header-roadmap,
    .text-roadmap,
    .noticias img {
        max-width: 100%;
    }
    .roadmap {
        padding-top: 60px;
    }
    .text-roadmap { 
        margin-bottom: 54px;
    }
    .section-faq,
    .ultimas-noticias > .fundo-cover {
        padding: 50px 0;
    }
    .box-number {
        margin-bottom: 30px;
    }
    .noticias-item h3 {
        font-size: 18px;
    }
    .screenshots > .fundo-cover {
        padding: 30px 0;
        margin-bottom: 50px;
    }
    .header-ultimas-noticias h2 { 
        margin-top: 20px;
    }
    .faq-tens {
        padding-top: 50px;
    }
    .noticias {
        padding: 50px 0 0 0;
    }    
}

@media(max-width: 767px) {
    .link-top a.btn {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
    }
    .social-midias a { 
        padding: 2px;
    }
    .social-midias svg {
        height: 20px;
        width: 20px;         
    }
    .social-midias {
        padding-top: 2px;
    }
    footer p {
        padding: 30px 100px;
    }    
}

@media(max-width: 360px) {
    .box-number h3 {
        font-size: 14px;
    }
    .box-number i {
        margin-right: 15px;
    }
    .box-number i {
        height: 40px; 
        min-width: 40px;
    }
    .offcanvas-body .navbar-nav .nav-link { 
        border-top: 1px solid #980D0D;
        color: #FFF;
        display: block;
        font-size: 18px;
        font-weight: 300;
        padding-left: 30px;
        text-transform: uppercase;        
    }
    .offcanvas-body .navbar-nav {
        border-bottom: 1px solid #980D0D;        
        margin-bottom: 20px!important;
        padding-bottom: 20px;
    }
}