:root {
    --color-1: #D12518;
    --color-2: #E73325;
    --color-3: #9BA3AD;
    --color-4: #6D747E;
    --color-5: #2F3540;
    --color-6: #161D26;
    --color-7: #05080F;
    --color-8: #C1C1C1;
    --color-9: #ff3737;
    --color-white:#FFFFFF;
    --black: #000000;
    --box-shadow: 0px 3px 6px #00000059;
    --bg-gradient: linear-gradient(45deg, rgba(47,53,64,1) 0%, rgba(21,29,38,1) 100%);
    --bg-gradient-social: linear-gradient(45deg, #2D56BF 0%, #2F67F6 100%);
}
body.bm-messages-dark {
    --bm-bg-color-dark: 22,29,38!important;
    --bm-bg-secondary-dark: 22,29,38!important;
}
body{
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    color: var(--bs-white);
    background: var(--color-7);
}
body.sticky-on {
    padding-top:60px
}

a,
.btn,
.btn > span,
.btn::before,
.btn::after,
.twAnimate,
.twAnimate::before,
.twAnimate::after,
.btnReadMore span::before,
.btnReadMore span::after,
.boxCircle,
.boxCircle span,
.boxCircle span::after,
.boxCircle span::before,
.footer-widget ul li a::before,
.twNav button{
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
button:focus, .btn:focus,
button:active, .btn:active{
    outline: none;
    box-shadow: none;
}
.custom-file-input:focus~.custom-file-label{
    border: none;
    box-shadow: none;
}
a{
    text-decoration: none !important;
    color: var(--color-1);
}
a.active, a:hover{
    color: var(--color-2);
}
a.active:hover{
    color: var(--bs-white);
}
a.member-name,
.buddypress a{
    color: var(--color-2);
}
a.member-name:hover,
.buddypress a:hover{
    color: var(--color-1);
}
.modal-content{
    background:var(--color-7);
}
strong{
    font-weight: 700;
}
h1, .h1, .twTitle{
    font-size: 40px;
    line-height: 44px;
    font-weight: 300;
}
h2, .h2{
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
}
h3, .h3{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
h4, .h4, .twSubTitle{
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}
/* header */
header{
    background: var(--black);
    box-shadow: var(--box-shadow);
    z-index: 9;
}
.header{
    display: flex;
    align-items: center;
    min-height: 60px;
}
header.sticky{
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    animation: effect-menu 0.9s;
    z-index: 999;
}
.admin-bar header.sticky{
    top: 32px;
    animation:  effect-menu-admin 0.9s;
}
body.admin-bar.sticky-on{
    /* padding-top:92px; */
}
.header ul > li > a{
    color: var(--color-3);
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
}
.header ul > li.current_page_item > a,
.header ul > li.current-menu-item > a{
    color: var(--bs-white);
}
.header ul > li > a:hover{
    color: var(--color-4);
}
.header > .navbar-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 158px);
}
.logo {
    margin-right: 20px;
}
.menuRight ul{
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0px;
}
.menuRight ul li{
    margin-left: 10px;
}
.menuRight ul li:not(.login-item),
.twUserInfo .boxLogout a{
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-7);
    cursor: pointer;
}
.menuRight ul li.user-item{
    background: var(--color-2) !important;
}
.menuRight ul li form{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}
.menuRight ul li.search-item .form-control{
    display: inline-flex;
    width: 0px;
    padding: 0px;
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-4);
}
.menuRight ul li.search-item.active form{
    width: 268px;
    position: absolute;
    background: var(--color-7);
    border-radius: 10px;
}
.menuRight ul li.search-item.active .form-control{
    margin-left: 15px;
    width: calc(100% - 70px);
    padding: 0.375rem 0.75rem;
}
.menuRight ul li.login-item .btn{
    min-width: 118px;
}
.menuRight ul li.user-item a,
.menuRight ul li.annonce-item a,
.menuRight ul li.faq-item a,
.menuRight ul li.message-item a{
    position: absolute;
    display: block;
    height: 50px;
    width: 100%;
    z-index: 1;
}
.menuRight ul li.message-item a{
    z-index: 4;
}
.menuRight ul li .icon,
.twUserInfo .boxLogout a .icon{
    width: 20px;
    height: 20px;
    display: block;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--bs-white);
    z-index: 0;
}
.menuRight ul li > span:not(.icon),
.menuRight ul li.search-item.active > span:not(.icon){
    position: absolute;
    bottom: -30px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    visibility: hidden;
    white-space: nowrap;
    opacity: 0;
    z-index: 2;
}
.menuRight ul li:hover:not(.login-item){
    background: var(--color-6);
}
.menuRight ul li:hover .icon{
    background-color: var(--color-2);
}
.menuRight ul li.user-item:hover .icon{
    background-color: var(--color-6);
}
.menuRight ul li:hover > span:not(.icon){
    bottom: -20px;
    visibility: visible;
    opacity: 1;
}
.menuRight ul li.search-item.active .icon{
    background-color: var(--bs-white);
}
.icon.icon-search{
    -webkit-mask: url(../svg/icon-search.svg) no-repeat center;
    mask: url(../svg/icon-search.svg) no-repeat center;
}
.icon.icon-annoncer{
    -webkit-mask: url(../svg/icon-plush.svg) no-repeat center;
    mask: url(../svg/icon-plush.svg) no-repeat center;
}
.icon.icon-faq{
    -webkit-mask: url(../svg/icon-faq.svg) no-repeat center;
    mask: url(../svg/icon-faq.svg) no-repeat center;
}
.icon.icon-user{
    -webkit-mask: url(../svg/icon-user.svg) no-repeat center;
    mask: url(../svg/icon-user.svg) no-repeat center;
}
.icon.icon-message{
    -webkit-mask: url(../svg/icon-notification.svg) no-repeat center;
    mask: url(../svg/icon-notification.svg) no-repeat center;
}
.twCastingBanner{
    height: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
.twCastingBanner > img{
    visibility: hidden;
}

a.btnMenu{
    width: 20px;
    height: 20px;
    display: none;
}
a.btnMenu span{
    background: var(--bs-white);
    height: 3px;
    display: block;
    border-radius: 2px;
    width: 100%;
    position: relative;
}
a.btnMenu span::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background: var(--color-2);
}
a.btnMenu span:nth-child(2){
    width: 75%;
    margin: 5px 0px;
}
a.btnMenu span:nth-child(3){
    width: 35%;
}


a.btnMenu.status_open span::before{
    width: 100%;
}
a.btnMenu.status_open span:nth-child(2){
    width: 0%;
    margin: 4px 0px;
}
a.btnMenu.status_open span:nth-child(3),
a.btnMenu.status_open span:nth-child(1){
    width: 21px;
}
a.btnMenu.status_open span:nth-child(1){
    transform:rotate(45deg);
    transform-origin:top left
}

a.btnMenu.status_open span:nth-child(3){
    transform:rotate(-45deg);
    transform-origin:bottom left
}
.twStop .mask {
    position: absolute;
    top: 0px;
    left: 10%;
    width: 90%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.75;
    min-height: 150px;
    max-height:740px;
}
.twResiliationForm label{
    color:var(--color-4)
}
.twResiliationForm .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    padding-left:10px;
}
.twResiliationForm .rating input {
    display: none;
}
.twResiliationForm .rating label {
    font-size: 25px;
    color: var(--color-6);
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}
.twResiliationForm .rating input:checked ~ label {
    color: #FDD320;
}

.twResiliationForm .rating label:hover,
.twResiliationForm .rating label:hover ~ label {
    color: #FDD320;
}
.formPopupResiliation.formPopup{
    padding:0;
    width:650px;
    max-width:95%;
    text-align:center;
}
.formPopupResiliation.formPopup .content_popup_resiliation{
    padding:30px;
}
.formPopupResiliation .header_popup{
    min-height:200px;
    background-size:cover;
    background-position:center;
    margin-bottom:20px;
}
.twStop .last_step ul,
.formPopupResiliation ul{
    list-style-position: inside;
}
.twStop .last_step ul li,
.formPopupResiliation li {
    font-weight:bold;
}
.twStop .last_step ul li::marker,
.formPopupResiliation li::marker {
    color: var(--color-1);
}

