.hero-6-bg{
    padding: 0!important;
    margin: 0px !important;
    position: relative;
}
.videoIframe, .img_button, .videoIframe_live {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.div_element {
    position:absolute;
    background: rgba(255,100,255,0);
    border-radius: 2px;
    padding: 0px;
    height: 78px;
}
.conferences-info, .exposants-info{
    padding: 15px 20px;
   /* border: 1px solid #ccc;
    border-left: transparent;

    min-height: 100%;
    width: 65%;
    float: right;*/
}
.conferences-video, .exposants-logo{
   /* height: 100%;
    width: 35%;
    float: left;
    position: relative;*/
}
.card-body .conferences, .card-body .exposants{margin-bottom: 30px; display: table-cell}
.card-body h5{
    text-transform: uppercase;
    color: #!important;
}
.container_reponse input:checked ~ .checkmark {
background-color: #!important;
}
#liste-conferences, #liste-exposants{width: 100%;}
#liste-conferences .card-body, #liste-exposants .card-body{
    height: 402px !important;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 30px 30px 0;
}
#liste-conferences .card-body{padding: 0px 30px 30px;}
#liste-conferences .conferences-video iframe {pointer-events: none; width:99.9% !important}
#liste-conferences .deplace-video{background-color: #fff0; position: absolute; top:0; left:0; right:0; bottom:0; cursor: pointer;}
#container #Close{
    padding: 0px 0px;
    position: absolute;
    top: -12px;
    right: -12px;
}
#default-container{z-index: -1;}
    a{color: #878889;}
    a:hover {color: #4b4b4b;
}
.muteBtn{ background: radial-gradient(circle at 100px 100px, #, #) !important;}
expo-box:hover .expo-icon-bg:hover {
    background-color: #!important;
    -webkit-box-shadow: 0 0 0 7px rgba(90, 79, 220, 0.06);
    box-shadow: 0 0 0 7px rgba(90, 79, 220, 0.06);
    color: #fff;
    border-radius: 4% 20% 20% 20% / 4% 20% 20% 20%;
}

.expo-box .expo-icon-bg {
    background: rgb(255, 255, 255);
    color: #!important;
    display: block;
    height: 60px;
    width: 60px;
    line-height: 80px;
    margin: 0 auto;
    border-radius: 20% 20% 4% 20% / 20% 20% 4% 20%;
    -webkit-box-shadow: 0 0 0 7px rgba(90, 79, 220, 0.03);
    box-shadow: 0 0 0 7px rgba(90, 79, 220, 0.03);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 2px solid;
}
.nav-sticky.navbar-custom .navbar-nav li a:hover, .nav-sticky.navbar-custom .navbar-nav li a.active {
    color: # !important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
border-bottom-color: # !important;
opacity: 1;
}
.tooltip > .tooltip-inner{
background-color: # !important;
opacity: 1;
}
#body-workshop .slick-arrow{background: #!important;}
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #!important;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 32px/35px Arial, sans-serif;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 12px;
    line-height: 14px;
    width: 14px;
    height: 14px;

    background: #fff;
    color: #!important;
    border-radius: 14px;
    padding: 3px;
    text-align: center;

    margin-right: 2px;

    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #!important;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    color: #fcfbfb;
    background: #!important;
}
.text-primary {
    color: # !important;
}
.bnt-hover:hover, .bnt-hover:focus, .bnt-hover.focus , .bnt-hover.active, .bnt-hover:active{
    color: #  !important;
    background-color: #fff !important;
    border: 1px solid # !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
    background-color: # !important;
    border: 1px solid # !important;
    -webkit-box-shadow: 0 3px 10px #40;
    box-shadow: 0 3px 10px #40;
    color: #fff !important;
}

.btn.btn-primary {
    background-color: # !important;
    border: 1px solid # !important;
    color: #fff;
    -webkit-box-shadow: 0 4px 20px #40;
    box-shadow: 0 4px 20px #40;
}

a.text-primary:focus, a.text-primary:hover, .dropdown-menu .change-lange.active {
    color: # !important;
}

.animated-btn::before, .animated-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: #!important;
    animation: ripple-1 2s infinite ease-in-out;
    z-index: 0;
}
.animated-btn::after {
    background: #ad !important;
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}
.animated-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #!important;
    position: relative;
}
.card-body p{margin-bottom:0;}
#liste-exposants .btn-primary{
    padding: 5px 10px !important;
    font-weight: 600 !important;
    width: fit-content;
}
.card-body .exposants-logo .img_button {
width: 65%;
height: 100%;
object-fit: contain;
}
/*#liste-exposants .exposants-logo{width:30%; padding: 20px; position: relative;}*/
#liste-exposants .exposants-logo a{
width: 100%;
height: 150px;
text-align: center;
background-color: #eee;
padding: 10px;
}
/*#liste-exposants .exposants-info{width:70%}*/
.logo-dark {
    width: 130px;
    height: 60px;
    object-fit: contain;
}
#liste-exposants .exposants-info .discription, .user-description p{
    text-align: justify; text-justify: inter-word;
    white-space: normal !important;
    max-width: 100% !important;
}
#exposants-logos{
    width: 100%; background: rgba(255, 255, 255, 0.91); bottom: 0px; display: none;
}
.box-logo{
    text-align: center;
}
#headingOne1{
    margin-top: -42px;border-radius: 10px 10px 00px 00px;
}
.exposants-info .btn{
    padding: 10px 10px;
    font-size: 14px !important;
}
.exposants-info i, .modal-contents i, .alert i{
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
input[type=checkbox]:after {
    border: 1px solid #;
    color: #;
}
#timer div {
background-color: # !important;
}
.conferences-info {
    padding: 15px 20px;
    min-height: 100%;
    width: 65%;
    float: right;
}
#loader {
border: 5px solid #f3f3f3;
border-top: 5px solid #;
}
.border-bottom{border-bottom: 1px solid # !important;}
@media only screen and (max-width: 560px) {
.conferences-info {
padding-top: 7px !important;
}
.conferences-info, .conferences-video {
width: 100% !important;
}
}
.modal .form-control:focus{    box-shadow: 0 0 0 0.1rem # !important;}
.pagination-style-one a {
background: #fff;
color: #;
}
.audioplayer {
    border: 1px solid #;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    background: rgb(198 198 198);
    border: none;
}
.audioplayer-bar-played {
background: -webkit-linear-gradient(left,#,#);
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
border-left: 14px solid #;
}
.audioplayer-playing .audioplayer-bar-played::after{
    border: 2px solid #;
}
.audioplayer-playing .audioplayer-playpause {
border: none;
}
.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
background-color: #!important;
}
.tp-thumb.selected > .pagination-style-one a {
    background: #;
    color: #ffffff;
}
.tparrows:before{color: #!important;
font-weight: 900;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar {
    width: 10px;
    padding-bottom: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: # !important;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: # !important;
}
.modal .tabbable .nav-tabs li{
    border: 1px solid #;
    background-color: #;
    color: #fff !important;
    border-bottom: none;
}
#modal-speaker .tabbable .tab-content{border: 1px solid #;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.modal .tabbable .nav-tabs li a{color: #fff !important; padding: 10px;}
.modal .tabbable .nav-tabs li a.active{color: # !important;}
.modal .tabbable .nav-tabs  li < a.active{ background-color: #fff !important;}
.custom-color{color: #!important;}
.custom-bg-color{background-color: #!important;}
.custom-border-color{border: 1px solid #!important;}
.btn-login, .exposants-info .btn-primary{
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
.nav-pills .nav-link{
    color: #}
.nav-pills .nav-link.active{
    background: #}
.metis.tparrows{
background-color: transparent !important;
}
.metis.tparrows:hover:before {
transform: initial !important;
opacity: 1;
}
.metis.tparrows:before{
    opacity: 0.7;
    color: #fff!important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    background-color: # !important;
    font: 32px/35px revicons !important;
    font-size: 20px !important;
    text-align: center;
    padding: 2px 10px;
    font-weight: 900;
}
.pulse-css:after, .pulse-css:before, .pulse-css {background-color: # !important;}
@media only screen and (max-width : 576px) {

#liste-exposants .btn-primary{
padding: 6px 4px !important;
font-size: 12px !important;
}
}

form#update_vcard select {
    border: 1px solid rgba(158, 156, 185, 0.3) !important;
}