.wow:first-child {
      visibility: hidden;
    }
 


 .jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate {
	/*margin: 0 auto;*/ /* optional - if want to center align */
  margin-bottom: 20px;
}

.jR3DCarouselGalleryCustomeTemplate .captions{
	position: relative;
	padding: 4px 0;
	bottom: 27px;
	background: #ec1c8e;
	display:block			
}
.jR3DCarouselGalleryCustomeTemplate a{
	text-decoration: none;			
}



  .dropdown{
    border-radius:0;
    border:0;
}
.dropdown-menu{
    background: #003e7a!important;
    color:  white!important;
    border: 1px solid #003e7a!important;
    text-align: center;
    border:0;
    top:80%;
    border-radius:0px 0px 5px 5px;
}
.dropdown-item:hover{
    background:#085ca5!important;
    color:#fff!important;
}
.dropdown-menu a{
    color:#fff!important;
} 
.navbar .nav-item .nav-link{
    color:#eee !important; 
    
}
.navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{
    color:red !important;
    
}







.aud{
  /*display:block; */
  cursor: pointer; 
  height: 10px;
  /*width: 30px; 
  height:30px; 
  background-color:#000000;*/

}

button1{
  cursor: pointer; 
  font-family:Tahoma; 
  font-weight: bold;
  font-size:14px; 
  background-color:white;
  color:#003e7a;
  border-color: #003e7a;
  border:1px solid #003e7a;
  padding: 10px 6px;
  border-radius: 70%;
  display: block;
  width: 40px;
  margin-top: -30px;
  cursor: pointer;
}



	
body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%!important;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}





  
html{
  font-family: 'open sans';
}
h1{
  margin-top: 30px;
  margin-bottom: 15px;
}

.fancy-cards{
  text-align: center;
  /*margin: 80px auto;*/
  margin-bottom: 80px;
  margin-top:-30px;
  margin-right: auto;
  margin-left: auto;
  width: 97%
}
.fancy-cards .fancy-card{
  display: inline-block;
  position: relative;
  top: 40px;
  /*left: 20px;*/
  box-sizing: border-box;
  width: 97%
}

.fancy-cards .fancy-card1{
  display: inline-block;
  position: relative;
  top: 40px;
  /*left: 20px;*/
  box-sizing: border-box;
  width: 97%
}

.fancy-cards .fancy-card2{
  display: inline-block;
  position: relative;
  top: 40px;
  /*left: 20px;*/
  box-sizing: border-box;
  width: 97%
}

.fancy-card1 .top,
.fancy-card1 .middle,
.fancy-card1 .bottom{
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  width: 97%;
  height: 250px;
  transition: transform 300ms linear-out;
  padding: 20px 20px;
}

.fancy-card2 .top,
.fancy-card2 .middle,
.fancy-card2 .bottom{
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  width: 97%;
  height: 250px;
  transition: transform 300ms linear-out;
  padding: 20px 20px;
}

.fancy-card .top,
.fancy-card .middle,
.fancy-card .bottom{
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  width: 97%;
  height: 250px;
  transition: transform 300ms linear-out;
  padding: 20px 20px;
}
.fancy-card .top{
  z-index: 3;
  transform: scale(1.0);
  transition: transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
  background-image: url('/web/img/mrezga 1 hc 61-63.jpg');
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 3px rgba(25,25,25,0.30);
}

.fancy-card1 .top{
  z-index: 3;
  transform: scale(1.0);
  transition: transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
  background-image: url('/web/img/chabbaou 1.jpg');
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 3px rgba(25,25,25,0.30);
}

