/*!
 *  Zonebiz - Business Consulting Bootstrap4 Responsive Template
 */

 
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900');
 


body{
	height: 100%!important;
	font-family: 'Roboto', sans-serif!important;
}
img.ref-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a.btn-primary{
	background-color: #f37a0f;
	border-color: #f37a0f;
}
a.btn-primary:hover{
	background-color: #323232;
	border-color: #323232;
}
button.btn-primary{
	background-color: #f37a0f;
	border-color: #f37a0f;
}
button.btn-primary:hover{
	background-color: #323232;
	border-color: #323232;
}

a.btn-secondary{
	background-color: #f37a0f;
	border-color: #f37a0f;

}
a.btn-secondary:hover{
	background-color: #323232;
	border-color: #323232;
}
button.btn-secondary{
	background-color: #f37a0f;
	border-color: #f37a0f;
	border-radius: 0px 3PX 3px 0px!important;
    padding: 33% 33%!important;
}
button.btn-secondary:hover{
	background-color: #323232;
	border-color: #323232;
}
.mouse-pointer{
	background-color: #323232;
	position: absolute;
	color: white;
	width: 25px;
	height: 25px;
	border: 3px solid #f37a0f;
	border-radius: 25px 50px 50px 50px/25px 50px 50px 50px;
	z-index: 999999;
	pointer-events: none;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	-ms-transition: all 0.1s;
	transition: all 0.1s;
}

.top-bar{
	background: #f37a0f;
	padding: 4px 0px;
}
.social-media ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-media ul li{
	display: inline-block;
	padding: 0px 5px;
}
.social-media ul li a{
	font-size: 16px;
	color: #ffffff;
}
.social-media ul li a:hover{
	color: #323232;
}

.contact-details ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
}
.contact-details ul li{
	display: inline-block;
	padding: 0px 5px;
	color: #ffffff;
}
.wrapper-main{
	position: relative;
	overflow: hidden;
}

.top-nav{
	background-color: #ffffff !important;
}
.navbar-expand-lg.top-nav .navbar-nav .nav-link{
	padding: 10px 15px;
	color: #323232;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
}
.navbar-expand-lg.top-nav .navbar-nav .nav-link i{
	font-size: 14px;
	float: right;
	margin-left: 5px;
}
.navbar-expand-lg.top-nav .navbar-nav .nav-link:hover{
	color: #f37a0f;
	
}
.navbar-expand-lg.top-nav .navbar-nav .nav-link.active{
	color: #f37a0f;
}


.navbar-expand-lg.top-nav .navbar-nav .nav-link:hover:before{
	width: 40px;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}
