@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');



body, html {

    font-family: 'Poppins', sans-serif;

    position: relative;

    font-size: 14px;

}



/* NAVIGATION */

.navbar-light {

    background: transparent !important;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

}

.navbar .navbar-brand {

    margin-bottom: -50px;

}

.navbar .navbar-brand img {

    height: 150px;

}

.navbar .navbar-nav {

    align-items: center;

}

.navbar .nav-item > .nav-link {

    color: #1f1f1f;

    font-weight: 600;

    margin-left: 15px;

    transition: 0.15s ease all;

}

.navbar .nav-item > .nav-link:hover {

    color: #00babd;

}

.navbar .nav-item > .nav-link.button {

    background: rgb(0,186,188);

    background: -moz-linear-gradient(left, rgba(0,186,188,1) 0%, rgba(0,155,130,1) 50%);

    background: -webkit-linear-gradient(left, rgba(0,186,188,1) 0%,rgba(0,155,130,1) 50%);

    background: linear-gradient(to right, rgba(0,186,188,1) 0%,rgba(0,155,130,1) 50%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00babc', endColorstr='#009b82',GradientType=1 );

    color: #fff;

    border-radius: 35px;

    padding: 1rem 25px;

    margin-left: 0;

}

.navbar .nav-item > .nav-link.button:hover {

    box-shadow: #83d5d6 0 0 0 3px;

    filter: brightness(1.075);

}

.navbar .nav-item > .nav-link.button:focus,

.navbar .nav-item > .nav-link.button:active {

    box-shadow: rgba(0,0,0,0.2) 0 0 0 5px;

    filter: brightness(1.075);

}



/* MAIN */

.main {

    width: 100%;

    position: relative;

    padding: 200px 0 100px 0;

    z-index: 0;

}

.main .main-slider {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.main .main-slider img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    user-select: none;

    pointer-events: none;

}

.main .container {

    position: relative;

    z-index: 2;

}

.main h1 {

    font-weight: 600;

    font-size: 2.85rem;

    line-height: 1.15;

    color: #04343a;

    letter-spacing: -2px;

}

.main p {

    font-size: 1rem;

    margin-top: 1rem;

}

.main .actions {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

}

.main .actions .btn {

    margin-right: 10px;

}

.main .actions .btn-secondary.disabled {

    pointer-events: all;

    cursor: default;

}

.main .actions .btn-secondary.disabled:focus,

.main .actions .btn-secondary.disabled:active {

    box-shadow: none;

}

.main .actions .btn-secondary.disabled i {

    opacity: 0.5;

    cursor: pointer;

    transition: 0.15s ease all;

}

.main .actions .btn-secondary.disabled i:hover {

    opacity: 1;

}

.main .small-video-box {

    display: block;

    background: rgba(0,0,0,0.1);

    padding: 10px;

    border-radius: 6px;

    margin-top: 1.5rem;

}

.countdown .countdown-item {

    display: inline-block;

    vertical-align: middle;

    color: #04343a;

    text-align: center;

    padding-right: 20px;

    margin-right: 16px;

    border-right: 1px solid #eee;

}

.countdown .countdown-item:last-child {

    border-right: none;

    margin-right: 0;

    padding-right: 0;

}

.countdown .countdown-item strong {

    display: block;

    font-weight: 600;

    font-size: 2.15rem;

}

.countdown .countdown-item span {

    display: block;

    font-size: 0.9rem;

    opacity: 0.75;

    margin-top: -5px;

}

.owl-carousel .owl-stage-outer,

.owl-carousel .owl-stage,

.owl-carousel.owl-drag .owl-item {

    height: 100%;

}



/* BUTTONS */

.btn-primary {

    background: rgb(0,186,188);

    background: -moz-linear-gradient(left, rgba(0,186,188,1) 0%, rgba(0,155,130,1) 50%);

    background: -webkit-linear-gradient(left, rgba(0,186,188,1) 0%,rgba(0,155,130,1) 50%);

    background: linear-gradient(to right, rgba(0,186,188,1) 0%,rgba(0,155,130,1) 50%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00babc', endColorstr='#009b82',GradientType=1 );

    border-color: transparent;

    color: #fff;

    border-radius: 35px;

    padding: 1rem 25px;

    transition: 0.15s ease all;

    font-size: 1rem;

    font-weight: 500;

}

.btn-primary:hover {

    box-shadow: #83d5d6 0 0 0 3px;

    border-color: transparent;

    filter: brightness(1.075);

}

.btn-primary:focus,

.btn-primary:active {

    box-shadow: rgba(0,0,0,0.2) 0 0 0 5px !important;

    border-color: transparent !important;

    filter: brightness(1.1);

}

.btn-secondary {

    border-radius: 35px;

    padding: 1rem 25px;

    transition: 0.15s ease all;

    font-size: 1rem;

    font-weight: 500;

    background-color: #ffb300;

    border-color: #ff8c00;

}

.btn-primary {

    background: rgb(0,186,188);

    background: -moz-linear-gradient(left, rgba(0,186,188,1) 0%, rgba(0,155,130,1) 50%);

    background: -webkit-linear-gradient(left, rgba(0,186,188,1) 0%,rgba(0,155,130,1) 50%);

    background: linear-gradient(to right, rgba(0,186,188,1) 0%,rgba(0,155,130,1) 50%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00babc', endColorstr='#009b82',GradientType=1 );

    border-color: transparent;

    color: #fff;

    border-radius: 35px;

    padding: 1rem 25px;

    transition: 0.15s ease all;

    font-size: 1rem;

    font-weight: 500;

}

.btn-secondary:hover {

    box-shadow: #83d5d6 0 0 0 3px;

    border-color: transparent;

    filter: brightness(1.075);

}



/* TOOLTIP */

.tooltip .arrow {

    display: none;

}



/* ABOUT */

.about {

    display: block;

    padding: 60px 0;

}

.about h3 {

    font-weight: 600;

    font-size: 2rem;

    letter-spacing: -1px;

    color: #04343a;

}

.about h4 {

    font-weight: 600;

    letter-spacing: -0.5px;

    font-size: 1.15rem;

    line-height: 1.35;

    margin: 15px 0 0 0;

    color: #04343a;

}

.about .card {

    background: none;

    border: none !important;

}

.about .card .card-header {

    padding: 0;

    background: none;

    border: none !important;

}

.about .card .card-header .btn {

    padding: 10px 0;

    font-weight: 600;

    font-size: 1.15rem;

    color: #04343a;

}

.about .card .card-body {

    padding: 0 0 15px 0;

}

.about .card .card-body p {

/*    font-size: 0.9rem;

    color: #7a7a7a;*/

    margin: 0;

}

.about i.fa-warning {

    color: #8fbf1e;

}



/* FIGHTS */

.fights {

    display: block;

    padding: 0 0 1px 0;

    position: relative;

    z-index: 1;

}

.fights h3 {

    font-weight: 600;

    font-size: 2rem;

    letter-spacing: -1px;

    color: #04343a;

}

.fights .box-wrapper {

    position: relative;

    z-index: 1;

    margin-bottom: -50px;

    background: #fff;

    box-shadow: rgba(0,0,0,0.1) 0 15px 40px;

    border-radius: 6px;

    padding: 50px 35px;

}

.fights .box-wrapper .fight-box {

    display: block;

    margin-top: 40px;

    padding: 0 15px;

    position: relative;

    text-align: justify

}

.fights .box-wrapper .col-md-4:not(:last-child) .fight-box:after {

    position: absolute;

    top: 0;

    right: -15px;

    width: 1px;

    height: 100%;

    bottom: 0;

    margin: auto;

    content: ' ';

    background: #eee;

}

.fights .box-wrapper .fight-box img {

    width: 64px;

}

.fights .box-wrapper .fight-box h4 {

    display: block;

    font-weight: 600;

    font-size: 1.25rem;

    margin: 15px 0 10px 0;

    color: #04343a;

}

.fights .box-wrapper .fight-box p {

    font-size: 0.9rem;

    color: #1f1f1f;

}



/* CTA */

.cta {

    display: block;

    padding: 180px 0 150px 0;

    background: url('../img/bg-2.jpg') center no-repeat;

    background-size: cover;

    color: #fff;

}

.cta h3 {

    font-weight: 600;

    font-size: 2.75rem;

    letter-spacing: -2px;

    margin: 0;

}



/* FOOTER */

footer {

    display: block;

    padding: 40px 0;

    background: #062f34;

    color: rgba(255,255,255,0.75);

}

footer a.logo {

    display: block;

    text-decoration: none;

}

footer a.logo img {

    height: 80px;

    filter: brightness(0) invert(1);

    display: inline-block;

    vertical-align: middle;

}

footer a.logo span {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% - 105px);

    padding-left: 10px;

    color: rgba(255,255,255,0.75);

}

footer a.logo span i {

    display: block;

    width: 100%;

    font-size: 0.9rem;

    margin: 2px 0;

    font-style: normal;

    font-weight: 400;

}

footer ul {

    display: block;

    list-style: none;

    margin: 0;

    padding: 0;

}

footer ul li {

    display: inline-block;

    margin-left: 5px;

}

footer ul li a {

    display: block;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

    font-size: 1.15rem;

    color: #fff;

    background: rgba(255,255,255,0.05);

    transition: 0.15s ease all;

}

footer ul li a:hover {

    background: rgba(255,255,255,0.1);

    color: #fff;

}

footer hr {

    border-color: rgba(255,255,255,0.1);

}

footer p.small {

    margin: 0;

}



/* CONTACT */

.contact {

    padding: 60px 0;

    background: #0b525b;

    color: #fff;

}

.contact h3 {

    font-weight: 600;

    font-size: 2rem;

    letter-spacing: -1px;

    color: #fff;

}

.contact .form-group label {

    font-size: 1rem;

    display: block;

    margin: 0 0 4px 0;

    opacity: 0.75;

}

.contact .form-group .form-control {

    height: auto;

    padding: 15px;

    background: rgba(255,255,255,0.2);

    color: #fff;

    box-shadow: none;

    border: none;

    transition: 0.15s ease all;

}

.contact .form-group .form-control:focus {

    background: rgba(255,255,255,0.35);

}

.contact .checkbox label {

    font-size: 0.9rem;

    color: rgba(255,255,255,0.75);

    margin-bottom: 15px;

    user-select: none;

}

.contact .checkbox label span {

    padding-left: 5px;

}



@media (min-width: 768px) and (max-width: 991px) {

    .navbar .navbar-brand img {

        height: 100px;

    }

    .navbar .nav-item > .nav-link {

        margin-left: 0;

        font-size: 0.9rem;

    }

    .navbar .nav-item > .nav-link.button {

        padding: 0.75rem 1.5rem;

    }

    .main {

        padding: 200px 0 100px 0;

    }

    .main h1 {

        font-size: 2.5rem;

        line-height: 1;

    }

    .btn-primary,

    .btn-secondary {

        padding: 0.75rem 1.5rem;

    }

    .main .actions .btn-secondary {

        margin-top: 10px;

    }

    .cta h3 {

        font-size: 2.35rem;

    }

}

@media (max-width: 767px) {

    .navbar-light {

        padding: 15px;

    }

    .navbar .navbar-brand {

        margin-bottom: 0;

        margin-left: auto;

        margin-right: auto;

        padding-left: 55px;

    }

    .navbar .navbar-brand img {

        height: 100px;

    }

    .navbar-light .navbar-toggler {

        border-color: transparent;

        outline: none;

        padding-right: 0;

    }

    .navbar .nav-item > .nav-link {

        margin-left: 0;

    }

    .navbar .nav-item > .nav-link.button {

        margin-top: 15px;

    }

    .navbar-collapse {

        background: #fff;

        padding: 25px;

        border-radius: 5px;

        box-shadow: rgba(0,0,0,0.15) 0 15px 35px;

    }

    .main {

        background: #fafafa;

        padding: 150px 0 300px 0;

        text-align: center;

    }

    .main h1 {

        font-size: 1.75rem;

        letter-spacing: -1px;

    }

    .main .actions .btn {

        margin-right: 0;

    }

    .main .actions .btn-secondary {

        margin-top: 10px;

    }

    .main .main-slider img {

        width: 320px;

        margin: auto;

        object-fit: contain;

        object-position: center bottom;

    }

    .countdown .countdown-item {

        padding-right: 5px;

        margin-right: 1px;

        width: 50px;

    }

    .countdown .countdown-item strong {

        font-size: 1.35rem;

    }

    .countdown .countdown-item span {

        font-size: 0.7rem;

    }

    .about .card .card-header .btn {

        text-align: left;

    }

    .about .accordion {

        background: #f2f3f4;

        padding: 30px;

        border-radius: 5px;

    }

    .about h4 {

        font-size: 1rem;

        font-weight: 500;

    }

    .fights h3 {

        font-size: 1.5rem;

    }

    .fights .box-wrapper .col-md-4:not(:last-child) .fight-box:after {

        top: auto;

        bottom: -20px;

        right: 0;

        width: 100%;

        height: 1px;

    }

    .cta h3 {

        font-size: 2rem;

        letter-spacing: -1px;

    }

    footer a.logo span {

        display: block;

        width: 100%;

        padding-left: 0;

        padding-top: 10px;

    }

    footer ul {

        padding-top: 20px;

        padding-bottom: 15px;

    }

   
    

}


/* Added by Constantin */
/*.etudiant-affilie hr {*/
/*    margin: 0;*/
/*    margin-bottom: 10px;*/
/*}*/
/*.etudiant-affilie {*/
/*    margin-bottom: -36px;*/
/*}*/


select#province option {
    color: #000;
}


.fights-row > .col-md-4 > .fight-box {
    height: 100%;
    position: relative;
    padding-bottom: 1.4rem;
}

.fights-row > .col-md-4 > .fight-box .combat-plus {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    z-index: 10;
}
.fights-row > .col-md-4 > .fight-box .combat-plus .btn {
    padding: 8px 16px;
}

.visio-btn {
    margin: 0 1rem;
    /*padding: 0.45rem 25px;*/
    text-shadow: 2px 1px 0 #a5a5a5;
}

@media (max-width: 768px) {
    .article-section h2.section-title {
        margin-top: 3rem;
    }

    .visio-btn {
        margin: 5px;
        margin-left: 16px;
    }
}