.sa-wrapper {
	min-height: 100%;
	overflow: visible;
       // background: #f1f1f1;
}

.skin-block {z-index: 2 !important;}

input:focus, textarea:focus, button:focus {outline: 0;}


.jwlogo, .jwclick { display: none !important; }
.jwdisplay { background-color: #000;}
.jwplayer .jwpreview.jwuniform {
	top: -3%;
	left: -3%;
	width: 106%;
	height: 106%;
	background-size: cover !important;
	filter: blur(6px);
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
}

/* Grid Styles */
/* Layouts Styles */

.sa-layout-grid { padding: 15px; }

.sa-layout { position: relative; }
.sa-layout.withleft { padding-left: 300px; }
.sa-layout.withright { padding-right: 300px;}

.sa-layout.withleft.big { padding-left: 380px; }
.sa-layout.withright.big { padding-right: 380px;}

.sa-layout .sa-col-content { 
	width: 100%;
}

.sa-layout .sa-col-left {
	width: 300px;
	display: table-cell;
}
.sa-layout.big .sa-col-right {
	width: 380px;
	top: 0;
	right: 0;
	min-height: 100%;
	position: absolute;
}
.sa-layout.big .sa-col-left {
	width: 380px;
	top: 0;
	left: 0;
	min-height: 100%;
	position: absolute;
}
.sa-layout .sa-col-right {
	width: 300px;
	top: 0;
	right: 0;
	min-height: 100%;
	position: absolute;
}


/* Column Styles */
.sa-wrap {
	width: 100%;
	display: table;
	clear: both;
}

.sa-col {
	display: table-cell;
	position: relative;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sa-col.full { width: 100%; }
.sa-col.one-half { width: 50%; }
.sa-col.one-third { width: 33.333%; }
.sa-col.two-thirds { width: 66.666%; }
.sa-col.one-quarter { width: 25%; }
.sa-col.three-quarters { width: 75%; }


.sa-col.sa-sidebar{ width: 100%; }

/* Homepage Styles */
/* Recent game/portal news */
.recent-news-block {

}
	.recent-news-block .recent-news {
		
	}
		.recent-news-block .recent-news .news {
			position: relative;
			overflow: hidden;
			margin: 0px 0px 20px;
			padding: 0px 0px 0px 115px;
		}
		.recent-news-block .recent-news .news:first-child {
			padding: 0px;
		}
			.recent-news-block .recent-news .news .news-link {
				display: block;
			}
				.recent-news-block .recent-news .news .news-link .media {
					float: left;
					width: 100px;
					height: 100px;
					display: block;
					overflow: hidden;
					margin: 0px 0px 0px -115px;
				}
				.recent-news-block .recent-news .news:first-child .news-link .media {
					width: 100%;
					height: 220px;
					position: initial;
					margin: 0;
				}
				.recent-news-block .recent-news .news:first-child .news-link .media:before {
					content: "";
					position: absolute;
					display: block;
					bottom: 0;
					width: 100%;
					height: 180px;
					z-index: 0;
					background: transparent url(https://strikearena.ru/forums/public/style_images/sa/tmpl/img-pattern.png) repeat-x top;
				}
					.recent-news-block .recent-news .news:first-child .news-link .media img {
						width: 100%;
						height: auto;
					}
					.recent-news-block .recent-news .news .news-link .media img {
						height: 100%;
					}
					.recent-news-block .recent-news .news .news-link .media figcaption {
						bottom: 0;
						position: absolute;
						padding: 15px;
					}
						.recent-news-block .recent-news .news .news-link .media figcaption h3 {
							color: #fff;
							height: 32px;
							font-size: 16px;
							font-weight: bold;
							line-height: 21px;
						}
						.recent-news-block .recent-news .news .news-link .media figcaption p {
							display: block;
							color: #fff;
							font-size: 13px;
							line-height: 16px;
							margin: 0;
						}

					.recent-news-block .recent-news .news .news-link .body {

					}
						.recent-news-block .recent-news .news .news-link .body h3 {
							color: #000;
							font-weight: bold;
							font-size: 16px;
							margin: 0px 0px 5px;
						}
						.recent-news-block .recent-news .news .news-link .body p {
							color: #222;
							font-size: 13px;
							line-height: 16px;
						}
/* Recent slider news */
.recent-news-slider-block {
	
}
	.recent-news-slider-block .item-slider {
		position: relative;
		overflow: hidden;
		height: 350px;
		width: 840px;
		background-color: #11151d;
		padding: 0px 330px 0px 0px;
	}
	    .recent-news-slider-block .item-slider ul {
		
	    }
		.recent-news-slider-block .item-slider ul li {
			float: left;
			width: 840px;
			height: 350px;
			overflow: hidden;
		}
		.recent-news-slider-block .item-slider ul li .media {
			position: relative;
			overflow: hidden;
			height: 100%;
		}
			.recent-news-slider-block .item-slider ul li .media img {
				min-width: 100%;
				min-height: 100%;
			}
			.recent-news-slider-block .item-slider ul li .media .title {
				display: block;
				bottom: 0;
				left: 0;
				position: absolute;
				z-index: 9;
				color: #fff;
				margin: 10px;
				padding: 12px 25px;
				background: rgba(0, 0, 0, 0.7);
			}

	.item-slider-nav {
		top: 50%;
		width: 840px;
		display: block;
		position: absolute;
		height: 0;
		z-index: 9;
		background-color: #11151d;
	}
		.item-slider-nav .prev,
		.item-slider-nav .next {
			color: #fff;
			top: 50%;
			margin-top: -36px;
			padding: 25px 8px;
			line-height: 14px;
			background-color: rgba(0, 0, 0, 0.8);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}
		.item-slider-nav .prev:hover,
		.item-slider-nav .next:hover {
			background-color: rgba(232, 76, 61, 0.8);
		}
		.item-slider-nav .prev {

		}
		.item-slider-nav .next {

		}

	.item-slider-pager {
		top: 0;
		right: 0;
		width: 330px;
		display: block;
		position: absolute;
		height: 100%;
	}
	   .item-slider-pager a {
		display: block;
		height: 20%;
		position: relative;
		padding: 0px 20px 0px 80px;
		margin: -1px 0px 0px;
		border-bottom: 1px solid #252525;
	   }
	   .item-slider-pager a.selected {
		background-color: #e03800;
	   }
		.item-slider-pager span {
			width: 50px;
			height: 50px;
			left: 15px;
			top: 10px;
			display: block;
			overflow: hidden;
			position: absolute;
		}
			.item-slider-pager span img {
				height: 100%;
				margin: 0px 0px 0px -13px;
				box-shadow: rgba(0,0,0,0.55) 0 1px 3px, rgba(0,0,0,0.85) 0 0 0 1px inset,rgba(255,255,255,0.25) 0 2px 0 inset;
			}
		.item-slider-pager h3 {
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			padding: 15px 0px;
		}

	.item-slider-progress {
		top: 10px;
		left: 10px;
		width: 20px;
		height: 20px;
		position: absolute;
	}
		.item-slider-progress svg {
			width: 20px;
			height: 20px;
		}
		.item-slider-progress svg:nth-child(2) {
			position: absolute;
			left: 0;
			top: 0;
			transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
		}
			.item-slider-progress svg:nth-child(2) circle {
				fill: none;
				stroke-width: 20;
				stroke-dasharray: 629;
				stroke: #fff;
				stroke-linecap:round;
				-webkit-animation: load 8s;
				-moz-animation: load 8s;
				-o-animation: load 8s;
				animation: load 8s;
			}