/********************************************
* ****************  GENERAL  ****************
* ******************************************/
.clear {clear: both;}
.on_error {color: #e36360 !important;}
.hide, .hidemob{display: none;}


/*******************************************
* ****************  LOADER  ****************
* *****************************************/
#loader {	position: fixed;	width: 100%;	height: 100%;	z-index: 99999; display:none}
#loader-bg {	position: absolute;	width: 100%;	height: 100%;	background: #FFF;}
#loader-content {color: #fff; font-size: 18px; height: 200px; margin-top: -100px; position: absolute; text-align: center; top: 50%; width: 100%;}

/*******************************************
* ****************  MARGES  ****************
* *****************************************/
.pad20{padding:20px;}

/********************************************
* *****************  POPIN  *****************
* ******************************************/
.modal {
	top: 50%!important;
	display: block !important;;
	left: 50%!important;
	max-width: 630px;
	position: fixed;
	min-width: 250px;
	z-index: 1100;
	width: 90% !important;
	height: auto!important;
	visibility: hidden;
	-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%);
	border-radius: 10px;
	background: #FFFFFF;
}
.modal .close {
	background:transparent url(../content/interface/close.svg) no-repeat;
	height: 49px;
	width: 49px;
	position: absolute;
	right: 0;
	top: 0;
	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;
}

.modal .close:hover {
	opacity: 0.2;
}

.modal.fullW{max-width: initial;height: 90% !important;}
.modal.show {
	visibility: visible;
}
.popinModal svg{width: 40px;}
.popinModal.popinerror path{
  fill:#FA3C5A !important;
}					
.popinModal.popinsuccess h1{
    color: #2ED693;
}
.popinModal.popinerror h1{
    color: #FA3C5A;
}
	

.popinModal .leftcontent{
    color: #2A7A5A;
    line-height: 22px;
	font-size: 20px;
}

						

						.overlay.active{
						    background: rgba(27,36,63,0.6);
						    opacity: 1;
						    visibility: visible;
						}

						
						.button {
							cursor: pointer;
						}

						
						.modal90{
							width: 90%;
							max-width: inherit;
							min-width: inherit;
						}

						.popup-content {
							color: #fff;
							position: relative;
							border-radius: 3px;
							margin: 0 auto;
							padding: 6% 10%;
						}

						.popup-content h3 {
							margin: 0;
							text-align: center;
							font-size: 3.4em;
							font-weight: 300;
							position: relative;
						}

						.popup-content h3:before {
							position: absolute;
							background: url(../img/img-titre.png) no-repeat left center;
							width: 47px;
							height: 38px;
							content: "";
							top: 18px;
							left: 0px;
						}

						.popup-content .para {
							color: #73556b;
							margin-bottom: 30px;
							text-align: justify;
						}

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

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

						.popup-content > div ul {
							margin: 0;
							padding: 0 0 30px 20px;
						}

						.popup-content > div ul li {
							padding: 5px 0;
						}

						.popup-content button {
							display: block;
							margin: 0 auto;
							font-size: 0.8em;
						}
						.popinModal .middleBlocV{
							font-size: 1.5rem;
						}
						.closing {
						    position: absolute;
						    top: 10px;
						    right: 20px;
						    transition: all 200ms;
						    font-size: 20px;
						    font-weight: bold;
						    text-decoration: none;
						    cursor: pointer;
						    display: none;
						}
						/*iframe.full{
							height: 100% ;
							width: 100%;
						}*/
						.fullIframe{
							width: 100% !important;
							height: 100% !important;
							min-width: inherit !important;
							max-width: inherit !important;
							border-radius: 10px 10px;
							-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.09);
							-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.09);
							box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.09);
							overflow: hidden;
						}




/* OVERLAY */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}						
.show ~ .overlay {
	opacity: 1;
	visibility: visible;
}
.show.blur-effect ~ .overlay {
	background: rgba(27,36,63,0.6);
}
.show.blur-effect ~ .overlay.error {
	background: rgba(123,53,92,0.4);
}
.show.blur-effect ~ .overlay.success {
	background: rgba(79, 140, 86, 0.4);
}

						.show.blur-effect ~ .container, .show.blur-effect ~ .bgall{
							-webkit-filter: blur(30px);
							-moz-filter: blur(30px);
							filter: blur(30px);
						}

						.blur-effect .popup-content {
							-webkit-transform: translateY(-5%);
							-moz-transform: translateY(-5%);
							-ms-transform: translateY(-5%);
							transform: translateY(-5%);
							opacity: 0;
						}

						.show.blur-effect ~ .container,
						.blur-effect .popup-content, .show.blur-effect ~ .bgall {
							-webkit-transition: all 0.3s;
							-moz-transition: all 0.3s;
							transition: all 0.3s;
						}

						.show.blur-effect .popup-content {
							-webkit-transform: translateY(0);
							-moz-transform: translateY(0);
							-ms-transform: translateY(0);
							transform: translateY(0);
							opacity: 1;
						}
/* SPINNER */
.spinner-border {
	position: absolute;
	left: calc(50% - 1rem);
    visibility: hidden;
}
#form_result{
	font-weight: 600;
}


/**********************************************************************
						PASSWORD FORCE METER
**********************************************************************/
.meter{max-width:calc(100% - 4px);position:absolute;left:0;top:0;bottom:20px;width:100%;height:100%;pointer-events:none;border-radius:4px;overflow:hidden}.meter .progress{width:0%;height:3px;position:absolute;bottom:0;background:none;background-color:transparent;-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-ms-transition:all .2s cubic-bezier(.215,.61,.355,1);transition:all .2s cubic-bezier(.215,.61,.355,1)}.meter .progress[data-strength="0"]{width:25%;background-color:#FF0000}.meter .progress[data-strength="1"]{width:25%;background-color:#FF0000}.meter .progress[data-strength="2"]{width:50%;background-color:#FF0000}.meter .progress[data-strength="3"]{width:75%;background-color:#bedc00}.meter .progress[data-strength="4"]{width:100%;background-color:#bedc00}
#subscribe .meter{
	max-width: inherit;
    width: calc(100% - 15px);
    padding: 0 15px;
}
.has-tooltip input:focus ~ .tooltip, .has-tooltip .infobtn:hover ~ .tooltip {
    opacity: 1;
    transform: translate(-50%,0);
}
.tooltip {
    display: block;
    position: absolute;
    font-size: 12px;
    line-height: 1.6;
    background-color: white;
    bottom: 80px;
    padding: 10px;
    max-width: 300px;
    width: 100%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,10px);
    pointer-events: none;
    border-radius: 4px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.3);
    -webkit-transition: all .4s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all .4s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all .4s cubic-bezier(.215,.61,.355,1);
    transition: all .4s cubic-bezier(.215,.61,.355,1);
}
/**********************************************************************/


 /**************************************************
 * ****************  media queries  ****************
 * ************************************************/
/* BOOTSTRAP XL */
@media (max-width: 1199.98px) {
}
/* BOOTSTRAP LG */
@media (max-width: 991.98px) {
    .hidedesktop{display: none;}
    .hidemob{display: block;}
}
/* BOOTSTRAP MD */
@media (max-width: 767.98px) {
}
 /* BOOTSTRAP SM */
@media (max-width: 575.98px) {
}

@media screen and (max-width: 1230px) {

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

}

@media screen and (max-width: 480px) {
	.modal .close {
		right: 1px;
		top: 1px;
	}
}


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

/* keyframes */

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}