body {
  font-family: "Lato", sans-serif;
}

h5{
	color:#c06c84;}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /*background-color:#c06c84;*/
  background-color:#999;
   
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.6s;
}

.sidenav a:hover {
  color: #f1f1f1;
  background-color:#666;
}

.sidenav .closebtn {
  position: absolute;
  top:-3px;
  right: 20px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav .closebtn:hover {
	color: #f1f1f1f1;
	background-color:transparent;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.cut{
	clip-path:polygon(100% 0% ,
	                  100% 100% ,
	                   0% 90% , 
	                   0% 0%);
}

/*
.card-head{
	border-left: 2px solid #5437a4;
    font-size: 16px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}
*/
.img-cut{
	clip-path: polygon(0 0,
                	 100% 0,
	                100% 95%,
	                 50% 84%,
	                  0 95%);
}
.title-margin{ 
	margin-top:-80px;}

.text-margin{
	margin-top:30px;
}

.cut{
	clip-path:polygon(100% 0% ,
	                  100% 90% ,
	                   0% 70% , 
	                   0% 0%);
}    

.catogorie-cut{
	clip-path: polygon(0 0, 100% 0, 100% 60%, 0 94%);
}

body {
  font-family: Arial;
}
.promo {
  background: #ccc;
  padding: 3px;
}
.expire {
  color: red;
}
.before-after-lines{
font-family: sans-serif;
text-align: center;
max-width: 600px;
position:relative;

}
.before-after-lines:before{
content: "";
display:block;
width: 180px;
height:2px;
background: #000;
position: absolute;
left: 0;
top: 50%;
z-index: -2;
}
.before-after-lines:after{
content: "";
display:block;
width: 180px;
height:2px;
background: #000;
position: absolute;
right: 0;
top: 50%;
z-index: -2;
}
/*carousel review card*/

.card{
	
	overflow:hidden;
	
	}
.img-1 img{
	height:200px;
	width:100%;
	}
.img-2 img{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	width:140px;
	height:140px;
	border-radius:50%;
	border:7px solid #fff;
	margin-top:-80px;
}
.card:hover .img-2 img{
	border-color:#366;;
	transition:.7s
	}
.main-text{
	padding:30px;
	text-align:center;
}
.main-text h2{
	text-transform:uppercase;
	font-weight:900;
	font-size:20px;
	margin:0 0 20px;
}
.main-text p{
	font-size:16px;
	padding:0 35px;
}
.socials{
	text-align:center;
	padding-bottum: 20px;
	display:inline-block;
}
.socials i{
	font-size:20px;
	color:#666;
}