.footer-clean {
    padding: 50px 0;
    background-color: #fff;
    color: #4b4c4d
}

.footer-clean h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px
}

.footer-clean ul {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0
}

.footer-clean ul a {
    color: inherit;
    text-decoration: none;
    opacity: .8
}

.footer-clean ul a:hover {
    opacity: 1
}

.footer-clean .item.social {
    text-align: right
}

@media (max-width:768px) {
    .footer-clean .item.social {
        text-align: center
    }
}

.footer-clean .item.social>a {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 22px;
    color: inherit;
    opacity: .75
}

.footer-clean .item.social>a:hover {
    opacity: .9
}

@media (max-width:991px) {
    .footer-clean .item.social>a {
        margin-top: 40px
    }
}

.footer-clean .copyright {
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 9px;
    opacity: .6
}

.offset-bar {
    height: 10vh;
    background-color: #f6f6f6
}

.col-md-6.bg-event-liga {
    background: url(/assets/img/LIGA%20-%2005%20-%20FEC.png?h=0c7c664a15f04c189cfaa16231507fca) center/cover
}

.col-12.vh-50 {
    height: 50VH
}

.montserrat {
    font-family: Montserrat;
    font-weight: 400;
}

@media (min-width:768px) {
    .bg-overlay-white {
        background-color: rgba(255, 0, 0, 0)!important;
        border-radius: 20px
    }
    .bg-overlay {
        background-color: rgba(121, 57, 131, 0)!important;
        border-radius: 40px
    }
}

.navigation-clean-button {
    background: #fff;
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #333;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 0
}

.navigation-clean-button .navbar-brand {
    font-weight: 700;
    color: inherit
}

.navigation-clean-button .navbar-brand:hover {
    color: #222
}

.navigation-clean-button.navbar-dark .navbar-brand:hover {
    color: #f0f0f0
}

.navigation-clean-button .navbar-brand img {
    height: 100%;
    display: inline-block;
    margin-right: 10px;
    width: auto
}

.navigation-clean-button .navbar-toggler {
    border-color: #ddd;
    color: #888
}

.navigation-clean-button .navbar-toggler:focus,
.navigation-clean-button .navbar-toggler:hover {
    background: 0 0
}

.navigation-clean-button.navbar-dark .navbar-toggler {
    border-color: #555;
    color: #eee
}

.navigation-clean-button .form-inline,
.navigation-clean-button .navbar-collapse {
    border-top-color: #ddd
}

.navigation-clean-button.navbar-dark .form-inline,
.navigation-clean-button.navbar-dark .navbar-collapse {
    border-top-color: #333
}

.navigation-clean-button .navbar-nav a.active,
.navigation-clean-button .navbar-nav>.show>a {
    background: 0 0;
    box-shadow: none
}

.navigation-clean-button.navbar-dark .navbar-nav a.active,
.navigation-clean-button.navbar-dark .navbar-nav a.active:focus,
.navigation-clean-button.navbar-dark .navbar-nav a.active:hover,
.navigation-clean-button.navbar-light .navbar-nav a.active,
.navigation-clean-button.navbar-light .navbar-nav a.active:focus,
.navigation-clean-button.navbar-light .navbar-nav a.active:hover {
    color: #8f8f8f;
    box-shadow: none;
    background: 0 0;
    pointer-events: none
}

.navigation-clean-button.navbar .navbar-nav .nav-link {
    padding-left: 18px;
    padding-right: 18px
}

.navigation-clean-button.navbar-light .navbar-nav .nav-link {
    color: #465765
}

.navigation-clean-button.navbar-light .navbar-nav .nav-link:focus,
.navigation-clean-button.navbar-light .navbar-nav .nav-link:hover {
    color: #37434d!important;
    background-color: transparent
}

.navigation-clean-button .navbar-nav>li>.dropdown-menu {
    margin-top: -5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 2px
}

.navigation-clean-button .dropdown-menu .dropdown-item,
.navigation-clean-button .dropdown-menu .dropdown-item:focus {
    line-height: 2;
    font-size: 14px;
    color: #37434d
}