.formPopupResiliation .red_attention{
    color:var(--color-1);
    font-weight:bold;
}
.formPopupResiliation .black_attention{
    background:black;
    max-width:450px;
    margin:0 auto 20px;
    padding:20px 10px;
    border:2px solid white;
    border-radius:20px;
}
.formPopupResiliation .black_attention p{
    margin:0;
}
.twStop .new_offer_gray {
    background:var(--color-6);
    text-align:center;
    padding:20px;
    border-radius:20px;
    border:1px solid;
    margin-bottom:20px;
}
.twStop .new_offer_gray .new_offer_red{
    color:var(--color-1);
    font-weight:bold;
    font-size:20px;
    display:inline-block;
    line-height:30px;
    margin:0;
}
.twStop input.form-control.not_filled,
.twStop textarea.form-control.not_filled,
.twStop select.form-control.not_filled
{
    border:1px solid var(--color-1)
}
/* footer */
footer{
    background: var(--black);
}
footer > .container{
    padding-top: 70px;
    padding-bottom: 70px;
    max-width: 1000px;
}
.footer-widget ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.footer-widget ul li{
    display: block;
    margin-bottom: 15px;
}
.footer-widget ul li a{
    display: flex;
    align-items: center;
    color: var(--color-3);
}
.footer-widget ul li a::before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f054";
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
}
.footer-widget ul li a:hover,
.footer-widget ul li.current-menu-item a{
    color: var(--bs-white);
}
.footer-widget ul li a:hover::before,
.footer-widget ul li.current-menu-item a::before{
    color: var(--color-1);
}
.footerBottom{
    background: var(--color-6);
    padding: 15px 0px;
}
.footerBottom ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerBottom ul li,
.footerBottom ul li a{
    font-size: 12px;
    line-height: 20px;
    color: var(--color-4);
}
.footerBottom ul a:hover{
    color: var(--bs-white);
}
.footer_mini {
    background: var(--color-6);
    font-size: 10px;
    text-align: center;
    color: var(--color-4);
    padding-top: 10px;
    margin-bottom: -5px;
}
.page-id-177 .page-177,
.page-id-175 .page-175,
.page-id-3 .page-3 {
    color:var(--color-white);
}
/* content */
#mainContent{
    overflow: hidden;
    min-height: calc(100vh - 370px);
}
body.single-tw-casting #mainContent{
    margin-top: -100px !important;
}
body:not(.home) #mainContent{
    margin-top: 50px;
}
body.nopadding #mainContent,
body.nopadding .twBlock,
body.payment_step #mainContent{
    margin: 0px;
}
.twTitles .twSubTitle{
    margin-bottom: 5px;
}
.twSubtitleRed .twSubTitle,
.twSubtitleRed.twSubTitle{
    color:var(--color-1)
}
.twTitle .twSubTitle{
    display: block;
}
.twTitles .twTitle,
.twLogo .twTitle{
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
}
.twSubTitle:not(.twSubTitleBottom){
    text-transform: uppercase;
}
.boxCircle{
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.boxCircle::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--bs-white);
}
.boxCircle.add{
    border: 4px solid var(--bs-white);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.boxCircle.add::before{
    -webkit-mask: url(../svg/icon-box-plus-1.svg) no-repeat center;
    mask: url(../svg/icon-box-plus-1.svg) no-repeat center;
}
.boxCircle.message::before{
    -webkit-mask: url(../svg/icon-box-msg.svg) no-repeat center;
    mask: url(../svg/icon-box-msg.svg) no-repeat center;
}
.boxCircle.create_user::before{
    -webkit-mask: url(../svg/icon-box-create-user.svg) no-repeat center;
    mask: url(../svg/icon-box-create-user.svg) no-repeat center;
}
.boxCircle.information-du-compte::before{
    -webkit-mask: url(../svg/icon-box-user.svg) no-repeat center;
    mask: url(../svg/icon-box-user.svg) no-repeat center;
}
.boxCircle.mon-book::before{
    -webkit-mask: url(../svg/icon-box-book.svg) no-repeat center;
    mask: url(../svg/icon-box-book.svg) no-repeat center;
}
.boxCircle.historique::before{
    -webkit-mask: url(../svg/icon-box-history.svg) no-repeat center;
    mask: url(../svg/icon-box-history.svg) no-repeat center;
}
.boxCircle.alertes::before{
    -webkit-mask: url(../svg/icon-box-alert.svg) no-repeat center;
    mask: url(../svg/icon-box-alert.svg) no-repeat center;
}
.boxCircle.socials::before{
    -webkit-mask: url(../svg/icon-box-social.svg) no-repeat center;
    mask: url(../svg/icon-box-social.svg) no-repeat center;
}
.boxCircle span{
    position: absolute;
    border-radius: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.7);
    width: 80px;
    height: 80px;
}
.boxCircle span::before,
.boxCircle span::after{
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    border-color: rgba(255, 255, 255, 0.4);
    border-radius: 100%;
    border-width: 3px;
    border-style: solid;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
}
.boxCircle span::after{
    width: 160px;
    height: 160px;
    left: calc(50% - 80px);
    top: calc(50% - 80px);
    border-color: rgba(255, 255, 255, 0.1);
}
.boxCircle span:last-child,
.boxCircle span:last-child::before,
.boxCircle span:last-child::after{
    opacity: 0;
    width: 50px;
    height: 50px;
}
.boxCircle span:last-child::before,
.boxCircle span:last-child::after{
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}
.boxCircle:hover::before,
.vcButton.box_icon:hover .boxCircle::before,
.twUserMenu .box_icon:hover .boxCircle::before{
    background-color: var(--color-2);
}
.twUserMenu .box_icon.box_icon_social:hover{
    color: var(--color-6);
    & .boxCircle::before{
        background-color: var(--color-6);
    }
}
.boxCircle:hover span:nth-child(2),
.vcButton.box_icon:hover .boxCircle span:nth-child(2),
.twUserMenu .box_icon:hover .boxCircle span:nth-child(2){
    opacity: 0;
    width: 200px;
    height: 200px;
}
.boxCircle:hover span:nth-child(2)::before,
.vcButton.box_icon:hover .boxCircle span:nth-child(2)::before,
.twUserMenu .box_icon:hover .boxCircle span:nth-child(2)::before{
    width: 240px;
    height: 240px;
    left: calc(50% - 120px);
    top: calc(50% - 120px);
}
.boxCircle:hover span:nth-child(2)::after,
.vcButton.box_icon:hover .boxCircle span:nth-child(2)::after,
.twUserMenu .box_icon:hover .boxCircle span:nth-child(2)::after{
    width: 280px;
    height: 280px;
    left: calc(50% - 140px);
    top: calc(50% - 140px);
}
.boxCircle:hover span:last-child,
.vcButton.box_icon:hover .boxCircle span:last-child,
.twUserMenu .box_icon:hover .boxCircle span:last-child{
    opacity: 1;
    width: 80px;
    height: 80px;
}
.boxCircle:hover span:last-child::before,
.vcButton.box_icon:hover .boxCircle span:last-child::before,
.twUserMenu .box_icon:hover .boxCircle span:last-child::before{
    width: 120px;
    height: 120px;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
    opacity: 1;
}
.boxCircle:hover span:last-child::after,
.vcButton.box_icon:hover .boxCircle span:last-child::after,
.twUserMenu .box_icon:hover .boxCircle span:last-child::after{
    width: 160px;
    height: 160px;
    left: calc(50% - 80px);
    top: calc(50% - 80px);
    opacity: 1;
}

