/*
 * Version: 2.1.1
 * File Description: Place here your custom CSS styles
 */
.profil-menu {
    width: 70px;
    color: #09afdf !important;
    background-color: #fafafa;
    border: 1px solid #09afdf !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

    .profil-menu:focus, .profil-menu:hover {
        color: white !important;
        background-color: #09afdf !important;
        border:none;
    }

    .profil-menu.active, .profil-menu.active:hover, .profil-menu.active:hover {
        color: white !important;
        background-color: #09afdf !important;
    }

    .profil-menu i {
        font-size: 30px;
    }


.index-circle-buton {
    z-index: 99;
    position: absolute;
    margin-top: 50% !important;
    margin-left: 40% !important;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    background-color: red;
}


.index-profil {
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9))60%, url('/Content/images/logo.png') no-repeat center center fixed;
    background-size: 85% !important;
    background-position-y: 10%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.main-container {
    padding-top: 25px;
}

.menu-link a {
    font-size: 16px !important;
    font-weight: bold;
}

.flag-icon {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

.nav-bg {
    background: #40E0D0;
    background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
    background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
}



.nav-bg2 {
    background: #23074d !important;
    background: -webkit-linear-gradient(to right, #cc5333, #23074d) !important;
    background: linear-gradient(to right, #cc5333, #23074d) !important;
}

.nav-bg2-toleft {
    background: #23074d !important;
    background: -webkit-linear-gradient(to left, #cc5333, #23074d) !important;
    background: linear-gradient(to left, #cc5333, #23074d) !important;
}

.nav-bg3 {
    background: #00F260;
    background: -webkit-linear-gradient(to right, #0575E6, #00F260);
    background: linear-gradient(to right, #0575E6, #00F260);
}

.nav-bg4 {
    background: #070000;
    background: -webkit-linear-gradient(to right, #070000, #4C0001, #070000);
    background: linear-gradient(to right, #070000, #4C0001, #070000);
}

.nav-bg5 {
    background: #0575E6;
    background: -webkit-linear-gradient(to right, #021B79, #0575E6);
    background: linear-gradient(to right, #021B79, #0575E6);
}

.nav-bg6 {
    background: #2196f3;
    background: -webkit-linear-gradient(to right, #f44336, #2196f3);
    background: linear-gradient(to right, #f44336, #2196f3);
}

.nav-bg7 {
    background: #c2e59c;
    background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c);
    background: linear-gradient(to right, #64b3f4, #c2e59c);
}

.nav-bg8 {
    background: #5f2c82;
    background: -webkit-linear-gradient(to right, #49a09d, #5f2c82);
    background: linear-gradient(to right, #49a09d, #5f2c82);
}

.banner-bg:after {
    background: #ab6cc6;
    background: -webkit-linear-gradient(to right, #ab6cc6, #DD2476, #ab6cc6);
    background: linear-gradient(to right, #ab6cc6, #896996, #ab6cc6);
    background-color: transparent !important;
}