/* Profils */

.box-profil {
	text-align: left;
}
.box-profil h6, .box-profil p {
	text-align: left;
}
.box-profil p {
	font-size: 18px;
	line-height: 30px;
}
.box-profil h6 {
	padding: 10px 0;
}

.box-profil img {
	width: 128px;
	float: left;
	padding-right: 15px;
}

.container img.illustration {
	width: 87%;
}

.separ-min {
	position: relative; 
	margin: 0 auto;
	width: 100%;
	z-index:2;
	border-top:1px dashed #c4c4c4;
	opacity:.4;
	margin-top:20px;
	padding-bottom:20px;	
}


.list-results {
	padding-top: 20px;
}
.list-results li {
	list-style-type: circle;
	font-size: 18px;
	line-height: 30px;
	padding-left: 10px;
	margin-left: 30px;
}


	
/* BOX Instructions */	
.instructions {
	font-size: 1.2em;
	padding: 20px 10px;
	background-color: #fafafa;
	margin-left: 30px;
}
.instructions ol {

}
.instructions li {
	line-height: 40px;
}
.questions {	
	background: #43B02A;
	background: linear-gradient(90deg,rgba(67, 176, 42, 1) 0%, rgba(114, 196, 95, 1) 100%);
	color: #fff;
	padding: 20px;
}
.questions h6 {
text-align: left;
padding-bottom: 20px;
	color: #fff;
}
.questions ul {margin-left: 40px;}
.questions li {
	padding-bottom: 40px;
	list-style-type: circle;
	padding-left: 10px;
}


/* BOX Q&R */

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
input[type=checkbox] {
    -border-radius: 4px;
	  margin:0px;
  position: relative;
    height: 30px;
    width: 30px;
    background: #fff;
    border: 1px solid #ccc;
	position: relative;
	top: 5px;
}
/*
input[type="checkbox"]:checked {
  background: #e5e8f1;
  margin:0px;
  position: relative;
top: 5px;
  &:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: #001a72;
    font-size: 30px;
  }
}
*/
/* Green */
input[type="checkbox"]:checked {
  background: #ecf7e9;
  margin:0px;
  position: relative;
top: 5px;
  &:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: #000;
    font-size: 30px;
  }
}


label {
display: inline;
font-size: 1.2em;
font-weight: 400;
text-transform: none;
color: #fff;
padding-left: 10px;
}	

.btform-wrap {
margin-top: 25px;
text-align: right;
}
.btform{
	text-align:center;
	background: #333;
	border: 1px solid #333;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size: 16px;
	line-height:22px;
	border-radius:3px;
	padding: 12px 15px;
	letter-spacing: 3px;
	-webkit-transition : all 0.4s ease-out;
	-moz-transition : all 0.4s ease-out;
	-o-transition :all 0.4s ease-out;
	transition : all 0.4s ease-out;
}

.btform:hover{
	background: #fff;
	color: #333;
	border: 1px solid #333;
 }
.btform:active, #ajax-form textarea:active, #ajax-form input:active {color: #333333; outline:1px solid #fff;}
#ajax-form textarea:active, #ajax-form input:hover {color: #333333; outline:1px solid #fff;}
#ajax-form textarea, #ajax-form input {color: #333333; outline:1px solid #fff;}






.blog-wrap{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#ecf7e9;
	margin-top:0px;
}
.post-wrap{
	position: relative; 
	margin: 0 auto;
	text-align:center;
	width: 33.3%;
	float:left;
	display:inline-block;
	overflow:hidden;
	z-index:2;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}
