#content{
	transition: filter 0.4s ease;
}

#content.blur{
	filter: blur(4px);
   -webkit-filter: blur(4px);
   -moz-filter: blur(4px);
   -o-filter: blur(4px);
   -ms-filter: blur(4px);
}


#popup_cp{
	display: flex;
	position: fixed;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0);
	transition: all ease 0.4s;
	opacity: 0;
	z-index: 49;
	padding-top: 200px;
}

#popup_cp *{
	font-family: 'Cocogoose Pro';
	font-weight: 200;
    font-style: italic;
}



@media (max-width: 1150px) {
	#popup_cp{
		padding-top:0;
	}
}

#popup_cp.active{
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
}

#close_popup_cp{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%,-50%);
	background: #ffffff;
	border-radius: 50%;
	box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.3);
	z-index: 2;
	height: 35px;
	width: 35px;
	cursor: pointer;
}

#close_popup_cp:before,#close_popup_cp:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	height: 2px;
	width: 20px;
	background: #000;
}

#close_popup_cp:after{
	transform: translate(-50%,-50%) rotate(-45deg);
}

#block_popup_cp{
	display: block;
	position: relative;
	max-width: 90%;
	max-height: calc(90vh - 220px);
	width: 500px;
	background: #edd3b0;
	box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.3);
 	padding: 20px 20px 35px 20px;
 	z-index: 1;


}

@media (max-width: 500px) {
	#block_popup_cp{
		width: 300px;
	}
}

#img_popup_cp{
	display: block;
	position: relative;
	max-width: 100%;
	width: 700px;
	height: 12vw;
	height: 225px;
	max-height: 340px;
	margin-bottom: -20px;
	box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.3);
}

#img_popup_cp img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#text_popup_cp{
	padding: 0 20px;
}

#case_text_popup_cp{
	background: #fff;
	padding: 10px 10px 20px 10px;
	display: block;
	position: relative;
	box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.3);
}

#text_popup_cp h2{
	margin-bottom: 10px;
}

#text_popup_cp p{
	
}


#text_popup_cp p.code{
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #96a58c;
	transform: translate(-50%,50%);
	box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.3);
	padding: 8px 16px;
	color: #fff;
}



#banniere_cp{
	display: flex;
	justify-content: center;
	position: fixed;
	flex-direction: column;
	align-items: center;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #edd3b0;
	z-index: 49;
	height: 53px;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}

#banniere_cp *{
	font-family: 'Cocogoose Pro';
	font-weight: 200;
    font-style: italic;
}

#case_banniere_cp{
	display: flex;
	position: relative;
	justify-content: center;
}

#case_banniere_cp p{
	font-size: 11px;
	background: #fff;
	padding: 3px;
	box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.3);
}

@media (max-width: 500px) {
	#case_banniere_cp p{
		font-size: 9px;
	}
}

#case_banniere_cp_code{
	display: flex;
	position: relative;
	justify-content: center;
}

#case_banniere_cp_code p{
	font-size: 11px;
	color: #fff;
	background: #96a58c;
	padding: 4px;
	box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.3);
	margin-top: -4px;
}

@media (max-width: 500px) {
	#case_banniere_cp_code p{
		font-size: 9px;
	}
}