/**
 * @author: Pavel Khoroshkov aka pgood
 */
 body{margin:0px;}
 /**
 * Created on : 08.11.2015, 16:16:38
 * @author    : Pavel Khoroshkov aka pgood
 */

.page-header{
	margin:0px;
}
.header-slider{
	margin:0px;
}
.header-slider figure{
	position:relative;
	text-align:center;
	width:100%;
	margin:0px;
	overflow:hidden;
	height:449px;
}
.header-slider figure img{
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width:100%;
	height:100%;
}
.header-slider > figure{
	visibility: hidden;
}
.header-slider > figure:first-child{
	visibility: visible;
}
.header-slider figure > figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	padding: 20px;
	color: #fff;
	text-align:left;
}
pre.prettyprint.prettyprinted{
	padding: 10px 20px;
	border: 1px solid #ccc;
	margin:0 0 40px;
}
.slider-buttons{
	margin: 0 0 40px;
}

@media all and (max-width: 760px){
    .header-slider figure{
		height: 360px;
		width: auto;
	}
}
@media all and (max-width: 480px){
    .header-slider figure{
		height: 240px;
		width: auto;
	}
}

.loopslider{
	position:relative;
	overflow:hidden;
}
.loopslider-body{
	position:relative;
}
.loopslider-item-wraper{
	display:inline-block;
}
.loopslider-fullscreen .loopslider-body,
.loopslider-fullscreen .loopslider-item-wraper,
.loopslider-fullscreen .loopslider-item-wraper > *{
	height: 100%;
}
.loopslider-pagination{
	display:none;
	text-align:center;
	margin: 10px 0;
}
.loopslider-page-nav-item{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:5px;
	background:#999;
	margin:0 5px;
	cursor:pointer;
}
.loopslider-page-nav-item.loopslider-active,
.loopslider-page-nav-item:hover{
	background:#777;
}
.loopslider-nav-button{
	cursor: pointer;
    height: 81px;
    width: 81px;
	position: absolute;
	fill: transparent; /* default nav buttons color */
}
.loopslider:hover .loopslider-nav-button{
	fill: #999;
}
.loopslider:hover .loopslider-nav-button:hover{
    fill: #fff;
}
.loopslider-nav-button > svg{
	width: 100%;
	height: 100%;
	background: inherit;
	fill: inherit;
	pointer-events: none;
	transform: translateX(0px);
}
.loopslider-prev-button{
	left:0;
}
.loopslider-next-button{
	right:0;
}
.loopslider-parallax-container{
	background-size: 100% auto;
	background-repeat: no-repeat;
}

@media (pointer:coarse){
	.loopslider .loopslider-nav-button{
		fill: #999;
	}
}

@media all and (max-width: 480px){
	.loopslider-nav-button{
		height: 64px;
		width: 64px;
	}
}