/* here you can put your own css to customize and override the theme */
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}
.flex-service {
	display: inline-flex;
	flex-flow: row wrap;
	align-items: stretch;
	align-content: space-between;
}
.service-box .service-box-heading {
  width:100%;
}

/* POPUP MENTIONS LEGALES */

button {
	border: none;
	padding: 0;
	background: transparent;
	font-size: 1em;
	cursor: pointer;
    color: #e6400c;
    text-decoration: none;
	display: inline-block;
	margin: 5px 0 0;
}

button:hover {
	color: #fff;
}


.content {
	max-width: 1300px;
	width: 80%;
	margin: 0 auto;
}


img {
	max-width: 100%;
}

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 99%;
	height: 99%;
	z-index: 99999;
	visibility: hidden;
	background:rgba(0,0,0,0.9);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.show {
	visibility: visible;
}



.popup-content {
	color: #777;
	position: relative;
	margin: 0 auto;
	padding: 2% 2%;
}



.popup-content > div {
	padding: 0px;
	margin: 0;
	font-size: 0.85em;
}

.popup-content > div p {
	margin: 0;
	padding: 10px 0;
}



.popup-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.85em;
}

.close {
	background: url(../img/close.png) no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 9999;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

.close:hover {
	opacity: 0.5;
}


/* Media queries */

@media(max-width: 1230px) {

	.popup-content h3:before {
		display: none;
	}	

}

@media(max-width: 680px) {

	h1 {
		font-size: 42px;
	}
	
}

@media(max-width: 480px) {

	h1 {
		font-size: 32px;
	}

	.popup-content h3 {
		font-size: 2em;
	}

	.close {
		right: 1px;
		top: 1px;
	}

}