body{
	--primary-color: rgba(0,61,77,1);
	--secondary-color: rgba(0,164,74,1);
	--tertiary-color: rgba(154,194,69,1);
	color:var(--primary-color);
	text-align: left;
	border-top: 2px solid var(--secondary-color);
	background:#ecf0f1;
	text-align: justify;
	font-family:'Roboto',sans-serif;
}

h6{
	font-size: 0.7rem;
}
.card.middle-height {
	min-height: 570px;
}
.card.big {
	min-height: 724px;
}
nav.navbar.langue.fixed-top.navbar-light.bg-transparent {
	padding-top: 0;
	justify-content: flex-end;
	position: relative;
}
a.active{
	color: var(--secondary-color);

}
nav.transparent.d-flex.flex-column.flex-md-row.align-items-center.p-3.px-md-4.mb-3 {
	margin-top: -34px;
}
a.navbar-brand.active {
	color: var(--secondary-color);
}
nav.navbar.langue.fixed-top.navbar-light.bg-transparent > a{
	font-size: 0.75rem;
	margin-right: 0rem;
	border-right: 2px solid var(--secondary-color);
	padding-top: 0.315rem;
	padding-bottom: 0.1rem;
	padding-right: 0.3rem;
	padding-left: 0.3rem; 
}
nav.navbar.langue.fixed-top.navbar-light.bg-transparent > a:last-child{
	border-right: 0px solid var(--secondary-color);
}

#address {
	display: none;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
	background-color: var(--primary-color);
}
#more {display: none;}
#more2 {display: none;}
#more3 {display: none;}

#carouselExampleControls{
	margin-bottom: 2em;
}
.list-group-item{
	background: none;
	border: none;
	border-radius: 0;
	color: grey;
}
.temoi{
	background-color: transparent!important;
	color: var(--primary-color) !important;
	border-radius: 0px !important;
}
.blockquote{
	font-size: 0.9em!important;
}
.blockquote-footer{
	font-size: 0.8em!important;
}
.temoi.active{
	border-left: 1px solid var(--primary-color);
}
.list-group{
	position: sticky;
	left: auto;
	bottom: auto;
	right: auto;
}
.list-group-item:first-child {
	border-radius: none;
}
.mb-3, .my-3 {
	margin-bottom: 0 !important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	margin-bottom:1em;
}
.cameleon{
	background: url(../img/cameleon.jpg) no-repeat center fixed;
	background-size: cover;
	height: 100%;
	overflow: hidden;
	padding:2em !important;
	margin-bottom:2em;
}
h5{
	font-size: 1.1em;
	line-height: 1.5em;
}
hr{
	border-top: 1px solid rgb(0, 164, 57);
}
.hr{
	border-top: 1px solid #d3d3d3 !important;
}
img{
	max-width: 100%;
}
.card-title{
	font-weight: bold;
}
.margin .row{
	margin-left: 0;
	margin-right: 0;
}
.col{
	margin-bottom: 1em;
}
.cover{
	color: rgb(255, 255, 255);
	position: relative;
	min-height: 100vh;
}
form,.row{
	margin-bottom:20px;
}
.container-fluid{
	padding:0;
}
.nav-link.active{
	background-color: var(--primary-color);
}
.nav-link{
	color: var(--primary-color);
}
.btn-primary{
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.btn-primary:hover{
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}
.btn-outline-primary{
	border-color: var(--primary-color);
	color: var(--primary-color);
}
.btn-outline-primary:hover{
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle{
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	color: white;
}
a{
	color:var(--secondary-color);
}
a:hover{
	text-decoration: none;
	color: var(--primary-color);
}
.marketing h2{
	font-size: 1.5rem;
}
h1, h2{
	text-align: left;
}
.green{
	border-top: 1px solid var(--primary-color);
	padding-top:1em;
	color: rgba(154,194,69,1);
}


.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}
.view{
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.view img{
	position: relative;
	display: block;
}
.img-thumbnail{
	align-self: center;
}
.overlay .mask{
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.overlay .mask:hover{
	opacity: 1;
}
.view .mask{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-attachment: fixed;
}
.rgba-red-strong{
	background-color: rgba(154,194,69,0.7);
	padding:1em;
}
.carouselExampleControls{
	margin-bottom: 20px;
}
svg{
	width: 1em;
}
.flex-center{
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-center p{
	margin:0;
}

/* DEMO GENERAL ============================== */
.hover {
	overflow: hidden;
	position: relative;
	padding-bottom: 60%;
	height: 500px;
}
.col-md-6{
	margin-bottom: 1em;
}

.hover-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	transition: all 0.4s;
}

.hover img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s;
}

.hover-content {
	position: relative;
	z-index: 99;
}
.hover-1 img {	
	width: 105%;	
	position: absolute;	
	top: 0;	
	left:0;	
	transition: all 0.3s;	
}	

.hover-1-content {	
	position: absolute;	
	bottom: 0;	
	left: 0;	
	z-index: 99;	
	transition: all 0.4s;	
}	

.hover-1-description {	
	transform: translateY(0.5rem);	
	transition: all 0.4s;	
	opacity: 0;	
	padding: 1em;	
	text-align: justify;	
	background: rgba(0, 0, 0, 0.5);	
}

.hover-1:hover .hover-1-description {	
	opacity: 1;	
	transform: none;	
}	

.hover-1:hover img {	
	left: 0;	
}	

.hover-1:hover .hover-overlay {	
	opacity: 0;	
}
@media(max-width: 1200px){	
	.hover{	
		height: 420px;	
	}	
}
@media(max-width: 572px){
	.big,.middle-height{
		height: auto;
	}

}
@media(max-width: 1000px){
	
	h4 {
    font-size: 1rem;
  }
  h5{
  	font-size: 0.9rem;
  }

}
@media(max-width: 1200px){
	
	h4 {
    font-size: 1.1rem;
  }
  h5 {
    font-size: 1rem;
  }
}

}
.half-screen{
	max-height: 55vh;   
}
.css_quantity{
	width: 150px;
}
sup{
	font-size:0.5em;
}
.cover-container{
	position: relative;
	z-index: 0;
}
.cover-component{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.cover-bg{
	background-image: url("img/cover_nyiragongo.jpg");
	
}
.filter{
	background-color: rgba(255, 255, 255, 0.9);
	color: white;
	z-index: -1;
}
.cover{
	color: var(--primary-color);
}
hr{
	width: 100%;
}
.day{
	text-align: right;
	font-size: 1.4em;
}
.underline{
	text-decoration: var(--secondary-color) 2px underline;
}