.accordion-slider {
	position:relative;
	margin-left:auto;
	margin-right:auto
}
.accordion-slider * {
	-webkit-tap-highlight-color:transparent
}
.as-mask {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden
}
.as-panels {
	position:absolute
}
.as-horizontal .as-panels {
	height:100%
}
.as-vertical .as-panels {
	width:100%
}
.as-panel {
	position:absolute;
	overflow:hidden
}
.as-overlap .as-panel {
	overflow:visible
}
.as-horizontal .as-panel {
	height:100%;
	width:auto
}
.as-vertical .as-panel {
	width:100%;
	height:auto
}
.as-shadow {
	-webkit-box-shadow:-5px 0 40px 1px #000;
	-mox-box-shadow:-5px 0 40px 1px #000;
	box-shadow:-5px 0 40px 1px #000
}
.as-background, .as-background-opened {
	border:0
}
.as-horizontal .as-background, .as-horizontal .as-background-opened {
	height:100%;
	width:auto
}
.as-vertical .as-background, .as-vertical .as-background-opened {
	width:100%;
	height:auto
}
.as-background-opened {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden
}
.as-layer {
	position:absolute;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-font-smoothing:subpixel-antialiased
}
.as-black {
	color:#FFF;
	background:#000;
	background:rgba(0,0,0,.7)
}
.as-white {
	color:#000;
	background:#fff;
	background:rgba(255,255,255,.7)
}
.as-rounded {
	border-radius:10px
}
.as-padding {
	padding: 15px 15px 12px;
    width: 100%;
}
.as-pagination-buttons {
	position:absolute;
	top:100%;
	width:100%;
	text-align:center;
	padding-top:10px
}
.as-pagination-button {
	width:10px;
	height:10px;
	border:1px solid #d5d5d5;
	border-radius:0%;
	margin:4px;
	display:inline-block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer
}
.as-pagination-buttons .as-selected {
	background-color:#d5d5d5
}
.as-has-buttons {
	margin-bottom:32px
}

.as-panel img.as-background.grayscale { 
margin:0 0 0 -150px !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)!important;
    -moz-filter: grayscale(100%)!important;
    -ms-filter: grayscale(100%)!important;
    -o-filter: grayscale(100%)!important;
    opacity: 0.7;
    transition: all 0.5s;
 }






.as-panel.as-opened img.as-background.grayscale { 
	opacity:1;
	margin:0 !important;
	filter: grayscale(0%)!important;
    -webkit-filter: grayscale(0%)!important;
    -moz-filter: grayscale(0%)!important;
    -ms-filter: grayscale(0%)!important;
    -o-filter: grayscale(0%)!important;
    filter: none!important;	
	
}
div.as-panel.as-opened .fa.fa-angle-right.pull-right {
    margin-left: 0;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
.as-pagination-button {
	width:14px;
	height:14px
}
.as-has-buttons {
	margin-bottom:36px
}
.as-horizontal .as-background, .as-horizontal .as-background-opened,
.as-horizontal .as-panel,
.as-horizontal .as-panels,
.as-mask,
div#example3 { height:300px !important;}
}
@media only screen and (min-width:568px) and (max-width:768px) {
.as-pagination-button {
	width:16px;
	height:16px
}
.as-has-buttons {
	margin-bottom:38px
}


.as-horizontal .as-background, .as-horizontal .as-background-opened,
.as-horizontal .as-panel,
.as-horizontal .as-panels,
.as-mask,
div#example3 { height:300px !important;}
}
@media only screen and (min-width:320px) and (max-width:568px) {
.as-pagination-button {
	width:18px;
	height:18px
}
.as-has-buttons {
	margin-bottom:40px
}
.as-horizontal .as-background, .as-horizontal .as-background-opened,
.as-horizontal .as-panel,
.as-horizontal .as-panels,
.as-mask,
div#example3 { height:250px !important;}
}
.as-selectable {
	cursor:default
}
.as-grab {
	cursor:url(images/openhand.cur), move
}
.as-grabbing {
	cursor:url(images/closedhand.cur), move
}
.as-no-js {
	overflow:hidden;
	max-width:100%
}
.accordion-slider img.as-layer {
	border:0
}
.accordion-slider .as-background, .accordion-slider .as-background-opened {
	max-width:none!important;
	max-height:none!important;
	border:0!important;
	border-radius:0!important;
	margin:0!important;
	padding:0!important;
	-webkit-box-shadow:none!important;
	-mox-box-shadow:none!important;
	box-shadow:none!important;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none
}
.accordion-slider a {
	position:static;
	transition:none!important;
	-moz-transition:none!important;
	-webkit-transition:none!important;
	-o-transition:none!important
}
.accordion-slider iframe, .accordion-slider object, .accordion-slider video, .accordion-slider embed, .accordion-slider canvas {
	max-width:none;
	max-height:none
}