.navigation-clean-button .dropdown-menu .dropdown-item:focus,
.navigation-clean-button .dropdown-menu .dropdown-item:hover {
    background: #eee;
    color: inherit
}

.navigation-clean-button.navbar-dark {
    background-color: #1f2021;
    color: #fff
}

.navigation-clean-button.navbar-dark .actions .login,
.navigation-clean-button.navbar-dark .navbar-nav .nav-link {
    color: #dfe8ee
}

.navigation-clean-button.navbar-dark .navbar-nav .nav-link:focus,
.navigation-clean-button.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff!important;
    background-color: transparent
}

.navigation-clean-button.navbar-dark .navbar-nav>li>.dropdown-menu {
    background-color: #1f2021
}

.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item,
.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus {
    color: #f2f5f8
}

.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus,
.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:hover {
    background: #363739
}

.navigation-clean-button .actions .login {
    margin-right: 1rem;
    text-decoration: none;
    color: #465765
}

.navigation-clean-button.navbar-dark .actions .login:hover {
    color: #fff
}

.navigation-clean-button .navbar-text .action-button,
.navigation-clean-button .navbar-text .action-button:active,
.navigation-clean-button .navbar-text .action-button:hover {
    background: #56c6c6;
    border-radius: 20px;
    font-size: inherit;
    color: #fff;
    box-shadow: none;
    border: none;
    text-shadow: none;
    padding: .5rem 1rem;
    transition: background-color .25s;
    font-size: inherit
}

.navigation-clean-button .navbar-text .action-button:hover {
    background: #66d7d7
}

.navigation-clean-button.navbar-dark .action-button,
.navigation-clean-button.navbar-dark .action-button:active {
    background: #208f8f
}

.navigation-clean-button.navbar-dark .action-button:hover {
    background: #269d9d
}

@media (min-width:1200px) {
    .w-50-r {
        width: 100%!important
    }
}

@media (min-width:992px) {
    .col-md-6.bg-event-liga {
        background: url(/assets/img/LIGA%20-%2005%20-%20FEC.png?h=0c7c664a15f04c189cfaa16231507fca) center/cover;
        height: auto!important
    }
    .w-50-r {
        width: 50%!important
    }
}

.FEC-BE-BG {
    background-color: #f5f5f5;
    height: auto
}

.FEC-OPTIONS-BG {
    height: auto;
    background: url(/assets/img/BG-GREN-FEC.png?h=447012f1c29835e1f56a2aeac372ed4c) center/cover no-repeat
}

.FEC-GRAY-BG {
    height: 30vh;
    background-color: #f5f5f5;
    margin-top: -8rem!important
}

.FEC-SOC-BG {
    background: url(/assets/img/BG-GREN-FEC.png?h=447012f1c29835e1f56a2aeac372ed4c) center/cover no-repeat
}

.margin-reset {
    padding: 0!important;
    margin: 0!important
}

@media (min-width:300px) {
    .col-md-6.bg-event-liga {
        background: url(/assets/img/LIGA%20-%2005%20-%20FEC.png?h=0c7c664a15f04c189cfaa16231507fca) center/cover;
        height: 100VH
    }
    .bg-overlay-white {
        background: rgba(255, 255, 255, .85);
        border-radius: 20px
    }
    .bg-overlay {
        background-color: rgba(121, 57, 131, .81);
        border-radius: 40px
    }
    .FEC-HOME-BG {
        background: url(/assets/img/BG-EsperanzaContigo.png?h=e58c452d98e122d047440e82a6b5f96e) center right/cover no-repeat
    }
    .CTA-COL-BG {
        height: 45vh;
        background: url(/assets/img/SOCIETY-EsperanzaContigo.png?h=7320b8970372fc45828cb1b535b123f7) center/contain no-repeat
    }
    .w-100.h-100.r-size {
        height: 50vh!important
    }
}

@media (min-width:1200px) {
    .CTA-COL-BG {
        height: 77vh!important;
        background: url(/assets/img/SOCIETY-EsperanzaContigo.png?h=7320b8970372fc45828cb1b535b123f7) center/contain no-repeat
    }
}

