p#cf7_controls {  text-align:center; float: left; color:gray;}
#cf7_controls span {  margin-right: 50px;  cursor:pointer; padding: 25px; }
#cf7_controls img {  width: 32px; height: 32px; border-radius: 100%; margin: 0px 5px 0px 0px; top: 10px;  position:relative; border: 2px solid #fff;}

.selected {  font-weight:bold; color:black;}

#cf7_controls span:hover { color:black;  }
#cf7 {
  position:relative;
  width:800px;
  height:532px;
  margin:0px auto 10px auto;
  float: left;
}
#cf7 img {
  position:absolute;
  border-radius: 1%;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#cf7 img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

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

p#cf7_controls {  text-align:left; }	
#cf7_controls span {  margin-right: 10px;   padding: 0px 0px 0px 0px; }

#cf7 {
  position:relative;
  width:100%;
  height:500px;
  margin:0px auto 10px auto;
  float: left;
  }  

#cf7 img {  width:100%;} 
	
	}
	

@media screen and (max-width: 767px) {
p#cf7_controls {  text-align:left; }	
#cf7_controls span {  margin-right: 10px;   padding: 0px 0px 0px 0px; }
#cf7_controls img {  width: 32px; height: 32px; border-radius: 100%; margin: 0px 5px 0px 0px; top: 10px;  position:relative; border: 2px solid #fff;}

#cf7 {
  position:relative;
  width: 350px;
  height:220px;
  margin:0px auto 10px auto;
  }  

#cf7 img {
  position:absolute;
  width:100%;
  border-radius: 1%;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}  
	
	}