#console {
  margin-top: 20px;
  overflow: auto;
}
#mySwipe div b, #mySwipe2 div b, #mySwipe3 div b, #mySwipe4 div b, #mySwipe5 div b, #mySwipe6 div b, #mySwipe7 div b {
  display:block;
  font-weight:bold;
  color: #000;
  font-size:20px;
  text-align:center;
  margin:10px;
  padding:200px 10px;
  box-shadow: 0 1px #EBEBEB;
  background: #fff;
  border-radius: 3px;
  border: 1px solid;
  border-color: #E5E5E5 #D3D3D3 #B9C1C6;
  width:790px;
}
.swipe {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1580px;
  	overflow: hidden;
  	visibility: hidden;
  	position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  position: relative;
}
.swipe-wrap img{
  width: 100%;
  height: auto;
}
.swipe-wrap p{ /*Image Captions*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
  position: relative;
  font-size: 14px;
  float: left;
  width: 100%;
  min-height: 30px;
  line-height: 20px;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  background-color: rgba(38, 38, 38, 0.9);
  background-image: url(../images/noise.png);
}
.swipe-wrap p span{ /*Image Captions*/
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	 font-size: 14px;
 
}
#style01 .swipe-wrap p{
  color: #b8b8b8;
}
#style02 .swipe-wrap p{
  color: #b8b8b8;
}
#style02-lastpage .swipe-wrap p{
  color: #b8b8b8;
}
.swipe-wrap p:before{
	  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  margin-left: -25px;
  background-image: url(../images/info.png);
	background-repeat: no-repeat;	
	background-size: 100%;
	margin-right: 10px;
}
.swipe-buttons {
	text-align:center;
	padding-top:20px;
}
#style01 .prev, #style01 .next, #style02 .prev, #style02 .next{
	background-image: url(../images/arrow-previous-black.png);
	background-repeat: no-repeat;	
	background-size: 20px;
	border: 0px;
	width:20px;
	height: 33px;	
	background-color:transparent;
	margin-right: 0px;
	outline: none; /*removes blue outline on click*/
    border: none; /*removes blue outline on click*/
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	
}
#style01 .next:hover, #style02 .next:hover {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width: 30px;
	margin-right: -10px;
	margin-left: 10px;
}
#style01 .prev:hover, #style02 .prev:hover {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width: 30px;
	margin-left: -10px;
	
	
}
#style01 .next, #style02 .next  {
	background-image: url(../images/arrow-next-black.png);
	background-position:top right;	
	margin-left: 10px;
	margin-right: 0px;
	
}
#style02 .prev, #style02 .next{
	background-image: url(../images/arrow-previous-white.png);
}
#style02 .next  {
	background-image: url(../images/arrow-next-white.png);
	background-position:top right;	
}


.swipe-info {/*hidden on desktop browsers !MOBILE ONLY!*/
	display: none;
	text-align:center;
	margin-bottom: 10px;
	height: 57px;
	width: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/swipe-dark.png);
	background-size: 100%;
}
#style02 .swipe-info {/*hidden on desktop browsers !MOBILE ONLY!*/
	background-image:url(../images/swipe.png);
}
.swipe-wrap a {
	width: 40px;
	height: 40px;
	display:block;
	position:absolute;
	right: 0px;
	z-index: 2000;
	background-image: url(../images/link-white.png);
	background-repeat: no-repeat;
	background-size: 80%;
	background-color: #dc5646;
	background-position: 4px 3px;
	border-radius: 15px 0px 15px 15px;
	-webkit-transition: border-radius 0.25s ease-out;
	-moz-transition: border-radius 0.25s ease-out;
	-o-transition: border-radius 0.25s ease-out;
	transition: border-radius 0.25s ease-out;	
}
.swipe-wrap span a{
	background-image: url(../images/link-zoom.png);	
}
.swipe-wrap a:hover {
	background-color: #cc302f;
	border-radius: 5px 0px 5px 5px;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;	
	
		
}
/*@media (max-width: 990px){
 .swipe {
	width:790px;
  
}
}
@media (max-width: 790px){
 .swipe {
	width:100%;
  
}
}*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/*.swipe {
	width:100%;
  
}*/
	.swipe-buttons {
	display: none;
}
.swipe-info {
	/*display: block;*/
}
.swipe-wrap p{
	padding-left: 20px;
	min-height: 20px;
  font-size: 11px;
  line-height: 14px;
}
.swipe-wrap p:before{
  height: 15px;
  width: 15px;
  margin-left: -17px;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/*.swipe {
	width:100%;
  
}*/
.swipe-buttons {
	display: none;
}
.swipe-info {
	/*display: block;*/
}
}