.swipe-wrapper{
    width:100%;
	position:relative;
}
.swipe-main{
    height:100px;
    border:solid 0px black;
    overflow:hidden;
    position:relative;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;

}
.swipe{
    height:100%;
    position:absolute;
    background-size:cover;
}
.swipe-pagination{
    text-align:center;
    margin-top:5px;
    color:#ebebeb;
}
.swipe-pagination-bullet{
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
}

.swipe-pagination-bullet:hover{
    color:#a7a7a7;
}

.swipe-pagination-bullet:before {
    font-family: FontAwesome;
    content: "\f1db";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.swipe-pagination-bullet.active:before {
    font-family: FontAwesome;
    content: "\f111";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    color:#a7a7a7;
}

.swipe-pagination-previous{
    display: inline-block;
    margin: 0 15px 0 0;
    cursor: pointer;
}

.swipe-pagination-previous:before {
    font-family: FontAwesome;
    content: "\f053";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.swipe-pagination-next{
    display: inline-block;
    margin: 0 0 0 15px;
    cursor: pointer;
}

.swipe-pagination-next:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.swipe-pagination-previous:hover, .swipe-pagination-next:hover{
    color:#a7a7a7;
}

.swipe-magnify{
	height:20px;
	width:20px;
	z-index:50;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}

.swipe-magnify-button:before {
    font-family: FontAwesome;
    content: "\f0b2";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    color:#333;
}

.swipe-magnify-button:before:hover {
    color:#000;
}

/* modal popup */
.swipe-modal{
	display:none;
	position:fixed;
	z-index:10000;
	padding-top:100px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.9);
}
.swipe-modal-content{
	margin:auto;
	display:block;
	max-width:90%;
	height:auto;
}
.swipe-modal-caption{
	margin:auto;
	display:block;
	width:90%;
	text-align:center;
	color:#ccc;
	padding:10px 0;
	height:150px;
}
/* animation */
.swipe-modal-content, .swipe-modal-caption{
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
/* close modal */
.swipe-modal-close{
	position:absolute;
	top:15px;
	right:35px;
	color: #f1f1f1;
	font-size:40px;
	font-weight:bold;
	transition:0.3s;
}
.swipe-modal-close:hover,.swipe-modal-close:focus{
	color:#bbb;
	text-decoration:none;
	cursor:pointer;
}