@charset "utf-8";
/* CSS IMAGES */


@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#circle-shape-example { 
  font-family: Open Sans, sans-serif; 
  margin: 2rem; 
}
#circle-shape-example p { 
  line-height: 1.8; 
}
#circle-shape-example .curve { 
  width: 33%; height: auto;
  min-width: 150px;
  float: left;
  margin-right:2rem; 
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
}


/* Images  and shapes */  
.imgs
{
	border-radius:10px;
	padding-left:0px;
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
	display: block;
	margin-left: 100px;
	
	}
	
img.wrap 
{
	float: left;
	margin: 10px 10px 10px 10px;
	
}

/* CORNERS for ONE selected image */
#corners {
  border-radius: 25px;
  background: url(1.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}



/* CORNERS for ALL image on PAGE*/

img.c {
  border-radius: 35px;				/* Can us % as well*/
  float:left;
  margin:0 20px 0 0 ;				/* top (space) right (space) bottom (space) left [USE 'px' to activate]*/
}

/* BoxShdow for SELECTED image on PAGE*/
img.b
{ 

	border:2px solid #fff;
	border-radius:35px;
	float:left;  
	margin:0 20px 5px 0 ;
	-moz-box-shadow: 10px 10px 5px #ccc; 
	-webkit-box-shadow: 10px 10px 5px #ccc; 
	box-shadow: 10px 10px 5px #ccc; 
	-moz-border-radius:35px; 
	-webkit-border-radius:35px; 
	
}

img.a
{ 

	border:2px solid #fff;
	border-radius:35px;
	
	margin:0 20px 5px 0 ;
	-moz-box-shadow: 10px 10px 5px #ccc; 
	-webkit-box-shadow: 10px 10px 5px #ccc; 
	box-shadow: 10px 10px 5px #ccc; 
	-moz-border-radius:35px; 
	-webkit-border-radius:35px; 
	
}


img.r
{ 

	border:2px solid #fff;
	border-radius:35px;
	float:right;  
	margin:0 20px 5px 10px ;
	-moz-box-shadow: 10px 10px 5px #ccc; 
	-webkit-box-shadow: 10px 10px 5px #ccc; 
	box-shadow: 10px 10px 5px #ccc; 
	-moz-border-radius:35px; 
	-webkit-border-radius:35px; 
	
}

.mask1 {
  -webkit-mask-image: url(img/AE.jpg);
  mask-image: url(img/AE.jpg);
  -webkit-mask-size: 30%;
  mask-size: 30%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;    
}