@charset "UTF-8";

/* [data-dsn=rStories].work-masonry .story-item:before,
[data-overlay]:before {
	content: '';
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0
}
 */
[data-overlay="0"]:before {
	opacity: 0
}

[data-overlay="1"]:before {
	opacity: 0.1
}

[data-overlay="2"]:before {
	opacity: 0.2
}

[data-overlay="3"]:before {
	opacity: 0.3
}

[data-overlay="4"]:before {
	opacity: 0.4
}

[data-overlay="5"]:before {
	opacity: 0.5
}

[data-overlay="6"]:before {
	opacity: 0.6
}

[data-overlay="7"]:before {
	opacity: 0.7
}

[data-overlay="8"]:before {
	opacity: 0.8
}

[data-overlay="9"]:before {
	opacity: 0.9
}

[data-overlay="10"]:before {
	opacity: 1
}

/* .cover-bg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
} */

.v-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.v-middle-horizontal {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.v-middle-vertical {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}


.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #fff
}

.preloader .preloader-before {
	top: 0
}

.preloader .preloader-after {
	bottom: 0
}

.preloader .percent {
	position: absolute;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 16px;
	color: #888;        /* #a56433 */
	top: -25px
}

.preloader .title {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	line-height: 0.9;
	letter-spacing: 10px;
	font-size: 42px;
}

.preloader .title .text-strok {
	color: transparent;
	-webkit-text-stroke: 1px #444       /* #fff */
}

.preloader .title .text-fill {
	color: #666;			/* #fff */
	position: absolute;
	left: 0;
	-webkit-clip-path: inset(100.09% 0% 0% 0%);
	clip-path: inset(100.09% 0% 0% 0%)
}

.preloader .preloader-bar {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	background: #fff       /* #1d1d1d */
}

.preloader .preloader-bar .preloader-progress {
	width: 0;
	height: 100%;
	background: #666    /* #a56433 */
}

.vipCont{
	max-width: 1500px !important;
}