@font-face {
    font-family: MontserratLight;
    src: url(/assets/fonts/Montserrat-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: MontserratRegular;
    src: url(/assets/fonts/Montserrat-Regular.ttf);
    font-weight: 300;
}

@font-face {
    font-family: MontserratMedium;
    src: url(/assets/fonts/Montserrat-Medium.ttf);
    font-weight: 400;
}

@font-face {
    font-family: MontserratBold;
    src: url(/assets/fonts/Montserrat-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: MontserratBlack;
    src: url(/assets/fonts/Montserrat-Black.ttf);
    font-weight: 900;
}

/* ----------------------------------------//Fira Sans//--------------------------------------------- */

@font-face {
    font-family: FiraSansLight;
    src: url(/assets/fonts/FiraSans-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: FiraSansRegular;
    src: url(/assets/fonts/FiraSans-Regular.ttf);
    font-weight: 300;
}

@font-face {
    font-family: FiraSansBold;
    src: url(/assets/fonts/FiraSans-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: FiraSansBlack;
    src: url(/assets/fonts/FiraSans-Black.ttf);
    font-weight: 900;
}

/* ---------------------------------------------------//Aller//---------------------------------------------- */

@font-face {
    font-family: AllerRegular;
    src: url(/assets/fonts/Aller_Rg.ttf);
    font-weight: 300;
}

@font-face {
    font-family: AllerBold;
    src: url(/assets/fonts/Aller_Bd.ttf);
    font-weight: 700;
}

@font-face {
    font-family: AllerLight;
    src: url(/assets/fonts/Aller_Lt.ttf);
    font-weight: 300;
}

:root {
    --color-white: #ffffff;
    --color-light: #FAFAFA;
    --color-dark: #242424;
    --color-primary: #ec6608;
    --color-secondary: #00477d;
    --color-grey: #8f8f8f93;
}

/* Backgrounds */
.bg-dark {
    background-color: var(--color-dark) !important;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23333333'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23484848' cx='4' cy='4' r='4'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.1'/%3E%3C/svg%3E"); */
    background-attachment: fixed;
}

.bg-light {
    background-color: var(--color-light) !important;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23E3E3E3' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23E0E0E0'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); */
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
}


/* Texts */
.text-body {
    color: var(--color-dark) !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

/* Borders */
.border-primary {
    border-color: var(--color-primary) !important;
}

.border-secondary {
    border-color: var(--color-secondary) !important;
}

/* Buttons */
.btn-primary {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
}

.btn-outline-primary {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.btn-secondary {
    border-color: var(--color-secondary) !important;
    background-color: var(--color-secondary) !important;
}

.btn-outline-secondary {
    border-color: var(--color-secondary) !important;
    color: var(--color-secondary) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
}

/* Animations */
.bg-white-2 {
    color: royalblue;
}

.bg-transparent,
.bg-white {
    transition: all 300ms;
}

p {
    white-space: pre-line;
}

body,
main:not(.disable-overflow),
footer,
header {
    overflow-x: hidden;
}

.login-bg {
    background: linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url("../images/bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
    height: 100vh;
}

.bg {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
}

.bg-mask2 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 1) 90%);
    /* z-index: 0; */
}

.bar-mask {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 0) 100%);
    background-color: transparent;
    /* background: linear-gradient(linear-gradientrgba(0, 0, 0, 1) 100%, rgba(0, 0, 0, 0) 65%); */
}

.bar-maskbottom {
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 1) 100%); */
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 1) 100%);
    background-color: transparent; */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 1) 100%);
}

.unimask {

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 1) 90%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.bg-vup {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/curva-centro.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 5;
}

.bg-vup-esquerda {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/curvo-esquerda.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    z-index: 4;
}