.fancy-card2 .top{
  z-index: 3;
  transform: scale(1.0);
  transition: transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
  background-image: url('/web/img/mrezga 3 hc 61-63.jpg');
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 3px rgba(25,25,25,0.30);
}
.fancy-card .middle{
  position: absolute;
  background: #aaa;
  top: 0px;
  z-index: 2;
  transform: rotate(0deg);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.fancy-card1 .middle{
  position: absolute;
  background: #aaa;
  top: 0px;
  z-index: 2;
  transform: rotate(0deg);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.fancy-card2 .middle{
  position: absolute;
  background: #aaa;
  top: 0px;
  z-index: 2;
  transform: rotate(0deg);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.fancy-card .bottom{
  position: absolute;
  background: #ccc;
  top: 0px;
  z-index: 1;
  transform: rotate(0deg);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.fancy-card1 .bottom{
  position: absolute;
  background: #ccc;
  top: 0px;
  z-index: 1;
  transform: rotate(0deg);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.fancy-card2 .bottom{
  position: absolute;
  background: #ccc;
  top: 0px;
  z-index: 1;
  transform: rotate(0deg);
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.fancy-card .caption{
  overflow: hidden;
  background: rgba(255,255,255,0.75);
  padding: 15px 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.fancy-card1 .caption{
  overflow: hidden;
  background: rgba(255,255,255,0.75);
  padding: 15px 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.fancy-card2 .caption{
  overflow: hidden;
  background: rgba(255,255,255,0.75);
  padding: 15px 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.fancy-card .caption .title{
  color: #222;
  margin: 0px 0px 15px 0px;
  font-size: 1.4rem;
}

.fancy-card1 .caption .title{
  color: #222;
  margin: 0px 0px 15px 0px;
  font-size: 1.4rem;
}

.fancy-card2 .caption .title{
  color: #222;
  margin: 0px 0px 15px 0px;
  font-size: 1.4rem;
}
.fancy-card .caption .button{
  display: inline-block;
  color: #333;
  text-decoration: none;
  border: solid 1px #555;
  padding: 7px 13px;
  background-color: transparent;
  transition: all 300ms ease-in;
}

.fancy-card1 .caption .button{
  display: inline-block;
  color: #333;
  text-decoration: none;
  border: solid 1px #555;
  padding: 7px 13px;
  background-color: transparent;
  transition: all 300ms ease-in;
}

.fancy-card2 .caption .button{
  display: inline-block;
  color: #333;
  text-decoration: none;
  border: solid 1px #555;
  padding: 7px 13px;
  background-color: transparent;
  transition: all 300ms ease-in;
}


/*hovering*/
.fancy-card:hover .top{
  transform: scale(1.05);
}

.fancy-card1:hover .top{
  transform: scale(1.05);
}

.fancy-card2:hover .top{
  transform: scale(1.05);
}

.fancy-card:hover .middle{
 transform: rotate(-7deg);
 box-shadow: 1px 1px 2px rgba(74, 74, 74, 0.35);
}

.fancy-card1:hover .middle{
 transform: rotate(-7deg);
 box-shadow: 1px 1px 2px rgba(74, 74, 74, 0.35);
}

.fancy-card2:hover .middle{
 transform: rotate(-7deg);
 box-shadow: 1px 1px 2px rgba(74, 74, 74, 0.35);
}
.fancy-card:hover .bottom{
  transform: rotate(7deg);
  box-shadow: 1px 1px 2px rgba(113, 113, 113, 0.35);
}

.fancy-card1:hover .bottom{
  transform: rotate(7deg);
  box-shadow: 1px 1px 2px rgba(113, 113, 113, 0.35);
}

.fancy-card2:hover .bottom{
  transform: rotate(7deg);
  box-shadow: 1px 1px 2px rgba(113, 113, 113, 0.35);
}

.fancy-card:hover .button{
  background: rgba(0,0,0,0.8);
  color: #fff;
  border: 0px;
}

.fancy-card1:hover .button{
  background: rgba(0,0,0,0.8);
  color: #fff;
  border: 0px;
}
.fancy-card2:hover .button{
  background: rgba(0,0,0,0.8);
  color: #fff;
  border: 0px;
}


			.lien{
				color: #ffffff!important;
			}

			.lien a hover{
				color: white!important;
			}

	.circle{
	border-radius: 60%;
	margin: 0.15em;
	font-size: 2em;
	}

	.fa-facebook{
	background: #3B5998;
	color: #FFFFFF;
  padding: 0.05em 0.3em;
	}

  #lang{
    margin-left: 5px;  
    font-size:15px;

  }

  #lang1{
    margin-right: 5px;
    font-size:15px;
  }

@media only screen and (max-width: 991px) {
#lang{
    margin-left: 5px;  
    font-size:15px;
    float: right;
}
}
@media only screen and (max-width: 991px) {
#lang1{
    margin-right: 5px;
    font-size:15px;
    float: left;
}
}

#long{
  height: min-content;
}
#min { 
  font-size:13px;
  }

.cligno {
  width:200px;
  font-size : 40px;
  font-weight : 800;
  background-color : #F3E3E0;
  color:red; 
  animation: color1 2.5s infinite;
}
.cligno:hover {
  background-color : #F3E3E0;
  color:#003e7a; 
  animation: color2 2.5s infinite;
}
@keyframes color1 { 
0% { }
50% { color:red; background-color:white } 
}
@keyframes color2 { 
0% { }
50% { color:purple; background-color:pink } 
}