@media (min-width:768px) {
    .navigation-clean-button {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .w-50-r {
        width: 50%!important
    }
    .CTA-COL-BG {
        height: 49vh;
        background: url(/assets/img/SOCIETY-EsperanzaContigo.png?h=7320b8970372fc45828cb1b535b123f7) center/contain no-repeat
    }
}

.vh-85 {
    height: 85vh
}

@media (min-width:576px) {
    .CTA-COL-BG {
        height: 49vh;
        background: url(/assets/img/SOCIETY-EsperanzaContigo.png?h=7320b8970372fc45828cb1b535b123f7) center/contain no-repeat
    }
    .w-100.h-100.r-size {
        height: 75vh!important
    }
}

@media (min-width:768px) {
    .w-100.h-100.r-size {
        height: 50vh!important
    }
    .col.text-center.movile-none {
        display: none
    }
}

@media (min-width:992px) {
    .CTA-COL-BG {
        height: 64vh;
        background: url(/assets/img/SOCIETY-EsperanzaContigo.png?h=7320b8970372fc45828cb1b535b123f7) center/contain no-repeat
    }
    .w-100.h-100.r-size {
        height: 65vh!important
    }
}

@media (min-width:1200px) {
    .w-100.h-100.r-size {
        height: 75vh!important
    }
}

@media (min-width:300px) {
    .col.text-center.movile-none {
        display: none
    }
}

.simple-slider .swiper-slide {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.simple-slider .swiper-button-next,
.simple-slider .swiper-button-prev {
    width: 50px;
    margin-left: 20px;
    margin-right: 20px
}

@media (max-width:767px) {
    .footer-clean .item {
        text-align: center;
        padding-bottom: 20px
    }
    .footer-clean .item.social>a {
        margin-top: 10px
    }
    .navigation-clean-button .navbar-nav .show .dropdown-menu {
        box-shadow: none
    }
    .navigation-clean-button .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #37434d;
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 1
    }
    .navigation-clean-button.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #fff
    }
    .simple-slider .swiper-button-next,
    .simple-slider .swiper-button-prev {
        display: none
    }
    .simple-slider .swiper-slide {
        height: auto
    }
}

.card-subtitle.CTA-FEC.mb-2,
.card-title.CTA-FEC {
    color: #239ed3!important
}

@media screen and (max-width:768px) {
    .display-4 {
        font-size: 3rem
    }
}

.CTA-FEC {
    color: #793983!important
}

.oswald {
    font-family: Oswald
}

.btn-cta {
    font-size: 1rem
}

.btn.btn-primary {
    border-color: #ffa949
}

#FEC-HEROE-AREA {
    min-height: 70vh
}

html {
    scroll-behavior: smooth;
}

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
    padding-top: 15%;
}

.modal-body {
    position: relative;
    padding: 0px;
}

.close {
    position: absolute;
    right: 4px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #793983!important;
    opacity: 1;
}

#FEC-HELP-OPTIONS a {
    color: black;
    text-decoration: none !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='212121' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='212121' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
    background-color: #1f2021;
}

.text-blue {
    color: #239ed3!important;
}

.text-purple {
    color: #793983!important;
}

@media only screen and (orientation: portrait) {
    .beam-up-headline {
        font-size: 20vw !important;
    }
}

.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

#navigation-bar>.nav a.active {
    border-bottom: 1px solid!important;
    border-color: #fccd20!important;
}
.container-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.text-blue-strong{
    color: #351D99;
}
.text-pink{
    color: #EE3A9D;
}
.text-lilac{
    color: #855FEA;
}

.bg-blue-strong{
    background-color: #351D99;
}
.bg-pink{
    background-color: #EE3A9D;
}
.bg-lilac{
    background-color: #855FEA;
}
.bg-purple-light{
    background-color: #B8AAF9;
}
.bg-fluorescent-green{
    background-color: #8CE766;
}

.btn-blue-strong{
    border-color:#351D99;
    background-color: #351D99;
    color: white;
}
.btn-blue-strong:hover{
    background-color: #3490dc;
    border-color: #3490dc;
    color:white;
}

.img-fluid{
    width: 100%;
    height: auto;
}