/*
********************************************
*    MIXINS
********************************************
*/
/*
 ********************************
 *
 *  Defult CSS
 */
.overlay-color {
  background: -webkit-linear-gradient(left, rgba(28, 12, 67, 0.75) 10%, rgba(253, 49, 50, 0.75) 90%);
  background: -moz-linear-gradient(left, rgba(28, 12, 67, 0.75) 10%, rgba(253, 49, 50, 0.75) 90%);
  background: -ms-linear-gradient(left, rgba(28, 12, 67, 0.75) 10%, rgba(253, 49, 50, 0.75) 90%);
  background: -o-linear-gradient(left, rgba(28, 12, 67, 0.75) 10%, rgba(253, 49, 50, 0.75) 90%);
  background: linear-gradient(left, rgba(28, 12, 67, 0.75) 10%, rgba(253, 49, 50, 0.75) 90%);
}
.btn-group .btn-fill {
  background: #1c0c43 !important;
  border-color: #1c0c43 !important;
}
.btn-group .btn-fill:hover,
.btn-group .btn-fill:focus,
.btn-group .btn-fill:active,
.btn-group .btn-fill.active {
  background: #160837 !important;
  border-color: #160837 !important;
}
.btn-group .btn-border:hover,
.btn-group .btn-border:focus,
.btn-group .btn-border:active,
.btn-group .btn-border.active {
  background: #160837 !important;
  border-color: #160837 !important;
}
/*
 ********************************
 *
 *  Header CSS
 *  
 */
.header-navbar #myNavbar .active > a {
  border-bottom-color: #1c0c43;
}












/***********************************************
* SECTION : Presentation 7RFJ
************************************************/
/*
.presentation-7rfj
{
  overflow: hidden;
  position: relative;
}

.presentation-7rfj-body
{
  overflow: hidden;
  position: relative;
}


.presentation-7rfj-gauche p
{
  overflow: hidden;
  margin-top: 50px;
  color: #60626d;
}

.presentation-7rfj-gauche h2
{
  color: #1c0c43;
  margin-top: -12px;
}

.presentation-7rfj-gauche-body
{
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}

.presentation-7rfj-droite p
{
  overflow: hidden;
  margin-top: 50px;
  color: #60626d;
}

.presentation-7rfj-droite h2
{
  color: #1c0c43;
  margin-top: -12px;
}

.presentation-7rfj-droite-body
{
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}

.presentation-7rfj-droite h3
{
  color: #1c0c43;
}
*/
/***********************************************
* FIN SECTION : Presentation 7RFJ
************************************************/












/***********************************************
* SECTION : Le Programme
************************************************/

.leprogramme-background
{
  background: url('../../images/bg-programme.jpg') top center fixed;
  background-size: cover;
  background-repeat: no-repeat;
}



.leprogramme-body
{
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}
.leprogramme-body .tab-pane ul
{
  padding: 0;
  display: none;
}
.leprogramme-body .tab-pane h3
{
  margin-top: 50px;
  margin-bottom: 0px;
}
.leprogramme-body .tab-pane p
{
  /*display: none;*/
}

.leprogramme-main
{
  overflow: hidden;
  margin-bottom: 50px;
}
.leprogramme-main
{
  padding-right: 0px;
}
.leprogramme-main .btn-group
{
  margin-top: 10px;
  float: left;
}

.leprogramme-main .btn-group
{
  float: left;
}
.leprogramme-main .btn-group .btn-border
{
  border-color: #FFFFFF;
  color: #FFFFFF;
  width: 100% !important;
  padding-right: 0px;
}
.leprogramme-main .active .btn-border
{
  color: #FFFFFF;
}

.leprogramme-main .active .btn-border
{
  background: #1c0c43;
  border-color: #1c0c43;
}

/***********************************************
* FIN SECTION : Le Programme
************************************************/


/***********************************************
* SECTION : Restitution des ateliers
************************************************/

.restitutiondesateliers-background
{
  background: url('../../images/bg-programme.jpg') top center fixed;
  background-size: cover;
  background-repeat: no-repeat;
}



.restitutiondesateliers-body
{
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}
.restitutiondesateliers-body .tab-pane ul
{
  padding: 0;
  display: none;
}
.restitutiondesateliers-body .tab-pane h3
{
  margin-top: 50px;
  margin-bottom: 0px;
}
.restitutiondesateliers-body .tab-pane p
{
  /*display: none;*/
}