.navbar-expand-lg.top-nav .navbar-nav .nav-link:hover:after{
	width: 40px;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fixed-menu {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  min-height: auto;
  width: 100%;
  padding: 0px 0px;
  background: #ffffff;
  z-index: 0;
  -webkit-box-shadow: 0px 13px 15px -12px rgba(35,35,35,0.15);
  box-shadow: 0px 13px 15px -12px rgba(35,35,35,0.15);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.dropdown-toggle::after{
	display: none;
}

.navbar-expand-lg.top-nav .navbar-nav .dropdown-menu{
	margin: 0px;
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
	border: none;
	padding: 20px;
}
.navbar-expand-lg.top-nav .navbar-nav .dropdown-menu .dropdown-item{
	font-size: 14px;
	padding: 0px;
	margin-bottom: 15px;
	font-weight: 300;
}
.navbar-expand-lg.top-nav .navbar-nav .dropdown-menu .dropdown-item:last-child{
	padding: 0px;
	margin: 0px;
}
.navbar-expand-lg.top-nav .navbar-nav .dropdown-menu .dropdown-item:hover{
	background: none;
	color: #f37a0f;
}
.top-nav .navbar-toggler{
	color: #323232;
	border-color: #323232;
}

.slider-main .carousel ol li{
	height: 15px;
	border-radius: 6px;
	background: #323232;
}
.slider-main .carousel .carousel-indicators .active{
	background: #f37a0f;
}
.slider-main .carousel .carousel-item .carousel-caption h3{
	font-size: 75px;
	font-weight: 700;
}
.slider-main .carousel .carousel-item .carousel-caption p{
	font-size: 38px;
}
.slider-main .carousel .carousel-inner .carousel-item:before{
	content: "";
	position: absolute;

	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.carousel-item {
  height: 88vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.portfolio-item {
  margin-bottom: 30px;
}
.services-bar{
	padding: 20px 0px 30px 0px;
	background: url(../images/dott.jpg);
}
.services-bar h1{
	font-weight: 600;
	font-size: 45px;
	text-align: center;
	margin-bottom: 0px;
}
.services-bar .card{
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
	border: none;
}
.services-bar .card h4.card-header{
	background-color: transparent;
	color: #f37a0f;
	font-size: 18px;
	font-weight: 500;
	border: none;
	padding: 0px;
	margin-bottom: 15px;
}
.services-bar .card .card-footer{
	background-color: #323232;
}
.about-main{
	padding: 30px 0px;
}
.about-main h2{
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}
.about-main h2:after{
	content: "";
	position: absolute;
	border-bottom: 2px dotted #000000;
	bottom: 0px;
	height: 2px;
	width: 100px;
	left: 0px;
}
.about-main h5{
	font-size: 18px;
}
.about-main p{
	font-size: 15px;
	text-transform: capitalize;
	text-align: justify;
}
.about-main ul{
	padding-left: 20px;
}
.about-main ul li{
	position: relative;
	font-weight: 300;
	list-style: none;
	line-height: 29px;
	font-size: 15px;
}
.about-main ul li:before{
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;	
	position: absolute;
	left: -15px;
	top: 0px;
	color: #f37a0f;
}
.card-img img{
	width: 100%;
}
.portfolio-main{
	padding: 30px 0px;
}
.portfolio-main h2{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
	text-align: center;
}
.project-menu {
    margin-bottom: 30px;
}
.portfolio-main .card {
	border: none;
	border-radius: 10px;
	overflow: hidden;
}
.portfolio-main .card .card-body .card-title{
	margin-bottom: 0px;
}
.portfolio-main .card .card-body .card-title a{
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
	color: #ffffff;
	margin: 0;
}
.portfolio-main .card .card-body{
	position: absolute;
	background: #323232;
	padding: 0px 20px;
	height: 40px;
	transform: scale(0);
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	display: flex;
	align-items: center;
	vertical-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.portfolio-main .card:hover .card-body{
	transform: scale(1);
	top: 80%;
}
.card-img{
	overflow: hidden;
	position: relative;
}
.portfolio-item .card:hover .card-img .card-img-top{
	transform: scale3D(1.2, 1.2, 2);
	opacity: .5;
}
.card-img-top{
	transition: all 500ms linear 0s;
}
.overlay{
	background: rgba(18,115,235,0.5);
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
}
.overlay i{
	font-size: 35px;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translateX(-50%);
	color: #ffffff;
}
.portfolio-main .card:hover .overlay{
	bottom: 0px;
}

.blog-slide h2{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
	text-align: center;
}

.post-slide{
    margin: 0 15px;
    background: #fff;
    border-bottom: 4px solid #f37a0f;
}
.post-slide .post-header{
    padding: 15px 20px;
}
.post-slide .title{
    margin-bottom: 5px;
}
.post-slide .title a{
    font-size: 15px;
    color: #323232;    
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}
.post-slide .title a:hover{
    color: #fd6058;
    text-decoration: none;
}
.post-slide .post-bar{
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}
.post-slide .post-bar li{
    display: inline-block;
    margin-right: 20px;
    color: #f37a0f;
}
.post-slide .post-bar li a{
    font-size: 15px;
    color: #808080;
    text-transform: capitalize;
}
.post-slide .post-bar li a:hover{
    text-decoration: none;
    color: #f37a0f;
}
.post-slide .post-bar li img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.post-slide .post-bar li i,
.post-slide .post-bar li img{
    margin-right: 5px;
}
.post-slide .pic{
    overflow: hidden;
    position: relative;
}
.post-slide .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0);
    transition: all 0.9s ease 0s;
}
.post-slide:hover .pic:after{
    background: rgba(255,255,255,0.2);
}
.post-slide .pic img{
    width: 100%;
    height: auto;
    transform: rotate(0deg) scale(1,1);
    transition: all 0.6s ease-in-out 0s;
}
.post-slide:hover .pic img{
    transform: rotate(10deg) scale(1.5,1.5);
}
.post-slide .post-category{
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f37a0f;
    z-index: 1;
}
.post-slide .post-category li{
    display: inline-block;
    text-transform: uppercase;
}
.post-slide .post-category li:after{
    content: " ,";
    color: #fff;
}
.post-slide .post-category li:last-child:after{
    content: "";
}
.post-slide .post-category li a{
    color: #fff;
}
.post-slide .post-category li a:hover{
    text-decoration: none;
    color: #333;
}
.post-slide .post-description{
    font-size: 16px;
    color: #808080;
    padding: 15px;
}
@media only screen and (max-width: 480px) {
    .post-header .post-bar li{
        margin-right: 5px;
    }
}

.touch-line{
	padding: 40px 0px;
	background: #f37a0f;
	position: relative;
	margin-top: 90px;
}
.touch-line:before{
	position: absolute;
	content: "";
	z-index: -1;
	left: 0;
	top: -46px;
	bottom: auto;
	right: auto;
	z-index: -1;
	width: 100%;
	height: 50px;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url(../images/bg-bdr2.png);
}
.touch-line p{
	color: #ffffff;
	font-size: 15px;
}
.touch-line a.btn-secondary{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #f37a0f;
}
.footer { 
	width:100%; 
	background: #000000f5;
	background-size: cover;
	min-height:250px; 
	padding:10px 0px 25px 0px;
	}
.pt2 { 
	padding-top:40px ;
	margin-bottom:20px ;
	color: #ffffff;
	font-weight: 500;
	}
footer p { 
	font-size:15px; 
	color:#CCC; 
	padding-bottom:0px; 
	margin-bottom:8px;
	}
.mb10 { 
	padding-bottom:0px ;
	}
.footer_ul_amrc { 
	margin:0px ; 
	list-style-type:none ; 
	font-size:14px; 
	padding:0px 0px 10px 0px ; 
	}
.footer_ul_amrc li {
	padding:0px 0px 5px 0px;
	}
.footer_ul_amrc li a{ 
	color:#cccccc;
	font-size: 15px;
	font-weight: 400;
	}
.footer_ul_amrc li a i{
	margin-right: 5px;
}
.footer_ul_amrc li a:hover{ 
	color:#fff; 
	text-decoration:none;
	}
.footer_ul_amrc li .media-left{
	margin-right: 10px;
}
.footer_ul_amrc li .media-left img{
	max-width: 50px;
}
.footer_ul_amrc li .media-body p{
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
}
.footer_ul_amrc li .media-body span{
	color: #cccccc;
	font-size: 14px;
	font-weight: 400;
}
.fleft { 
	float:left;
	}
.padding-right { 
	padding-right:10px; 
	}
.footer_ul2_amrc {
	margin:0px; 
	list-style-type:none; 
	padding:0px;
	}
.footer_ul2_amrc li p { 
	display:table; 
	}
.footer_ul2_amrc li a:hover { 
	text-decoration:none;
	}
.footer_ul2_amrc li i { 
	margin-top:5px;
	}
.footer_ul2_amrc li a {
	color: #f37a0f;
	font-size: 12px;
}
.bottom_border { 
	border-bottom:1px solid #323f45; 
	padding-bottom:20px;
	}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { 
	display:inline;
	}
.foote_bottom_ul_amrc li a {
	color:#ffffff; 
	margin:0 12px;
	font-size: 16px;
	font-weight: 300;
	}
.footer-logo{
	padding: 20px 0px;
	text-align: center;
}
.copyright{
	margin-top: 30px;
}
.copyright a{
	color: #f37a0f;
	text-decoration: underline;
}
.copyright a:hover{
	color: #ffffff;
	text-decoration: none;
}
.social_footer_ul { 
	display:table; 
	margin:15px auto 0 auto; 
	list-style-type:none;
	padding: 0;	
	}
.social_footer_ul li { 
	padding-left:20px; 
	padding-top:10px; 
	float:left; 
	}
.social_footer_ul li a { 
	color:#CCC; 
	border:2px solid #CCC; 
	padding:8px;
	border-radius:50%;
	}
.social_footer_ul li i {  
	width:20px; 
	height:20px; 
	text-align:center;
	}
.social_footer_ul li a:hover {
	color: #f37a0f; 
	border:2px solid #f37a0f; 
}

.footer-social{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.footer-social li{
	display: inline-block;
}

/*-- button --*/

.hb {
	display: inline-block;
	position:relative;
	text-align: center; /*  Default text align center */
	z-index: 0;
}

.hb:before,
.hb:after {
	position: absolute;
	content: "";  
	left: -1px;
	top: 0;
	z-index: -1;
}

.hb:before {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}

.hb:after {
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hb i {
	z-index: 9;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}


.hb,
.hb:before,
.hb:after { 
	 box-sizing: border-box;

	 /* default transition time is set .25s = 250 millisecond  
	 Uncomment following if you want to set transition on hexagon color change */ 

	 -webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

.hb-xs-margin {
    margin: 5px;
    display: inline-block;
    overflow: hidden;
}	
.hb-xs {
    line-height: 18.5px;
    font-size: 18.5px;
    margin: 9.5px 0;
}
.hb-xs, .hb-xs::after, .hb-xs::before {
    height: 18.5px;
    width: 32px;
}
.spin,
.spin-icon i {
	-webkit-transition: -webkid-transform .25s  ease;
	   -moz-transition: -moz-transform .25s  ease;
	    -ms-transition: -ms-transform .25s  ease;
	     -o-transition: -o-transform .25s  ease;
	        transition: transform .25s  ease;
}

.spin-icon:hover i,
.spin:hover {
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
	    -ms-transform:rotate(360deg);
	     -o-transform:rotate(360deg);
			transform:rotate(360deg);	
}

.hb:hover,
.hb:hover:before,
.hb:hover:after {
	background: transparent;  
	border-left:1px solid #2ecc71;
	border-right:1px solid #2ecc71;  
	color: #2ecc71; /* Default hover font color */
}

.hb-facebook,
.hb-facebook:before,
.hb-facebook:after {
	background: #3B5998;
	border-color: #3B5998;
	color: #ffffff;
}
.hb-facebook:hover,
.hb-facebook:hover:before,
.hb-facebook:hover:after {
	background: transparent;
	border-color: #3B5998;
	color: #3B5998;
}

/* Facebook inverts */
.hb-facebook-inv,
.hb-facebook-inv:after,
.hb-facebook-inv:before {
	color: #3B5998;   
	border-color: #3B5998;
	background: transparent;
}
.hb-facebook-inv:hover,
.hb-facebook-inv:hover:after,
.hb-facebook-inv:hover:before {
	background: #3B5998; 
	border-color: #3B5998;
	color: #ffffff;  
}

.hb-twitter,
.hb-twitter:before,
.hb-twitter:after  {
	background: #55ACEE;
	border-color: #55ACEE;
	color: #ffffff;
}

.hb-twitter:hover,
.hb-twitter:hover:before,
.hb-twitter:hover:after   {
	background: transparent;
	border-color: #55ACEE;
	color: #55ACEE;
}

/* Twitter inverts */
.hb-twitter-inv,
.hb-twitter-inv:after,
.hb-twitter-inv:before {
	background: transparent;
	border-color: #55ACEE;
	color: #55ACEE;
}
.hb-twitter-inv:hover,
.hb-twitter-inv:hover:after,
.hb-twitter-inv:hover:before {
	background: #55ACEE;
	border-color: #55ACEE;
	color: #ffffff;
}


.hb-instagram,
.hb-instagram:before,
.hb-instagram:after  {
	background: #e1306c;
	border-color: #e1306c;
	color: #ffffff;
}

.hb-instagram:hover,
.hb-instagram:hover:before,
.hb-instagram:hover:after   {
	background: transparent;
	border-color: #e1306c;
	color: #e1306c;
}

/* Twitter inverts */
.hb-instagram-inv,
.hb-instagram-inv:after,
.hb-instagram-inv:before {
	background: transparent;
	border-color: #e1306c;
	color: #e1306c;
}
.hb-instagram-inv:hover,
.hb-instagram-inv:hover:after,
.hb-instagram-inv:hover:before {
	background: #e1306c;
	border-color: #e1306c;
	color: #ffffff;
}


.hb-google-plus,
.hb-google-plus:before,
.hb-google-plus:after {
	background: #db514f;
	border-color: #db514f;
	color: #ffffff;
}
.hb-google-plus:hover,
.hb-google-plus:hover:before,
.hb-google-plus:hover:after {
	background:transparent;
	border-color: #db514f;
	color: #db514f;
}
 
/* google-plus inverts */
.hb-google-plus-inv,
.hb-google-plus-inv:after,
.hb-google-plus-inv:before {
	background:transparent;
	border-color: #db514f;
	color: #db514f;
}
.hb-google-plus-inv:hover,
.hb-google-plus-inv:hover:after,
.hb-google-plus-inv:hover:before {
	background: #db514f;
	border-color: #db514f;
	color: #ffffff;
}


.hb-dribbble,
.hb-dribbble:before,
.hb-dribbble:after {
	background: #ea4c89;
	border-color: #ea4c89;
	color: #ffffff;
}
 
.hb-dribbble:hover,
.hb-dribbble:hover:before, 
.hb-dribbble:hover:after {
	background:transparent;
	border-color: #ea4c89;
	color: #ea4c89;
}

/* dribbble inverts */
.hb-dribbble-inv, 
.hb-dribbble-inv:after,
.hb-dribbble-inv:before {
	background:transparent;
	border-color: #ea4c89;
	color: #ea4c89;
}
.hb-dribbble-inv:hover,
.hb-dribbble-inv:hover:after,
.hb-dribbble-inv:hover:before {
	background: #ea4c89;
	border-color: #ea4c89;
	color: #ffffff;
}

.news-box p{
	line-height: 24px;
	margin-bottom: 30px;
}



/* ---- All Pages CSS ---- */

.full-title{
	padding: 100px 0px 0px 0px;
	background: url(../images/all-title-bg.jpg) no-repeat center;
	position: relative;
}
.full-title:before{
	content: "";
	background: rgba(0,0,0,0.5);
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
.full-title h1{
	position: relative;
	color: #ffffff;
	font-size: 38px;
	text-align: center;
}
.full-title h1 small{
	float: right;
	padding: 15px 0px;
	font-size: 14px;
}
.breadcrumb-main{
	position: relative;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
}
.breadcrumb-main .breadcrumb{
	background: #f37a0f;
	border-radius: 100px 100px 0px 0px;
	display: block;
}
.breadcrumb-main .breadcrumb li a{
	color: #ffffff;
	font-size: 15px;
}
.breadcrumb-main .breadcrumb li{
	color: #323232;
	display: inline-block;
	font-size: 15px;
}
.breadcrumb-main .breadcrumb-item + .breadcrumb-item::before{
	color: #323232;
}

.about-inner{
	padding: 30px 0px;
}
.left-ab h3{
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}
.left-ab p{
	font-size: 15px;
}
.left-ab ul{
	padding-left: 20px;
}
.left-ab ul li {
    position: relative;
    font-weight: 300;
    list-style: none;
    line-height: 29px;
    font-size: 15px;
}
.left-ab ul li::before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: -15px;
    top: 0px;
    color: #f37a0f;
}

.team-members-box{
	padding: 30px 0px;
}
.team-members-box .card{
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
	border: none;	
}
.team-members-box h2{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
	text-align: center;
}
.our-team{
    text-align: center;
    position: relative;
}
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .team-content{
    width: 100%;
    height: auto;
    background: #323232;
    padding: 27px 0;
    border-left: 5px solid #f37a0f;
	border-right: 5px solid #f37a0f;
    box-shadow: 0 15px 25px 0 rgba(3,7,15,0.1);
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .team-content{
    background: #f37a0f;
}
.our-team .title{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-transform: capitalize;
    margin: 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .title{
    color: #ffffff;
    margin-bottom: 10px;
}
.our-team .post{
    display: block;
    font-size: 15px;
    font-style: italic;
    color: #323232;
    text-transform: capitalize;
    height: 0;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease 0s;
}
.our-team:hover .post{
    height: 30px;
    opacity: 1;
    transform: scale(1);
}
.our-team .social{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-60%);
    transition: all 0.5s ease 0s;
}
.our-team:hover .social{
    transform: translateY(50%);
    opacity: 1;
}
.our-team .social li{
    display: inline-block;
}
.our-team .social li a{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #323232;
    font-size: 17px;
    font-weight: 700;
    line-height:40px;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}
.our-team .social li a:hover{
    color: #ffffff;
	background: #f37a0f;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 0px; }
	
}

.customers-box{
	padding: 30px 0px;
}
.customers-box h2{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
	text-align: center;
}
.customers-box .mb-4{
	text-align: center;
}

.portfolio-col{
	padding: 30px 0px;
}
.portfolio-item .card{
	border: none;
}
.portfolio-item .card .card-body{
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
}
.portfolio-item .card .card-body h4{
	margin-bottom: 12px;
}
.portfolio-item .card .card-body h4 a{
	color: #323232;
	text-decoration: none;
	font-size: 22px;
	text-transform: capitalize;
}
.portfolio-item .card .card-body p{
	margin-bottom: 0px;
}
.hover-box{
	position: relative;
	overflow: hidden;
}
.dot-full{
	background: #f37a0f;
	width: 40px;
	height: 40px;
	position: absolute;
	top: -5px;
	right: -5px;
	border-radius: 50px;
	transition: all 0.5s ease 0s;
}
.dot-full i{
	color: #ffffff;
	font-size: 30px;
	width: 80px;
	height: 80px;
	background: #323232;
	text-align: center;
	line-height: 80px;
	border-radius: 50px;
	opacity: 0;
}
.portfolio-item .card:hover .dot-full{
	background: rgba(18,115,235,0.5);
	width: 100%;
	height: 100%;
	border-radius: 0px;
	top: 0px;
	right: 0px;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.portfolio-item .card:hover .dot-full i{
	opacity: 1;
}


.item-pro{
	padding: 30px 0px;
}
.item-pro h3{
	font-size: 20px;
	font-weight: 600;
}
.item-pro ul{
	padding-left: 0px;
}
.item-pro ul li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 30px;
}
.item-pro ul li span{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}


.project-inner h3{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}
.pagination_bar .pagination .page-item .page-link{
	font-size: 20px;
	background: #323232;
	border: 1px solid #323232;
	color: #ffffff;
	width: 35px;
	text-align: center;
}
.pagination_bar .pagination .page-item .page-link:hover{
	background: #f37a0f;
}
.portfolio-item h4.card-title a{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #323232;
}
.related-projects{
	padding: 30px 0px; 
}
.related-projects h3{
	font-weight: 600;
	font-size: 24px;
	margin: 0px;
	margin-bottom: 20px;
}
.blog-main{
	padding: 30px 0px;
}
.by-post{
	margin-bottom: 12px;
}
.blog-entries .card{
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
	border: none;
}
.blog-entries .card .card-body h2.card-title{
	font-size: 22px;
	font-weight: 500;
}
.blog-entries .card .card-footer{
	background-color: #323232;
}
.blog-entries .card .card-footer.text-muted{
	color: #ffffff !important;
}
.blog-entries .card .card-footer a{
	color: #f37a0f;
}
.blog-right-side .card{
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
	border: none;
}
.blog-right-side .card h5.card-header{
	background-color: #323232;
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
}
.blog-right-side .card .card-body ul li{
	margin-bottom: 2px;
}
.blog-right-side .card .card-body ul li a{
	border-radius: 4.8px;
	padding: 6px;
	background: #323232;
	color: #ffffff;
	display: inline-block;
}
.blog-main .blockquote{
	border-left: 3px solid #f37a0f;
	padding-left: 20px;
}
.blog-main .blockquote p{
	font-style: italic;
	font-size: 20px;
}

.pagination_bar_arrow .pagination .page-item .page-link{
	font-size: 20px;
	background: #323232;
	border: 1px solid #323232;
	color: #ffffff;
	width: 120px;
	text-align: center;
}
.pagination_bar_arrow .pagination .page-item .page-link:hover{
	background: #f37a0f;
}
.faq-main{
	padding: 30px 0px;
	margin: 30px 0px;
}
.faq-main h2{
	font-weight: 600;
	font-size: 45px;
	text-align: center;
	margin-bottom: 15px;
}

.error-contents {
    padding: 18% 0px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.pricing-box{
	padding: 30px 0px;
}
.bg-01{
	background: url(../images/pricing-bg-01.jpg) no-repeat center;
	background-size: cover;
}
.bg-02{
	background: url(../images/pricing-bg-02.jpg) no-repeat center;
	background-size: cover;
}
.bg-03{
	background: url(../images/pricing-bg-03.jpg) no-repeat center;
	background-size: cover;
}
.pricing-box .card:hover .card-header{
	background: none;
}
.pricing-box .card{
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 30px rgba(105,106,119,.1);
	box-shadow: 0 5px 30px rgba(105,106,119,.1);
	border: none;
}

.pricing-box .card .card-header{
	padding: 80px 15px;
	text-align: center;
	background: #323232;
	color: #ffffff;
}
.pricing-box .card:hover .card-header{
	color: #323232;
}
.pricing-box .card:hover .list-group-item{
	background-color: rgba(225,225,225,0.5);
}
.most_popular{
	position: absolute;
	top: 32px;
	font-size: 12px;
	text-align: center;
	width: 181px;
	padding: 4px 0;
	right: -36px;
	transform: rotate(40deg);
	background-color: #f37a0f;
	color: #323232;
}


.contact-main{
	padding: 30px 0px;
}
.contact-left h3{
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 20px;
}
.contact-right h3{
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 20px;
}
.contact-right p abbr{
	font-weight: bold;
	font-size: 18px;
}

.help-block ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: red;
	color: #fff;
	padding: 0px 15px;
}

.map-main{
	
}


@media (min-width:768px) and (max-width:991px){
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.dropdown-toggle::after{
		position: absolute;
		top: 18px;
		right: 6px;
	}
	.top-bar{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.active::before{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.active::after{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link::before{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link::after{
		display: none;
	}
	.item-pro ul li{
		font-size: 14px;
	}
}

@media screen and (max-width:767px){
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.dropdown-toggle::after{
		position: absolute;
		top: 18px;
		right: 6px;
	}
	.portfolio-main h2{
		text-align: center;
	}
	.customers-box{
		text-align: center;
	}
	.team-members-box h2{
		text-align: center;
	}
	.services-bar h1{
		text-align: center;
	}
	.social_footer_ul li{
		padding-left: 10px;
		padding-right: 10px;
	}
	.faq-main{
		padding: 20px 15px;
	}
	
	.top-bar{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.active::before{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.active::after{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link::before{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link::after{
		display: none;
	}
}

@media (min-width:320px) and (max-width:575.98px){
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.dropdown-toggle::after{
		position: absolute;
		top: 18px;
		right: 6px;
	}
	.portfolio-main h2{
		text-align: center;
		font-size: 26px;
	}
	.customers-box{
		text-align: center;
	}
	.team-members-box h2{
		text-align: center;
		font-size: 26px;
	}
	.services-bar h1{
		text-align: center;
		font-size: 26px;
	}
	.social_footer_ul li{
		padding-left: 10px;
		padding-right: 10px;
	}
	.faq-main{
		padding: 20px 15px;
	}

	.top-bar{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.active::before{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link.active::after{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link::before{
		display: none;
	}
	.navbar-expand-lg.top-nav .navbar-nav .nav-link::after{
		display: none;
	}
	.about-main h2{
		font-size: 26px;
	}
	.project-menu button{
		margin-bottom: 5px;
	}
	.blog-slide h2{
		font-size: 26px;
	}
	.left-ab h3{
		font-size: 26px;
	}
	.customers-box h2{
		font-size: 26px;
	}
	.faq-main h2{
		font-size: 26px;
	}
}


img.img-fluid1 {
    width: 350px;
    height: 277px;
	object-fit: cover;
}
.contact-details {
	display: flex;
}
p.ref-text {
    text-align: center;
    margin-bottom: 4%;
}
a.lien-ad:hover {
    text-decoration: none;
}
a.lien-ad {
   color:#f37a0f;
   font-weight: 500;
   text-decoration: none;
}
.bouton-ad {
    border-color: white;
    border-style: solid;
    background-color: white;
	padding: 1% 5%;
    border-radius: 3px;
	box-shadow: 0 2px 5px #7c7a7a;
	margin-left: 2%;
}
label.label-form {
    font-weight: 500;
}
select.form-select {
    margin-bottom: 2%;
}

nav.navbar.navbar-expand-lg.navbar-dark.bg-light.top-nav {
    box-shadow: 0px 13px 15px -12px rgb(35 35 35 / 15%);
}
select.form-control {
    margin-bottom: 2%;
}



.content-hover-button {
    position: absolute;
    top: 106%;
    z-index: 999;
    border-style: solid;
    border-color: white;
    background-color: white;
 box-shadow: 3px 5px 15px rgb(0 0 0 / 15%);
width: 59%;
    height: 300%;
    padding: 5%;
    border-radius: 4px;
    left: -5%;
display:none;
}

.ele-lien {
    margin-bottom: 8%;
}
a.lien-cmp {
    color: #323260;
font-weight: 500;
}
a.lien-cmp:hover {
    text-decoration:none;
}

.bouton-ad.bt1:hover .content-hover-button.fn1{
display:block!important;}
.bouton-ad.bt2:hover .content-hover-button.fn2{
	display:block!important;}
.bouton-ad.bt3:hover .content-hover-button.fn3{
	display:block!important;}

	.content-hover-button.fn2 {
		left: 35%;
	}
	.content-hover-button.fn3 {
		left: 70%;
	}
	
.form-control {
	font-size: 16px!important;
}	
.label-form {
	font-size: 18px!important;
}	
input.form-control.cin1 {
    width: 25%;
    margin-right: 1%;
}
.content-lieu {
    width: 33%;
    
}
.content-lieu.right {
    margin-right: 2%;
}
.help-block {
    font-size: 17px;
    color: red;
    margin-top: 1%;
}
.titre-succ {
    text-align: center;
	margin-top: 2%;
	color: #009045;
}
.content-titre {
	height: 100%;
    background-color: #44eb4440;
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 2%;
	
}
.conf-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.content-inf {
	height: 100%;
    background-color: #f5f5f5a8;
    width: 82%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 3%;
    padding: 4%;
	
}
.table-inf {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}
.element-table {
    font-size: 21px;
    padding: 2%;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.bouton-update {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 5%;
    padding: 1% 3%;
    border-style: solid;
    background-color: #f59139;
    border-color: #f59139;
    border-radius: 3px;
	color: white;
    font-size: 18px;
    font-weight: 500;
}

.content-tele {
    display: flex;
}
.tele1{
	margin-right: 1%;
	width: 50%;
	
}
.tele2{
	margin-left: 1%;
	width: 50%;
}
.content-tele-erreur {
    display: flex;
}
.content-sponsors {
	padding: 6% 4% 11%;
}
.sub-title {
    text-align: center;
    font-weight: bolder;
    font-size: 32px;
    color: black;
    font-family: 'Roboto', sans-serif;
}
.content-titre-ref {
    margin-bottom: 5%;
}
.content-slide-ref {
    margin: 0% 4%;
}

p.erreur {
    color: red;
}
.fed-list{

    width: 350%;
	padding: 18%!important;
    left: 0%;
	}
	.flex-cont {
		width: 50%;
	}
.fed-list.show{
  display: flex;
}	
.nav-link:focus{

border-style:solid;
border-width: 0 0 3px 0;
color:#f59139;
border-color: #f59139;
}
i.fas.fa-circle {
    font-size: 6px;
}
.souslien{
	
    color: #323232;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
	list-style: none;
    padding: 2%;
    color: #837b75;
    text-transform: none;
}


.content-souslist {
    width: 100%;
    PADDING: 0;
	display: none;
}
.ass:hover .content-souslist{
display: block;
}
ul.list-sous {
    padding: 0;
}
.adh{
	left:0%;
}
.space1 {
    background-color: #e3e3df73;
	padding: 4% 2%;
	
}

.section-title {
	font-weight: 600;
    color: #f37a0f;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}
.content-act {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
	border-radius: 5px;
}
.act-link {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit text color */
}
p {text-align: justify;}
.form-control {width: 98%;}
.lien-det-at {
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    color: #464542;
    /* margin-bottom: 3%; */
}
.lien-det-at:hover{
	text-decoration: none;
    color: #a95307;
}
a.lien-plus {
    color: #878584;
    font-size: 16px;
    font-weight: 600;
}
.lien-plus:hover{
	text-decoration: none;
	color: #000000;
}
.content-acts {
    border-bottom: #f37a0f solid;
    border-width: 2px;
}

.content-list-ass.container {
    padding: 0!important;
    background-color: #f2f2f1;
    max-height: 350px;
    overflow-y: scroll;
}

.img-ass {
    width: 84%;
    max-height: 80%;
}
.row-ass {
    padding: 2%;
	border-bottom: #cbc8c5 solid;
	border-width: 1px;
    height: 57px;
	margin:0!important;
}
.nom-ass-text {
    font-weight: bold;
    color: #4c4646;
    font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	
	font-size: 13px;
	max-width: 100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.row-ass2>.col-7{
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}
.main-title {
    position: relative;
}
.dash-add {
    padding: 0 1%;
    height: 40px;
    margin-top: 0%;
    position: absolute;
    right: 0;
}




#style-1::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a19e9e;
}


#style-2::-webkit-scrollbar
{
	width: 12px;
	background-color: white;
	margin-top: 4%;
}

#style-2::-webkit-scrollbar-thumb
{
	
	
	background-color: white;
}

a.item-top {
    font-size: 15px;
    color: #f37a0f;
    font-weight: 600;
	padding: 4% 24% 4% 0%;
    border-bottom: #f37a0f solid;
    border-width: 2px;
	
}
a.item-top:hover{
	text-decoration: none;
}
.cont-liens {
    margin-top: 12%;
}
.dropdown-menu.dropdown-menu-right.adh.fed-list.show {
    width: 660px;
}
/***Page présentation*************************************************************************************************************/

.content-pres {
    display: flex;
	width: 100%;
}
img.img-pres {
    width: 41%;
    float: left;
    margin-right: 2%;
}
span.black-back {
    background-color: #0000006e;
}
.content-img-pres {
	width: 47%!important;
    margin-right: 3%;
}
.content-text1 {
    width: 50%;
}
p.text1 {
    font-size: 17px;
    line-height: 2;
	text-align: justify;
}


.content-text2 {
    width: 100%;
}

/**** pages associations*************************************************************************************************************/

.content-assos.container {
    max-width: 100%!important;
    margin: 0!important;
    background-color: #f3f3f3;
}
.row.row-ass2 {
    height: 79px;
    border-bottom: #cbc8c5 solid;
    border-width: 2px;
    padding: 0% 2%;
}
img.img-ass2 {
    height: 67%!important;
    margin: 3%;
}
.col-2.content-img-ass {
    padding-left: 4%;
}
.nom-ass-text2 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
	color: #877979;
	letter-spacing: 1.2px;
}
.row-ass2>.col-3 {
    margin-top: auto;
    margin-bottom: auto;
}


.d-flex.pagination-cont {
    margin-top: 5%;
}



.lien-v-ass {
	font-size: 19px;
    font-family: 'Roboto', sans-serif;
	color: #f37a0f;
    text-decoration: underline;
    
}
.lien-v-ass:hover{
	color: #f37a0f;
}


table.table-t {
    width: 100%;
    border: #e7e6e6 solid;
    border-width: 2px;
}
tr.card-t1.card-t {
    height: 48px;
	border: #e7e6e6 solid;
    border-width: 2px;
}
.titre-tab{
	font-size: 14px;
	text-transform: uppercase;
	color: #8f8b8b;
	padding: 1% 2%;
	width: 50%;
	letter-spacing: 1.2px;
}
tr.card-t2.card-t {
    height: 80px;
}
.cont-inf {
	padding: 1% 2%;
	width: 50%;
}
.flex-inf {
    display: flex;
}
.card-im {
    width: 27%;
}
.card-im-logo {
    width: 15%;
    margin-top: auto;
    margin-bottom: auto;
}
img.img-t {
    width: 70%;
}
.text-nom {
    font-size: 17px;
    font-weight: 600;
	text-transform: uppercase;
	color:#000000;
}
img.img-logo {
    width: 85%;
}
.titre-text {
	font-size: 17px;
    font-weight: 600;
    padding: 0% 0%;
    text-transform: uppercase;
    color: #000000;
    margin: 4% 14px;
	max-width: 83%;
    overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}



.content-sel-ligue {
    width: 28%;
    display: block;
    margin-left: AUTO;
}
label.label-form.ligue-label {
    font-size: 19px!important;
}

select#region {
    font-size: 18px!important;
}


/**** pages Tireurs liste*************************************************************************************************************/

img.img-tireur {
    width: 100%;
}

.container.content-list-tireur {
    max-width: 100%!important;
}
h5.nom-tireur {
    font-weight: 600;
    color: #f37a0f;
	font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1.5px;
}

table.table-tireur {
    width: 100%;
}
.el1 {
	font-family: "Rubik";
    font-weight: 400;
    font-size: 17px;
    color: #6f6d6e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 30%;
}

.ligne-tt {
    height: 47px;
}
.el2 {
	font-family: "Rubik";
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/******************************************************************************************************************/
.content-actts {
    background-color: #f2f2f1;
    
}

.card-act {
    border-bottom: #cbc8c5 solid;
    border-width: 2px;
    padding: 3%;
}
h6.tit-act {
    font-size: 18px;
    COLOR: #464542;
    font-weight: 600;
	text-transform: uppercase;
    letter-spacing: 0.5px;
	line-height: 1.5;
	padding: 1% 0%;
}
p.date-actt {
    color: gray;
	font-size: 15px;
}

img.img-tireur-det {
    width: 100%;
}
td.detail-key {
    font-size: 19px;
    font-family: roboto;
	text-transform: uppercase;
    width: 40%;
	padding: 3%;
}
td.detail-value {
    font-size: 19px;
    font-family: roboto;
	font-weight: 600;
	text-transform:capitalize;
	padding: 3%;
}
p.text-age {
    color: gray;
}
a:hover{
	text-decoration: none;
}
.controls.filtre-nom {
    margin-left: 42%;
    height: -2px;
}
a.lien-cmpt {
    color: white;
    margin-right: 1%;
    font-size: 17px;
}




/******************************************************************************************************************/
  #slider {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	margin-top: 4%;
  }
  .content-card {
    /* width: 85%; */
    width: 266px!important;
}
  #placer {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: center;
  }
  
  /* styles for the slide */
  #slide {
	display: flex;
	flex-direction: row;
	transition: all 0.5s ease-in-out;
  }
  
  /**** styles for the cards *****/
  /* styles for the cards */
  .content-card {
	height: 360px;
	width: 120px;
	margin-right: 10px;
	border-radius: 10px;
	border: 1px solid #e8e8e8;
	background-color: #fbfbfb;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
  }
  .title {
    margin-top: 5%;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #7c7676;
	text-overflow: ellipsis;
    overflow: hidden;
}
  /* styles for the poster div inside the card*/
  .poster {
	height: 70%;
	width: 100%;
	background-color: white;
	border-radius: 10px 10px 0px 0px;
	display: grid;
	place-items: center;
	font-size: 26px;
	font-weight: bold;
	color: white;
	border-bottom: #fc7727 solid;
  }
  .poster>img {
    max-height: 221px;
    max-width: 228px;
}

img {
    max-width: 100%; 
    height: auto;

}

  .content-card:first-child {
	margin-left: 10px;
  }
  /* remove right margin from last content-card */
  .content-card:last-child {
	margin-right: 0px;
  }

  .name {
	padding: 10px 15px 0px 15px;
	font-size: 14px;
  }
  
  .title {
  }
  
  .year {
	margin-top: 5px;
	color: grey;
  }
  
  /* styles for next and previous buttons */
  #next-button {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 10px;
	background: #ffffff;
	height: 54px;
	width: 54px;
	border-radius: 50%;
	opacity: 0.9;
	cursor: pointer;
	color: grey;
  }
  
  #next-button:hover {
	color: black;
  }
  
  #next-button::after {
	content: ">";
	font-size: 20px;
  }
  
  #previous-button {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 10px;
	background: #ffffff;
	height: 54px;
	width: 54px;
	border-radius: 50%;
	opacity: 0.9;
	cursor: pointer;
	color: grey;
  }
  
  #previous-button:hover {
	color: black;
  }
  
  #previous-button::after {
	content: "<";
	font-size: 20px;
  }


  /*** compte ************************************************************************************************************************/
  

  @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
  @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700');
  
  body{ font-size: 14px; color: #333; list-style: 26px;font-family: 'Roboto', sans-serif; }
  
  /** ======================  base css ==============================**/
  
  a:hover{ text-decoration: none; }
  /** ======================  header ==============================**/
 
  .header .dropdown-menu {
	  position: absolute;
	  right: 0;
	  left: auto;
	  border-radius: 0px;
  }
  .header .user-image {
	  float: left;
	  width: 25px;
	  height: 25px;
	  border-radius: 50%;
	  margin-right: 10px;
	  margin-top: -2px;
  }
  
  .header .navbar-light .navbar-nav .nav-link{ color: #fff }
  .header .navbar-light .navbar-nav .nav-link:hover, .header .navbar-light .navbar-nav .nav-link:focus   {
	  
		 background: rgba(0,0,0,0.1);
	  color: #f6f6f6;
  }
  .header .fa.fa-fw.fa-bars{ color: #fff; }
  .header .navbar-light .navbar-nav .nav-link {
	  color: #fff;
	  padding: 10px 20px;
	  position: relative;
  }
  .header  li>a>.label {
	  position: absolute;
	  top: 9px;
	  right: 7px;
	  text-align: center;
	  font-size: 9px;
	  padding: 2px 3px;
	  line-height: .9; background-color: #333;    border-radius: .25em;
  }
  .header  li>a:after{ display: none; }
  
  .header-ul{    border-top-left-radius: 4px;
	  border-top-right-radius: 4px;
	  border-bottom-right-radius: 0;
	  border-bottom-left-radius: 0;
	  background-color: #ffffff;
	  padding: 7px 10px;
	  border-bottom: 1px solid #f4f4f4;
	  color: #333;
	  font-size: 14px;}
  
	  .navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
	  width: 280px;
	  padding: 0 0 0 0;
	  margin: 0;
	  top: 100%;
  }
  .navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>div>img {
	  margin: auto 10px auto auto;
	  width: 40px;
	  height: 40px;
  }
  .navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a ,.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a{
	  margin: 0;
	  padding: 10px 10px;
		  display: block;
	  white-space: nowrap;
	  border-bottom: 1px solid #f4f4f4;
  }
  .navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>h4 {
	  padding: 0;
	  margin: 0 0 0 45px;
	  color: #333;
	  font-size: 15px;
	  position: relative;
  }
  .navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>p {
	  margin: 0 0 0 45px;
	  font-size: 12px;
	  color: #888888;
  }
  
  .footer-ul a{
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	  border-bottom-right-radius: 4px;
	  border-bottom-left-radius: 4px;
	  font-size: 12px;
	  background-color: #fff;
	  padding: 7px 10px;
	  border-bottom: 1px solid #eeeeee;
	  color: #333 ; display: block;
	  }
  
		.dropdown-menu-over .menu{  max-height: 200px;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  overflow-x: hidden;}
  
	  .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {
	  color: #444444;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  padding: 10px;
  }
  .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.ion {
	  width: 20px;
  }
  

  
  
  /***    left menu ****/
  
  /***********************  TOP Bar ********************/
  .sidebar{
    width: 100%;
    background-color: #000;
    transition: all 0.5s ease-in-out;
	height: 88vh;
 }
  .bg-defoult{background-color:#222;}
  .sidebar ul{ list-style:none; margin:0px; padding:0px; }
  .sidebar li a,.sidebar li a.collapsed.active{ display:block; padding:16px 12px; color:#fff;border-left:0px solid #dedede;  text-decoration:none}
  .sidebar li a.active{background-color:#000;border-left:5px solid #dedede; transition: all 0.5s  ease-in-out}
  .sidebar li a:hover{background-color:#000 !important;}
  .sidebar li a i{ padding-right:5px;}
  .sidebar ul li .sub-menu li a{ position:relative}
  .sidebar ul li .sub-menu li a:before{
	  font-family: FontAwesome;
	 
	  display: inline-block;
	  padding-left: 0px;
	  padding-right: 10px;
	  vertical-align: middle;
  }
  .sidebar ul li .sub-menu li a:hover:after {
	  content: "";
	  position: absolute;
	  left: -5px;
	  top: 0;
	  width: 5px;
	  background-color: #111;
	  height: 100%;
  }
  .sidebar ul li .sub-menu li a:hover{ background-color:#222; padding-left:20px; transition: all 0.5s  ease-in-out}
  .sub-menu{ border-left:5px solid #dedede;}
	  .sidebar li a .nav-label,.sidebar li a .nav-label+span{ transition: all 0.5s  ease-in-out}
	  
  
	  .sidebar.fliph li a .nav-label,.sidebar.fliph li a .nav-label+span{ display:none;transition: all 0.5s  ease-in-out}
	  .sidebar.fliph {
	  width: 42px;transition: all 0.5s  ease-in-out;
	 
  }
	  
  .sidebar.fliph li{ position:relative}
  .sidebar.fliph .sub-menu {
	  position: absolute;
	  left: 39px;
	  top: 0;
	  background-color: #222;
	  width: 150px;
	  z-index: 100;
  }
	  
  

  .user-panel>.image>img {
	  width: 100%;
	  max-width: 56px;
	  height: auto;
  }
  .user-panel>.info,  .user-panel>.info>a {
	  color: #fff;
  }
  .user-panel>.info>p {
	  font-weight: 600;
	  margin-bottom: 9px;
  }
  .user-panel {
    clear: left;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 12%;
    padding: 9% 6%;
    border-bottom: 1px solid #746a6a;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
  .user-panel>.info {
	padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 27%;
    top: 7%;
    font-size: 19px;
    text-transform: uppercase;
  }
  
  .fliph .user-panel{ display: none; }
  
  /* ************************************************************************* */
  .container.content-creat {
    width: 100%!important;
    margin: 0!important;
	max-width: 100%!important;
}
.card-total {
    width: 96%;
    background-color: #f5f3f3;
    padding: 6%;
    margin-top: 42%;
	box-shadow : 4px 5px 12px -2px rgb(35 35 35 / 15%);

}
h5.card-titel {
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    padding: 7%;
}
p.card-prix {
    font-size: 21px;
    text-align: center;
    padding: 1%;
}
h4.content-titre-prog {
    padding: 3% 0%;
    font-weight: 600;
    color: #848989;
}
input#lieu {
    width: 93%;
}


.btn-add-comp {
    height: 44px;
    color: white;
    background-color: #08d308;
    border-color: #08d308;
    border-style: solid;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 2%;
	margin-top: 3%;
}


select.form-control:not([size]):not([multiple]) {
    height: 43px;
}

.label-form.label-add-cmp.label-add-cmp {
    font-size: 16px!important;
    color: #5b748b;
}
p.parcour-nbr {
    font-size: 18px;
    background-color: #f5f3f3;
    height: 38px;
    padding: 2% 3% 1% 8%;
    font-weight: 600;
}
.titel-comp {
    font-weight: 600;
    font-size: 17px;
    padding: 1% 0px;
    color: #afa9a5;
}
div#comp-form {
    border-color: #e4ebf1;
    border-style: solid;
    border-width: 1px;
    padding: 3%;
    margin-bottom: 2%;
}
.content-milieu{
    max-height: 88vh;
    overflow-y: scroll;
	
}
.cont-top-bar {
    height:87px;
	padding: 1% 2%;
	box-shadow: 0px 13px 15px -12px rgb(35 35 35 / 15%);
}
.cont-inf-prof {
    width: 94%;
    margin: 3%;
    padding: 2%;
    border-radius: 5px;
	/* box-shadow: 0px 13px 15px -12px rgb(35 35 35 / 15%); */
	box-shadow: 1px 2px 17px -7px #adabab;
}
.col-inf1{
	width: 40%;
	padding: 1% 1%;
	font-size: 16px;
}
.titre-profil {
    padding: 3% 3%;
    color: #b7b7b7;
    font-weight: 600;
    font-family: 'Roboto';
}
.col-inf2{
	width: 60%;
	padding: 1% 1%;
}
.val-inf{
	padding: 1% 1%;
}
.text-key {
    font-weight: 600;
    color: #161414;
}
.text-val {
    font-weight: 600;
    color: #a19f9f;
}
.img-profil {
    width: 10%;
}
.cont-inf-prof>table{
	width: 100%;
}
.card-total2 {
    width: 96%;
    background-color: #f5f3f3;
    padding: 0%;
    /* margin-top: 45%; */
    box-shadow: 4px 5px 12px -2px rgb(35 35 35 / 15%);
}
.vide {
    text-align: center;
    margin-top: 16%;
    color: red;
    font-size: 22px;
}
.content-titre-change {
    padding: 4% 0%;
    font-size: 25px;
}
.etoil {
    color: red;
    font-weight: 600;
}
.change-label {
    font-size: 18px;
}

/*popup*/
.box {
	width: 60%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
  }
  
  .button {
	font-size: 1em;
	padding: 10px;
	color:#f6D55C ;
	border: 2px solid #f6D55C;
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
	font-weight: 900;
	margin-right: 20px;
	background-color: white;
	position: absolute;
	left: 85px;
	bottom: 50px;
  }
  .button:hover {
	background: #f6D55C;
	color:white;
  }
  
  .overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
  }
  .overlay:target {
	visibility: visible;
	opacity: 1;
  }
  .resultat {
	margin-left: 5px;
  }
  .popup {
    margin: 70px auto;
    padding: 3%;
    background: #fff;
    border-radius: 5px;
    width: 38%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 46%;
    text-align: center;
    margin-top: 13%;
}

.popup-titre {
    padding: 3%;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}
.cont-el-form {
    width: 50%;
}
.margin-f{
	margin-right: 1%;
}
  .popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
  }
  .popup .close:hover {
	color: #ed1111;
  }
  
  
  @media screen and (max-width: 700px){
	.box{
	  width: 70%;
	}
	.popup{
	  width: 70%;
	}
  }

 .popup-titre2 {
    font-size: 18px;
    color: #8d8686;
    text-align: center;
    padding: 0% 10%;
}
.btn-non {
    border-color: #f8f9fa;
    border-style: solid;
    border-radius: 5px;
    padding: 1% 6%;
    font-size: 17px;
}
.btn-oui {
    border-color: #ed1111;
    border-style: solid;
    border-radius: 5px;
    padding: 1% 6%;
    font-size: 17px;
    background-color: #ed1111;
    /* color: wheat; */
}
.lien-non {
    color: #222222;
    font-weight: bold;
}
.lien-non:hover {
    color: #222222;
    font-weight: bold;
}

.btn-non:hover {
	border-color: #9ea5a5;
    border-style: solid;
    border-radius: 5px;
    padding: 1% 6%;
    font-size: 17px;
    background-color: gainsboro;
    border-width: 2px;
}
.btn-oui:hover {
    border-color: #d31818;
    border-style: solid;
    border-radius: 5px;
    padding: 1% 6%;
    font-size: 17px;
    background-color: #d31818;
}

.lien-oui {
    color: white;
    font-weight: bold;
}
.lien-oui:hover {
    color: white;
    font-weight: bold;
}
.content-btns {
    margin-top: 6%;
}
a.btn-env-fed {
    color: white;
    background-color: #1bbb1b;
    padding: 3% 4%;
    font-size: 14px;
	border-radius: 3px;
}
.cont-lieu{
	display:none;
}
.titre-place {
	font-size: 17px;
    font-weight: 600;
    color: #525151;
}

.control-group.form-group>div {
	position: relative;
}
.btn-add-place {
	padding: 1% 2%;
	background-color: #f37a0f;
	color: white;
	font-size: 13px;
	border-color: #f37a0f;
	border-style: solid;
	border-radius: 25px;
	margin-left: 0;
	font-weight: 600;
	right: 0%;
	position: absolute;
}

/*********************************************************************/

  
  .ui.dropdown {
	max-width: 800px;
  }
  
  @media only screen and (max-width: 767px) {
	  .ui.selection.dropdown .menu {
  /*      max-height: 8.01428571rem; /* + 1.335714285 to 9.349999995rem */
  /*      max-height: 9.349999995rem; /* Adds a half */
		  max-height: 16.02857142rem; /* Double size */
	  }
  }
  @media only screen and (min-width: 768px) {
	  .ui.selection.dropdown .menu {
  /*         max-height: 10.68571429rem; /* + 1.3357142863 to 12.0214285763rem */
		max-height: 12.0214285763rem;
	  }
  }
  @media only screen and (min-width: 992px) {
	  .ui.selection.dropdown .menu {
		max-height: 16.02857143rem; /* + 1.3357142858 to 17.3642857158rem */
	  }
  }
  @media only screen and (min-width: 1920px) {
	  .ui.selection.dropdown .menu {
		  max-height: 21.37142857rem; /* + 1.3357142856 to 22.7071428556rem */
	  }
  }


  /*multiselect**********************************************************************/
  .select-prix{
    display:none;
}
.select-prix {
	width: 24%;
    padding: 1%;
    border-color: gainsboro;
    margin-top: 1%;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    position: absolute;
    z-index: 9999999;
    background-color: white;
}
.select-prix>div{
	font-size: 16px;
    padding: 3%;
    color: #605c5c;
}


.content-prog {
    padding: 4% 10%;
}
.titre-prog-proch {
    text-align: center;
	text-transform: uppercase;
	font-weight: 600;
    font-size: 29px;
    padding: 0 ;
	margin-bottom: 2%;
    font-family: Oswald;
    color: black;
}
.after-titre {
    
    width: 9%;
    height: 1%;
    border-bottom: solid #f37a0f;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

.nature-prog{
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
    font-size: 28px;
    padding: 1%0 2%;
    margin-bottom: 10px;
	font-family: Oswald;
	text-align: center;
	color:#f37a0f;
}
.infos-prog{
	text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
    font-family: Oswald;
    text-align: center;
    background-color: #383a3a;
    color: white;
    padding: 1% 1%;

}
.lieu {
    padding: 1% 4%;
}
.content-org {
    text-align: center;
    font-size: 22px;
    padding: 0;
    font-style: italic;
	margin: 0;
}
.text1-org {
    text-transform: uppercase;
    padding: 0% 1%;
    font-weight: 600;
}
.logo-ass-org {
    width: 5%;
	margin: 0% 1%;
}
.periode {
    padding: 0% 2%;
}
.content-per {
    background-color: #383a3a;
    padding: 2%;
    color: white;
    font-weight: 600;
    font-size: 15px;
	display: flex;
	position: relative;
	/* margin-top: 7%; */
}
.cont-bnt {
    width: 28%;
	position: absolute;
    right: 0%;
}
.cont-info {
    width: 70%;
}
.date-prog {
    padding: 0 1%;
	text-transform: capitalize;
}

img.img-prix {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.after-prix {
    
	width: 13%;
    /* height: 1%; */
    border-bottom: solid #f37a0f;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
    margin-top: -13%;
}
.titre-prix {
	font-size: 20px;
   line-height: 1.5;
    padding: 5% 0 0;
	text-transform: uppercase;
    letter-spacing: 0PX;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
	text-align: center;
}
.slide-prix:hover .after-prix{
	width: 25%;
	transition: 0.5s;
  opacity: 1;
}
.slide-prix:hover .titre-prix{
	color:#f37a0f;
	transition: 0.5s;
  opacity: 1;
}
.slide-prix:hover .img-prix{

    width: 73%;
	transition: 0.5s;
    opacity: 1;
}

.voir-plus-btn {
    background-color: #f37a0f;
    color: white;
	padding: 5% 6%;
    height: 4%;
    border-radius: 2px;
    margin-left: 5%;
}
.voir-plus-btn:hover{
	background-color: white;
    color: #f37a0f;
}

.inscrir-btn {
	background-color: white;
    color: #f37a0f;
	padding: 5% 6%;
    height: 4%;
    border-radius: 2px;
    margin-left: 5%;
}
.inscrir-btn:hover{
	background-color: #f37a0f;
    color: white;

}
/* liste programmes*/

.after-titre-list {
    
    width: 60%;
    height: 1%;
    border-bottom: solid #f37a0f;
	
}

.card-prog {
    padding: 3% 1%;
	margin: 0;
    max-width: 100%!important;
}
.nature-list {
    font-size: 25px;
    color: black;
    font-weight: 600;
    padding: 3% 1%;
}
.title-ass-list {
    font-size: 20px;
    font-weight: 600;
    color: #f37a0f;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
.crad-prix {
    font-size: 20px;
    font-weight: 600;
    color: #7c7878;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
.title-prix-list {
    font-size: 17px;
    background-color: #f37a0f;
    color: white;
    font-weight: 600;
	padding: 2% 3%;
    margin-left: -37%;
    width: 100%;
    margin-top: 12%;
	transform: skew(-20deg);
}
.card-prog-ele {
    margin-bottom: 4%;
    border: solid #d1c8c8 1px;
    border-radius: 4px;
    overflow: hidden;
}
.price-card {
    background-color: #f37a0f;
    width: 54%;
    border-radius: 4px;
    position: absolute;
    bottom: -7%;
    z-index: 9;
    left: 7%;
    transform: skew(-18deg);
}

.text-price {
    padding: 3% 9% 1% 5%;
    font-size: 20px;
    color: white;
    font-weight: 600;
    font-style: italic;
    text-align: end;
    text-transform: capitalize;
}
.content-flex-prix {
    display: flex;
}
.carde-prix {
    width: 25%;
}
.card-img {
    height: 147px;
}
.slick-prev {
    left: -1px!important;
	z-index: 99;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: 0.25!important;
}
.slick-prev:before {
    color: black!important;
}
.slick-next {
    right: 0px!important;
}
.slick-next:before, .slick-prev:before {
    color: black!important;
}
.voir-plus-acc {
    background-color: #f37a0f;
    color: white;
    padding: 1% 2%;
    font-weight: 600;
    border-radius: 4px;
    font-size: 15px;
    position: absolute;
    bottom: 15%;
    left: 44%;
}
.voir-plus-acc:hover{
	color: white;
}
/*LIST COMP PROG INSCRIPTION*/

.cont-checkbox-tout {
    margin-top: 5%;
    width: 50%;
}
.cont-img-prix {
    width: 27%;
}
img.prix-comp {
    width: 100%;
}
.card-comp.d-flex {
    border: solid #e3e1e1 1px;
    border-radius: 5px;
    padding: 2% 2%;
	margin-bottom: 2%;
}
.cont-info-comp {
    width: 73%;
}
.tcheck-comp {
    display: block;
    margin-left: auto;
}

.desc-comp {
    padding: 2% 3%;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    width: 85%;
    text-transform: capitalize;
    color: black;
}
p.date-comp-insc {
    font-size: 19px;
    padding: 0% 4%;
}

span.span-date {
    color: gray;
}



/* END LIST COMP PROG INSCRIPTION*/

.carde-table-prix {
    width: 85%;
    margin-left: auto;
    display: block;
    margin-top: 3%;
    font-size: 17px;
}
.carde-table-prix{
	display: none;
}

.btn-add-prix {
	padding: 1% 2%;
    height: 10%;
    background-color: #4ad129;
    color: white;
    font-size: 17px;
    border-color: #4ad129;
    border-style: solid;
    border-radius: 5px;
    font-weight: 600;
    margin-left: auto;
    margin-bottom: 6%;
}


.btn-add-place-comp {
    padding: 2% 9%;
    /* height: 10%; */
    background-color: #47dd35;
    color: white;
    font-size: 17px;
    border-color: #47dd35;
    border-style: solid;
    border-radius: 5px;
    margin-left: 2%;
    font-weight: 600;
    margin-top: 13%;
}
.text-valid{
	font-size: 14px!important;
}
.cont-btn-col{
	font-size: 16px!important;
	width: 27%;
}
.cont-inputs-comp{
	width:16%; 
	
}
.pad-input{
	padding-right: 1%;
}
.carde-table-prix-comp {
    width: 75%;
	display: none;
    margin-top: 3%;
    font-size: 17px;
}
.list-button {
    
	margin: 0!important;
	padding: 0;
}

.li-list-place{
	width: 25%;
    background-color: #e5a871;
    color: black;
	padding: 2% 1% 0% 1%;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
	border-right: solid #343333 1px;
}
.li-list-place:focus{
  outline: none;
}
.li-list-place:hover{
	background-color: #f37a0f;
	
	color:white;
}

	.current{
		background-color: #f37a0f;
		color:white;
		}
	.current>.lien-place	{
		color: white;
	}	

.li-list-place:hover .lien-place{
	color: white;
}
.lien-place {
   
    color: black;
   
}

.cont-button-place {
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
}
.content-prix-comp {
    width: 100%;
}
.content-img-pri {
    height: 112px;
}









/*slider competitions*/
.slide-comp{
	height: 100%;
	background-color:#383a3a;
	margin-right: 1%;
	padding: 4%;
}
.date-comp {
    font-size: 26px;
    color: white;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.disc-comp {
    color: #d5d0cd;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
	padding: 0% 11%;
	height: 22%;
}

.place-comp {
    color: white;
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    width: 26%;
    font-style: italic;
}
.cont-place {
    display: flex;
	padding: 2% 0%;
}
.content-prix-pl {
    padding: 3% 3% 0% 6px;
}

.flex-prix {
	width: 100%;
    margin-bottom: 10%;
    display: flex;
	padding: 9% 0%;
	
}


.flexplus3{
	flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 9% 0%;
}


.after-prix-comp {
    width: 13%;
    /* height: 1%; */
    border-bottom: solid #f37a0f;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
    margin-top: 3%;
}

.titre-img-prix {
    font-size: 14px;
    line-height: 0;
    padding: 2% 0 0;
    text-transform: uppercase;
    letter-spacing: 1PX;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: white;
}

.img-prix-comp {
    /* width: 11%; */
    width: 100px;
}

.content-img-prix {
    height: 78%;
    width: 150px;
}
.prix-comp-cont {
    padding: 0% 3%;
}

.carde-prog {
    margin: 0;
    padding: 14% 5%;
	position: relative;
}
.text-titre-el{   
	color: #242323;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    display: block;
    line-height: 1;
    margin-bottom: 14px;
	text-align: center;
}


.text-titre-val {
    text-align: center;
    color: black;
    text-transform: capitalize;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    display: block;
    line-height: 1;
    margin-bottom: 14px;
    font-style: italic;
    font-weight: 600;
}
.card-inf-prog {
   
    max-width: 96%!important;
    background-color: #93919121;
}

.card-col {
	padding: 2%;
   
}
.card-inf-prog-detail {
   
    max-width: 100%!important;
}

.card-col-detail {
	
	padding: 0;
}

.cont-slider-comp {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 2%;
}
.slide-comp2 {
    height: 100%;
    background-color: #f3e7e721;
    margin-right: 1%;
    padding: 4%;
}

.content-detail-prog {
    max-width: 100%!important;
	padding: 0;
}
.text-titre-el-det {
    color: #444343;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    display: block;
    line-height: 1;
    margin-bottom: 14px;
    
}

.titre-prog-det {
    font-size: 89px;
    color: black;
    font-weight: 600;
}
.card-titre-det {
    padding: 9% 0%;
}
img.prog-image {
    width: 100%;
    max-height: 100%;
    height: 400px;
}


.cont-comp-prog {
    background-color: #f2f2f1;
    padding: 2%;
    margin-bottom: 2%;
}
.place-card {
    position: absolute;
    color: white;
    background-color: red;
    left: 0;
    padding: 1% 2%;
    font-weight: 600;
}

.titre-date {
    font-size: 22px;
    font-family: roboto;
    font-weight: 600;
    font-style: italic;
    color: #ee6f21;
    text-align: center;
}
.prix-insc-disc {
    text-align: center;
    font-size: 18px;
    color: #625c5c;
    text-transform: capitalize;
    font-weight: 600;
}
.disc-comp-prog {
    text-align: center;
    padding: 2% 0%;
    font-size: 20px;
    color: black;
    margin: 0;
	text-transform: capitalize;
}
.titre-prix-gagn {
    color: #380699;
    font-weight: 600;
    text-align: center;
    padding: 1%;
}

/* list programme*/

.container.prog-cont {
    max-width: 100%!important;
	border: solid #e3dede 1px;
    border-radius: 8px;
}



/* SLIDER PRIX*/



body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #fff;
	height: 3000px;
  }

  .slider {
	position: relative;
	overflow: hidden;
  }

  .slider__wrapper {
	display: flex;
	transition: transform 0.6s ease;
  }

  .slider__item {
	flex: 0 0 50%;
	max-width: 50%;
  }

  .slider__control {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	height: 50px;
	transform: translateY(-25%);
	background: rgba(0, 0, 0, .5);
  }

  .slider__control:hover,
  .slider__control:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
  }

  .slider__control_left {
	left: 0;
  }

  .slider__control_right {
	right: 0;
  }

  .slider__control::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
  }

  .slider__control_left::before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }

  .slider__control_right::before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }

  .slider__item>div {
	
	text-align: center;
  }


/*DETAILS PROG*/

.cont-img-back {
    max-width: 100%;
    width: 100%;
    height: 366px;
    max-height: 366px;
    background: no-repeat center center scroll;
    background-size: cover;
}
.back-color {
    width: 100%;
    height: 100%;
    background-color: #3c39397d;
	text-align: center;
	padding: 7%;
}
h5.titre-p {
    color: white;
    padding: 1%;
    font-size: 30px;
    font-weight: 600;
}
p.org-txt {
    color: white;
    font-size: 22px;
    padding: 1%;
    text-transform: capitalize;
}
p.nat-txt {
    color: #f37a0f;
    font-size: 30px;
    font-weight: 600;
}
.card-comps {
    padding: 4% 0;
}
.titl-comp {
    padding: 3% 0;
    color: black;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.taille-case {
    width: 18%!important;
}
.img-prix-site {
    width: 25%;
    padding: 0% 4%;
}
.case-img {
    max-width: 28%;
}
.case-val {
    overflow-x: scroll;
}

#style-3::-webkit-scrollbar
{
	
	height: 5px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a19e9e;
}
.fleft.padding-right {
    color: #f37a0f!important;
}
.titre-insc {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
    padding: 5% 0%;
}
.btn-comp {
    padding: 1% 2%;
    border-radius: 5px;
    color: white!important;
    background-color: #1d1dab;
    border-color: #1d1dab;
    border-style: solid;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}
.lien-comp {
    padding: 1% 2%;
    border-radius: 5px;
    color: #1d1dab;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}
.lien-comp:hover {
	border-radius: 5px;
    color: white!important;
    background-color: #1d1dab;
    border-color: #1d1dab;
    border-style: solid;
}
.active-btn-comp{
	border-radius: 5px;
    color: white!important;
    background-color: #1d1dab;
    border-color: #1d1dab;
    border-style: solid;
}
.active-tab{
	display:block!important ;
}
.body-masq{
	display: none;
}
.photo-tireur {
    width: 90%;
}
.titre-group {
    padding: 3%;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-decoration: underline;
    color: black;
}
.card-gr {
    padding: 3% 0%;
}
.btns-cmp {
    background-color: #f5f1f1;
    padding: 3% 3%;
	margin-top: 1%;
}
.affil {
    color: #0fd70f;
    font-weight: 600;
    font-size: 13px;
    background-color: #18e71826;
    padding: 1% 2%;
    border-radius: 3px;
}
.non-affil {
	color: #ff092b;
    font-weight: 600;
    font-size: 13px;
    background-color: #e7182f26;

    padding: 1% 2%;
    border-radius: 3px;
}
.cont-aff {
    position: relative;
}
.count-j {
    border-radius: 18px;
    background-color: red;
    color: white;
    font-weight: 600;
    padding: 0% 1%;
    position: absolute;
    bottom: 55%;
    left: 35%;
    font-size: 11px;
}
.text-vide-array {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #e71414;
	PADDING: 14% 0%;
}
.col-2.content-img-ass {
    padding-left: 4%;
    /* position: relative; */
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}
img.img-ass2 {
    max-height: 69%!important;
    width: 75%;
}
.row-ass>.col-3 {
    margin-top: auto;
    margin-bottom: auto;
}
.row-ass>.col-9 {
    margin-top: auto;
    margin-bottom: auto;
}
/*vitrine des prix***************************************/
img.img-product {
    width: 100%;
	max-height: 100%;
}
.container.cont-vitrine {
    max-width: 100%!important;
    margin: 0;
    padding: 0;
}
.cat-prod {
    display: block;
    font-weight: 300;
    color: #b3afaf;
	font-size: 14px;
	font-family: Roboto,Helvetica Neue,sans-serif;
	line-height: 0;
}
.titre-prod {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
	font-family: Roboto,Helvetica Neue,sans-serif;
	color: rgba(0,0,0,.87);
	font-size: 16px;
    line-height: 1;
}
.prix-prod {
    font-size: 17px;
    line-height: 1;
    color: #f37a0f;
}
.card-inf-pr {
    padding: 6% 2%;
	position: relative;
}



.multi-select-wrap {
    max-width: 40%;
    margin: 4% 0%;
    width: 100%;
    margin-left: auto;
}
  
  .multi-select-box {
	scrollbar-width: thin;
	scrollbar-color: rgba(195, 198, 198, 0.4) transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
  }
	.multi-select-box::-webkit-scrollbar {
	  width: 7px; 
  }
	.multi-select-box::-webkit-scrollbar-track {
	  background-color: white; 
  }
	.multi-select-box::-webkit-scrollbar-thumb {
	  background: rgba(195, 198, 198, 0.8); 
  }
  
  .multi-select-wrap .multi-select-head {
    /* background-color: #F5F5F5; */
    border: 1px solid #d9d5d5;
    height: 48px;
    padding: 0 16px;
    position: relative;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
.multi-select-wrap .multi-select-head span {
    font-size: 17px;
    color: #424242;
    line-height: 3;
    font-weight: 600;
	text-transform: capitalize;
}
	.multi-select-wrap .multi-select-head .arrow-up {
	  float: right;
	  margin-top: 16px;
	  -webkit-transition: 0.2s;
	  -moz-transition: 0.2s;
	  -ms-transition: 0.2s;
	  -o-transition: 0.2s;
	  transition: 0.2s; 
	  width:12px;
  }
  .multi-select-wrap .multi-select-head .arrow-up.arrow-down {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-ms-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s; 
  }
  
  .multi-select-wrap .multi-select-box-holder {
	display: none; 
  }
  .multi-select-wrap .multi-select-box-holder.box-show {
	  display: block !important; 
	  z-index: 999;
    position: absolute;
    width: 341px;
  }
  .multi-select-wrap .multi-select-box-holder .multi-select-search {
	  height: 48px;
	  border-left: 1px solid #A3A3A3;
	  border-right: 1px solid #A3A3A3; 
  }
	  .multi-select-wrap .multi-select-box-holder .multi-select-search input {
		width: 100%;
		height: 100%;
		line-height: 48px;
		color: #141414;
		padding: 0 16px;
  }
		.multi-select-wrap .multi-select-box-holder .multi-select-search input::placeholder {
		  color: #A3A3A3; 
  }
	.multi-select-wrap .multi-select-box-holder .multi-select-box {
	  height: 100%;
	  border: 1px solid #e5e0e0;
	  overflow: auto;
	  -webkit-border-radius: 0px 0px 4px 4px;
	  -moz-border-radius: 0px 0px 4px 4px;
	  border-radius: 0px 0px 4px 4px; 
  }
	  .multi-select-wrap .multi-select-box-holder .multi-select-box .checkbox-item {
		display: none;
		position: relative;
  }
		.multi-select-wrap .multi-select-box-holder .multi-select-box .checkbox-item .item-checkbox-input {
		  position: absolute;
		  top: 0;
		  width: 0;
		  height: 0;
		  margin: 0;
		  padding: 0; 
  }
		.multi-select-wrap .multi-select-box-holder .multi-select-box .checkbox-item label {
			width: 100%;
			height: 100%;
			background-color: #fff;
			display: block;
			padding: 0 16px;
			line-height: 40px;
			margin: 0;
		}
		  .multi-select-wrap .multi-select-box-holder .multi-select-box .checkbox-item label .checkbox-text {
			
			color: #7e7c7c;
			font-size: 15px;
  }
		  .multi-select-wrap .multi-select-box-holder .multi-select-box .checkbox-item label em {
			width: 18px;
			height: 18px;
			display: inline-block;
			position: relative; 
  }
		   
	
   
	  .multi-select-wrap .multi-select-box-holder .multi-select-box .active-checkbox {
		display: block; 
		
  }
  .card-img-pr {
    height: 165px;
	text-align: center;
}
button.btn-addT {
    padding: 0% 8%;
    height: 38px;
    border-radius: 4px;
    margin-top: 6%;
    background-color: #f37a0f;
    border-color: #f37a0f;
    border-style: solid;
    color: white;
    font-size: 15px;
    font-weight: 600;
}
.card-title.mb-0.card-title-flex {
    font-size: 17px;
    width: 24%;
}
.flex-header {
    display: flex;
    padding: 2% 1%;
}
.input-ann {
    width: 26%;
}
.card-body.bg-marketplace.d-flex {
	background-color: #f2f2f7;

  }
  .card {
	margin-bottom: 3%;
	-webkit-box-shadow: 0px 13px 15px -12px rgba(35,35,35,0.15);
	box-shadow: 0px 13px 15px -12px rgba(35,35,35,0.15);
	border-color:#f2f2f7;
  }
  h4.fs-18.lh-base.mb-0 {
    font-size: 20px;
}
.img-fluid {
    max-width: 100% !important;
    height: 100%!important;
}
.btn-orange{
	background-color: orange;
	color:white;
  }
  .btn-orange:hover{
	background-color: orange;
	color:white;
  }
  .btn{
	max-height: 38px;
  }
  .mt-4, .my-4 {
    margin-top: 3%!important;
}
p.insc_ouvert {
    margin: 0% 1%;
    font-size: 13px;
    color: #f11818;
    font-weight: 600;
 
	font-family: roboto;
    padding: 2% 0%;
}
h4.titre-prog-ann {
	color: #f76f1f;
	font-size: 18px;
	padding: 0% 2%;
	width:100%;
  }
  .row.card-progs {
    padding: 2%;
  }
  .row-prog{
	width: 100%;
  }
  .cond-text {
	color: #495057!important;
	font-weight: 600;
  }
  img.photo-ass {
    width: 45%;
}

span.check-text {
    color: #1bbb1b;
    font-size: 16px;
    font-weight: 600;
}
i.fa-solid.fa-check {
    margin-right: 4%;
}
i.fa-solid.fa-xmark {
    margin-right: 4%;
}
span.noncheck-text {
    color: red;
    font-size: 16px;
    font-weight: 600;
}
.choisiText {
    color: #15a315;
    font-weight: 600;
}
.col-result{
	width: 20%;
}

/* carousel sponsors */

section.sponsors {
    display: grid;
    place-items: center;
}

.slider-sponsors {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
   
    
    
}
.slider-sponsors-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
    animation: scrolling 20s linear infinite;

}
@keyframes scrolling {

    0% {
        transform: translateX(80%);
    }

    100% {
        transform: translateX(-20%);
    }
}
.slider-sponsors-items img {
	width:70%;
	max-width: 150px;
	max-height: 50px;
	margin:5px;
	background: rgb(255, 255, 255);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

/* Accordion container */

Arrow styling
.accordion-arrow {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.accordion-header[data-bs-toggle="collapse"].collapsed .accordion-arrow {
    transform: rotate(180deg); 
}
#pageDetailsAccordion {
    margin-top: 20px;
}


.accordion-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 10px; 
    background-color: #f9f9f9; 
}


.accordion-header {
    background-color: #f37a0fb3; 
    color: #fff; 
    padding: 10px; 
    font-size: 1.1rem;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    border-radius: 8px 8px 0 0;
    cursor: pointer; 
    transition: background-color 0.3s ease;
}


.accordion-header:hover {
    background-color: #f37a0f; 
}


.accordion-button {
    background-color: transparent;
    color: inherit;
    border: none;
    font-size: 1rem; 
}


.accordion-header .accordion-arrow {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}


.accordion-button:not(.collapsed) .accordion-arrow {
    transform: rotate(180deg); 
}

.accordion-body {
    padding: 15px;
    background-color: #ffffff; 
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #ddd; 
}

.accordion-body {
    max-height: 800px;
    overflow-y: auto;
}

.card-product {
    box-shadow: 2px 1px 8px -1px rgba(0, 0, 0, .09) !important;
    border-radius: 5px;
    background: white;
} 

/* Styling for no result message */
.no-result {
    text-align: center;
    font-size: 1.1rem;
    color: #888; /* Grey color */
    padding: 20px;
    font-style: italic;
}

/*--- to be reviewed  fm */

        .text-bg-primary {
            color: #fff !important;
            background-color: RGBA(75, 56, 179, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-secondary {
            color: #fff !important;
            background-color: RGBA(53, 119, 241, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-success {
            color: #fff !important;
            background-color: RGBA(69, 203, 133, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-info {
            color: #fff !important;
            background-color: RGBA(41, 156, 219, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-warning {
            color: #fff !important;
            background-color: RGBA(255, 190, 11, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-danger {
            color: #fff !important;
            background-color: RGBA(240, 101, 72, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-light {
            color: #000 !important;
            background-color: RGBA(243, 246, 249, var(--vz-bg-opacity, 1)) !important
        }

        .text-bg-dark {
            color: #fff !important;
            background-color: RGBA(33, 37, 41, var(--vz-bg-opacity, 1)) !important
        }

        .fw-normal {
            font-weight: normal;
        }

        .badge_result_total {
            font-size: larger;
            width: 44px;
            text-align: center;
            margin: 0;
            padding: 4px;
        }