@font-face {
	font-family: pobeda-b;
	src: url("../fonts/pobeda-bold.ttf");
}
@font-face {
	font-family: pobeda-r;
	src: url("../fonts/pobeda-regular.ttf");
}
body {
	position: relative;
	min-width: 1260px;
}
nav {
	background: url(../img/navbg.png) no-repeat bottom;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.leftside, .rightside {
	width: calc(50% - 236px);
	position: relative;
}
.leftside .citylist {
    width: 280px;
	position: absolute;
	right: 270px;
	top: 26px;
	text-align: left;
	padding: 8px 21px 10px 21px;
	display: none;
	flex-wrap: wrap;
    -webkit-box-shadow: 0px 8px 8px 0px rgba(99,99,99,0.52);
    -moz-box-shadow: 0px 8px 8px 0px rgba(99,99,99,0.52);
    box-shadow: 0px 8px 8px 0px rgba(99,99,99,0.52);
    background: url(../img/listbg.jpg) repeat;
}

.maincityselect {
    position: relative;
    cursor: pointer;
}

.leftside .citylist p {
	font-family: pobeda-b;
	font-size: 1.8em;
	line-height: 1.5;
}

.leftside .citylist a {
    font-size: 1.8em;
    margin-bottom: 15px;
}

.leftside .citylist p:first-child {
	margin-bottom: 30px;
	color: #9e0100;
}

.leftside .citylist-display {
    display: block;
}

.citylist-2 {
	width: 250px;
	position: absolute;
	left: calc(50% - 125px);
	right: 315px;
	top: 0;
	text-align: center;
	padding-bottom: 15px;
	display: none;
	z-index: 99;
	-webkit-box-shadow: 0px 8px 8px 0px rgba(99,99,99,0.52);
    -moz-box-shadow: 0px 8px 8px 0px rgba(99,99,99,0.52);
    box-shadow: 0px 8px 8px 0px rgba(99,99,99,0.52);
    background: url(../img/listbg.jpg) repeat;
}

.citylist-2 p {
	font-family: pobeda-b;
	font-size: 1.4em;
	line-height: 1.5;
	margin-bottom: 10px;
}
.citylist-2 p:first-child {
	margin-bottom: 30px;
	font-size: 1.4em;
}

.citylist-2 p a {
    text-decoration: none;
    color: #000;
    transition: 300ms;
}

.citylist-2 p a:hover {
    color: #9c0001;
    transition: 300ms;
}

a.center {
	width: 472px;
	height: 169px;
	display: block;
	background: url(../img/logobg.png) no-repeat top;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 15px;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
}
.center h1 {
	font-family: pobeda-b;
	font-size: 5.4em;
	text-align: center;
	line-height: 0.8;
	margin-left: 10px;
	color: #000;
}
.logohead {
	padding-top: 25px;
	transition: 300ms;
}
.logohead_active {
    padding-top: 10px;
    transition: 300ms;
}
.logohead span {
    color: #9c0001;
}
.logomotto {
	opacity: 0;
	transition: 200ms;
	font-family: calibri;
	font-size: 1.7em;
	color: #000;
	left: 70px;
	top: 90px;
	text-align: center;
	position: absolute;
}
.logomotto_active {
    opacity: 1;
    transition: 500ms;
}
nav div {
	padding-top: 40px;
	box-sizing: border-box;
}
.leftside {
	text-align: right;
}
.leftside a:last-of-type {
    margin-right: 40px;
}
.rightside a {
	font-size: 1.8em;
	font-family: pobeda-b;
	color: #000;
	text-decoration: none;
	margin-right: 50px;
	position: relative;
}
.rightside a:last-child {
    color: #9c0001;
}
.rightside a:first-child {
	margin-left: 40px;
}
.leftside a {
	font-size: 1.8em;
	font-family: pobeda-b;
	color: #000;
	text-decoration: none;
	margin-right: 50px;
	position: relative;
}
.leftside p {
    display: inline;
	font-size: 1.8em;
	font-family: pobeda-b;
	color: #000;
	margin-right: 50px;
	position: relative;
}
.leftside a:first-child {
    color: #9c0001;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav a:hover,
nav a:focus {
	outline: none;
}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
	padding: 0 0 5px;
}
.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: calc(100% - 3px);
	height: 1px;
	background: #000;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.leftside.cl-effect-4 a:first-child::after,  .rightside.cl-effect-4 a:last-child::after{
    background: #9c0001;
}


.leftside  .citytemp {
    color: #9c0001;
}

/* шапка для маленьких экранов */
@media (max-width: 1700px) {
    nav {
        height: 125px;
    }
    nav div {
        padding-top: 30px;
    }
    a.center {
        width: 350px;
        height: 125px;
    }
    .center h1 {
        font-size: 4em;
    }
    .logohead {
        padding-top: 18px;
    }
    .logohead_active {
        padding-top: 10px;
    }
    .logomotto {
        font-size: 1.25em;
        left: 53px;
        top: 70px;
    }
    .rightside a, .leftside a {
        font-size: 1.4em;
    }
    .leftside a {
        margin-right: 25px;
    }
    .rightside a {
        margin-right: 30px;
    }
    .leftside .citytemp {
        font-size: 1.4em;
    }
    .leftside p {
        margin-right: 30px;
    }
    .leftside, .rightside {
        width: calc(50% - 175px);
    }
    
    .leftside .citylist a {
    margin-bottom: 10px;
}
    
.leftside .citylist {
    width: 220px;
    top: 18px;
}
    
    .leftside .citylist p, .leftside .citylist a {
font-size: 1.4em;
    }
}