.bg-vup-top {
    position: absolute;
    top: 35px;
    width: 100%;
    height: 100%;
    background-image: url("../images/mascara-pages.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    z-index: 1;
}

.img-vup-top {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 320px;
}

.img-vup-top2 {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 320px;
}

.bg-content {
    position: relative;
    z-index: 2;
}

.bg-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

.vut-text-bold-aller {
    font-family: AllerBold;
}

.vut-text-black {
    font-family: FiraSansBlack;
}

.vut-text-bold {
    font-family: FiraSansBold;
}

.vut-text-regular {
    font-family: FiraSansRegular;
}

.vut-text-light {
    font-family: FiraSansLight;
}

.vut-text-subtitle {
    font-family: FiraSansRegular;
    font-size: 1.3rem;
    line-height: 1.6rem !important;
}

.vut-decoration-primary {
    border-left: 3px solid var(--color-primary);
    margin-left: -16px;
    padding-left: 13px;
}

.vut-decoration-secondary {
    border-left: 3px solid var(--color-secondary);
    margin-left: -16px;
    padding-left: 13px;
}

.vut-decoration-grey {
    border-left: 1px solid var(--color-grey);
    margin-left: -16px;
    padding-left: 13px;
    height: 15px;
    /* margin-top: 10px */
}

.vut-hr-primary {
    height: 3px;
    width: 140px;
    background-color: var(--color-primary);
}

.vut-hr-tittle {
    height: 20px;
    width: 140px;
    background-color: var(--color-primary);
}

.vut-hr-secondary {
    height: 3px;
    width: 140px;
    background-color: var(--color-secondary);
}

.vut-hr-sm-primary {
    height: 3px;
    width: 65%;
    background-color: var(--color-primary);
    margin-left: 10px;
}

.vut-hr-sm-secondary {
    height: 3px;
    width: 25px;
    background-color: var(--color-secondary);
}

.vut-hr-sm-dark {
    height: 3px;
    width: 25px;
    background-color: var(--color-dark) !important;
}

.vut-vr-sm-primary {
    height: 25px;
    width: 3px;
    background-color: var(--color-primary);

}

.vut-font-size {
    font-size: 1.2rem !important;
}

footer i {
    font-family: MontserratRegular;
    font-size: 1.3rem;
}

.img-ultimos-post {
    height: 240px;
    width: 100%;
    object-fit: cover;
}

.img-mais-lidos-post {
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.img-list-post {
    height: 320px;
    width: 100%;
    object-fit: cover;
}

.img-post {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.slick-track {
    display: flex !important;
    height: inherit !important;
}


.carousel {
    margin: 0 auto;
    /* height: 100px;
    width: 100px; */
    position: relative;

}

/* Slick */
.slick-next:before {
    color: var(--color-dark);
    font-size: 35px;
}

/* Slick */
.slick-prev:before {
    color: var(--color-dark);
    font-size: 35px;
}

.btn-voltar-blog {
    width: 48px;
    height: 48px;
    text-align: center;
    position: fixed;
    bottom: 16px;
    z-index: 3;
    opacity: 1;
    transition: all 150ms ease-in-out;
}

.btn-voltar-blog:hover {
    opacity: .9;
}

.circulo {
    border-radius: 100%;
    width: 350px;
    height: 350px;

    background: var(--color-primary);
    /* border: 2px solid #666; */
    color: #fff;
    text-align: center;


}

/* .quil-estilo{
    width: auto;
    height: auto;    
} */

/* Navbar on hover dropdown */

.nav-link.vut-text-bold-aller {
    opacity: .7;
    transition: all ease-in-out 100ms;
}

.nav-link.vut-text-bold-aller:hover {
    opacity: 1;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    /* .navbar .nav-item:hover .nav-link {} */

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.carousel-caption {
    z-index: 9;
    position: absolute;
    bottom: 0;
}

/* ============ megamenu desktop view ============ */
@media all and (min-width: 992px) {

    @keyframes FadeIn {
        0% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes FadeIn {
        0% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes FadeIn {
        0% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes FadeIn {
        0% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-ms-keyframes FadeIn {
        0% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes FadeOut {
        10% {
            opacity: 1;
        }

        0% {
            opacity: 0;
        }
    }

    @-moz-keyframes FadeOut {
        100% {
            opacity: 1;
        }

        0% {
            opacity: 0;
        }
    }

    @-webkit-keyframes FadeOut {
        100% {
            opacity: 1;
        }

        0% {
            opacity: 0;
        }
    }

    @-o-keyframes FadeOut {
        100% {
            opacity: 1;
        }

        0% {
            opacity: 0;
        }
    }

    @-ms-keyframes FadeOut {
        100% {
            opacity: 1;
        }

        0% {
            opacity: 0;
        }
    }

}

.has-megamenu {
    position: static;
}

.has-megamenu .megamenu {
    top: 73px;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    z-index: 10;
    height: 0;
    border: none;
    border-radius: 0;
    /* opacity: 0.75; */
    overflow: hidden;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) inset !important;
    transition: all ease-out 300ms 600ms;
}

.has-megamenu:hover .megamenu {
    opacity: 1;
    height: 220px;
    transition: all ease-in 300ms;
}

/* ============megamenu mobile view ============ */
@media(max-width: 991px) {

    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}


.textoutline {
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
    color: white;
}

.text-white {
    text-decoration: none;
    color: #ffffff;
}

.text-white-light {
    text-decoration: none;
    color: #ffffffff;
}

.text-decoration-none {
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}

.nav-link-big {
    padding: 28px 8px !important;
}

.nav-link-inner {
    opacity: .75;
    transition: all ease-in-out 200ms;
}

.nav-link-inner:hover {
    margin-left: 4px;
    opacity: 1;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* .simple-highlight {
    display: inline-block;
    line-height: 0em;
    padding-bottom: 0.5em;
    background: #ec6608;
} */

.simple-highlight {
    box-shadow: 0px -1.4rem 0px var(--color-primary) inset;
    padding: 0 8px;
}

.page-highlight {
    box-shadow: 0px -1.4rem 0px var(--color-primary) inset;
    padding: 0 8px;
}

.cookie {
    display: block;
    left: 0;
    bottom: 1px;
    position: relative;
    z-index: 9999;
    display: block;
    position: fixed;
    font-size: .80rem;
}

.cookie a {
    color: white !important;
}

.home-bg {
    height: 90vh;
}

@media (min-width: 992px) {
    .home-bg {
        height: 100vh;
    }
}