.restitutiondesateliers-main
{
  overflow: hidden;
  margin-bottom: 50px;
}
.restitutiondesateliers-main
{
  padding-right: 0px;
}
.restitutiondesateliers-main .btn-group
{
  margin-top: 10px;
  float: left;
}

.restitutiondesateliers-main .btn-group
{
  float: left;
}
.restitutiondesateliers-main .btn-group .btn-border
{
  border-color: #FFFFFF;
  color: #FFFFFF;
  width: 100% !important;
  padding-right: 0px;
}
.restitutiondesateliers-main .active .btn-border
{
  color: #FFFFFF;
}

.restitutiondesateliers-main .active .btn-border
{
  background: #1c0c43;
  border-color: #1c0c43;
}

/***********************************************
* FIN SECTION : Restitution des ateliers
************************************************/





/***********************************************
* SECTION : Inscription
************************************************/


.inscription-background
{
  background: url('../../images/bg-mairie.jpg') top center fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.inscription-body
{
  padding-top: 80px;
  padding-bottom: 80px;
}

.inscription-body h3
{
  color: #FFFFFF;
  text-align: center;
}

#inscription-form ::-webkit-input-placeholder
{
  color: #FFFFFF !important;
}

#inscription-form :-moz-placeholder
{
  color: #FFFFFF !important;
}

#inscription-form ::-moz-placeholder
{
  color: #FFFFFF !important;
}

#inscription-form :-ms-input-placeholder
{
  color: #FFFFFF !important;
}

.inscription-input-group
{
  margin-top: 30px;
  background: none !important;
}
.inscription-input-group .form-cus,
.inscription-input-group .trigger
{
  background: none !important;
  border-width: 2px !important;
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 50px !important;
  height: 39px;
  padding: 8px 15px;
  color: #FFFFFF !important;
  margin-top: 30px !important;
  text-align: left;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  opacity: .6;
  outline: 0 !important;
}
.inscription-input-group .form-cus:focus,
.inscription-input-group .trigger:focus
{
  border-color: #FFFFFF !important;
  box-shadow: none;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  opacity: 1;
  outline: 0 !important;
}

.inscription-input-group .trigger
{
  padding: .7rem 1.5rem !important;
  margin-top: 30px !important;
}
.inscription-input-group .trigger:after
{
  top: 50%;
}
.inscription-input-group .dropDown
{
  padding-top: 1px;
}
.inscription-input-group .dropDown .options
{
  border: 1px solid #ddd;
}
.inscription-input-group .dropDown .options li
{
  border-bottom: 1px solid #DDDEE2;
  color: #8d8d8d;
}
.inscription-input-group .dropDown .options li:last-child
{
  border-bottom: 0px solid;
}
.inscription-input-group .dropDown .options li.selected
{
  color: #333;
}
.inscription-input-group .dropDown .options li:hover
{
  color: #333 !important;
}
.inscription-input-group .btn-fill
{
  color: #FFFFFF;
  margin-top: 50px;
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  margin-top: 30px !important;
}
.inscription-input-group .btn-fill:hover
{
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
}

.inscription-input-group .btn-fill
{
  background-color: #1c0c43;
}
.inscription-input-group .btn-fill:hover
{
  background-color: #160837;
}


/***********************************************
* FIN SECTION : Inscription
************************************************/








/*
 ********************************
 *
 *  About Our Event CSS
 *  
 */
.about-our-event-left h2 {
  color: #1c0c43;
}
.background-right-overlay-color {
  background: rgba(28, 12, 67, 0.6);
}
/*
 ********************************
 *
 *  our featured speaker CSS
 *  
 */
.our-featured-speaker-right h2 {
  color: #1c0c43;
}
/*
 ********************************
 *
 *  Scedule CSS
 *  
 */
.scedule-main .active .btn-border {
  background: #1c0c43;
  border-color: #1c0c43;
}
.nav-cus .active a {
  border-left-color: #1c0c43 !important;
}
.nav-cus a:focus,
.nav-cus a:hover {
  border-left-color: #1c0c43 !important;
}
/*
 ********************************
 *
 *  Speakers CSS
 *  
 */
.speakers-body h2 {
  color: #1c0c43;
}
.speakers-body .item a {
  color: #1c0c43 !important;
}
.speakers-body .item h3 {
  color: #1c0c43;
}
/*
 ********************************
 *
 *  Pricing Tables CSS
 *  
 */
.table-single p {
  background: #1c0c43;
}
.pricing-tables-left .active .btn-border {
  border-color: #1c0c43;
}
/*
 ********************************
 *
 *  Register CSS
 *  
 */
.input-group .btn-fill {
  background-color: #1c0c43;
}
.input-group .btn-fill:hover {
  background-color: #160837;
}
/*
 ********************************
 *
 *  Sponsore CSS
 *  class: "sponsore"
 *  id: "section-7"
 */
.sponsore-body h2 {
  color: #1c0c43;
}
/*
 ********************************
 *
 *  Collapse CSS
 *  
 */
.collapse-right h2 {
  color: #1c0c43;
}
.collapse-right .panel-title a .bar,
.collapse-right .panel-title a .bar:after {
  border-color: #1c0c43;
}
/*
 ********************************
 *
 *  Testimonial CSS
 *  
 */
.testimonial-body .tab-content .active h3 {
  color: #1c0c43;
}
.testimonial-body .nav-cus .active a {
  border-left-color: #1c0c43 !important;
}
/*
 ********************************
 *
 *  Contact Us CSS
 *  
 */
.contact-us-left h2 {
  color: #1c0c43;
}
.contact-us-left p a:hover,
.contact-us-left p a:active,
.contact-us-left p a:focus {
  color: #1c0c43;
}
.social-icon a:hover,
.social-icon a:focus,
.social-icon a:active {
  background: #1c0c43 !important;
}
/*
******************************************
*
*   Footer CSS
*  
*/
footer .btn-top:hover {
  color: #1c0c43;
}
/************************************************
*
*   Blog Page css START here
*
*************************************************/
/*
 ********************************
 *
 *  Blog Body CSS
 *  
 */
/*     blog-post CSS     */
.blog-body .post-date {
  color: #1c0c43;
}
.comments span {
  color: #1c0c43;
}
aside ul li a:hover,
aside ul li a:focus {
  color: #160837;
}
aside ul li a:hover span,
aside ul li a:focus span {
  color: #160837;
}
/******************************************/
/*  Media screen                          */
/******************************************/
@media (max-width: 991px) {
  /*
     ********************************
     *
     *  Scedule CSS
     *  
     */
  .dropdown .label:hover,
  .dropdown ul li:hover,
  .dropdown .label:hover,
  .dropdown ul li:hover {
    background: #1c0c43;
  }
  .dropdown .label:hover {
    border-color: #1c0c43;
  }
  .nav-cus .active a {
    color: #1c0c43 !important;
    border-left-color: #1c0c43 !important;
  }
  .nav-cus .active .nav-header,
  .nav-cus .active .nav-time {
    color: #1c0c43 !important;
  }
  /*
     ********************************
     *
     *  Testimonial CSS
     *  
     */
  .testimonial-body .dropdown .label:hover,
  .testimonial-body .dropdown ul li:hover,
  .testimonial-body .dropdown .label:hover,
  .testimonial-body .dropdown ul li:hover {
    background: #1c0c43;
  }
  .testimonial-body .dropdown .label {
    color: #1c0c43;
    border-color: #1c0c43;
  }
}
/*
******************************************
*
*   IMAGE HOVER EFFECT CUSTOM CSS
*    
*/
.view-first .mask {
  background-color: rgba(28, 12, 67, 0.6);
}
.mask ul li a:hover {
  background-color: transparent !important;
}
/*
******************************************
*
*   NICE SCROLL CUSTOM CSS
*    
*/
.nicescroll-rails > div {
  background-color: #1c0c43 !important;
}
/*
******************************************
*
*   FLEX SLIDER CSS
*    
*/
a.next:hover,
a.prev:hover {
  background-color: #1c0c43 !important;
  border-color: #1c0c43;
}
/*
******************************************
*
*   PRELOADER CSS
*    
*/
.bubblingG span {
  background: #1c0c43;
}
/*
******************************************
*
*   UTILITY CSS
*    
*/
.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-white {
  color: rgb(255 255 255);
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.upper {
  text-transform: uppercase;
}

.mb-4 {
  margin-bottom: 1rem;
}

.m-4 {
  margin: 1rem;
}

.p-4 {
  padding: 1rem;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}