.annoncePremium.slider .item{
    padding-top: 213px;
    min-height: 650px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.annoncePremium.slider .item::before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    top: 0px;
    left: 0px;
    z-index: 1;
}
.annoncePremium.slider .item > .container{
    z-index: 2;
    position: relative;
}
.stamp{
    z-index:9999;
    position:absolute;
    right:0;
    top:20px;
}
.twCastingBanner .stamp img,
.annoncePremium.slider .stamp img{
    height:64px;
    width:auto!important;
}
.twCasting ul{
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
ul.location li{
    display: inline-block;
}
ul.location li a{
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--bs-white);
    background: var(--color-1);
    padding: 5px;
    border-radius: 0 7px 0 0;
    line-height: 12px;
}
ul.boxLieuCat li,
ul.boxLieuCat li li{
    display: inline-block;
    font-weight: 700;
    white-space: nowrap;
}
ul.boxLieuCat a{
    color: var(--bs-white);
}
ul.boxLieuCat > li:last-child{
    margin-left: 60px;
}
ul.boxLieuCat span{
    color: var(--color-2);
}
ul.boxLieuCat img{
    max-width: 20px;
    display: inline-block !important;
}
.twCasting .twNav{
    position: relative;
}
.twCasting .twNav button{
    width: 81px;
    height: 81px;
    display: block;
    border: none;
    background: var(--color-6);
    color: var(--color-3);
    border-radius: 10px;
    position: absolute;
    right: 0px;
    bottom: 40px;
    z-index: 9;
}
.twCasting .twNav button.disabled{
    display: none;
}
.twCasting .twNav button:hover{
    background: var(--color-1);
}
.twCasting .twNav .owl-prev{
    bottom: 131px;
}
.twCasting .content{
    line-height: 20px;
}
.twCategoryCasting.twBlock{
    margin-bottom: 45px;
}
.twCategoryCasting .owl-carousel .owl-stage-outer{
    overflow: unset;
    overflow-x: clip;
    width: calc(100% + 100px);
}
.castings > .row{
    z-index: 2;
    position: relative;
}
.castings .itemCasting{
    margin-bottom: 50px;
}
.itemCasting,
.itemCasting .thumbs{
    position: relative;
    border-radius: 10px;
    transform: translate3d(0,0,0);
}
.itemCasting.medium  .stamp,
.itemCasting.small .stamp {
    left:0;
    top: 10px;
}
.itemCasting.medium  .stamp img,
.itemCasting.small .stamp img{
    object-fit:unset;
    width:auto;
    display: block;
    margin: auto;
}
.itemCasting.small .stamp img{
    height:40px!important;
    max-width:100%;
}
.itemCasting.medium  .stamp img{
    height:60px!important;
    max-width:100%;
}
.itemCasting .thumbs{
    overflow: hidden;
    border-radius: 10px 10px 0px 10px;
    height: 160px;
    z-index: 1;
}
.itemCasting.medium .thumbs{
    height: 331px;
}
.itemCasting .thumbs img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.itemCasting .title{
    border-radius: 0px 0px 10px 10px;
    display: block;
    color: var(--bs-white);
    font-weight: 700;
    background: var(--color-6);
    padding: 10px 20px 30px 20px;
    height: 0px;
    visibility: hidden;
    position: absolute;
    width: 100%;
    top: 50%;
}
.itemCasting:hover{
    transform: scale(1.1) translateY(-50px);
    border-radius: 10px;
    margin-bottom: -17px;
    z-index: 1;
}
.itemCasting.medium:hover{
    transform: scale(1.06) translateY(-50px);
    margin-bottom: 33px;
}
.itemCasting:hover .thumbs{
    height: 177px;
    border-radius: 10px 10px 0px 0px;
}
.itemCasting.medium:hover .thumbs{
    height: 348px;
}
.itemCasting:hover .title{
    height: auto;
    visibility: visible;
    top: calc(100% - 1px);
}
.itemCasting .infoCasting,
.twCastingSingle .infoCasting{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(22, 29, 38, 0.75);
}
.twCastingSingle .sidebar .twBorderRadius.box_icon .twSubTitle{
    color:white;
}
.itemCasting .infoCasting ul.location{
    margin: 0px;
}
.itemCasting .infoCasting ul.location a,
.itemCastingPremium .location a{
    border-radius: 7px 0px 0px 0px;
}
.itemCasting .date{
    font-size: 10px;
    color: var(--bs-white);
    line-height: 12px;
    padding: 5px;
}
.itemCastingPremium{
    background: var(--color-6);
    margin-bottom: 20px;
}
.itemCastingPremium .thumbs,
.itemCastingPremium .thumbs a{
    display: block;
    position: relative;
    height: 100%;
}
.itemCastingPremium .thumbs img{
    object-fit: cover;
    height: 100%;
}
.itemCastingPremium .thumbs > a::before{
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f178";
    font-size: 17px;
    color: var(--color-2);
    top: calc(50% - 10px);
    left: calc(40%);
    opacity: 0;
    z-index: 9;
}
.itemCastingPremium .thumbs a:hover::before,
.itemCastingPremium:hover .thumbs a::before{
    left: calc(50% - 7.5px);
    opacity: 1;
}
.itemCastingPremium .thumbs a:hover img,
.itemCastingPremium:hover .thumbs a img{
    opacity: 0.75;
}
.itemCastingPremium .location{
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px;
}
.itemCastingPremium .infoCasting{
    padding: 30px 30px 30px 10px;
}
.itemCastingPremium .infoCasting a.title{
    color: var(--bs-white);
    font-weight: 700;
    display: block;
    margin: 5px 0px 10px 0px;
}
.itemCastingPremium .date{
    font-size: 10px;
    color: var(--bs-white);
    line-height: 12px;
}
.itemCastingPremium:hover a.title,
.itemCastingPremium .infoCasting a.title:hover{
    color: var(--color-2);
}
.twColumnText.hasBackground{
    padding: 50px 30px;
    position: relative;
    overflow: hidden;
}
.twColumnText .twTitle{
    margin-bottom: 30px;
    max-width: 80%
}
.twColumnText .twTitle .twSubTitle{
    margin-bottom: 10px;
}
.twColumnText .btn,
.twColumnText .btnReadMore{
    margin-top: 30px;
}
.twColumnText > *{
    z-index: 2;
    position: relative;
}
.twColumnText .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0px;
    left: 0px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.15;
}
.twLocation{
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 30px;
}
.twBorderRadius.twLocation {
    overflow:visible;
}
.twLocation .twSubTitle{
    margin-bottom: 15px;
}
.twLocation .dropdown{
    width: 336px;
    margin-left: auto;
    margin-right: auto;
}
.vcButton.box_icon{
    background: var(--bg-gradient);
    padding: 155px 30px 30px 30px;
    position: relative;
}
.vcButton.box_icon > a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 9;
}
.vcButton.box_icon .boxCircle{
    position: absolute;
    top: 75px;
    left: calc(50% - 25px);
}
.vcButton.box_icon.text-md-start{
    padding: 80px 30px 80px 30%;
}
.vcButton.box_icon.text-md-start .boxCircle{
    left: calc(20% - 50px);
    top: calc(50% - 20px);
}
.vcButton.box_icon.text-md-end{
    padding: 80px 30% 80px 30px;
}
.vcButton.box_icon.text-md-end .boxCircle{
    right: calc(20% - 50px);
    left: auto;
    top: calc(50% - 20px);
}
.vcButton.box_faq a{
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    color: var(--bs-white);
    display: block;
    background: var(--color-6);
    position: relative;
    padding: 66px 0px;
}
.vcButton.box_faq a .mask{
    content: '';
    position: absolute;
    width: 78px;
    height: 115px;
    background-color: #707070;
    opacity: 0.16;
    top: 33px;
}
.vcButton.box_faq a::after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f178";
    position: absolute;
    bottom: 20px;
    left: -25px;
    font-size: 22px;
    color: var(--bs-white);
    opacity: 0;
}
.vcButton.box_faq a:hover{
    color: var(--color-2)
}
.vcButton.box_faq a:hover .mask{
    transform: scale(4);
}
.vcButton.box_faq a:hover::after{
    left: calc(50% - 11px);
    opacity: 1;
}
.twSocial a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81px;
    height: 81px;
    background: var(--black);
    margin-bottom: 20px;
}
.twSocial .col-6:nth-child(2n+3) a,
.twSocial .col-6:nth-child(2n+4) a{
    margin-bottom: 0px;
}
.twSocial a.instagram{
    background: linear-gradient(45deg, #FFC65C, #FFAC42, #FF7D33, #FF6B58, #FB4D6E, #DA3AA4, #B345AE, #6043C9, #2C40D4);
}
.twSocial a.facebook{
    background: #3F5493;
}
.twSocial a:hover img{
    transform: scale(1.3);
    opacity: 0.3;
}
.twBlockOption .box_advance_text{
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.twBlockOption .box_advance_text img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: 183px;
}
.twBlockOption .box_advance_text.box_has_link img{
    opacity: 0.15;
    transition:0.3s;
}
.twBlockOption .box_advance_text.box_has_link:hover img{
    opacity: 0.3;
}
.twBlockOption .box_advance_text a.firstLink,
.twBlockOption .box_advance_text .boxInfo{
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.twBlockOption .box_advance_text a.firstLink{
    justify-content: center;
}
.twBlockOption .box_advance_text a.firstLink::before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f178";
    font-size: 26px;
    color: var(--color-2);
    transform: translateX(-20px);
    z-index: 9;
    opacity: 0;
}
.twBlockOption .box_advance_text:hover a.firstLink:before{
    opacity: 1;
    transform: translateX(0px);
}
.twBlockOption .box_advance_text .boxInfo .dropdown{
    margin-top: 15px;
}
.twBlockOption .box_advance_text .twTitle{
    padding: 15px 30px;
}
.twTitle.titleTop .twSubTitle{
    margin-top: 10px;
}
.twLogo .twTitle{
    margin-bottom: 20px;
}
.twTextAdvance{
    background: var(--color-6);
    padding: 50px;
    height: 100%;
}
.itemGallery{
    margin-bottom: 20px;
}
.twGallery .btnAddGallery{
    position: absolute;
    right: 0px;
    bottom: 10px;
}
.twGallery .btnAddGallery .not-loading{
    position:absolute;
    padding:0;
    left:-20px;
    top:0;
}
.twContainerGlobalTTA.vc_tta-container{
    margin-bottom: 60px;
}
.twContainerGlobalTTA > .twSubTitle{
    color: var(--color-4);
    margin-bottom: 20px;
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel{
    border-radius: 7px;
    background: var(--color-6);
    padding: 30px 50px;
    margin-bottom: 30px;
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel-title{
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel-title>a{
    padding: 0px;
    display: inline-flex;
    align-items: center;
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel-title>a:hover{
    color: var(--color-3);
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel-title>a::before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f067";
    font-size: 28px;
    margin-right: 30px;
    color: var(--bs-white);
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a::before{
    content: "\f068";
    color: var(--color-2);
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel-body{
    border: none;
    padding: 35px 5px 35px 55px;
}
.twGlobalTTA.vc_tta.vc_general .vc_tta-panel-body *{
    padding: 0px;
    line-height: 22px;
}
.twContactAction,
.twContactAction > p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.twContactAction > span,
.twContactAction > p > span{
    font-weight: 700;
    color: var(--color-4);
}
.twAddCasting .twSubTitle.twSubTitleBottom{
    margin-top: 15px;
}
.twForm legend{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border-bottom: 1px solid var(--color-5);
    margin-bottom: 15px;
    padding-bottom: 2px;
}
.twForm fieldset{
    margin-bottom: 30px;
}
.twForm .twBox{
    background: var(--color-5);
    padding: 30px 80px;
    font-weight: 700;
}
.twForm .twBox > span{
    display: block;
}
.twForm .twBox .text-uppercase{
    font-size: 16px;
    line-height: 19px;
}
.twUser .mask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.75;
    min-height: 150px;
}
.twUser .twFormContainer{
    padding: 90px 0px 90px 100px;
}
.twUser .twFormContainer.message_only{
    padding: 290px 0px 290px 100px;
}
.twFormRegister a.active{
    font-weight: 700;
}
.twUserMenu .box_icon{
    background: var(--bg-gradient);
    padding: 76px 30px;
    position: relative;
    margin-bottom: 20px;
    color: var(--bs-white);
    &.box_icon_social{
        background: var(--bg-gradient-social);
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.twUserMenu .box_icon.mon_book_box{
    background:var(--color-1);
    &:hover .twSubTitle{
        color:var(--color-6)
    }
    &.box_icon:hover .boxCircle::before{
        background:var(--color-6);
    }
}
.twUserMenu .boxCircle{
    position: absolute;
    right: 18px;
    bottom: 18px;
}
.twUserMenu a:hover .twSubTitle{
    color: var(--color-2);
}
.twUserInfo{
    background: var(--color-6);
    border-radius: 10px;
    position: relative;
    margin-top: 150px;
    color: var(--color-4);
    padding: 0 20px;
}
.twUserAvatar{
    width: 300px;
    height: 300px;
    background: var(--color-5);
    border-radius: 100%;
    overflow: hidden;
    transform: translateY(-150px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: -125px;
}
.twUserAvatar img{
    object-fit:cover;
}
.twUserName{
    font-size: 19px;
    font-weight: 700;
    line-height: 19px;
    color: var(--bs-white);
    margin-bottom: 10px;
}
.twUserInfo .boxLogout{
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.twUserInfo .boxLogout a{
    background: var(--color-2);
}
.twUserInfo .boxLogout a .icon{
    -webkit-mask: url(../svg/icon-logout.svg) no-repeat center;
    mask: url(../svg/icon-logout.svg) no-repeat center;
    width: 21px;
    height: 24px;
    z-index: 2;
}
.twUserInfo .boxLogout a .title{
    text-transform: uppercase;
    color: var(--bs-white);
    font-weight: 700;
    font-size: 12px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: -5px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.twUserInfo .boxLogout a:hover .icon{
    background-color: var(--color-6);
}
.twUserInfo .boxLogout a:hover .title{
    bottom: -20px;
    visibility: visible;
    opacity: 1;
}
.twUserStatus{
    text-align: right;
    padding: 5px 20px 5px 0px;
    color: var(--color-2);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.twUserStatus i{
    margin-left: 10px;
}
.twUserStatus span{
    display:block;
}
.availabel .twUserStatus{
    color: #69D692;
}
.twPercentProfile{
    color: var(--color-3);
    margin-top: 20px;
}
.twPercentProfile.notAvailabel{
    margin-top: -10px;
}
.twPercentProfile.notAvailabel .btn{
    margin-bottom: 10px;
}
.twPercentProfile :not(.btn) span{
    font-size: 18px;
    font-weight: 700;
    color: var(--bs-white);
}
.btnDeletePhoto{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background: var(--color-1);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
}
.btnDeletePhoto:hover{
    color: var(--color-4);
}
.twCastingShare{
    padding: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 377px;
    position: relative;
    text-align: right;
}
.twCastingShare .twSubTitle{
    color: var(--color-6);
}
.twCastingShare .boxShare{
    position: absolute;
    right: 30px;
    bottom: 30px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.twCastingShare .boxShare li{
    margin-top: 15px;
}
.twCastingShare .boxShare a{
    display: inline-flex;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    border-radius: 7px;
    width: auto;
    padding: 5px 10px;
    font-weight: 500;
}
.twCastingShare .boxShare a::before{
    content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--bs-white);
    width: 21px;
    height: 21px;
    margin-right: 5px;
}
.twCastingShare .boxShare a.share_facebook{
    background: #4267B2;
}
.twCastingShare .boxShare a.share_facebook::before{
    -webkit-mask: url(../svg/icon-shared-facebook.svg) no-repeat center;
    mask: url(../svg/icon-shared-facebook.svg) no-repeat center;
}
.twCastingShare .boxShare a.share_facebook:hover{
    background-color: var(--bs-white);
    color: #4267B2;
}
.twCastingShare .boxShare a.share_facebook:hover::before{
    background-color: #4267B2;
}
.twCastingShare .boxShare a.share_poster{
    background: var(--bs-white);
    color: #13171A;
}
.twCastingShare .boxShare a.share_poster::before{
    -webkit-mask: url(../svg/icon-shared-x.svg) no-repeat center;
    mask: url(../svg/icon-shared-x.svg) no-repeat center;
    background-color: #13171A;
}
.twCastingShare .boxShare a.share_poster:hover{
    background-color: #13171A;
    color: var(--bs-white);
}
.twCastingShare .boxShare a.share_poster:hover::before{
    background-color: var(--bs-white);
}
.twCastingShare .boxShare a.share_email{
    background: var(--color-2);
}
.twCastingShare .boxShare a.share_email::before{
    -webkit-mask: url(../svg/icon-shared-email.svg) no-repeat center;
    mask: url(../svg/icon-shared-email.svg) no-repeat center;
}
.twCastingShare .boxShare a.share_email:hover{
    background-color: var(--bs-white);
    color: var(--color-2);
}
.twCastingShare .boxShare a.share_email:hover::before{
    background-color: var(--color-2);
}
.twBoxContent{
    padding: 35px 45px;
    background: var(--color-6);
}
.singlePost .twBoxContent{
    padding: 30px;
}
.twCastingBottom ul{
    margin: 0px;
    padding: 0px 0px 0px 15px;
}
.twCastingRelated{
    margin: 100px 0px 150px 0px;
}
.twCastingSingle .twBoxContent .infoCasting{
    bottom: auto;
    top: 0;
    left: 45px;
    width: calc(100% - 45px);
}
.twCastingSingle .twBoxContent .infoCasting .date{
    padding-top:10px;
}
.twCastingMeta, .twPaymentIcon{
    background: var(--color-7);
    padding: 25px 25px 50px 25px;
    position: relative;
    height: 100%;
}
.twCastingMeta .twSubTitle{
    color: var(--color-4);
}
.twCastingMeta h6{
    font-size: 14px;
    line-height: 20px;
}
.twCastingMeta::before{
    content: '';
    position: absolute;
    bottom: 25px;
    right: 25px;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--bs-white);
}
.twCastingMeta.address::before{
    -webkit-mask: url(../svg/icon-address.svg) no-repeat center;
    mask: url(../svg/icon-address.svg) no-repeat center;
    width: 24px;
    height: 28px;
}
.twCastingMeta.date::before{
    -webkit-mask: url(../svg/icon-date.svg) no-repeat center;
    mask: url(../svg/icon-date.svg) no-repeat center;
    width: 26px;
    height: 23px;
}
.twCastingMeta.tarif::before{
    -webkit-mask: url(../svg/icon-tarif.svg) no-repeat center;
    mask: url(../svg/icon-tarif.svg) no-repeat center;
    width: 28px;
    height: 30px;
}
.twCastingSingle .twBoxContent .twColumnText{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.twCastingSingle .twBoxContent .twColumnText .twTitle{
    margin-bottom: 0px;
}
.twFocusCasting{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background: var(--color-5);
    padding: 10px 20px;
    font-weight: 700;
    line-height: 20px;
}
.twFocusCasting p:last-child{
    margin-bottom: 0px;
}
.twCastingSingle .twUserStatus{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.twCastingSingle .twUserAvatar{
    width: 160px;
    height: 160px;
    transform: none;
    margin: 0px;
    margin-right: 20px;
}
.twCastingSingle .twUserStatus i{
    margin-left: 0px;
    margin-right: 10px;
}
.twUserEmail{
    color: var(--color-4);
}
.userPhotoSelect img{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    max-height: 61px;
}
.form-check label.form-check-label.userPhotoSelect::before{
    top: calc(50% - 10px);
}
.form-check label.form-check-label.userPhotoSelect::after{
    top: calc(50% - 5px);
}
.twCastingFormInformation{
    background: var(--color-7);
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    display: flex;
    align-items: center;
    font-weight: 700;
    overflow: hidden;
}
.twCastingFormInformation span{
    padding: 10px 20px;
}
.twCastingFormInformation span:first-child{
    text-align: center;
    background: var(--color-5);
    color: var(--color-2);
    align-self: stretch;
    display: flex;
    align-items: center;
}
.twCastingCommentContainer{
    margin-bottom: 50px;
}
.twCastingCommentContainer .twCastingFormInformation,
.twDashboard .twCastingFormInformation{
    background: var(--color-6);
    width: 100%;
}
.twCastingCommentContainer .twTitles{
    margin-bottom: 20px;
}
.twCastingComments{
    list-style: none;
    margin: 0px;
    padding: 20px;
    background: var(--color-6);
}
.twCastingComments li{
    border-bottom: 1px solid var(--color-7);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.twCastingComments li .twContent{
    font-weight: 700;
}
.twCastingComments li .twContent > span{
    display: block;
}
.twCastingComments li:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
}
.twPaymentStep{
    padding: 60px 0px;
}
.twPaymentFormetape_2{
    position: relative;
    overflow: hidden;
    padding: 60px 0px 90px 0px;
}
.twPaymentStep .bigIcon{
    max-width: 282px;
    margin-left: auto;
    margin-right: auto;
}
.twPaymentIcon{
    font-weight: 700;
    background: var(--color-6);
    padding-bottom: 20px;
}
.twPaymentIcon img{
    position: absolute;
    right: 25px;
    bottom: 25px;
    max-width: 25px;
}
.maskPayment{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.maskPayment::before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #05080F00 0%, #05080F 100%) 0% 0% no-repeat padding-box;
    content: '';
    z-index: 1;
}
.maskPayment img{
    opacity: 0.3;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.twPaymentStep .container{
    position: relative;
    z-index: 2;
}
.notePayment,
.twLogoStripe .twSubTitle span{
    font-weight: 700;
}
.twPaymentForm .twSubTitle span,
.notePayment a{
    color: var(--color-9);
}
ul.note_legal {
    list-style:none;
    padding-left:0;
    font-size:12px;
    & li i{
        font-size:10px;
    }
}
.twLogoStripe{
    border-top: 1px solid var(--color-5);
    padding-top: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.twLogoStripe .twSubTitle{
    font-weight: normal;
    margin-bottom: 20px;
}
.twLogoStripe .twSubTitle span{
    color: var(--bs-white);
}
.twIcons .twPaymentIcon{
    padding-bottom: 40px
}
.twIcons .twPaymentIcon .twSubTitle{
    color: var(--color-4);
    margin-bottom: 5px;
}
.payments_widget {
    display: flex;
    justify-content: center;
}
.twPaymentStep.twPaymentFormetape_3 {
    padding-top: 0;
}
.twThankYou .twTitle span{
    color: var(--color-2);
}
.twThankYou .twContent{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}
.singleItem{
    position: relative;
    margin-bottom: 60px;
}
.singleItem .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 8;
}
.singleItem .thumb{
    position: relative;
}
.singleItem .thumb img{
    width:100%;
}
.singleItem .thumb::before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: var(--color-7);
    content: '';
    opacity: 0;
}
.singleItem:hover .thumb::before{
    opacity: 0.5;
}
.singleItem:hover .twTitle{
    color: var(--color-2);
}
.singleItem.isBig{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    overflow: hidden;
    margin-bottom: 20px;
}
.singleItem:not(.isBig) img{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.singleItem .boxInfo{
    margin-top: 10px;
    z-index: 9;
    position: relative;
}
.singleItem.isBig .boxInfo{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 10px 40px 15px 40px;
    background: rgb(5 8 15 / 75%);
}
.singleItem .boxInfo .twTitle{
    margin-bottom: 10px;
}
.singleItem .boxInfo .twTitle a{
    color: var(--bs-white);
    position: relative;
    display: flex;
    justify-content: space-between;
}
.singleItem .boxInfo .twTitle a::after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f178";
    color: var(--color-2);
    transform: translateX(-50px);
    opacity: 0;
}
.singleItem .boxInfo ul{
    list-style: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}
.singleItem .boxInfo ul li{
    display: inline-block;
}
.singleItem .boxInfo ul li::after{
    content: '|';
    margin: 0 2px;
    display: inline-block;
}
.singleItem .boxInfo ul li:last-child:after{
    display: none;
}
.singleItem .boxInfo ul li a{
    font-size: 12px;
    color: var(--color-4);
    font-weight: 700;
    display: inline-block;
}
.singleItem .boxInfo ul li a:hover,
.singleItem:hover .boxInfo .twTitle a,
.singleItem .boxInfo .twTitle a:hover{
    color: var(--color-2);
}
.singleItem:hover .boxInfo .twTitle a::after,
.singleItem .boxInfo .twTitle a:hover::after{
    transform: translateX(0px);
    opacity: 1;
}
.singleItem .date{
    position: absolute;
    background: var(--color-2);
    border-radius: 0px 7px 0px 7px;
    -moz-border-radius: 0px 7px 0px 7px;
    -webkit-border-radius: 0px 7px 0px 7px;
    font-size: 12px;
    font-weight: 700;
    top: 0px;
    right: 0px;
    padding: 0 5px;
    z-index: 8;
}
.singlePost .twImage.this_item{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: -30px;
    margin-right: -40px;
    overflow: hidden;
}
.twPaginationBlog span,
.twPaginationBlog a{
    font-size: 14px;
    font-weight: 700;
    margin: 0 10px;
    color: var(--color-4);
}
.twPaginationBlog span,
.twPaginationBlog a:hover{
    color: var(--color-2);
}
.twWidgetBlog{
    margin-bottom: 60px;
}
.twWidgetBlog .twTitle{
    margin-top: 0px !important;
}
.twSearch{
    position: relative;
}
.twSearch .btn{
    position: absolute;
    top: 0px;
    right: 0px;
}
.widget_categories ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.widget_categories ul li{
    margin-bottom: 20px;
}
.widget_categories ul li a{
    font-weight: 700;
    color: var(--bs-white);
    display: inline-flex;
}
.widget_categories ul li a::before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f178";
    color: var(--color-2);
    margin-right: 10px;
}
.widget_categories ul li a:hover{
    padding-left: 10px;
    color: var(--color-2);
}
.widget_categories ul li a:hover::before{
    color: var(--bs-white);
}
.twWidgetBlog .twCastingRelated{
    margin-top: 0px;
}
.twWidgetBlog .twCastingRelated .itemCasting{
    margin-bottom: 20px;
    width: 100%;
}

ul.twHistories{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.twHistories li{
    background: var(--color-6);
    margin-bottom: 20px;
}
ul.twHistories li .twTop{
    display: flex;
    align-items: center;
}
.twTop .thumb{
    width: 150px;
    height: 124px;
    overflow: hidden;
}
.twTop .thumb img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.twTop .info{
    padding: 20px 30px;
    font-size: 16px;
    line-height: 24px;
}
.twTop .info a.active{
    color: #69D692;
    font-weight: 700;
}
ul.twHistories li .twBottom{
    background: var(--color-5);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    color: var(--color-4);
    position: relative;
    z-index: 1;
    margin-top: -1px;
}
ul.twHistories li .twBottom span span{
    color: var(--bs-white);
}
.twHitoryContent{
    margin-top: 100px;
}
.twHitoryContent .twPaymentIcon{
    padding-bottom: 40px;
}
.twHistoryReturn{
    background: var(--color-6);
    padding: 20px 30px;
    color: var(--color-3);
    margin-bottom: 20px;
}
.twHistoryReturn > .mb-3{
    font-size: 16px;
    line-height: 24px;
}
.twHistoryReturn span{
    color: var(--bs-white);
    font-weight: 700;
}
.history-container {
    height:700px;
    position:relative;
}
.alerte_criters,
.no_result{
    display:block;
}
.alerte_criters{
    margin-bottom:10px;
    font-weight:bold;
}
.no_result{
    font-size:12px;
    margin-top:20px;
    margin-bottom:20px;
    font-style:italic;
}
#searchCasting{
    margin-bottom: 75px;
}
ul.twListPayment{
    list-style: none;
    margin: 15px 0px;
    padding: 0px;
    & li{
        margin-bottom: 10px;
        & form{
            display: none;
        }
        &.active form{
            display: block;
            margin-bottom: 30px;
        }
    }
}
/* buddypress */
.rtmedia-single-meta,.rtmedia-plupload-container{
    display:none!important;
}
#rtmedia-single-media-container{
    width:100%!important;
}
.plupload_file_name{
    color:var(--color-2);
}
button.menu-toggle{
    display:none;
    position: relative;
    background:var(--color-2);
    width:50px;
    height:50px;
    box-shadow:none;
    border:none;
    border-radius:100%;
    padding: 0;
}
button.menu-toggle::before {
    content:'';
    display: inline-block;
    height: 22px;
    width: 22px;
    mask-image: url(../svg/icon-grid.svg);
    mask-size: 22px 22px;
    mask-repeat: no-repeat;
    background-color: var(--bs-white);
    position: absolute;
    transition:0.3s;
    top: 14px;
    left: 14px;
}
button.menu-toggle:hover::before {
    background-color: var(--color-6);
}
.twBuddypress{
    background: var(--color-6);
    padding: 15px;
}
.twBuddypress table.notifications td{
    padding:5px;
}
.twDashboard .sidebarMenu{
    padding: 0px;
    margin: 15px 0px;
    list-style: none;
    & li {
        & a{
            padding: 5px 0px 10px 0px;
            color: var(--bs-white);
            font-size: 14px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            &::before{
                display: inline-block;
                content: '';
                width: 20px;
                height: 22px;
                mask-size: cover;
                background-color: var(--bs-white);
                mask-repeat: no-repeat;
            }
        }
        &:last-child a{
            padding-bottom: 0px;
        }
        &.icon-activiti a::before{
            mask-image: url(../svg/activity.svg);
            mask-size: 12px 20px;
            mask-position: 5px 0px;
        }
        &.icon-member a::before{
            mask-image: url(../svg/friend.svg);
        }
        &.icon-group a::before{
            mask-image: url(../svg/group.svg);
            mask-size: 20px 20px;
        }
        &.icon-badge a::before{
            mask-image: url(../svg/badges.svg);
        }
        &.bp-menu.bp-messages-nav a::before{
            mask-image: url(../svg/chat.svg);
            mask-size: 20px 20px;
        }
        &.bp-menu.bp-notifications-nav a::before{
            mask-image: url(../svg/notification.svg);
            mask-size: 20px 20px;
        }
        &.bp-menu.bp-back-nav a::before{
            mask-image: url(../svg/icon-box-user.svg);
            mask-size: 20px 20px;
        }
        &.bp-menu.bp-home-nav a::before{
            mask-image: url(../svg/icon-box-social.svg);
            mask-size: 20px 20px;
        }
        &.logout a::before{
            mask-image: url(../svg/icon-logout.svg);
            mask-size: 20px 20px;
        }
        &.icon-online a::before{
            mask-image: url(../svg/user-online.svg);
        }
        &.gestion-abo a::before{
            mask-image: url(../svg/cog.svg);
            mask-size: 20px 20px;
        }
    }
    & li.current-menu-item a, li a:hover{
        color: var(--color-2);
        &::before{
            background-color: var(--color-2);
        }
    }
    & li.bp-menu.bp-notifications-nav{
        position: relative;
    }
}
li.bp-menu.bp-notifications-nav span.totalNotification,
.menuRight ul li.message-item span.totalNotification{
    display: inline-flex;
    position: absolute;
    background: var(--color-1);
    color: var(--bs-white);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    left: 10px;
    top: 10px;
    visibility: visible;
    opacity: 1;
}
.twBadge a, .badge-desc{
    color: var(--bs-white);
}
.twBadge a:hover{
    color: var(--color-2);
}
.buddypress-wrap #whats-new-post-in-box{
    gap: 5px;
}

.twActivityList{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
    & li{
        margin-bottom: 30px;
        & > div{
            padding: 15px;
        }
    }
    & .activityContent{
        padding: 15px 0px;
        &.activityActions{
            border-top: 1px solid #fff;
        }
    }
    & .tw-acomment-reply, & .tw-acomment-delete, & .reaction-button, & .twBPShared .dropdown > a{
        color: var(--bs-white);
        cursor: pointer;
        & i{
            font-size: 15px;
        }
        &:hover{
            color: var(--color-2);
        }
    }
    & .twBPShared .dropdown > a::after{
        display: none;
    }
    & .twBPShared ul.dropdown-menu{
        background: var(--color-5);
        border-radius: 7px;
        & li{
            padding: 0px;
            margin: 0px;
            & a{
                color: var(--bs-white);
                padding: 5px 15px;
                font-size: 14px;
                display: grid;
                grid-template-columns: 15px 1fr;
                align-items: center;
                gap: 5px;
                &:hover{
                    background: none;
                    color: var(--color-2);
                }
            }
        }
    }
    & .activity-comments .twForm, & .activity-comments-list .twForm{
        display: none;
        & form{
            display: grid !important;
            grid-template-columns: 1fr 50px;
            gap: 15px;
            align-items: center;
            & .btn{
                width: 100%;
            }
            & .form-control{
                min-height: auto;
            }
        }
    }
    & ul{
        list-style: none;
    }
    & .activity-comments-list > ul, & .activity-comments > ul{
        padding-left: 0px;
        & .acomment-header{
            display: flex;
            align-items: center;
            gap: 10px;
        }
        & .acomment-options{
            padding: 0;
            margin: 0 0 0 25px;
            & .tw-acomment-delete{
                margin-left: 0.5em;
            }
        }
        & .acomment-content{
            background: var(--color-5);
            border-radius: 7px;
            margin: 0 0 10px 20px;
            & p:last-child{
                margin: 0px;
            }
        }
    }
}
form.twBuddypressSearch{
    display: grid;
    align-items: center;
    gap: 15px;
    grid-template-columns: 1fr 50px;
}
.twItemMember{
    background: var(--color-7);
    padding: 15px;
    & .twItemLeft{
        display: grid;
        gap: 15px;
        grid-template-columns: 50px 1fr;
    }
}
ul.twBuddypressNav{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    & li{
        position: relative;
        &::after{
            content: '';
            border-bottom: 2px solid var(--bs-white);
            display: block;
            width: 0px;
            transition: all 0.3s linear;
        }
        &:hover::after, &.selected::after, &.current::after{
            width: 100%;
        }
    }
    & a{
        color: var(--bs-white);
        font-weight: bold;
    }
}
.group-members-list ul,
ul.member-thumb-group{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.twinbi-meta-details, .activity-group-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.twUserStatusonline{
    color: #69D692;
}
.twUserSocials{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    & li{
        background: var(--color-4);
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        & a{
            color: var(--bs-white);
            font-size: 20px;
            &:hover{
                color: var(--color-1);
            }
        }
    }
}
#activity-stream img{
    max-width:100%;
}
#buddypress .field-visibility-settings{
    display: none;
}

.twDashboard #buddypress{
    & .bp-messages-wrap{
        background: var(--color-6);
        color: var(--bs-white);
        border: none;
        border-radius: 8px !important;
    }
    & .bp-messages-wrap .chat-header{
        background: transparent;
        & .bpbm-search form input[type=text]{
            background: transparent !important;
            color: var(--bs-white) !important;
            &::-moz-placeholder{
                color: var(--color-4);
            }
            &:-ms-input-placeholder{
                color: var(--color-4);
            }
            &::-webkit-input-placeholder{
                color: var(--color-4);
            }
        }
    }
    & .bp-messages-wrap .chat-footer > a,
    & .bp-messages-wrap .chat-header a,
    & .bp-messages-wrap .bm-reply > *,
    & .bp-messages-wrap .bm-reply .bm-editor .bm-editor-content::before,
    & .bp-messages-wrap .bm-reply .bm-editor .bm-editor-content,
    & .bp-messages-wrap .chat-header .thread-actions > a,
    & .bp-messages-wrap .chat-header .thread-actions > span,
    & .bp-messages-wrap .chat-header .thread-actions > div.expandingButtons,
    & .bp-messages-wrap .threads-list .thread .bm-info .name,
    & .bp-messages-wrap .chat-header > a,
    & .bp-messages-wrap .chat-header > span,
    & .bp-messages-wrap .empty,
    & .bp-messages-wrap .thread-not-selected .empty .bpbm-empty-link a,
    & .bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-left-side .bm-content .bm-info a,
    & .bp-messages-wrap .bpbm-search-in-list > input,
    & .bp-messages-user-list .user .actions a,
    & .bp-messages-group-list .group .actions a,
    & .bm_user_selector input,
    & .bm_user_selector .bm_user_selector__placeholder,
    & .bp-messages-wrap label,
    & .bp-messages-wrap .bpbm-user-options .bpbm-user-option-description{
        color: var(--bs-white) !important;
    }
    & .bp-messages-wrap .bpbm-search-in-list > input{
        &::-moz-placeholder{
            color: var(--color-4);
        }
        &:-ms-input-placeholder{
            color: var(--color-4);
        }
        &::-webkit-input-placeholder{
            color: var(--color-4);
        }
    }
    & .bp-messages-wrap .bm-side-tabs,
    & .bp-messages-wrap .bm-side-tabs > div.active,
    & .bp-messages-wrap .chat-footer,
    & .bp-messages-wrap .bm-reply,
    & .bp-messages-wrap .bm-reply > *,
    & .bp-messages-wrap .bm-reply .bm-editor .bm-editor-content,
    & .bp-messages-user-list,
    & .bp-messages-wrap .bpbm-search-in-list > input,
    & .bp-messages-group-list,
    & .bm_user_selector,
    & .bm_user_selector .bm_user_selector__control{
        background: transparent !important;
    }
    & .bp-messages-wrap .bp-messages-user-list .user,
    & .bp-messages-wrap .bp-messages-group-list .group{
        border-bottom: 1px solid var(--color-6);
        background: var(--color-5) !important;
        &:hover, &:hover *{
            background-color: var(--color-4) !important;
        }
    }
    & .bp-messages-wrap .threads-list .thread.bp-messages-active-thread,
    & .bp-messages-wrap .threads-list .thread{
        background-color: var(--color-5);
        &:hover,
        &:hover > *{
            background-color: var(--color-4);
        }
    }
    & .bp-messages-wrap .chat-footer,
    & .bp-messages-wrap .bp-messages-side-threads,
    & .bp-messages-wrap .chat-header,
    & .bp-messages-wrap .bm-side-tabs,
    & .bp-messages-wrap .bm-side-tabs.bm-side-tabs-border-bottom > div:not(.active),
    & .bp-messages-wrap .bp-messages-side-threads .bm-side-content,
    & .bp-messages-wrap .bm-reply,
    & .bp-messages-wrap .bpbm-search-in-list > input{
        border-color: var(--color-5) !important;
    }
    & .bp-messages-wrap .expandingButtons .bpbm-dropdown-menu{
        background: var(--color-6);
        border-color: var(--color-5);
        & span{
            color: var(--bs-white);
            &:hover{
                background: var(--color-4);
            }
        }

    }
    & .bp-messages-mobile-tap{
        background:rgba(0,0,0,0.8);
        & span{
            color:var(--color-1);
            font-weight:bold;
            font-size:18px;
        }
    }
    & .bp-messages-wrap img.avatar{
        height:auto!important;
    }
}
.boxinformation-du-compte{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.boxUserProfile{
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 15px;
    align-items: center;
    & .thumb{
        width: 200px;
        height: 200px;
        border-radius: 20px;
        overflow: hidden;
        & img{
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
    }
}
.btnContactProfile{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: var(--color-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    &::before{
        content: '';
        width: 20px;
        height: 20px;
        background-color: var(--bs-white);
        mask-image: url(../svg/chat.svg);
        mask-size: 20px 20px;
    }
    &:hover{
        background: transparent;
    }
}
/* common */
.twPagination span,
.twPagination a{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: var(--bs-white);
    border: 1px solid var(--color-1);
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    margin: 0 2px;
}
.twPagination span,
.twPagination a:hover{
    background: var(--color-1);
}
.btn, .btnDropdown{
    height: 50px;
    display: inline-flex;
    align-items: center;
    padding: 0 27px;
    position: relative;
    background: var(--color-2);
    border: 2px solid var(--color-2);
    justify-content: center;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: var(--bs-white);
}
.btn > span{
    position: relative;
    z-index: 1;
    color: var(--bs-white);
}
.btn.active{
    background: transparent;
}
.btn::before,
.btn::after{
    position: absolute;
    height: 100%;
    top: 0px;
    background: var(--color-1);
    z-index: 0;
    content: '';
    width: 0px;
}
.btn::before{
    left: 0px;
}
.btn::after{
    right: 0px;
}
.btn:hover{
    border-color: var(--color-1);
}
.btn:hover::before,
.btn:hover::after{
    width: 50.5%;
}
.btn.btnSmaller{
    height: 35px;
}
.input-group{
    position: relative;
}
.input-group::before{
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid var(--bs-white);
    border-radius: 7px;
    left: 0px;
}
.input-group .form-control:first-child{
    border-right: 0px;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-left: 0px;
}
.btnDropdown{
    width: 100%;
    justify-content: space-between;
    border: 1px solid var(--bs-white);
    background: rgb(22 29 38 / 80%);
    padding: 0 30px;
    color: var(--color-4);
}
.btnDropdown::after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f078";
    border: none;
    margin: 0px;
}
.btnDropdown:hover,
.btnDropdown:focus{
    color: var(--bs-white);
}

.btnReadMore{
    font-weight: 700;
    line-height: 17px;
    font-size: 14px;
    color: var(--bs-white);
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.btnReadMore.left{
    flex-direction: row-reverse;
}
.btnReadMore span{
    overflow: hidden;
    font-size: 17px;
    width: 20px;
    padding-left: 5px;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.btnReadMore.left span{
    padding-left: 0px;
    padding-right: 5px;
}
.btnReadMore span::before,
.btnReadMore span::after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f178";
    color: var(--color-2);
    transform: translateX(0px);
}
.btnReadMore span::before{
    color: var(--bs-white);
    position: absolute;
    left: -100%;
    top: 0;
}
.btnReadMore span.txt{
    width: auto;
    font-size: 14px;
}
.btnReadMore span.txt::before,
.btnReadMore span.txt::after{
    display: none;
}
.btnReadMore:hover,
.singleItem:hover .btnReadMore,
.twCategoryCasting .btnReadMore:hover span.txt{
    color: var(--color-2);
}
.btnReadMore:hover span::after,
.singleItem:hover .btnReadMore span::after{
    transform: translateX(5px);
    opacity: 0;
}
.btnReadMore:hover span::before,
.singleItem:hover .btnReadMore span::before{
    left: 5px;
}
.btnReadMore.left:hover span::before{
    left: 0px;
}
.twCategoryCasting .btnReadMore:hover{
    color: var(--bs-white);
}
.form-label {
    font-weight: 700;
    color: var(--color-8);
    margin-bottom: 5px
}
.form-label span.note{
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: var(--bs-white);
    margin-top: 5px;
    line-height: 16px;
}
.separator_payment {
    position:relative;
    & span{
        color:var(--color-4);
        text-align:center;
        text-transform:uppercase;
        display:block;
        width:50px;
        margin:auto;
    }
    & ::before{
        content:'';
        width:calc(50% - 25px);
        height:1px;
        position:absolute;
        background:var(--color-4);
        left:0;
        top:50%;
    }
    ::after{
        content:'';
        width:calc(50% - 25px);
        height:1px;
        position:absolute;
        background:var(--color-4);
        right:0;
        top:50%;
    }
}
/*.form-control, .StripeElement{*/
/*    height: 50px;*/
/*    border-radius: 7px;*/
/*    -moz-border-radius: 7px;*/
/*    -webkit-border-radius: 7px;*/
/*    font-weight: 700;*/
/*    color: var(--bs-white);*/
/*    font-size: 14px;*/
/*    line-height: 17px;*/
/*    background: rgb(22 29 38 / 80%);*/
/*}*/
/*.StripeElement{*/
/*    border: 1px solid #ced4da;*/
/*    padding: 0.375rem 0.75rem;*/
/*    line-height: 50px;*/
/*    display: grid;*/
/*    align-items: center;*/
/*    & > div{*/
/*        color: #fff;*/
/*    }*/
/*}*/
#payment-element{
    background:var(--bs-white);
    padding:20px;
    border-radius:10px;
}
.form-control{
    height: 50px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-weight: 700;
    color: var(--bs-white);
    font-size: 14px;
    line-height: 17px;
    background: rgb(22 29 38 / 80%);
}

.form-control[readonly] {
    background: rgba(255,255,255,0.1);
}
.form-select{
    height: 50px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-weight: 700;
    color: var(--color-4);
    font-size: 14px;
    line-height: 17px;
    background-color: rgb(22 29 38 / 80%);
}
textarea.form-control{
    min-height: 120px;
    padding: 12px;
}
.form-control::-moz-placeholder{
    color: var(--color-4);
}
.form-control:-ms-input-placeholder{
    color: var(--color-4);
}
.form-control::-webkit-input-placeholder{
    color: var(--color-4);
}
.form-control:focus{
    background: transparent;
    color: var(--bs-white);
    outline: none;
    border-color: var(--bs-white);
    box-shadow: none;
}
.twFormRegister .form-select{
    color: var(--bs-white);
}
.custom-file{
    position: relative;
}
.custom-file .file_name{
    margin-left: 10px;
    color: var(--color-4);
}
.custom-file input[type="file"]{
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.custom-file label{
    margin-bottom: 5px;
    margin-left: 10px;
    cursor: pointer;
}
.form-check{
    padding-left: 0px;
}
.form-check input.form-check-input{
    visibility: hidden;
    display: none;
}
.form-check label.form-check-label{
    font-weight: 700;
    position: relative;
    padding-left: 25px;
}

.form-check label.form-check-label::after{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    content: '';
}
.form-check label.form-check-label::before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 7px;
    border: 1px solid var(--bs-white);
    display: inline-block;
    background: #242E3D;
    position: absolute;
    left: 0px;
    top: 0px;
}
.form-check.form-radio label.form-check-label::before{
    border-radius: 100%;
}
.form-check input:checked~label::after{
    background: var(--color-2)
}
.wpcf7-response-output {
    background:var(--color-1)!important;
    border:none!important;
    padding:10px 20px!important;
    margin:10px 0!important;
    text-align:center;
}
.twDropdown{
    background: rgb(36 46 61 / 75%);
    height: 296px;
    overflow: scroll;
    padding: 20px;
    width: 100%;
    border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 0px 7px 7px;
    transform: none !important;
    top: 50px !important;
}
.twDropdown li{
    margin-bottom: 15px;
}
.twDropdown li:last-child{
    margin-bottom: 0px;
}
.twDropdown a{
    color: var(--bs-white);
    font-weight: bold;
}
.twDropdown a:hover{
    color: var(--color-1);
}
.twBorderRadius{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
.twBlock,
.vc_row-flex{
    margin-bottom: 30px;
}
.maskOpacity35 .mask{
    opacity: 0.35 !important;
}
.annoncePremium.slider .owl-carousel:not(.owl-loaded) .item,
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting{
    display: none;
}
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting{
    margin-right: 20px;
}
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting:nth-child(4){
    margin-right: 0px;
}
.twLogo .owl-carousel:not(.owl-loaded){
    overflow: hidden;
}
.twCasting .owl-carousel:not(.owl-loaded),
.twLogo .owl-carousel:not(.owl-loaded){
    display: flex;
    justify-content: space-between;
}
.annoncePremium.slider .owl-carousel:not(.owl-loaded) .item:first-child,
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting:nth-child(1),
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting:nth-child(2),
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting:nth-child(3),
.twCasting .owl-carousel:not(.owl-loaded) .itemCasting:nth-child(4){
    display: inline-block;
}
.form_popup{
    font-family: roboto, sans-serif;
}
.formPopup{
    background: var(--color-6);
    box-shadow: var(--box-shadow);
    padding: 30px 60px;
}
.not-loading{
    position:absolute;
    bottom:-20px;
    font-size:20px
}
.btn .not-loading{
    position:initial;
    font-size:13px;
    margin-left:4px;
}
.not-loading,
.not-loading::before,
.not-loading::after{
    display: none !important;
}
.not-loading.loading{
    display: inline-block !important;
}
.not-loading.failed,
.not-loading.success{
    display: inline-block !important;
}
.not-loading.failed i,
.not-loading.success i{
    animation:none;
    margin-left:3px;
}
.not-loading.success i::before{
    content:'\f00c';
}
.not-loading.failed i::before{
    content:'\f00d';
}
#pageListing .not-loading.loading{
    text-align: center;
    margin-bottom: 30px;
}
.vc_row-flex .vc_column-inner,
.vc_row-flex .vc_column-inner .wpb_wrapper{
    height: 100%;
}
.vc_row-flex .vc_column-inner .wpb_wrapper .twBlock:last-child{
    margin-bottom: 0px;
}
span.file_note{
    color: var(--color-4);
    margin-left: 20px;
}
.alert{
    background:var(--color-1);
    border:none;
    color:var(--color-white);
    text-align:center;
}
.password-field-container{
    position:relative;
}
.toggle-password {
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    font-size: 20px;
    cursor: pointer;
    transition:0.3s;
}
.toggle-password:hover {
    color:var(--color-1);
}
.figurants_com #onesignal-slidedown-container #onesignal-slidedown-dialog {
    background:black!important;
    font-family: 'Roboto', sans-serif!important;
}
.figurants_com #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-message{
    color:white!important;
    font-size:15px;
}
.figurants_com #onesignal-slidedown-container #onesignal-slidedown-dialog button{
    background:var(--color-1)!important;
    font-size:12px!important;
}
.figurants_com #onesignal-slidedown-container #onesignal-slidedown-dialog #onesignal-slidedown-cancel-button{
    color:var(--color-1)!important;
}
.figurants_com .datepicker--day-name {
    color:var(--color-1)
}
.figurants_com .datepicker--cell.-selected-,.figurants_com .datepicker--cell.-selected-.-focus-,.figurants_com .datepicker--cell.-selected-.-current-{
    background-color:var(--color-1)
}
/*TWServices*/
.twServices .owl-carousel .owl-stage-outer {
    overflow: unset;
    overflow-x: clip;
    width: calc(100% + 100px);
}
.twServices{
    & .item {
        max-width:300px;
        & .back_service {
            overflow:hidden;
            border-top-right-radius:10px;
            border-top-left-radius:10px;
            position:relative;
            & img{
                height:auto;
                transition:0.3s;
            }
            & .title_service{
                position:absolute;
                bottom:0;
                width:100%;
                text-align:left;
                padding:10px 0px 10px 10px;
                background: rgba(22, 29, 38, 0.75);
                & h3{
                    font-size:14px;
                    max-width:calc(100% - 90px);
                    margin:0;
                    line-height:15px;
                }
                & .service_type {
                    position:absolute;
                    text-align:center;
                    width:85px;
                    height:25px;
                    line-height:25px;
                    right:0;
                    bottom:0;
                    font-size:12px;
                    text-transform:uppercase;
                    font-weight:bold;
                    border-top-left-radius:10px;
                    &.gratuit{
                        background:#25E786;
                        color:var(--color-5)
                    }
                    &.premium{
                        background:var(--color-1)
                    }
                    & i{
                        margin-right:4px;
                    }
                }
            }
        }
        & .description_service {
            background:var(--color-6);
            padding:10px;
            border-bottom-left-radius:10px;
            border-bottom-right-radius:10px;
            & p{
                font-size:12px;
                text-align:left;
                margin:0;
            }
        }
        &:hover .back_service img{
            transform:scale(1.1);
        }
    }
}
.separator {
    margin:30px 0;
    height:1px;
    background:var(--color-5);
}

.box_services {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    & .box_service {
        flex: 0 0 calc(50% - 10px); /* 2 par ligne avec un peu d'espace (gap/2) */
        box-sizing: border-box;
        background-color:var(--color-6);
        padding: 15px 20px;
        font-weight:bold;
        display:flex;
        align-items:center;
        border-radius:10px;
        &.service_premium{
            background:#940f01
        }
        /*&.service_free{*/
        /*    background:#940f01;*/
        /*    color:var(--color-5)*/
        /*}*/
        & img{
            width:20px;
            height:auto;
            display:block;
        }
        & span{
            padding-left:10px;

        }
    }
}
/* effect */
@keyframes effect-menu{
    0% {
        position: fixed;
        top: -100%;
    }
    100% {
        position: fixed;
        top: 0;
    }
}
@keyframes effect-menu-admin{
    0% {
        position: fixed;
        top: -100%;
    }
    100% {
        position: fixed;
        top: 32px;
    }
}
/* Responsive */
@media (min-width: 1400px){
    .container{
        max-width: 1200px;
    }
}

@media (min-width: 800px) and (max-width: 1199px){
    .twUserAvatar{
        width: 180px;
        height: 180px;
    }
    .twUserStatus{
        width: calc(100% - 50px);
        padding-right: 0px;
    }
    .twCastingSingle .twUserAvatar{
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 992px){
    .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    .row [class*='col-']{
        padding-left: 10px;
        padding-right: 10px;
    }
    .annoncePremium.slider .item > .container{
        padding-left: 110px;
        padding-right: 350px;
    }
}

@media (min-width: 768px) and (max-width: 992px){
    .twBoxSingleContainer{
        flex-flow: column-reverse;
    }
    .twSidebar{
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 799px){
    .twUserAvatar{
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 990px){
    a.btnMenu{
        display: inline-block;
    }
    .header > .navbar-wrapper .navbar{
        display: none;
        width: 100%;
    }
    .header .logo{
        display: flex;
        align-items: center;
    }
    .header{
        justify-content: space-between;
    }
    .header > .navbar-wrapper{
        justify-content: flex-end;
    }
}

@media (min-width:992px) and (max-width:1199px){
    .header ul > li > a{
        padding: 0 6px;
        font-size: 12px;
    }
}

@media (max-width:991px){
    .header{
        justify-content: space-between;
    }
    .header .logo{
        display: flex;
        align-items: center;
    }
    a.btnMenu{
        display: block;
        margin-right: 7px;
    }

    .header > .navbar-wrapper{
        justify-content: flex-end;
    }
    .header > .navbar-wrapper .navbar{
        display: none;
        width: 100%;
    }
    .menuRight ul li._desktop{
        display:none;
    }
    .twUserAvatar {
        width: 130px;
        height: 130px;
        transform: translateY(-120px);
        margin-bottom: -105px;
    }
    .twUserInfo {
        margin-top: 120px;
    }
    #menu-mon-espace {
        display: none;
        flex-direction: column;
        gap: 10px;
    }

    #menu-mon-espace.show {
        display: flex;
        padding: 20px 0;
    }
    #main_header .menuRight ul li.message-item.on-dashboard span.totalNotification{
        left: -15px;
        top: 0px;
    }
    #main_header .menuRight ul li.message-item.on-dashboard button{
        display:block;
    }
    #main_header .menuRight ul li.message-item.on-dashboard span.icon,
    #main_header .menuRight ul li.message-item.on-dashboard span.twAnimate,
    #main_header .menuRight ul li.message-item.on-dashboard a{
        display:none;
    }
    #_menu_mobile{
        position:absolute;
        top: 60px;
        left: 0;
        z-index: 99;
        width: 100%;
        background: var(--black);
        max-height: 0;
        transition: 0.3s ease-out;
        overflow: hidden;
        min-height: unset;

    }
    .admin-bar #_menu_mobile{
        top:106px;
    }
    #_menu_mobile.open_menu{
        max-height: 500px;
        padding:20px 0
    }
    #_menu_mobile.header nav ul > li{
        display: block;
        margin: 10px 0;
    }

    #_menu_mobile .menuRight ul li{
        display:flex;
        width:100%;
        margin:3px;
        height: 40px;
        background:var(--color-5)
    }
    #_menu_mobile .login-item{
        display:block;
        background:none!important;
    }
    #_menu_mobile .login-item .btn{
        display:block;
        width:100%;
        height:auto;
        border-radius:10px;
        line-height:40px;
    }
    #_menu_mobile .menuRight{
        margin-top:10px
    }
    #_menu_mobile .menuRight ul li span{
        position: relative;
        display:block;
        visibility: visible;
        opacity: 1;
        margin-left:7px;
        bottom: unset;
    }
    #_menu_mobile .menuRight ul li span.totalNotification{
        position: absolute;
        text-align: center;
    }
    #_menu_mobile .menuRight ul li._desktop{
        display:flex;
    }
    #_menu_mobile .menuRight ul li.search-item .form-control{
        width: auto;
        background: var(--color-6);
        position: initial;
        display: block;
        height:40px;
        width:100%;
        padding:5px;
    }
    #_menu_mobile .menuRight ul li form{
        display:block;
    }
    #_menu_mobile .menuRight ul li.search-item{
        background:none;
    }
    #_menu_mobile .menuRight ul li.search-item span{
        display:none;
    }
    .annoncePremium.slider .item{
        padding-top:100px;
    }
}
@media (max-width: 767px){
    .payments_widget {
        display: block;
    }
    .payments_widget .trustpilot-widget iframe{
        margin-bottom:20px;
        min-height:120px;
    }
    .payments_widget .facebook-widget{
        margin-bottom:20px;
    }
    .trustpilot-widget iframe{
        height:50px!important;
    }
    #_menu_mobile .menuRight ul{
        flex-wrap: wrap;
    }

    #_menu_mobile .menuRight ul li{
        flex: 0 calc(50% - 6px);
    }
    h1, .h1, .twTitle{
        font-size: 30px;
        line-height: 36px;
    }
    .twTitles .twTitle, .twLogo .twTitle{
        font-size: 40px;
        line-height: 48px;
    }
    ul.boxLieuCat > li{
        display: block;
    }
    ul.boxLieuCat > li:last-child{
        margin: 15px 0px 5px 0px;
    }
    .itemCasting .thumbs{
        border-radius: 10px 10px 0px 0px;
    }
    .itemCasting .title{
        position: static;
        visibility: visible;
        height: auto;
    }
    .twBlockOption .box_advance_text img{
        min-height: 170px;
    }
    .vc_row [class*='vc_col-sm-']{
        margin-bottom: 20px;
    }
    .footerBottom ul{
        flex-wrap: wrap;
    }
    .footerBottom ul li{
        width: 40%;
    }
    .footerBottom ul li:nth-child(2n + 2){
        width: 60%;
        text-align: right;
    }
    footer > .container{
        padding:15px
    }
    .twUser .twFormContainer{
        padding-left: 0px;
    }
    .twForm .twBox,
    .twGlobalTTA.vc_tta.vc_general .vc_tta-panel,
    .twBoxContent{
        padding: 15px;
    }
    .itemGallery img,
    .twWidgetBlog .twCastingRelated img,
    .itemCasting .thumbs img,
    .itemCastingPremium .thumbs img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .twGallery .btnAddGallery,
    .singleItem.isBig .boxInfo{
        position: static;
    }
    .singleItem.isBig .boxInfo{
        padding: 0px;
    }
    .singleItem img {
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .twWidgetBlog .twCastingRelated{
        max-width: 100%;
        margin: 50px 0px;
    }
    .itemCasting,
    .twCastingMeta, .twPaymentIcon{
        margin-bottom: 20px;
    }
    .twCastingMeta, .twPaymentIcon, .twCastingBanner{
        height: auto;
    }
    .singlePost .twImage.this_item{
        margin: 0px;
    }
    .twBoxSingleContainer{
        flex-flow: column-reverse;
    }
    .twSidebar{
        margin-top: 30px;
    }
    .twCastingBanner{
        background: none !important;
    }
    .twCastingBanner img{
        visibility: visible;
    }
    body.single-tw-casting #mainContent{
        margin-top: -35px !important;
    }
    .twCastingRelated{
        margin: 35px 0px;
    }
    ul.twHistories li .twTop,
    ul.twHistories li .twBottom,
    ul.twHistories li .twBottom > span,
    .twCastingFormInformation,
    .twCastingFormInformation > span{
        display: block;
    }
    .twTop .thumb{
        width: 100%;
        height: auto;
    }
    .formSearchCasting .dropdown{
        margin-bottom:20px;
    }
    .twUser .twFormContainer.message_only{
        padding: 200px 20px;
    }
    .twCastingSingle .twBoxContent .infoCasting{
        left: 16px;
        width: calc(100% - 16px);
        align-items: start;
    }
    .twCastingSingle .twBoxContent .infoCasting .date{
        padding-top:4px;
        font-size:12px;
    }
    .twBuddypress table.notifications {
        font-size:10px;
        line-height:normal;
    }
    .twBuddypress table.notifications .btn{
        padding:5px 10px;
        font-size:10px;
    }
    .boxinformation-du-compte{
        display:block;
    }
    .twServices .owl-carousel .item {
        max-width: 100%;
    }
}
@media (max-width:467px){
    #_menu_mobile .menuRight ul{
        display:block;
    }

}
@media (min-width:601px){

}
@media (max-width:600px){
    .admin-bar #_menu_mobile{
        top:106px;
    }
    .admin-bar header.sticky{
        top:0
    }
    .admin-bar header.sticky #_menu_mobile{
        top:60px;
    }
    @keyframes effect-menu-admin{
        0% {
            position: fixed;
            top: -100%;
        }
        100% {
            position: fixed;
            top: 0px;
        }
    }
}