.post-wrap img{
	width: 100%;
	height:auto;
	display:block;
}
.post-wrap .mask-blog{
	position: absolute;
	top:0;
	left:0;	
	width: 100%;
	height:100%;
	z-index:5;
	/*background:rgba(255,255,255,.8);*/
	background:rgba(255,255,255,.3);
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}
.post-wrap:hover .mask-blog{
	background:rgba(255,255,255,.1);
	cursor:url('../images/more.cur'),crosshair;
	cursor:url('../images/more.png') 40 40,crosshair;
}
.post-wrap .mask-blog::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	content: '';
	-webkit-transition: border-width 0.4s, border-color 0.4s;
	-moz-transition: border-width 0.4s, border-color 0.4s;
	-ms-transition: border-width 0.4s, border-color 0.4s;
	-o-transition: border-width 0.4s, border-color 0.4s;
	transition: border-width 0.4s, border-color 0.4s;
}
.post-wrap:hover .mask-blog::before{
	border-width: 20px;
	border-color: rgba(0,0,0,.2);
}




.post-wrap a {
	display:block;
	cursor:url('../images/more.cur'),crosshair;
	cursor:url('../images/more.png') 40 40,crosshair;
}
.post-wrap .doubleflip {
	position: absolute;
	top: 20px;
	right:20px;
	width: 70px;
	height: 70px;
	z-index:100;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	-ms-transition: -ms-transform 0.3s 0.3s;
	-o-transition: -o-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.post-wrap .doubleflip img{
	width: 70px;
	height: 70px;
	display:block;
}
.post-wrap:hover .doubleflip {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.post-wrap .doubleflip1 {

	position: absolute;
	top: 50px;
	right:24px;


	height: 40px;
	z-index:100;
	background:#43b02a;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	-ms-transition: -ms-transform 0.3s 0.3s;
	-o-transition: -o-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.post-wrap .doubleflip1 h4{
	color:#f1f1f1;
		text-align: center;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	font-weight: 700;
	font-size: 17px;
	line-height:17px;
	padding-top:0px;
}
.titlerep {
	font-size: 14px !important;
	color: #fff;
	font-weight: 400;
	text-align:center !important;
	padding-top: 8px;
}
.post-wrap .doubleflip1 p span{}
.post-wrap:hover .doubleflip1 {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.post-wrap h4{ 
	position:absolute;
	top:50%;
	margin-top:-7px;
	left:0;
	width:100%;
	z-index:100;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color:#009fda;
	font-size: 24px; 
	line-height: 24px; 
	opacity:1;
}
.post-wrap:hover h4 {
	color: #fff;
	/*text-shadow: #e5f5fb 1px 0 10px;*/
}

.post-wrap .line-blog {
	position:absolute;
	top:50%;
	margin-top:-55px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	opacity:.2;
	/*background:url('../images/line-dark.jpg')no-repeat center center;*/
	background: transparent;
	z-index:100;
}
.post-wrap .line-blog1 {
	position:absolute;
	bottom:50%;
	margin-bottom:-55px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	opacity:.2;
	/*background:url('../images/line-dark.jpg')no-repeat center center;*/
		background: transparent;
	z-index:100;
}

.post-wrap *, .post-wrap *:after, .post-wrap *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.post-wrap .clearfix:before, .post-wrap .clearfix:after { content: ''; display: table; }
.post-wrap .clearfix:after { clear: both; }

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 100%;
  height: 100%;
background-color: #f6e6ea;
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 1;
}
.popup .popuptext {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	top: 1px;
	left: -1px;
	
}

.popup .popuptext ul.circle {
	list-style-type: circle !important;
	text-align: left;
}

/* Popup arrow */
.popup .popuptext::after {
 content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

.blog-post-down {
	backgound: #f2f8ef
}

.blockresp {
	float: left;
	width: 100%;
	font-size: 20px;
	text-align: center;
	padding: 20px 0;
	background: #d0ebca;
	color: #333;
	font-weight: 500;
}
.blockresp span {font-size: 14px; font-weight: 400;}

.resp-reveal-right {
	background: #43b02a;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
		padding: 30px 0;
}
.resp-reveal-wrong {
	background: #a60531;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
		padding: 30px 0;
	]