/* ==========================================================================
   Навигация по экранам
   ========================================================================== */

main {height:100%;}

.site-slider {width:100%; height:100%; overflow:hidden; position:relative; background:#FFA023; z-index:1;}
.site-slider .site-slider-perspective {position:relative; width:100%; height:100%;}
.site-slider .site-slider-perspective .site-slide {display:block !important; width:100%; height:100%; position:absolute; top:0px; left:0px; visibility:hidden; overflow:hidden; z-index:1; opacity:0;}
.site-slider .site-slider-perspective .site-slide.current {visibility:visible; z-index:2; opacity:1;}
.site-slider .site-slider-perspective .site-slide.move-to-top {z-index:1000 !important;}
.site-slider .site-slider-perspective .site-slide.move-from-top {z-index:1000 !important;}

.site-slider-pager {position:absolute; top:50%; right:52px; z-index:10;}
.site-slider-pager .block {margin:30px 0px 0px 0px; width:14px; height:14px; border:3px solid rgba(255, 255, 255, 0.45); border-radius:50%; cursor:pointer;}
.site-slider-pager .block:first-child {margin-top:0px;}
.site-slider-pager .block.active {border-color:rgba(255, 255, 255, 0.80);}

main.icons-color .site-slider-pager .block {border-color:rgba(165, 123, 92, 0.45);}
main.icons-color .site-slider-pager .block.active {border-color:rgba(165, 123, 92, 0.80);}

.site-slider .site-slider-perspective {
	-webkit-perspective:1200px;
	        perspective:1200px;
	
	-webkit-transform-style:preserve-3d;
	        transform-style:preserve-3d;
}

.site-slider .site-slider-perspective .site-slide {
	-webkit-backface-visibility:hidden;
	        backface-visibility:hidden;
	
	-webkit-transform:translate3d(0,0,0);
	   -moz-transform:translate3d(0,0,0);
	    -ms-transform:translate3d(0,0,0);
	     -o-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
}

.site-slider .site-slider-perspective .site-slide.move-to-top {
	-webkit-animation:moveToTop .6s ease both;
	   -moz-animation:moveToTop .6s ease both;
	        animation:moveToTop .6s ease both;
}

.site-slider .site-slider-perspective .site-slide.move-from-top {
	-webkit-animation:moveFromTop .6s ease both;
	   -moz-animation:moveFromTop .6s ease both;
	        animation:moveFromTop .6s ease both;
}

.site-slider .site-slider-perspective .site-slide.scale-up {
	-webkit-animation:scaleUp .7s ease both;
	   -moz-animation:scaleUp .7s ease both;
	        animation:scaleUp .7s ease both;
}

.site-slider .site-slider-perspective .site-slide.scale-down {
	-webkit-animation:scaleDown .7s ease both;
	   -moz-animation:scaleDown .7s ease both;
	        animation:scaleDown .7s ease both;
}

.site-slider-pager {
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
}

.site-slider-pager .block {
	-webkit-transition:all 0.6s ease 0s;
	   -moz-transition:all 0.6s ease 0s;
	    -ms-transition:all 0.6s ease 0s;
	     -o-transition:all 0.6s ease 0s;
	        transition:all 0.6s ease 0s;
}

@-webkit-keyframes moveFromTop{
	from{
		-webkit-transform:translateY(-100%);
		   -moz-transform:translateY(-100%);
		    -ms-transform:translateY(-100%);
		     -o-transform:translateY(-100%);
		        transform:translateY(-100%);
	}
}

@keyframes moveFromTop{
	from{
		-webkit-transform:translateY(-100%);
		   -moz-transform:translateY(-100%);
		    -ms-transform:translateY(-100%);
		     -o-transform:translateY(-100%);
		        transform:translateY(-100%);
	}
}

@-webkit-keyframes moveToTop{
	to{
		-webkit-transform:translateY(-100%);
		   -moz-transform:translateY(-100%);
		    -ms-transform:translateY(-100%);
		     -o-transform:translateY(-100%);
		        transform:translateY(-100%);
	}
}

@keyframes moveToTop{
	to{
		-webkit-transform:translateY(-100%);
		   -moz-transform:translateY(-100%);
		    -ms-transform:translateY(-100%);
		     -o-transform:translateY(-100%);
		        transform:translateY(-100%);
	}
}

@-webkit-keyframes scaleUp{
	from{
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		     -o-transform:scale(0.8);
		        transform:scale(0.8);
	}
}

@keyframes scaleUp{
	from{
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		     -o-transform:scale(0.8);
		        transform:scale(0.8);
	}
}

@-webkit-keyframes scaleDown{
	to{
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		     -o-transform:scale(0.8);
		        transform:scale(0.8);
	}
}

@keyframes scaleDown{
	to{
		-webkit-transform:scale(0.8);
		   -moz-transform:scale(0.8);
		    -ms-transform:scale(0.8);
		     -o-transform:scale(0.8);
		        transform:scale(0.8);
	}
}

@media (max-width:767px) {
	
	.site-slider {width:auto; height:auto;}
	.site-slider .site-slider-perspective {width:auto; height:auto;}
	.site-slider .site-slider-perspective .site-slide {width:auto; height:auto; position:relative; top:auto; bottom:auto; left:auto; right:auto; visibility:visible; opacity:1;}
	
}