/* .logo_cont {
	width: 100%;
	height: 65px;
	overflow: hidden;
	padding-top: 20px;
	transition: 300ms;
	display: block;
	text-decoration: none;
	color: #000;
	}
	.logo_cont_active {
	padding-top: 0;
	transition: 300ms;
} */
.mainbanner {
	width: 100%;
	height: calc(100vh + 45px);
	position: relative;
	overflow: hidden;
}
.mainimg {
    margin-top: 70px;
    height: calc(100vh - 110px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainbanner_bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 153px;
	background: url(../img/navbgflip.png) no-repeat bottom;
}
.sloganblock {
	width: 56vw;
	height: 20vw;
	background: url(../img/sloganbg.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.sloganblock img {
    width: 100%;
    height: auto;
}
.deco-1 {
	width: 100%;
	height: 19px;
	background: url(../img/deco-1.png) repeat-x;
}
.deco-2 {
	width: 100%;
	height: 22px;
	background: url(../img/deco-2.png) repeat-x;
}
.choosequest-1 {
	height: 157px;
	width: 339px;
	background: url(../img/arrowdown.png) no-repeat center 73px, url(../img/mainbotbg.png) no-repeat top;
	margin-left: calc(50% - 165px);
	cursor: pointer;
	text-align: center;
	padding-top: 35px;
	background-size: border-box;
	color: #000;
}
.choosequest-1:hover {
    color: #9c0001;
    background: url(../img/arrowdown_hover.png) no-repeat center 73px, url(../img/mainbotbg.png) no-repeat top;
}
.choosequest-1 p {
    font-family: pobeda-b;
    font-size: 1.9em;
}
.questis {
	width: 100%;
	padding-top: 70px;
	background: url(../img/papertexture_2.jpg);
}
.questis hr, .questlist hr {
	border: transparent;
	display: inline-block;
	width:50%;
	height: 1px;
	box-shadow: 0 2 1px #fff;
	float: left;
}
.questis hr.left {
	background-image: -moz-linear-gradient(left, rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: -o-linear-gradient(left,  rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: -webkit-linear-gradient(left, rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: -ms-linear-gradient(left,  rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: linear-gradient(left, rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	margin-bottom: 0;
}
.questis hr.right {
	background-image: -moz-linear-gradient(right, rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: -o-linear-gradient(right,  rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: -webkit-linear-gradient(right, rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: -ms-linear-gradient(right,  rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	background-image: linear-gradient(right,  rgba(194,194,194,0.1) 0%, rgba(194,194,194,1) 100%);
	margin-bottom: 0;
}
.questis hr.left2 {
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: -o-linear-gradient(left,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: -ms-linear-gradient(left,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	margin-top: 0;
}
.questis hr.right2 {
	background-image: -moz-linear-gradient(right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: -o-linear-gradient(right,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: -ms-linear-gradient(right,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	background-image: linear-gradient(right,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
	margin-top: 0;
}
.questis_cont {
	width: 1200px;
	margin: 10px auto 0 auto;
	display: flex;
	padding-bottom: 50px;
}
.questishrcont {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.questis_cont .is:nth-child(1), .questis_cont .is:nth-child(5) {
	width: 15%;
}
.questis_cont .is:nth-child(2), .questis_cont .is:nth-child(3), .questis_cont .is:nth-child(4) {
	width: 23%;
}
.is_b1 {
	width: 100%;
	height: 280px;
	margin-bottom: 8px;
}
.is_b2 {
	width: 100%;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	overflow-y: hidden;
	position: relative;
}
.is_b2 p {
	font-size: 1.5em;
	font-family: pobeda-b;
	color: #000;
	line-height: 1.2;
	cursor: default;
}
.is_b2 p:last-child {
    color: #6b0100;
}
.expander {
	position: relative;
	margin-top: -11px;
	transition: 300ms;
}
.expander_active {
	margin-top: -67px;
	transition: 300ms;
}
#is1 {
	background: url(../img/tower.png) no-repeat center;
	background-size: 75%;
	transition: 300ms;
}
#is1.is_b1_active {
	background: url(../img/tower_hover.png) no-repeat center;
	background-size: 75%;
	transition: 300ms;
}
#is2 {
	background: url(../img/book.png) no-repeat center;
	background-size: 90%;
	transition: 300ms;
}
#is2.is_b1_active {
	background: url(../img/book_hover.png) no-repeat center;
	background-size: 90%;
	transition: 300ms;
}
#spexp1 {
	padding-left: 15px;
}
#spexp2 {
	padding-left: 4px;
}
#is3 {
	background: url(../img/street.png) no-repeat center;
	background-size: 90%;
	transition: 300ms;
}
#is3.is_b1_active {
	background: url(../img/street_hover.png) no-repeat center;
	background-size: 90%;
	transition: 300ms;
}
#is4 {
	background: url(../img/map.png) no-repeat center;
	background-size: 90%;
	transition: 300ms;
}
#is4.is_b1_active {
	background: url(../img/map_hover.png) no-repeat center;
	background-size: 90%;
	transition: 300ms;
}
#is5 {
	background: url(../img/cup.png) no-repeat center;
	transition: 300ms;
}
#is5.is_b1_active {
	background: url(../img/cup_hover.png) no-repeat center;
	transition: 300ms;
}
h2 {
	font-size: 4.6em;
	font-family: pobeda-b;
	color: #000;
	text-align: center;
}
.advantages {
	width: 100%;
	padding-top: 95px;
	padding-bottom: 15px;
	background: url(../img/papertexture_2.jpg);
}
.advantages_cont {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	display: flex;
}

.single_adv_1 {
    display: none;
}

@media (min-width: 1500px) {
    .advantages_cont {
        width: 1400px;
    }
    
.single_adv_1 {
    display: block;
    }
}

.single_adv {
	text-align: center;
	width: 20%;
	cursor: default;
}
.single_adv p {
	font-family: calibri;
	font-size: 1.1em;
}
.single_adv p:first-child {
    font-weight: bold;
    font-size: 1.1em;
}
.single_adv_hover {
    color: #6f0100;
}
.single_adv img {
	margin-top: 25px;
	margin-bottom: 20px;
}
.questlist {
	padding-top: 70px;
	display: inline-block;
	width: 100%;
	background: url(../img/papertexture.jpg);
}
.citycont {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: pointer;
}

.questlist hr, .reviews hr {
	background: #e5e5e5;
	width: 100%;
	height: 1px;
	margin-top: 60px;
	margin-bottom: 50px;
	border: none;
}
.reviews hr {
    margin-bottom: 25px;
}
.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #7d7d7d;
    background: none;
    height: 8px;
    width: 8px;
    margin: 3px 5px;
}
.owl-theme .owl-dots .owl-dot.active span  {
    background: #6f0100;
    border: 1px solid #6f0100;
}
.owl-theme .owl-dots .owl-dot.active:hover {
    cursor: default;
}
.reviews .owl-dots {
    margin-top: 70px!important;
}
#hr2 {
    margin-bottom: 1px;
}
#hr3 {
    margin-top: 1px;
    margin-bottom: 77px;
}

.questlist p.city {
	font-family: pobeda-b;
	font-size: 1.3em;
	text-align: center;
	margin-top: 30px;
	transition: 300ms;
}

.questlist p.city span {
	font-size: 1.5em;
}

.questlist p.city:hover {
    color: #6b0100;
    transition: 300ms;
}


.filter_cont {
	text-align: center;
	margin: 50px auto 0px auto;
	position: relative;
	width: 934px;
	vertical-align: middle;
	font-size: 1.2em;
}
.genres {
    display: inline-block;
    margin:0;
    position: relative;
}
.genres button:hover, a.button.available:hover, a.button.all_quests:hover {
    color: #6b0100;
}
a.button.available.filter_cont_active:hover, a.button.all_quests.filter_cont_active:hover, button.genres_lbl.filter_cont_active:hover {
    color: #fff;
}
.all_quests {
    border-radius: 3px 0 0 3px;
}
.filter_cont button, .filter_cont .button {
	width: 308px;
	line-height:50px;
	background: #c8c8c8;
	border: none;
	display:inline-block;
	text-decoration: none;
	color: #000;
	font-family: calibri;
	font-size: 1em;
}
button.filter_cont_active, .button.filter_cont_active {
	background: #6b0100;
	color: #fff;
}
.genrelist {
	width: 308px;
	background: #c8c8c8;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 99;
	display: none;
}
.genrelist a {
	background: #c8c8c8;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid #fff;
	font-family: calibri;
	display: block;
	text-decoration: none;
	color: #282828;
}
.genrelist a:hover {
    color: #6b0100;
}
.genres_lbl {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 3px 3px 0;
}
.rotarrow {
    height: 7px;
    width: 12px;
    background: url(../img/rotarrow.png) no-repeat 0 0;
    position: absolute;
    top: 23px;
    right: 65px;
    transform: rotate(0deg);
    transition: 300ms;
}
.rotarrow-active {
    transform: rotate(180deg);
    transition: 300ms;
    background: url(../img/rotarrow-active.png) no-repeat 0 0;
}
.genrelist p a {
    text-decoration: none;
    color: #000;
}
.questlist_cont {
	width: 1200px;
	margin: 97px auto 5px auto;
	display: flex;
	flex-wrap: wrap;
}
.questcover {
	display: block;
	position: relative;
	width: calc(50% - 10px);
	height: 350px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: none;
}
.questcover:nth-child(2n+1) {
	margin-left: 0;
}
.questcover:nth-child(1) {
	margin-top: 0;
}
.questcover:nth-child(2) {
	margin-top: 0;
}
.questcover_pic {
	width: 100%;
	height: 250px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.advertised .questcover_pic {
    height: 350px;
}

.questcover_pic_shadow {
    padding-top: 25px;
    padding-left: 25px;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.68) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.68) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.questcover_pic_shadow p {
    font-family: calibri;
    font-size: 1.1em;
    color: #fff;
}

.questcover_pic img {
    position: absolute;
    left: 20px;
    top: 80px;
    max-width: 150px;
    max-height: 80px;
}

.questcover_desc {
	width: 100%;
	background: #000;
	position: absolute;
	z-index: 3;
	padding: 6px;
	box-sizing: border-box;
}
.questcover_desc_inside {
	width: 100%;
	height: 88px;
	border: 1px solid #808080;
	box-sizing: border-box;
	padding: 7px 25px 7px 25px;
	transition: 500ms;
	-webkit-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
	-moz-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
}
.questcover_desc_inside_active {
    height: 338px;
	transition: 500ms;
	-webkit-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
	-moz-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
}
.questcover_desc_inside_b {
    opacity: 1;
    transition: 500ms;
    cursor: default;
}
.questcover_desc_inside_b_active {
    opacity: 0;
    transition: 500ms;
}
.questcover_desc_inside p {
	font-family: calibri;
	color: #808080;
	font-size: 1.1em;
	line-height: 1.4;
}
.questcover_desc_inside p:first-child {
	color: #fff;
}
.questcover_desc_inside .tags {
    padding-left: 25px;
    background: url(../img/heartgrey.png) no-repeat left;
}
.questcover_desc_inside p span {
	margin-left: 25px;
}
.questcover_desc_inside p span.desc-place {
	background: url(../img/startpoint.png) no-repeat left;
	margin-left: 0;
	padding-left: 25px;
}
.desc-time {
	background: url(../img/time.png) no-repeat left;
	padding-left: 30px;
}
.desc-players {
	background: url(../img/people.png) no-repeat left;
	padding-left: 30px;
}
.advertised .desc-time {
    display: none;
}
.questbut_cont {
	width: 100%;
	background: black;
	position: absolute;
	bottom: 40px;
	transition: 400ms;
	left: 0;
	z-index: 2;
	-webkit-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
	-moz-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
}
.questbut_cont_active {
	bottom: 94px;
	transition: 400ms;
	-webkit-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
	-moz-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
}
.questbut_cont button {
	width: calc(50% - 11px);
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	font-family: calibri;
}
.questbut_cont button:first-child {
	margin: 6px;
}
.questbut_cont button:last-child {
	margin: 6px 0px 6px 0px;
}

.passivemode {
	background: #000;
	border: 1px solid #808080;
	color: #fff;
}

.activemode {
	background: #fff;
	border: 1px solid #fff;
	color: #000;
}

/* .questbut_cont button:last-child {
	margin: 6px 0px 6px 0px;
	background: #000;
	border: 1px solid #808080;
	color: #fff;
	background: #fff;
	border: 1px solid #fff;
} */
.questcover_pic h3 {
	font-size: 2.5em;
	font-family: pobeda-b;
	color: #fff;
	margin-bottom: 3px;
}
.questcover_2 .questcover_pic h3 {
    color: #000;
}
.sale {
	height: 186px;
	width: 186px;
	position: absolute;
	top: -1px;
	right: -1px;
}
.sale0 {
	background: url(../img/sale0.png) no-repeat center;
}
.sale15 {
	background: url(../img/sale15.png) no-repeat center;
}
.sale20 {
	background: url(../img/sale20.png) no-repeat center;
}
.sale25 {
	background: url(../img/sale25.png) no-repeat center;
}
.sale50 {
	background: url(../img/sale50.png) no-repeat center;
}
.sale75 {
	background: url(../img/sale75.png) no-repeat center;
}
.salebonus {
	background: url(../img/sale-bonus.png) no-repeat center;
}
.spareblock {
	background: url(../img/sparelogo.png) no-repeat center;
	display: none;
}
.reviews {
	position: relative;
	background: url(../img/papertexture.jpg);
	padding-bottom: 75px;
	border-bottom: 1px solid #e5e5e5;
}
.reviews .swiper-slide {
	background: url(../img/apost.png) no-repeat center 30px;
}
.reviews_slide {
    padding-top: 73px;
    background: url(../img/apostrophe.png) no-repeat top center;
}

.reviews_slide a {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

.reviews_not {
	font-family: calibri;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.2;
	padding-left: 50px;
	padding-right: 50px;
}
.reviews_photo {
	height: 150px;
	width: 150px;
	margin: 63px auto 18px auto;
	border-radius: 50%;
}
.reviews_name, .reviews_soc {
	font-family: calibri;
	font-size: 1.1em;
	text-align: center;
	line-height: 1.15;
	color: #808080;
}

.reviews-active {
    text-decoration: underline;
}

#rev_1 {
	background: url(../img/facesample.jpg) no-repeat center;
	background-size: cover;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border: 2px solid #5e5e5e;
	box-sizing: border-box;
	background: #fdfdfd;
}
.swiper-pagination-bullet-active {
	background: #5e5e5e;
}
button.feedback {
	background: none;
	border: 1px solid #7d7d7d;
	color: #7d7d7d;
	padding: 11px 20px 11px 20px;
	margin-left: calc(50% - 100px);
	margin-top: 60px;
	font-size: 1em;
}
button.feedback:hover {
    border: 1px solid #6f0100;
    color: #6f0100;
}
.button.choosequest-2 {
	border: none;
	width: 342px;
	height: 124px;
	box-sizing: border-box;
	display: block;
	padding-top: 60px;
	padding-bottom: 40px;
	background: url(../img/arrowup_b.png) no-repeat center 30px, url(../img/chose.png) no-repeat center;
	margin-left: calc(50% - 171px);
	font-family: pobeda-b;
	font-size: 1.8em;
	text-decoration: none;
	text-align: center;
	color: #000;
	transition: 300ms;
	cursor: pointer;
}
.button.choosequest-2:hover {
    background: url(../img/arrowup.png) no-repeat center 30px, url(../img/chosehover.png) no-repeat center;
    color: #fff;
    transition: 300ms;
}
footer {
	width: 100%;
	background: #000;
	display: flex;
}
footer .b1 {
	width: 205px;
	position: relative;
}
footer .b2 {
	width: calc(100% - 415px);
	padding-top: 40px;
	padding-bottom: 25px;
	text-align: center;
}
footer .b2 ul {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}
footer .b2 ul li {
	list-style-type: none;
	margin-left: 25px;
}
footer .b2 ul li a {
	font-family: calibri;
	text-decoration: none;
	color: #fff;
}
footer .b2 ul li:first-child {
    margin-left: 0;
}
footer .b2 ul li a:hover {
    color: #9c0001;
}
footer .b2 p {
    color: #787878;
    text-align: center;
    font-family: calibri;
    font-size: 0.9em;
    margin-top: 15px;
    margin-bottom: 15px;
}
.footerlogo {
	display: block;
	height: 104px;
	width: 335px;
	background: url(../img/footerlogo.png) no-repeat center;
	margin-left: auto;
	margin-right: auto;
}
.b3 a.footerlogo_hover {
    color: #9e0100;
}
footer .b3 {
	width: 210px;
	padding-right: 30px;
	padding-top: 45px;
	box-sizing: border-box;
}

.private {
    color: #787878;
    text-align: center;
    font-family: calibri;
    font-size: 0.9em;
    text-decoration: none;
    border-bottom: 1px solid #787878;
}

.private:hover {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.b3 a {
	display: block;
	text-align: right;
	text-decoration: none;
	font-family: calibri;
	font-size: 1em;
	color: #787878;
	padding-top: 130px;
	background: url(../img/footerowl.png) no-repeat right top;
}
.footersoc {
	display: block;
	position: absolute;
	height: 46px;
	width: 46px;
	border-radius: 50%;
}
.footervk {
	background: url(../img/vkico_b.png) no-repeat center, #fff;
	left: 30px;
	top: 65px;
}
.footervk:hover {
	background: url(../img/vkico_b.png) no-repeat center, #9e0100;
}
.footerfb {
	background: red;
	left: 80px;
	top: 100px;
}
.footerinsta {
	background: url(../img/instaico_b.png) no-repeat center, #fff;
	left: 30px;
	top: 135px;
}
.footerinsta:hover {
	background: url(../img/instaico_b.png) no-repeat center, #9e0100;
}
.stdbanner {
	width: 100%;
	height: 35vw;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
}

.stdbanner_bottom {
    position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5vw;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */
}

.cntbanner {
	background: url(../img/cntbanner.jpg) no-repeat top;
	-webkit-background-size: cover;
}
.gallerybanner {
	background: url(../img/gallerybanner.jpg) no-repeat top;
	-webkit-background-size: cover;
}

.personalpage {
    background: #f2f3f5;
    padding-bottom: 23px;
}

.stdbanner h1 {
	font-family: pobeda-b;
	font-size: 7em;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
}
.profile_cont {
	width: 1200px;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 74px;
	position: relative;
}
.profile_cont .b1 {
	width: 255px;
	float: left;
	padding-right: 30px;
}
.profile_cont .b2 {
	width: calc(100% - 255px);
	float: left;
}
.myphoto {
	height: 212px;
	width: 212px;
	background: #000;
	border: 40px solid #cacbcc;
	border-radius: 50%;
}
.myname {
	font-family: pobeda-b;
	font-size: 5em;
}
.mymail {
	font-family: calibri;
	font-size: 1.1em;
	color: #797979;
}
.countblock {
	position: absolute;
	right: 0;
	top: 0;
}
.counthead {
	font-family: calibri;
	font-size: 1.1em;
	color: #797979;
	text-align: right;
}
.count {
	text-align: right;
	font-family: pobeda-b;
	font-size: 5em;
	color: #9c0001;
}
.bonusmeter {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	margin-top: 60px;
}
.thermo {
	height: 7px;
	width: calc(100% - 25px);
	background: rgb(160,160,160); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(160,160,160,1) 0%, rgba(127,127,127,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(160,160,160,1) 0%,rgba(127,127,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(160,160,160,1) 0%,rgba(127,127,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-9 */
	margin-top: 8px;
	border-bottom: 1px solid #fff;
	position: relative;
	border-radius: 4px;
}
.mercury {
	height: 7px;
	width: 30%;
	background: rgb(103,1,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(103,1,0,1) 0%, rgba(103,1,0,1) 50%, rgba(56,1,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(103,1,0,1) 0%,rgba(103,1,0,1) 50%,rgba(56,1,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(103,1,0,1) 0%,rgba(103,1,0,1) 50%,rgba(56,1,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#670100', endColorstr='#380100',GradientType=0 ); /* IE6-9 */
	border-radius: 4px;
}
.giftbob {
	height: 15px;
	width: 15px;
	background: rgb(103,1,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(103,1,0,1) 0%, rgba(103,1,0,1) 50%, rgba(56,1,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(103,1,0,1) 0%,rgba(103,1,0,1) 50%,rgba(56,1,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(103,1,0,1) 0%,rgba(103,1,0,1) 50%,rgba(56,1,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#670100', endColorstr='#380100',GradientType=0 ); /* IE6-9 */
	position: absolute;
	top: -4px;
	left: calc(30% - 3px);
	border-radius: 50%;
}
.gift {
	height: 45px;
	width: 45px;
	position: absolute;
	bottom: 22px;
	right: 0;
	z-index: 9;
}
p.curgiftcount {
	position: absolute;
	top: 11px;
	left: 0;
	font-family: calibri;
	font-size: 1.2em;
	color: #000;
}
p.curgiftcount span {
	font-size: 1.7em;
}
p.leftgiftcount {
	font-family: calibri;
	font-size: 1.1em;
	color: #797979;
	position: absolute;
	right: 55px;
	top: 22px;
}

p.giftname {
	font-family: calibri;
	font-size: 1.1em;
	color: #9c0001;
	position: absolute;
	bottom: 20px;
	right: 55px;
}

.art_cont {
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	margin: 9px auto 0 auto;
}
.artifact {
	width: 25%;
	height: 300px;
	display: block;
	border: 1px solid #000;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}

.artimg {
	width: 70%;
	height: 200px;
	margin: 20px auto 0 auto;
}
.art_name {
	text-align: center;
	font-family: pobeda-b;
	font-size: 1.8em;
	margin-top: 25px;
	color: #000;
}

.artifact-hover {
    color: #9c0001;
}

.artifact:nth-child(1n + 2) {
	border-left: none;
}
.artifact:nth-child(1n + 5) {
	border-top: none;
}
.artifact:nth-child(5n + 5) {
	border-left: 1px solid #000;
}
.artnav {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border-bottom: 1px solid #000;
	height: 39px;
}

.underartnav {
	width: 100%;
	margin: 8px auto 0 auto;
}

.artnav ul li {
	float: left;
	padding-top: 10px;
	list-style-type: none;
	margin-left: 25px;
	font-family: calibri;
	font-size: 1.2em;
	cursor: pointer;
	color: #797979;
}
.artnav ul li:first-child {
	margin-left: 0;
}
.artnav ul li:hover {
	color: #9f0100;
}

.artnav ul li.activeli {
	border-bottom: 3px solid #000;
	padding-bottom: 6px;
	color: #000;
}

.artnav ul li.activeli:hover {
    cursor: default;
    color: #000;
}

.connect_cont {
	width: 1200px;
	margin: 46px auto 0 auto;
	padding-bottom: 13px;
}

.addakk {
    font-family: calibri;
    font-size: 1.2em;
    margin-bottom: 61px;
    color: #797979;
}

.socialconnect {
	width: 100%;
	position: relative;
	cursor: pointer;
}

.connect_cont .socialconnect:hover {
    opacity: 1!important;
}

.socialconnect .socialconnect_active {
    color: #9f0100;
}

.vkconnect {
	background: url(../img/vkico_b.png) no-repeat 0 center;
}
.vkconnect-active {
	background: url(../img/vkico-active.png) no-repeat 0 center;
	cursor: default;
}
.fbconnect {
	background: url(../img/fbico_b.png) no-repeat 15px center;
}
.fbconnect-active {
	background: url(../img/fbico-active.png) no-repeat 15px center;
	cursor: default;
}
.gmailconnect {
	background: url(../img/gmailico.png) no-repeat 0 center;
}
.gmailconnect-active {
	background: url(../img/gmailico-active.png) no-repeat 0 center;
	cursor: default;
}
.phoneconnect {
	background: url(../img/phoneico.png) no-repeat 0 center;
	margin-bottom: 33px;
}
.phoneconnect-active {
	background: url(../img/phoneico-active.png) no-repeat 0 center;
	cursor: default;
}
.socialnet {
	font-family: calibri;
	font-size: 1.2em;
	padding: 33px 90px 33px 70px;
	border-bottom: 1px solid #bfc1c0;
}

.socialbonus {
	position: absolute;
	right: 10px;
	top: calc(50% - 8px);
	font-family: calibri;
	font-size: 1.5em;
	color: #a0a0a0;
}

.goout {
	font-family: calibri;
	font-size: 1.2em;
	margin-left: 70px;
	margin-top: 15px;
	color: #797979;
	text-decoration: none;
}
.goout:hover {
    color: #9c0001;
}
.myquestslist_cont {
	margin-top: 10px;
	margin-bottom: 0;
}
.myquestcover {
	overflow: hidden;
}
.myquestcover_desc {
	bottom: 0;
	transition: 500ms;
	-webkit-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
	-moz-transition-timing-function:
	cubic-bezier(0.645,0.045,0.355,1);
}
.questcover_desc_sec {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom: 40px;
	left: 0;
	opacity: 0;
	transition: 300ms;
}
.questcover_desc_sec_active {
	opacity: 1;
	transition: 900ms;
}
.questcover_desc_sec p a {
	font-family: pobeda-b;
	font-size: 2.5em;
	color: #a3a3a3;
	margin-left: 30px;
	text-decoration: none;
}
.questcover_desc_sec p:first-child:after {
	content: url(../img/arrowright_d.png);
	margin-left: 15px;
}
.questcover_desc_sec p:last-child {
	margin-top: 20px;
}
.questcover_desc_sec p:last-child:after {
	content: url(../img/arrowright_d.png);
	margin-left: 15px;
}
p.sec_active {
	color: #fff;
}
.questcover_desc_sec p.sec_active:after {
	content: url(../img/arrowright_w.png);
}
.lookup {
	text-align: center;
}
.lookup a {
	padding: 30px;
	font-family: pobeda-b;
	background: none;
	border: 1px solid #000;
	font-size: 1.3em;
	margin-top: 145px;
	display: inline-block;
	text-decoration: none;
	color: #000;
}

.lookup a:hover {
    color: #fff;
    background: #9c0001;
    border: 1px solid #9c0001;
}

.questbanner {
	width: 100%;
	height: 70vh;
	position: relative;
	padding-top: 80px;
}

.questbanner_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */
}
.questbanner_bottom h1 {
	font-family: pobeda-b;
	font-size: 6.5em;
	color: #fff;
	margin-top: 17px;
}
.questdescbody {
    background: url(../img/papertexture.jpg);
    padding-top: 3px;
}
.hrquestdesc {
    margin-top: 0;
    margin-bottom: 2px;
}

.hrpersonal {
    margin-top: 2px;
    margin-bottom: 0;
}

.hrupmap {
    margin-bottom: 1px;
    margin-top: 20px;
}
.hrdownmap {
    margin-top: 1px;
}
.questdesc_nav {
	display: flex;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 15px;
	background: url(../img/heart.png) no-repeat center 15px;
	position: relative;
}
.questdesc_nav a {
	position: absolute;
	left: 170px;
	font-family: calibri;
	font-size: 1.2em;
	text-decoration: none;
	color: #9f9f9f;
	background: url(../img/arrowleft_d.png) no-repeat left;
	padding-left: 25px;
}
.questdesc_nav a:hover {
    color: #000;
    background: url(../img/arrowleft_b.png) no-repeat left;
}
.questdesc_nav ul li {
	float: left;
	font-family: calibri;
	font-size: 1.1em;
	padding-left: 16px;
	list-style-type: none;
	background: url(../img/smallpin.jpg) no-repeat;
	background-position: 7px center;
}
.questdesc_nav ul li:first-child {
	background: none;
	padding-left: 0;
}
.questdesc_txt {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.questdesc_txt p {
	text-align: justify;
	font-family: calibri;
	font-size: 1.2em;
	padding-top: 15px;
	line-height: 1.23;
}
.questdesc_txt p:first-child {
    padding-top: 45px;
}

.questdesc_txt p.strong {
    margin-top: 10px;
    font-weight: bold;
}

.questdesc_txt ul {
    text-align: left;
	font-family: calibri;
	font-size: 1.2em;
	line-height: 1.3;
	margin-top: 20px;
	list-style-position: inside;
}
.questdesc_txt button {
	padding: 40px 85px;
	background: none;
	border: 1px solid #000;
	margin-top: 95px;
	font-size: 2em;
	font-family: pobeda-b;
}
.questdesc_txt button:hover {
	border: 1px solid #9c0001;
	background: #9c0001;
	color: #fff;
}
.questdesc_txt .price {
	font-family: pobeda-b;
	font-size: 1.1em;
	text-align: center;
	padding-bottom: 20px;
}
.questdesc_txt .price span {
	font-size: 2em;
}
.playbutblock {
	background: blue;
}
.photoalbum {
	width: 1200px;
	/*	background: green;*/
	margin-left: auto;
	margin-right: auto;
	display: flex;
}
.photoalbum_b1 {
	display: flex;
	flex-wrap: wrap;
	width: 30%;
}
.photoalbum_b2 {
	display: flex;
	width: 40%;
}
.photoalbum_b3 {
	display: flex;
	flex-wrap: wrap;
	width: 30%;
}
.pic {
	background: #000;
	margin-left: 20px;
	margin-top: 20px;
}
.pic_1 {
	height: 150px;
	width: 60%;
	margin-left: 0;
}
.pic_2 {
	height: 150px;
	width: calc(40% - 20px);
}
.pic_3 {
	height: 150px;
	width: 50%;
	margin-left: 0;
}
.pic_4 {
	height: 150px;
	width: calc(50% - 20px);
}
.pic_5 {
	height: 320px;
	width: calc(100% - 20px);
}
.pic_6 {
	height: 150px;
	width: calc(40% - 20px);
}
.pic_7 {
	height: 150px;
	width: calc(60% - 20px);
}
.pic_8 {
	height: 150px;
	width: calc(35% - 20px);
}
.pic_9 {
	height: 150px;
	width: calc(65% - 20px);
}
.questcharline {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	display: flex;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}
.questcharline p {
	font-size: 1.1em;
	font-family: calibri;
	font-weight: bold;
	margin-left: 55px;
	padding-left: 30px;
}
.questcharline p span {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.65;
}
.questcharline p:first-child {
	margin-left: 0;
}
p.queststart {
	background: url(../img/startpoint_b.png) no-repeat left top;
	background-size: auto 20px;
	padding-left: 25px;
}
p.questtime {
	background: url(../img/time_b.png) no-repeat left top;
	background-size: auto 20px;
}
p.questmember {
	background: url(../img/people_b.png) no-repeat left top;
	background-size: auto 20px;
}
.questchar_soc {
	position: absolute;
	right: 0;
	top: -4px;
	text-align: right;
}
.questchar_soc a {
	height: 40px;
	width: 40px;
	float: left;
	border-radius: 50%;
	margin-left: 18px;
	margin-top: 17px;
	cursor: pointer;
}
.sharevk {
    background: url(../img/vkico.png) no-repeat 7px 13px, #2b2a28;
}
.sharevk:hover {
    background: url(../img/vkico.png) no-repeat 7px 13px, #507299;
}
.sharefb {
    background: url(../img/fbico.png) no-repeat center bottom, #2b2a28;
}
.sharefb:hover {
    background: url(../img/fbico.png) no-repeat center bottom, #3b5998;
}
.shareok {
    background: url(../img/okico.png) no-repeat center, #2b2a28;
}
.shareok:hover {
    background: url(../img/okico.png) no-repeat center, #f27b00;
}
.questcharline .questchar_soc p {
	padding-left: 0;
	text-align: right;
}
.questnav {
	border-top: 1px solid #e5e5e5;
	display: flex;
}
.questnav a {
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	outline: none;
}
.questnav a p:nth-child(1) {
	font-family: calibri;
	font-size: 1.1em;
	color: #000;
}
.questnav a p:nth-child(2) {
	font-family: pobeda-b;
	font-size: 3em;
	text-decoration: none;
	color: #d9d9d9;
	margin-top: 5px;
	text-align: center;
}
.questnav a p:nth-child(2):hover {
	left: 20px;
	transition: 300ms;
}
.questnav a p:nth-child(3) {
	font-family: calibri;
	font-size: 1.1em;
	color: #000;
}
.questnav a:first-child {
	text-align: right;
	padding-right: 30px;
	margin-left: 30px;
	background: url(../img/arrowleft_d.png) no-repeat left center;
}
.questnav a:last-child {
	border-right: none;
	text-align: left;
	padding-left: 30px;
	margin-right: 30px;
	background: url(../img/arrowright_d.png) no-repeat right center;
}
#mygallery {
	width: 1216px;
	margin-left: auto;
	margin-right: auto;
}
.justified-gallery {
    margin-top: 25px;
    margin-bottom: 25px;
}
.justified-gallery a img {
	transform:scale(1,1);
	transition: 300ms!important;
}
.justified-gallery a img:hover {
	transform:scale(1.1,1.1);
	transition: 300ms;
}
.blind {
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.95);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	align-items: center;
	justify-content: center;
	perspective: 1200px;
	overflow-y: auto;
	display: flex;
}
.blind-art {
    display: none;
    background: rgba(248, 248, 248, 0.95);
}
/* html,body{
	overflow-y:hidden;
} */
@media (max-height: 700px) {
    .blind-login {
        align-items: flex-start;
        padding-top: 40px;
        padding-bottom: 40px;
	}
}
@media (max-height: 730px) {
    .blind-art {
        align-items: flex-start;
	}
}
.artcard {
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	justify-content: center;
}
.artcard h1 {
	font-family: pobeda-b;
	font-size: 3.5em;
	text-align: center;
}
.artcard h2 {
	font-family: pobeda-b;
	font-size: 2em;
	text-align: center;
}
.artdesc {
	width: 900px;
	background: #f2f3f5;
	border: solid 1px #a1a1a1;
	outline: solid 9px #f2f3f5;
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
}
.art_img {
	height: 300px;
	width: 100%;
	margin-bottom: 30px;
}
.artcard p {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-family: calibri;
	font-size: 1.1em;
	margin-top: 15px;
	line-height: 1.3;
}
.artcarousel_cont {
	position: relative;
	width: 100%;
}
.artPrevBtn {
	height: 42px;
    width: 23px;
	background: url(../img/arrowleft.png) no-repeat 0 0;
	position: absolute;
	right: calc(50% + 510px);
	top: calc(50% - 140px);
	z-index: 999;
	cursor: pointer;
}
.artNextBtn {
	height: 42px;
    width: 23px;
	background: url(../img/arrowright.png) no-repeat 0 0;
	position: absolute;
	right: calc(50% - 510px);
	top: calc(50% - 140px);
	z-index: 999;
	cursor: pointer;
}
.artPrevBtn:hover, .artNextBtn:hover {
    background-position: 0 -42px;
}
.art_soc {
	display: flex;
	justify-content: center;
}
.art_soc a {
	height: 40px;
	width: 40px;
	background: red;
	float: left;
	border-radius: 50%;
	margin-left: 18px;
	margin-top: 15px;
	cursor: pointer;
}
.art_soc a:first-child {
	margin-left: 0;
}
.close {
	height: 42px;
	width: 43px;
	background: url(../img/close.png) no-repeat;
	background-position: 0 0;
	position: absolute;
	right: -70px;
	top: -9px;
	cursor: pointer;
}
.close:hover {
	background-position: 0 -42px;
}
.regcard {
	width: 500px;
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	border: solid 1px #a1a1a1;
	outline: solid 9px #fff;
	position: relative;
	text-align: center;
}
.regcard button {
	width: 80%;
	height: 45px;
	border: none;
	margin-top: 20px;
	color: #fff;
	font-family: calibri;
	font-size: 1.1em;
}
.regcard input {
	width: 80%;
	height: 45px;
	border: none;
	margin-top: 20px;
	background: #c5c5c5;
}
.regcard textarea {
	width: 80%;
	height: 90px;
	border: none;
	margin-top: 20px;
	background: #c5c5c5;
	font-family:0.82em;
}
.regcard h2 {
    font-size: 3em;
}
div.or {
	margin: -28px auto 0 auto;
	width: 47px;
	font-family: calibri;
	font-size: 1.1em;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	position: relative;
}
.vklogin {
	background: url(../img/vkico-reg.png) no-repeat 70px 12px, #6b82a3;
	background-size: auto 20px;
}
.fblogin {
	background: url(../img/fbico-reg.png) no-repeat 90px 12px, #405b98;
	background-size: auto 20px;
}
.gmaillogin {
	background: url(../img/gmailico-reg.png) no-repeat 90px 12px, #c13221;
	background-size: auto 20px;
}
input::-webkit-input-placeholder {
	color: #585858;
}
input {
	padding-left: 25px;
	box-sizing: border-box;
}
.signin {
	background: #750b0a;
}

.regcard .private-reg, .regcard .log_btn {
   padding-top: 15px;
}

.private-reg a {
    text-decoration: none;
    border-bottom: 1px solid #000;
    color: #000;
}

.activatequest {
    background: #5b0100;
    display: none;
}
.regcard p {
	font-family: calibri;
	font-size: 1.1em;
	padding-top: 25px;
	cursor: pointer;
}
.regcard textarea {
    padding-left: 25px;
    padding-top: 10px;
    box-sizing: border-box;
}

textarea {
    resize: none;
}

.regcard textarea::-webkit-input-placeholder {
	color: #6c6c6c;
	font-size: 1.1em;
}
p.reg {
	padding-top: 15px;
}
.wrong p {
	color: #ff0200;
}
.ispromo p {
	color: #000;
}
.questreviews {
	width: 100%;
	position: relative;
}
.questreviews h2 {
	padding-top: 80px;
	padding-bottom: 30px;
	background: url(../img/apostrophe.png) no-repeat center 30px;
}
.comPrevBtn {
	height: 42px;
	width: 23px;
	background: url(../img/arrowleft.png) no-repeat 0 0px;
	position: absolute;
	left: calc(50% - 475px);
	top: 243px;
	z-index: 999;
	cursor: pointer;
}
.comNextBtn {
	height: 42px;
	width: 23px;
	background: url(../img/arrowright.png) no-repeat 0 0px;
	position: absolute;
	right: calc(50% - 475px);
	top: 243px;
	z-index: 999;
	cursor: pointer;
}
.comPrevBtn:hover, .comNextBtn:hover {
    background-position: 0 -42px;
}
.buybutblock_bottom .pay_btn {
    margin-top: 10px;
}
.buybutblock_bottom {
    padding-bottom: 30px;
}
.buybutblock_bottom button {
    margin-top: 33px;
}
.buybutblock_bottom .price {
    padding-top: 26px;
}
.swipertxt {
	width: 800px;
	height: 160px;
	background: #f2f3f5;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 25px 37px 0 37px;
	position: relative;
}
.swipertxt p {
	font-family: calibri;
	font-size: 1.2em;
	line-height: 1.2;
}
.swipertxt p.name {
	position: absolute;
	left: 37px;
	bottom: 20px;
	color: #9a9b9c;
	font-size: 1.1em;
}
button {
	cursor: pointer;
}
.questprice {
	position: absolute;
	bottom: 16px;
	left: 30px;
}
.questprice span {
	font-family: calibri;
	font-size: 1.8em;
	color: #fff;
}
.questcover_2 .questprice span {
    color: #000;
}
.questprice span.old_price {
	text-decoration: line-through;
	font-size: 1.3em;
	margin-left: 25px;
}
.unvis {
	display: none;
}
.promoprice span {
	font-family: pobeda-b;
	font-size: 1.8em;
}
span.discount {
	margin-left: 25px;
	text-decoration: line-through;
}
#without_promo {
	background: #FFDB4D;
	border-radius: 4px;
	height: 64px;
	width: 155px;
	box-shadow: none;
	color: #000;
	line-height: 1.1;
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.12), 0 5px 10px -3px rgba(0, 0, 0, 0.3);
}
#without_promo p:first-child {
	font-size: 20px;
	font-family: YandexSansTextApp-Regular, Arial, Helvetica, sans-serif;
	padding-top: 0px;
}
#without_promo p:last-child {
	font-size: 12px;
	font-family: YandexSansTextApp-Light, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
.tester {
	background: #a1ff9f;
}
.customPrevBtn {
	height: 42px;
	width: 23px;
	background: url(../img/arrowleft.png) no-repeat 0 0;
	position: absolute;
	left: 155px;
	top: 377px;
	z-index: 98;
	cursor: pointer;
}
.customNextBtn {
	height: 42px;
	width: 23px;
	background: url(../img/arrowright.png) no-repeat 0 0;
	position: absolute;
	right: 155px;
	top: 377px;
	z-index: 98;
	cursor: pointer;
}
.customPrevBtn:hover, .customNextBtn:hover {
    background-position: 0 -42px;
}
.fancybox-nav {
	width: 60px;
}
.fancybox-nav span {
	visibility: visible;
	opacity: 0.5;
}
.fancybox-nav:hover span {
	opacity: 1;
}
.fancybox-next {
	right: -90px;
}
.fancybox-prev {
	left: -90px;
}
.fancybox-next span {
	background: url(../img/arrowright_d.png) no-repeat center;
}
.fancybox-prev span {
	background: url(../img/arrowleft_d.png) no-repeat center;
}
.fancybox-skin {
	border-radius: 0;
}
.fancybox-opened .fancybox-skin {
	box-shadow: none;
}
.fancybox-close {
	height: 42px;
	width: 43px;
	background: url(../img/close.png) no-repeat;
	background-position: 0 0;
	right: -70px;
	top: 0px;
}
.fancybox-close:hover {
	background-position: 0 -42px;
}
.uiBlockMessWrap {
    background: red;
}
/*******************/
.cntpage {
	display: flex;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f2f3f5;
}
.cntpage_b1, .cntpage_b2 {
	width: 50%;
	height: 500px;
	background: #f2f3f5;
}
@media (min-height: 900px) {
    .cntpage_b1, .cntpage_b2 {
        height: 725px;
	}
}
.cntpage_b1 {
	padding-left: 50px;
	display: flex;
}
.cntpage_b1_1, .cntpage_b1_2 {
	width: 50%;
	position: relative;
}
.cnthead {
	font-family: pobeda-b;
	font-size: 1.5em;
	margin-top: 50px;
}
.cntsub {
	font-family: calibri;
	margin-top: 10px;
}
.cntsocblock {
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}
.cntvk {
    background: url(../img/vkico.png) no-repeat center, #2b2a28;
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    border-radius: 50%;
}
.cntvk:hover {
    background: url(../img/vkico.png) no-repeat center, #507299;
}
.cntinsta {
    background: url(../img/instaico.png) no-repeat center, #2b2a28;
    background-size: auto 20px;
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    margin-left: 10px;
    border-radius: 50%;
}
.cntinsta:hover {
    background: url(../img/instaico.png) no-repeat center, #bd3381;
    background-size: auto 20px;
}
.cntpage_b1_1 button {
	border: 1px solid #000;
	background: none;
	padding: 35px 59px 35px 59px;
	font-family: pobeda-b;
	font-size: 1.5em;
	margin-top: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.cntpage_b1_1 button:hover {
    border: 1px solid #9c0001;
    background: #9c0001;
    color: #fff;
}
@media (min-width: 1800px) {
    .cnthead {
        font-size: 1.9em;
	}
    .cntsub {
        font-size: 1.3em;
	}
    .cntpage_b1_1 button {
        padding: 40px 70px 40px 70px;
        font-size: 2em;
	}
}
.cnthr {
    margin-top: 3px;
    margin-bottom: 0;
}
.questbought {
    font-style: italic;
    color: #5e5e5e;
    margin-top: 50px;
}
.gm-style-cc {
    display: none;
}
.choosequest_block {
    background: url(../img/papertexture.jpg);
    padding-top: 45px;
    padding-bottom: 22px;
}
.videoblock {
    width: 100%;
    position: relative;
}
.player {
    width: 100%;
    height: 38vw;
}
.playercover {
    width: 100%;
    height: 38vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}
.playbut {
    height: 192px;
    width: 192px;
    border-radius: 50%;
    background: url(../img/playbutbg.png) no-repeat center, #fff;
    margin: 60px auto 50px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.bul_one {
    height: 64px;
    overflow: hidden;
}
.bul_one p {
    font-family: pobeda-r;
    font-size: 4em;
    text-align: center;
    color: #e78135;
    position: relative;
    top: 0;
    transition: 300ms;
}
.bul_one .sloganup {
    top: -64px;
    transition: 300ms;
}
.bul_two {
    height: 40px;
    overflow: hidden;
}
.bul_two p {
    font-family: pobeda-b;
    font-size: 2.5em;
    text-align: center;
    color: #fff;
    position: relative;
    top: 0;
    transition: 300ms;
    top: -40px;
}
.bul_two .slogandown {
    top: 0;
    transition: 300ms;
}
.playbut_core {
    height: 0px;
    width: 0px;
    border-radius: 50%;
    background: #e78339;
    transition: 300ms;
}
.playbut_core_active {
    height: 171px;
    width: 171px;
    transition: 300ms;
}
.playarrow {
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 32px);
    opacity: 1;
    transition: 300ms;
    z-index: 99;
}
.playbut p.lookvideo {
    position: absolute;
    font-family: pobeda-b;
    text-align: center;
    color: #fff;
    z-index: 999;
    font-size: 1.5em;
    opacity: 0;
    transition: 100ms;
    margin-top: 5px;
}
.playbut p.lookvideo_active {
    opacity: 1;
    transition: 150ms;
}
.playarrow_active {
    opacity: 0;
    transition: 300ms;
}
.map-marker {
    height: 68px;
    width: 186px;
    background: url(../img/map-marker.png) no-repeat;
}

.ban_empty { height:122px; }

.parallax-layer { display:block; margin:0 auto; }

.dn { display:none; }

.qMap { width:100%;height:400px; }

.nextquest {
    border-top: 1px solid #e5e5e5;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #c7c7c7;
    padding-top: 22px;
    padding-bottom: 25px;
}

.nextp-1 {
    font-family: calibri;
    font-size: 1.2em;
    margin-bottom: 15px;
    transition: 300ms;
}

.nextp-2 {
    font-family: pobeda-b;
    font-size: 4em;
    display: inline-block;
    padding-left: 60px;
    padding-right: 60px;
    background: url(../img/nextquestarrow.png) no-repeat right center;
    transition: 300ms;
}

.nextp-3 {
    font-family: calibri;
    font-size: 1.2em;
    margin-top: 7px;
    transition: 300ms;
}

.nextp-active {
    color: #000;
    transition: 300ms;
}

.nextp-2-active {
    color: #9e0100;
    background: url(../img/nextquestarrow-active.png) no-repeat right center;
    transition: 300ms;
}

.route {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 35px;
}

.route p {
    font-size: 1.1em;
    font-family: calibri;
    font-weight: bold;
    padding-left: 32px;
    margin-bottom: 5px;
}

.route p span {
    font-weight: normal;
    font-size: 1em;
    line-height: 1.65;
}

.route p:first-child {
    margin-bottom: 20px;
    padding-left: 0;
}

.route_metro {
    background: url(../img/routemetro.png) no-repeat left top;
}

.route_bus {
    background: url(../img/routebus.png) no-repeat left top;
}

.route_car {
    background: url(../img/routecar.png) no-repeat left top;
}

/*author pgae*/
.p-author{
    padding-top: 1px;
    background: url(../img/papertexture.jpg);
}
.p-author__section-1{
    background: url(../img/author-top.jpg) center bottom no-repeat;
    background-size: cover;
    min-height: 602px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
	position: relative;
}
.p-author__section-1:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: -3px;
    height: 1px;
    background: #939393;
}
.p-author__section-1 h2{
    color: white;
    font-family: pobeda-b;
    font-size: 7.2em;
    line-height: 1.9;
    letter-spacing: 3.5px;
}
@media (max-width: 1700px){
	.p-author__section-1{
	    margin-top: 67px;
	}
}
.blockquote-text{
	width: 744px;
	margin: 0 auto;
	border-left: 3px solid #9e0100;
	padding: 12px 0 19px 24px;

}
.blockquote-text p{
    font-family: calibri;
	font-size: 1.2em;
	line-height: 1.2;
    letter-spacing: 0.4px;
}
.blockquote-text p b{
	font-size: 1.2em;
}
.p-author__section-2
{
	padding-top: 53px;
	padding-bottom: 72px;
}
.p-author__section-2 h2{
	color: #9e0100;
    font-size: 7.1em;
	letter-spacing: 4px;
	margin-bottom: 51px;
}
.bg-gray{
	background: #e9e9e9;
}
.p-author__section-3__title{
	width: 854px;
	height: 492px;
	margin: 0 auto;
	background: url('../img/macbook.png') 0px 0px no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: -268px;
	position: relative;
	opacity: 
}
.p-author__section-3__title h2{
	text-align: center;
	color: white;
	margin-bottom: 24px;
	margin-left: 9px;
	letter-spacing: 1.6px;
}
.p-author__section-3 .bg-gray{
	padding-top: 400px;
}
.p-author__section-4{
	padding-top: 312px;
	padding-bottom: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-author__section-4__left,
.p-author__section-4__right{
	width: 50%;
	overflow: hidden;
	position: relative;
}
.p-author__section-4__left:after {
    right: 0;

}
.p-author__section-4__left:after, .p-author__section-4__right:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 14px;
	background: #e9e9e9;
	box-shadow: 0px 0px 10px 10px #e9e9e9;
    height: 100%;
}

.p-author__section-4__left{
	text-align: right;
}
.p-author__section-4__right{
    margin-bottom: 43px;
    margin-left: -3px;
}
.p-author__section-4__right .blockquote-text{
    width: 580px;
    margin: 0;
	padding: 8px 0 19px 29px;
	position: relative;
}
.p-author__section-4__right .blockquote-text:after{
	content: "";
	position: absolute;
	left: 0;
	width: 3px;
	height: 100%;
	background: #9e0100;
	z-index: 1;
	top:0;
}
.p-author__section-4__right .blockquote-text p{
	line-height: 1.3;
}
.p-author__section-4__right .blockquote-text p:not(:first-child){
	margin-top: 8px;
}
.p-author__section-5{
	background: url('../img/author-section5.jpg') center no-repeat;
	background-size:cover; 
	min-height: 891px;
	display: flex;
	justify-content: flex-end;
}
.p-author__section-5__right{
	width: 50%;
	padding: 25px 25px 25px 0;
	position: relative;
}
.p-author__section-5__content{
	background: rgba(255, 255, 255, 0.8);
    padding: 63px 15px 14px 81px;
}
.p-author__section-5__title{
	font-size: 4.6em;
	font-family: pobeda-b;
	color: #9e0100;
	letter-spacing: 0.8px;
	margin-bottom: 61px;
}
.p-author__section-5__subtitle{
    font-family: calibri;
    font-size: 1.5em;
    line-height: 1.14;
    font-weight: bold;
    color: white;
    padding: 5px 40px 5px 18px;
    background: #9e0100;
    display: inline-block;
    position: relative;
	overflow: visible;
	height: 37px;
}
.p-author__section-5__subtitle:after{
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    right: -6px;
    top: 0;
    border: 37px solid transparent;
    border-top-color: #9e0100;
    border-right-width: 6px;
}
.p-author__section-5__text{
	font-family: calibri;
    font-size: 1.2em;
    line-height: 1.2;
    margin-top: 31px;
    padding-left: 22px;
    letter-spacing: 0.4px;
    max-width: 668px;
    margin-bottom: 44px;

}
.p-author__section-7{
	min-height: 632px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.p-author__section-7__bg{
	position: absolute;
	width: calc( 100% + 528px);
	height: 100%;

	right: -528px;
	transition: all 0.8s;
	top: 0;
	background: url('../img/author-section-76.png') center right no-repeat;
	
}
.p-author__section-7__bg.active{
	right: 100%;
}
.p-author__section-6{
	padding-top: 135px;
	padding-bottom: 120px;
}

.p-author__section-6 h2{
	letter-spacing: 1.5px;
    color: #9e0100;
    margin-bottom: 38px;
}

.p-author__section-7 h2{
    color: #9e0100;
}

.p-author .button{
    border: 1px solid #000;
    background: none;
    padding: 35px 59px 35px 59px;
    font-family: pobeda-b;
    font-size: 1.5em;
    display: inline-block;
    text-decoration: none;
    color: black;
}

.p-author .button:hover{
    border: 1px solid #9c0001;
    background: #9c0001;
    color: #fff;
}

.p-author__section-7{

}
.p-author__section-7 p{
	text-align: center;
	font-family: calibri;
    font-size: 1.2em;
	line-height: 1.2;
	margin-top: 52px;
    margin-bottom: 91px;
    letter-spacing: 0.4px;
}
.show-bottom-js{
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.6s;
}
.show-opacity-js{
	transition: all 0.6s;
	opacity: 0;
}
.show-opacity-js.active{
	opacity: 1;
}
.show-bottom-js.active{
	opacity: 1;
	transform: translateY(0px);
}
.show-left-js{
	transition: all 0.6s;
	transform: translateX(-120%);
}
.show-left-js.active{
	transform: translateX(0);
}
.show-right-js{
	transition: all 0.6s;
	transform: translateX(120%);
}
.show-right-js.active{
	transform: translateX(5px);
}
.transition-100{
	transition-duration: 0.1s !important;
}
.transition-200{
	transition-duration: 0.2s !important;
}
.transition-300{
	transition-duration: 0.3s !important;
}
.transition-400{
	transition-duration: 0.4s !important;
}
.transition-500{
	transition-duration: 0.5s !important;
}
.transition-600{
	transition-duration: 0.6s !important;
}
.transition-700{
	transition-duration: 0.4s !important;
}
.transition-700{
	transition-duration: 0.4s !important;
}
.transition-900{
	transition-duration: 0.4s !important;
}
.transition-1000{
	transition-duration: 1s !important;
}

.transition-2000{
	transition-duration: 2s !important;
}
/*end author page*/

/*start how to play page*/

.howptolay_section-00{
    background: url(../img/howplay-banner.jpg) center top no-repeat;
    background-size: cover;
    min-height: 702px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
	position: relative;
}
.howptolay_section-00:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    bottom: -3px;
    height: 1px;
    background: #939393;
}
.howptolay_section-00 h2{
    color: #000;
    font-family: pobeda-b;
    font-size: 7.2em;
    line-height: 1.8;
    letter-spacing: 3.5px;
}

.instruction_bg {
    background: url(../img/instruction-banner.jpg) center top no-repeat;
}

.howptolay_section-nav {
	width: 100%;
}

.howptolay_nav {
	width: 1178px;
	margin-left: auto;
	margin-right: auto;
	font-family: pobeda-b;
	padding-top: 68px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	position: relative;
}

.howptolay_nav a {
	margin-left: 35px;
	font-size: 1.41em;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

.howptolay_nav a:hover {
	color: #9f0100;
}

.howptolay_nav a:first-child {
	margin-left: 0;
}

.howptolay_section-nav-fix {
	width: 100%;
	position: fixed;
	top: -100px;
	background: #fff;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 2px 0px rgba(50, 50, 50, 0.3);
	transition: 300ms;
}

.howptolay_section-nav-fix-active {
	top: 0;
	transition: 300ms;
}

.howptolay_section-nav-fix .howptolay_nav {
	padding-top: 20px;
	border-bottom: none;
}

.navnavline {
	height: 3px;
	background: #9f0006;
	position: absolute;
	bottom: 0;
	transition: 300ms;
}

.navnavline-0 {
	width: 165px;
	left: 0;
}

.navnavline-1 {
	width: 188px;
	left: 205px;
}

.navnavline-2 {
	width: 155px;
	left: 433px;
}

.navnavline-3 {
	width: 199px;
	left: 628px;
}

.navnavline-4 {
	width: 101px;
	left: 865px;
}

.navnavline-5 {
	width: 173px;
	left: 1005px;
}

.howptolay_section-0 .howptolay_section-3 h2, .howptolay_section-4 h2 {
    letter-spacing: 1.5px;
    color: #9e0100;
    margin-bottom: 45px;
}

.howptolay_section-0 h2 {
	font-size: 3em;
	text-align: left;
	color: #9f0100;
	margin-bottom: 55px;
}

.howptolay_section-3 h2 {
	margin-bottom: 80px;
}

.passiveh2, .passivedesc {
	transform: translateY(100px);
	opacity: 0;
	transition: 500ms;
}

.activeh2, .activedesc {
	transform: translateY(0px);
	transition: 500ms;
	opacity: 1;
}

.howptolay_section-0, .howptolay_section-3, .howptolay_section-4 {
	padding-top: 110px;
	padding-bottom: 80px;
}

.howptolay p {
    font-family: calibri;
    font-size: 1.2em;
    line-height: 1.2;
    letter-spacing: 0.4px;
}

.howptolay_section-0 p {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.howptolay_section-0 .blockquote-text{
	padding: 12px 0 10px 24px;
}

.howptolay_section-0 p:last-child {
	margin-bottom: 0;
}

.howptolay_section-header {
	padding-top: 70px;
	padding-bottom: 70px;
	background: #eaeaea;
}

.howptolay_section-header h3 {
	font-size: 2.5em;
    font-family: pobeda-b;
    color: #4a4a4a;
    text-align: center;
	letter-spacing: 1.5px;
}

.howptolay_section-banner {
	width: 100%;
	height: 100vh;
	min-height: 570px;
	max-height: 1000px;
	background: green;
	position: relative;
}

.howptolay_section-4 p {
	text-align: center;
}

.stepstobegin {
	width: 1089px;
	padding-top: 453px;
	margin-top: 15px;
	background: url(../img/threesteps.png) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.stepstobegin a.button {
    border: 1px solid #000;
    background: none;
    padding: 35px 59px 35px 59px;
    font-family: pobeda-b;
    font-size: 1.5em;
    display: inline-block;
    text-decoration: none;
    color: black;
}

.stepstobegin a.button:hover {
    border: 1px solid #9c0001;
    background: #9c0001;
    color: #fff;
}

.stepstobegin p.instr {
	color: #818181;
	margin-bottom: 32px;
}

.stepstobegin p.instr a {
	text-decoration: none;
	color: #818181;
	border-bottom: 2px solid #818181;
}

.howsteps {
	background: url(../img/dot-2.png) no-repeat center;
}

.howsteps-1 {
	width: 1200px;
	display: flex;
	justify-content: space-around;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

.howsteps-2 {
	width: 1200;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1650px) {
	.howsteps-1, .howsteps-2 {
		width: 1600px;
	}
	
	.howsteps {
	    background: url(../img/dot-1.png) no-repeat center;
    }
}

.howsteps-2 .howstep:first-child {
	margin-right: 30px;
}

.howstep {
	text-align: center;
}

.stepheader {
	color: #9a090e;
	margin-top: 10px;
}

.stepstobegin .beginstep {
	position: absolute;
    color: #fff;
    text-align: left;
}

.stepstobegin {
	text-align: center;
}

.beginstep-1 {
	top: 210px;
	left: 120px;
	text-decoration: none;
}

.beginstep-1 span {
	border-bottom: 1px solid #fff;
	font-family: calibri;
    font-size: 1.2em;
    line-height: 1.2;
    letter-spacing: 0.4px;
}

.beginstep-2 {
	top: 190px;
	left: 480px;
}

.beginstep-3 {
	top: 190px;
	left: 725px;
}

.stepstobegin .button {
	margin-top: 40px;
}

.howptolay_section-banner-1 {
	background: url(../img/howplay-section-1.jpg) no-repeat 0px 0px;
	-webkit-background-size: cover;
	background-size: cover;
}

.howptolay_section-banner-2 {
	background: url(../img/howplay-section-2.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
	background-size: cover;
}

.howptolay_section-banner-3 {
	background: url(../img/howplay-section-3.jpg) no-repeat bottom center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	height: 850px;
}

.howptolay_section-banner-1 .bannercontent {
	position: absolute;
	top: 9vh;
	left: 75px;
}

.howptolay_section-banner h2 {
	background: #9f0100;
	display: inline-block;
	padding: 40px 50px 40px 50px;
	font-size: 3.6em;
    color: #fff;
}

.banner-description {
	background: #9f0100;
    padding: 40px 50px 40px 50px;
    margin-top: 65px;
}

.banner-description p {
	color: #fff;
	margin-top: 30px;
}

.banner-description p span {
	color: #f6e000;
}

.banner-description p:first-child {
	margin-top: 0;
}

.banner-description ul li {
    font-family: calibri;
    font-size: 1.2em;
    line-height: 1.2;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
}

.howptolay_section-banner-2 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.howptolay_section-banner-2 .bannercontent {
	margin-right: 75px;
}

.howptolay_section-banner-3 .bannercontent {
	position: absolute;
	bottom: -80px;
	left: 75px;
}

.howptolay_section-banner-3 .bannercontent .banner-description {
	background: #eaeaea;
}

.howptolay_section-banner-3 .bannercontent .banner-description p {
	color: #000;
	text-align: right;
}

.howptolay_section-red {
	width: 100%;
	height: 80px;
	background: #9f0100;
}

.howptolay_section-header-red {
	background: #9f0100;
}

.howptolay_section-header-red h3 {
	color: #eaeaea;
}

.qslide {
	height: 28vw;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

	.qslide p
{
	font-family: pobeda-b;
	font-size: 3em;
	color: #fff;
}

.qslide-1 {
	background: url(//secret-city.ru/media/quest/9/5/fee5cc5ae408589ff6440df7c760b6f8.jpg) no-repeat, center;
	background-size: cover;
}

.qslide-2 {
	background: url(//secret-city.ru/media/quest/a/e/339523cd348f388189cbbbc829c5ffa1.jpg) no-repeat, center;
	background-size: cover;
}

.qslide-3 {
	background: url(//secret-city.ru/media/quest/b/e/96c434ab40745a083daf58ca2ef2e2bc.jpg) no-repeat, center;
	background-size: cover;
}

.prevslide {
	height: 33px;
	width: 42px;
	position: absolute;
	left: 30px;
	top: calc(50% - 17px);
	background: url(../img/prevslide.png);
	z-index: 99999;
	cursor: pointer;
}

.nextslide {
	height: 33px;
	width: 42px;
	position: absolute;
	right: 30px;
	top: calc(50% - 17px);
	background: url(../img/nextslide.png);
	z-index: 99999;
	cursor: pointer;
}

.howptolay_section-slider {
	position: relative;
}

.howptolay_section-slider .owl-item a {
    opacity: 0.3;
    pointer-events: none;
    transition: 300ms;
    border: none;
}

.owl-item.active.center a {
	opacity: 1;
	pointer-events: auto;
	transition: 300ms;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.howptolay_section-slider .owl-carousel {
    background: #000;
    border-bottom: 2px solid #fff;
}

.howptolay .p-author__section-4__left:after, .p-author__section-4__right:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 14px;
	background: #fff;
	box-shadow: 0px 0px 10px 10px #fff;
    height: 100%;
}

.howptolay .p-author__section-4__left__grey:after, .p-author__section-4__right__grey:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 14px;
    background: #e9e9e9;
    box-shadow: 0px 0px 10px 10px #e9e9e9;
    height: 100%;
}

.instruction__section-1 {
    width: 100%;
}

.instruction_block {
    margin-left: auto;
    margin-right: auto;
    width: 860px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.instruction_block ol {
    padding-left: 75px;
    padding-right: 75px;
}

.instruction_block ol li {
    font-family: calibri;
    font-size: 1.2em;
    line-height: 1.2;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
        color: #9e0100;
}

.instruction_block ol li span {
    color: #000;
}

.instruction_block ol li span.redspan {
    color: #9e0100;
}

.instruction_block a {
    margin-top: 40px;
    margin-left: calc(50% - 120px);
}

.instruction {
    color: #000;
}

.instruction:hover {
    color: #9f0100;
}