.btn__filter {
	list-style-type : none;
	justify-content: center;
	display: flex;
	flex-direction: row;
	width : 100%;
	flex-wrap: wrap;
}

.container {
  overflow: hidden;
}

.filterDiv {
  display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.portfolio {
    margin: 40px;
}

.portfolio__list{
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
    justify-content: center;
    align-items: center;
	margin-left : 50px;
	margin-right : 50px;
}

.portfolio__item {
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding-right: 20px;
    padding-bottom : 20px;
    padding-top : 20px;
    padding-left: 20px;
	height:350px;
	width : 280px;
	background-color:#fff;
	border-radius:5px;
	z-index:1;
	box-shadow:2px 2px 15px 0 rgba(0,0,0,0.1);
	margin: 12px;
}

.portfolio__card--logo {
    width: 100% ;
}

.portfolio__card--content {
    width: 100%;
	display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.marge-cardimage--text{
	margin-bottom : 45px;
}

.portfolio__card--title {
    font-weight: 600;
    font-size: 18px;
    padding-bottom : 5px;
	text-align: center;
}

.solutions__footer {
    display: flex;
    padding: 16px 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-bottom : 40px;
    padding-top: 40px;
    font-size: 35px;
}

.solutions__footer-important {
    font-weight: 700;
    font-size: 35px;
    color : #A2D53C;
    text-transform: uppercase;
	text-align: center;
	justify-content: center;
    align-items: center;
}

.portfolio__card--actions {
    display:flex;
	margin-bottom: 20px;
}
.solution-actions .cta-wrapper:not(:first-child) {
    margin-top: 4px;
}



/*----GESTION IFRAME-----*/

/*.modal.fade .modal-dialog{
	 -webkit-transition:-webkit-transform .3s ease-out;
	 transition:-webkit-transform .3s ease-out o-transition:-o-transform .3s ease-out;
	 transition:transform .3s ease-out;
	 transition:transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
	 -webkit-transform:translate(0,-25%);
	 -ms-transform:translate(0,-25%);
	 -o-transform:translate(0,-25%);
	 transform:translate(0,-25%)
}*/


.modal-dialog{
	position:relative;
	max-width: 800px;
}

.modal.in .modal-dialog{
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}

.modal-content{
	 position:relative;
	 background-color:#fff;
	 -webkit-background-clip:padding-box;
	 background-clip:padding-box;
	 border:1px solid rgba(0,0,0,.2);
	 border-radius:.3rem;
	 outline:0
}
 
.modal-body{
	position:relative;
	padding:15px
}

.modal-open{
	overflow:hidden
}

.modal{
	position:fixed;
	right:0;
	left:0;
	top:0;
	z-index:10;
	display:none;
	overflow:hidden;
	outline:0;
	justify-content : center;
	align-items : center;
		background-color: rgba(0, 0, 0, 0.82);
	height: 100vh;	
}

.modal-open .modal{
	overflow-x:hidden;
	overflow-y:auto
}

.modal-scrollbar-measure{
	 position:absolute;
	 top:-9999px;
	 width:50px;
	 height:50px;
	 overflow:scroll
}

.z-depth-1-half .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0
}
.embed-responsive{
	position:relative;
	display:block;
	height:0;
	padding:0;
	overflow:hidden
}
.embed-responsive-16by9{
	padding-bottom:56.25%
}


@media (orientation: landscape){
    .navporfolio__active--border {
		border-bottom : 4px solid #00bdb3;
		padding-bottom : 4px;
	}
}
@media (orientation: portrait)  {
	
}

@media only screen and (max-width: 471px) {
	.portfolio {
		margin: 5px;
	}	
	.portfolio__list{
		margin-left : 5px;
		margin-right : 5px;
	}
	.portfolio__item {
		min-height:400px;
	}
	.portfolio__card--title {
		font-weight: 600;
		font-size: 19px;
	}
	.portfolio__card--actions {
		display:flex;
		margin-bottom: 10px;
	}
	.modal-dialog{
	margin: 30% auto;
}
}
@media only screen and (min-width: 472px) and (max-width: 991px){
	.portfolio {
		margin: 5px;
	}
	.portfolio__list{
		margin-left : 5px;
		margin-right : 5px;
	}

	.portfolio__item {
		min-height:400px;
	}	
	.portfolio__card--title {
		font-weight: 600;
		font-size: 17472
		px;
	}
	.modal-dialog{
	margin: 10% auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1289px){
	.portfolio {
		margin: 5px;
	}
	.portfolio__list{
		margin-left : 5px;
		margin-right : 5px;
	}		

	.portfolio__item {
		min-height:300px;
	}	
	.portfolio__card--title {
		font-weight: 600;
		font-size: 17px;
	}
	.modal-dialog{
	margin: 10% auto;
}
}

@media only screen and (min-width: 1290px){
	.portfolio {
		margin: 40px;
	}
	.portfolio__list{
		margin-left : 120px;
		margin-right : 120px;
	}		

	.portfolio__item {
		min-height:300px;
	}	
	.portfolio__card--title {
		font-weight: 600;
		font-size: 17px;
	}
	.modal-dialog{
	margin: 10% auto;
}
}