.slider-gallery .arrow {
    cursor: pointer;
    display: block;
    height: 64px;
    margin-top: -35px;
    outline: medium none;
    position: absolute;
    top: 50%;
    width: 64px;
    z-index: 5;
}

.slider-gallery .arrow i {
	font-size: 65px;
	line-height: 65px;
}
.slider-gallery .arrow.prev {
    left: 20px;
    opacity: 0.2;
    transition: all 0.2s linear 0s;
}
.slider-gallery .arrow.next {
    opacity: 0.2;
    right: 20px;
    transition: all 0.2s linear 0s;
}
.slider-gallery .arrow.prev:hover{
    opacity:1;
}
.slider-gallery .arrow.next:hover{
    opacity:1;
}

.slider-gallery .nav {
    padding: 1em 0 0.8em;
    text-align: center;
    z-index: 5;
}
.slider-gallery .nav li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px;
    position: relative;
    width: 50px;
	opacity: 0.4;
}
.slider-gallery .nav li span.nav-video {
    position: absolute;
	left: 50%;
	margin-left: -14px;
	top: 50%;
	margin-top: -11px;
}
.slider-gallery .nav li span.nav-video i.fa {
	font-size: 22px;
	line-height: 22px;
}
.slider-gallery .nav li:hover {
	opacity: 0.8;
}
.slider-gallery .nav li.active {
    opacity: 1;
}
.slider-gallery .nav li img {
    width: 100%;
}

.slider-gallery {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.slide {
	width: 100%;
	height: 360px;
}
.slide img {
	max-height: 350px;
}
.slide.ng-hide-add {
    opacity:1;

    -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    -o-transition:1s linear all;
    transition:1s linear all;

    -webkit-transform: rotateX(50deg) rotateY(30deg);
    -moz-transform: rotateX(50deg) rotateY(30deg);
    -ms-transform: rotateX(50deg) rotateY(30deg);
    -o-transform: rotateX(50deg) rotateY(30deg);
    transform: rotateX(50deg) rotateY(30deg);

    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    transform-origin: right top 0;
}
.slide.ng-hide-add.ng-hide-add-active {
    opacity:0;
}
.slide.ng-hide-remove {
    -webkit-transition:1s linear all;
    -moz-transition:1s linear all;
    -o-transition:1s linear all;
    transition:1s linear all;

    display:block!important;
    opacity:0;
}
.slide, .slide.ng-hide-remove.ng-hide-remove-active {
    opacity:1;
}

.video-counter {
	float: left; width: 128px; height: 80px; color: #fff;margin-right: 3px;
}
.video-counter:hover {
	color: #fff;
}

.video-counter i.fa {
	font-size: 36px; line-height: 36px; margin-top: 10px; margin-bottom: 6px;
}


@media (max-width: 900px) {
    .slider-gallery .slider {
        height: 312px;
        width: 500px;
    }
    .slider-gallery .slider .slide {
        width: 100%;
    }
}
@media (max-width: 550px) {
    .slider-gallery .slider {
        height: 188px;
        width: 300px;
    }
    .slider-gallery .slider .slide {
        width: 100%;
    }
    .slider-gallery .nav {
        height: 28px;
    }
    .slider-gallery .nav li {
        border: 3px solid #AAAAAA;
        border-radius: 3px;
        height: 15px;
        width: 25px;
    }
}