@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html {
    min-width: 320px;
    height: 100%;
    min-height: 100%;
}

body {
    font-family: 'PT Sans', sans-serif;
    color: #F0F0F0;
    /*background: url('../img/pagebg_brown.jpg') #222 no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    min-width: 320px;
    position: relative;
    margin-bottom: 34px; /* footer(copyright) */
}
#wrap:before {
    content: ' ';
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('../img/pagebg_brown.jpg') #222 no-repeat center center;
    background-size: cover;
    will-change: transform;
    z-index: -100;
}
a {
    color: #fda527;
}

a:hover, a:focus, a:visited, a:active {
    color: #fda527;
    outline: none;
}

/*для устаревших браузеров*/
header, footer, nav, article, section {
    display: block;
}

#wrap {
    width: auto;
    margin: 0 auto;
    min-height: calc(100vh - 35px);
}

h1, h3 {
    font-weight: normal;
    font-size: 2em;
}

h2 {
    color: #fff;
    font-weight: normal;
    font-size: 2em;
}

h3 {
    font-size: 1.4em;
}

header {
    height: 150px;
    position: relative;
    text-align: center;
    width: 100%;
    min-width: 320px;
}

.text-center {
    text-align: center;
}

.page-main header {
    height: 475px;
    box-sizing: border-box;
}

#logo {
    width: 100%;
    margin: 0 auto 40px;
    height: 100px;
    max-width: 380px;
    -webkit-background-size: contain;
    background-size: contain;
}
.booking #logo {
    max-width: 380px;
}
#logo img {
    width: 100%;
}

.news-block {
    display: none;
    position: relative;
    justify-content: space-between;
    margin: auto auto 66px;
    padding: 13px 16px 13px 65px;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #fda527;
    border-radius: 30px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: left center;
}

.news-block__icon {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 52px;
    width: 52px;
    border-radius: 50%;
    background-color: #fda527;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center center;
}

.news-block__date {
    position: relative;
    padding-right: 25px;
    padding-left: 32px;
    margin-right: 25px;
    background-image: url('/bundles/roommain/img/quest/calendar-news.svg');
    background-repeat: no-repeat;
    background-position: left center;
}

.news-block__date:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #fda527;

}

.page-main .news-block {
    display: flex;
    min-height: 52px;
}

.page-main .header__title, .page-main .header__descr, .page-main .video {
    display: block;
}

.play {
    position: relative;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background: #fda527;
    border-radius: 50%;
    cursor: pointer;
}
.play:hover {
    box-shadow: 0 0 25px 2px #fda527;
}
.play:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-left: 24px solid #000;
}
.page-main .header__item {
    height: calc(100% - 67px);
    padding-top: 67px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-main .header__item #logo img {
    max-width: 250px;
}
.header__title {
    display: none;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 16px;
}

.header__descr {
    display: none;
    max-width: 680px;
    margin: 0 auto;
    font-size: 25px;
    line-height: 1.3;
}
.video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) url('/bundles/roommain/img/video-min.jpg');
    background-size: auto 150%;
    background-position: center center;
    background-repeat: no-repeat;
}
.video__bg2 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    background-size: contain;
}
.video__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.video__btn {
    position: absolute;
    left: 50%;
    bottom: 150px;
    transform: translateX(-50%);
    z-index: 100;
}

.video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1500;
    background-color: #000000;
}
.video-popup__content {
    height: 90%;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .video-popup__content {
        height: 350px;
    }
}
.video-popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: 0.4s;
    z-index: 100;
}
.video-popup__close::before, .video-popup__close::after {
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #969595;
}
.video-popup__close::before {
    transform: rotate(-45deg);
}
.video-popup__close::after {
    transform: rotate(45deg);
}
.video-popup__close:hover.video-popup__close::before, .video-popup__close:hover.video-popup__close::after {
    background-color: #ffffff;
}
/*фиксированное плавающее меню*/
#top_nav_wrapper {
    position: relative;
    height: 37px;
    z-index: 1000;
}
#top_nav {
    display: flex;
    z-index: 1000;
    border-bottom: 1px solid #6e5646;
    border-top: 1px solid #6e5646;
    width: 100%;
    min-width: 320px;
    height: 30px;
    background: #000;
    background-image: url(../img/menu_bg.png);
    text-align: center;
    padding-top: 5px;
    box-sizing: content-box;
}
#top_nav .lang {
    transition: height 0.5s;
}
.top_nav_logo {
    display: none;
    margin-top: -3px;
    margin-left: 24px;
    margin-right: 0px;
    width: auto;
    height: 100%;
    flex: 1;
}
.top_nav_logo a {
    display: flex;
    width: 80px;
    height: 100%;
}
.top_nav_logo img {
    width: 100%;
}
.top_nav_right {
    display: none;
    margin-right: 24px;
    flex: 1;
    justify-content: flex-end;
}
.top_nav_phone {
    white-space: nowrap;
    margin-right: 40px;
}
.top_nav_social {
    padding-right: 5px;
    width: 52px;
}
.top_nav_social a {
    display:inline-block;
    margin-right: 4px;
}
.top_nav_social img {
    width: 17px;
}
.top_nav_lang {
    position: relative;
    width: 45px;
    height: 30px;
    margin-top: -3px;
}
.top_nav_lang .lang {
    font-weight: 700;
}
.top_nav_lang .lang.active::before {
    content: "▼";
    position: absolute;
    left: auto;
    right: -5px;
    font-size: 10px;
    transform: scale(1);
}
#top_nav #language {
    background-color: transparent;
    border-radius: 5px;
    display: inline-block;
    color: #fda527;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    z-index: 1000;
}
#top_nav .lang:hover {
    color: #ffffff;
}
#top_nav #language.open {
    background-color: #202020;
}
#top_nav ul {
    height: auto;
    padding: 0px;
    display: table;
    max-width: 510px;
    margin: 0 auto;
    width: 100%;
}

#top_nav ul li {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
}

#top_nav a {
    list-style: none;
    color: #FFF;
    font-size: medium;
    text-decoration: none;
    text-shadow: #444 1px 0 0px, #444 0 1px 0px, #444 -1px 0 0px, #444 0 -1px 0px;
}

#top_nav a:hover {
    color: #CCC;
    transition: color 0.2s linear;
}

#content {
    display: block;
    position: relative;
}

#content.loading:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 200px;
    height: 26px;
    margin-left: -100px;
    background-image: url(../img/loading_g.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 100;
}

#content p {
    font-size: 1.1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

#about {
    padding-top: 35px;
    padding-bottom: 15px;
    text-align: center;
	overflow: hidden;
}

#action {
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: url(../img/80grey.png);
    text-align: center;
	border-bottom: 1px solid #6e5646;
}

#action a {
    font-size: 25px;
    margin: 0 auto;
    max-width: 500px;
	color: black;
}

#quests, #faq {
    background-image: url(../img/90grey.png);
    border-bottom: 1px solid #6e5646;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#quests {
    background-image: url(../img/80grey.png);
    clear: both;
}

#faq .contentblock {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2em;
}

#faq .contentblock .h3,
#contacts .contentblock .h3 {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    color: #fda527;
    font-size: 2em;
}

#faq .q {
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 20px;
    margin-bottom: 5px;
}

#faq .q, #faq .a {
    padding-left: 20px;
    padding-right: 20px;
}

#faq .a {
    color: #eeeeee;
}

.quest_details_block {
    display: inline-block;
    margin: 20px auto;
    text-align: center;
    width: 100%;
}

.quest_comment {
    width: 100%;
}

.quest_block.inactive_quest {
    position: relative;
    top: -20px;
}

.quest_block {
    width: 31%;
    min-width: 420px;
    max-width: 540px;
    display: inline-block;
    margin: 10px;
    text-align: center;
    position: relative;
    background-color: black;
    overflow: hidden;
}

.quest_icon_new {
    position: absolute;
    top: 10px;
    left: 0;
    width: auto;
    min-width: 63px;
    max-width: 60%;
    padding-left: 10px;
    padding-right: 10px;
    height: 20px;
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    background-color: #fda527;
    z-index: 5;
    transition: opacity 0.5s ease;
}

.quest_icon_new:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #fda527;
}

.quest_icons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    transition: opacity 0.5s;
    display: flex;
}

.quest_icon {
    margin-left: 2px;
    display: inline-block;
    width: 40px;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 0 0 0 10px;
    position: relative;
}

.bwWrapper .type-limit-players img, .bwWrapper .type-limit-players svg {
    width: 30px;
    margin: 7px auto 5px;
}

.type-limit-age-18 {
    height: 40px;
    line-height: 40px;
    background-color: rgba(157,7,25,0.8);
}

.type-limit-age-16 {
    height: 40px;
    line-height: 40px;
    background-color: rgba(199,76,0,0.8);
}

.type-limit-age-18:after, .type-limit-age-16:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

.type-limit-players {
    height: 55px;
    background-color: rgba(101, 20, 173, 0.8);
}

.bwWrapper .type-format img, .bwWrapper .type-format svg {
    width: 22px;
    margin: 5px auto;
}

.type-format {
    height: 55px;
    background-color: rgba(20, 96, 186, 0.8);
}
.type-format .type-fortmat-battle {
    font-size: 0.7rem;
}
.type-format .type-fortmat-battle img {
    margin-top: 7px;
}

.quest_block img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity .5s, filter .5s, -webkit-filter .5s;
}

.quest_name .quest_level {
    width: 83px;
    min-width: 83px;
    height: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.quest_name .quest_level--0 {
    background-image: url('../img/quest/level0.svg');
}

.quest_name .quest_level--1 {
    background-image: url('../img/quest/level1.svg');
}

.quest_name .quest_level--2 {
    background-image: url('../img/quest/level2.svg');
}

.quest_name .quest_level--3 {
    background-image: url('../img/quest/level3.svg');
}

.quest_name .quest_level--4 {
    background-image: url('../img/quest/level4.svg');
}

.quest_name .quest_level--5 {
    background-image: url('../img/quest/level5.svg');
}

.quest_name .quest_level--6 {
    background-image: url('../img/quest/level6.svg');
}

.quest_name .quest_level--7 {
    background-image: url('../img/quest/level7.svg');
}

.quest_name .quest_level--8 {
    background-image: url('../img/quest/level8.svg');
}
    
.quest_name span {
    display: table-cell;
    vertical-align: middle;
    line-height: 20px;
}

.quest_city {
    opacity: 0.6;
    transition: opacity .5s;
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    height: 50px;
    background-color: #fda527;
    z-index: 500;
    color: black;
    font-weight: bold;
    top: 0;
    right: 0;
    line-height: 50px;
    text-transform: uppercase;
    border-bottom-left-radius: 5px;
}

.quest_label {
    opacity: 0.6;
    font-size: 1.3em;
    transition: opacity .5s;
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    height: 50px;
    z-index: 500;
    color: black;
    font-weight: bold;
    top: 0;
    line-height: 50px;
    text-transform: uppercase;
    left: 0;
    border-bottom-right-radius: 5px;
    background-color: #FF99FF;
}

.quest_name_label {
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    height: 50px;
    z-index: 500;
    color: black;
    font-weight: bold;
    top: 0;
    right: 0;
    line-height: 50px;
    border-bottom-left-radius: 5px;
    background-color: #FF99FF;
    opacity: 0.6;
    text-transform: uppercase;
}

.maps.schema img {
    width: 100%;
}

#quests h1 {
    position: relative;
}


.city_loading {
    background-image: url(../img/loading_g.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 200px;
}
.city_loading .city.selected {
    border: none!important;
}
.city_loading:after {
    content: none!important;
}
.city_loading .city {
    color: transparent!important;
}
.city_selector {
    display: inline-block;
    text-align: left;
    z-index: 502;
}

.city_selector.inactive {
    cursor: pointer;
}

.city_selector.inactive .city {
    display: none;
}

.city_selector.inactive .city.selected {
    display: inline;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #fda527;
}

.city_selector.inactive:after {
    padding-left: 5px;
    border: 0;
    content: "▼";
    color: #fda527;
    font-size: 0.6em;
}

.city_selector.active {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    border: 1px solid #fda527;
    border-radius: 10px;
    position: absolute;
    z-index: 1010;
}

.city_selector.clone {
    visibility: hidden;
}

.city_selector.active .city {
    display: block;
    color: white;
    text-decoration: none;
    white-space: nowrap;
}

.city_selector.active .city.selected {
    color: #fda527;
    font-weight: bold;
}

.city_selector.active .city:hover {
    color: #fda527;
}

.bwWrapper:hover .quest_city, .bwWrapper:hover .quest_label {
    opacity: 0.8;
}
#faq #city-content {
    margin-top: 20px;
    font-size: 0.8em;
}
#city-content ul{
	padding-left: 20px;
}
#city-content .actions a {
    font-size: 0.8em;
    color: #444;
    text-align: center;
    display: block;
}
#city-content .actions a:hover {
    color: #555;
}
#city-content .content {
    max-width: 800px;
    box-sizing: border-box;
    padding: 0 20px;
	height: 3em;
	overflow: hidden;
    text-align: justify;
}
@media (max-width: 450px) {
    body {
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .quest_block {
        width: 80%;
        margin: 20px;
    }
    .newscontent img {
        width: 40%;
    }
}

.contentblock {
    width: 100%;
    min-width: 320px;
    margin: auto;
    margin-bottom: 15px;

}

.contentblock__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.controller {
    display: flex;
    white-space: nowrap;
}

.controller__item {
    position: relative;
    font-size: 18px;
    line-height: 1;
    color: #fda527;
    text-decoration: none;
    padding: 8px 13px 8px 28px;
    border:  1px solid #fda527;
    border-right: 0;
}

.controller__item:last-child {
    border-right: 1px solid #fda527;;
}

.controller__item svg {
    position: absolute;
    left: 10px;
    top: 48%;
    transform: translateY(-50%);
    fill: #fda527;
}

.controller__item.is-active {
    color: #000000;
    background-color: #fda527;
}

.controller__item:hover {
    color: #000000;
    background-color: #f4950d;
    text-decoration: none;
}

.controller__item.is-active svg, .controller__item:hover svg {
    fill:  #000000;
}

.contleft {
    width: 50%;
    min-width: 304px;
    margin: auto;
    margin-bottom: 15px;
    float: left;
    font-size: 90%;
}

.layout__left {
    float: left;
}
.layout__left > * {
    float: left;
}

.layout__right {
    float: right;
}
.layout__right > * {
    float: left;
}


.layout__left .schedule-calendar {
    margin-right: 20px;
}

#booking .color-palette {
    margin-right: 20px;
}

.contcenter {
    width: 100%;
}
.newsblock {
    width: 50%;
    margin: auto;
    margin-bottom: 15px;
    float: left;
}
.newsblock h2 {
    text-align: left;
    color: #fda527;
    font-weight: bold;
    border-bottom: 1px solid #fda527;
    font-size: 1.5em;
    margin-right: 25px;
    min-width: calc(100% - 20px);
    float: left;
}
.newscontent {
    margin-top: 50px;
    padding-right: 15px;
    clear: both;
}
.newscontent img {
    float: left;
    border: 1px solid #6e5646;
    margin-right: 10px;
    max-width: 30%;
}
.newstest {
    text-align: left;
    padding-right: 10px;
}

.newscontent a {
    text-align: right;
    display: block;
    font-weight: bold;
}
.newstest a {
    text-align: left;
    display: inline;
    font-weight: bold;
}
footer {
    background-color: #000;
    padding-top: 20px;
    text-align: center;
    overflow: hidden;
}

footer h3 {
    margin-bottom: 20px;
}

footer p {
    color: #fff;
}

footer p a {
    color: #fff;
}

footer iframe {
    float: left;
}

.cont_img {
    float: left;
    border: 1px solid #6e5646;
    /*
        border:1px solid #999;
    */
    padding: 5px;
    margin: 0 10px 5px 0;
}

#cover {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9998;
}

#loader {
    width: 146px;
    height: 50px;
    background-image: url(../img/loader_cryptex.gif);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -73px;
    margin-top: -25px;
    z-index: 9999;
}

.loader {
    display: none;
    width: 200px;
    height: 20px;
    background-image: url(../img/loading_g.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0 auto;
}
.loading > .loader {
    display: block;
}

.grid_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.grid_wrapper:not(.city_kiev,.city_) .quest_block_banner:not(.quest_block_banner_fixed) {
    order: 1000;
}

.bwWrapper {
    border: 1px solid #6e5646;
    position: relative;
    display: block;
    transition: border-color .5s;
    cursor: pointer;
}
.quest_hover_wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 1px;
    left: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.5s ease, z-index 0.5s ease;
}
.quest_hover {
    display: flex;
    flex-direction: column;
    text-align: left;
    color: white;
    height: calc(100% - 38px);
    text-decoration: none;
}
.quest_hover:hover, .quest_hover:focus, .quest_hover:visited, .quest_hover:active {
    color: white;
}
.quest_hover_title {
    margin-bottom: 5px;
    padding-right: 95px;
    font-size: 26px;
    text-transform: uppercase;
    background-size: 83px 25px;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}
.quest_hover_complexity_label {
    position: absolute;
    font-size: 12px;
    text-transform: none;
    width: 83px;
    text-align: center;
    right: 0;
    bottom: -9px;
}
.quest_hover_address {
    position: relative;
    padding-left: 23px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #fda527;
}

.quest_hover_address:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 18px;
    height: 19px;
    background-image: url('/bundles/roommain/img/quest/location.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.quest_hover_descr {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}


.quest_hover_descr_people {
    position: relative;
    padding-left: 30px;
}

.quest_hover_descr_people:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 15px;
    background-image: url('/bundles/roommain/img/quest/people.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.quest_hover_descr_time {
    position: relative;
    padding-left: 20px;
}

.quest_hover_descr_time:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('/bundles/roommain/img/quest/clock.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.quest_hover_descr_age {
    position: relative;
    padding-left: 20px;
}

.quest_hover_descr_age:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 16px;
    background-image: url('/bundles/roommain/img/quest/age.svg');
    background-repeat: no-repeat;
    background-position: center center;
}

.quest_hover_text {
    margin-top: auto;
    margin-bottom: 20px;
    font-size: 13px;
}

.quest_hover_btns {
    display: flex;
    margin-top: auto;
}

.quest_hover_btn {
    padding: 9px 15px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #261805;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 1px;
    background-color: #fda527;
}

.quest_hover_btn:hover, .quest_hover_btn:visited, .quest_hover_btn:focus, .quest_hover_btn:active {
    color: #261805;
}

.quest_block:hover .quest_hover_wrapper {
    opacity: 1;
    z-index: 100;
}

.quest_block:hover .quest_name, .quest_block:hover .quest_icons, .quest_block:hover .quest_icon_new {
    opacity: 0;
}
.quest_block:hover img {
    filter: blur(5px);
}
.quest_block.quest_banner_block:hover img {
    filter: none;
}
.quest_block.quest_banner_block .quest_hover_wrapper > a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.quest_name {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    width: calc(100% - 40px);
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 99;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    transition: opacity 0.5s;
}

.inputs.quest_button {
    width: auto !important;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    margin-top: 7px;
    padding: 4px;
}

.quest_soon {
    width: 100%;
    height: 65px;
    line-height: 65px;
    font-size: 1.8rem;
    position: absolute;
    bottom: 50%;
    background-image: url(../img/50grey.png);
    z-index: 501;
    color: #FFF;
    text-transform: uppercase;
}

.contactblock div {
    margin-bottom: 10px;
}

.col2 {
    display: inline-block;
    width: 66%;
    vertical-align: top;
}

.col3 {
    display: inline-block;
    width: 49%;
    min-width: 289px;
    color: #6c6c6c;
    text-align: center;
    vertical-align: top;
}

.col1 {
    display: inline-block;
    width: 33%;
    min-width: 290px;
    color: #6c6c6c;
    text-align: center;
    vertical-align: top;
}

@media (max-width: 900px) {
    .col1, .col2 {
        width: 49%;
    }

    .col3 {
        width: 100%;
    }

    .controller__item {
        font-size: 0;
        padding: 15px;
    }

    .contentblock h1 {
        font-size: 20px;
    }

    .contentblock__head {
        margin-bottom: 0;
    }

    .quest_block:hover .quest_hover_wrapper {
        opacity: 0;
        z-index: -1;
    }

    .quest_block:hover .quest_name, .quest_block:hover .quest_icon {
        opacity: 1;
    }
    .quest_block:hover img {
        filter: blur(0);
    }
}

@media (max-width: 640px) {
    .col1 {
        width: 290px;
    }

    .col2 {
        width: 100%;
    }
    .contleft {
        margin-top: 25px;
        width: 95%;
        margin-left: 5%;
    }
    .newsblock {
        width: 90%;
        margin-left: 5%;
    }
}

.col1 img {
    position: relative;
    top: 3px;
    padding-left: 10px;
}

.col1 div {
    text-align: left;
}

.col1 span {
    color: #FFFFFF;
}

.inputs {
    width: 90%;
    border: none;
    outline: none;
    margin: 5px;
    padding: 6px;
    font-weight: 300;
    font-size: 13px;
    color: #6c6c6c;
    font-family: 'PT Sans', sans-serif;
    background: #202020;
    border-radius: 5px;
}

.inputs:hover, .inputs:active, .inputs:focus {
    background: #3a3a3a;
}

.inputs::-webkit-input-placeholder {
    color: #6c6c6c;
    text-transform: uppercase;
}

.inputs:-moz-placeholder {
    color: #6c6c6c;
    text-transform: uppercase;
}

.inputs::-moz-placeholder {
    color: #6c6c6c;
    text-transform: uppercase;
}

.inputs:-ms-input-placeholder {
    color: #6c6c6c;
    text-transform: uppercase;
}

.button {
    background: #fda527;
    color: #000;
    box-sizing: inherit;
    text-transform: uppercase;
}

.button:hover, .button:active {
    color: #fda527;
}

.button-loader.loading,
.button.loading {
    background: #fda527 url('../img/loading.gif') no-repeat center center;
    background-size: contain;
}

.button.success {
    background-color: #65ff65 !important;
}

.button.error {
    background-color: #ff6565 !important;
}

.messages_button span.success, .messages_button span.error {
    display: none;
}

.messages_button span.normal {
    display: inline;
}

.messages_button.loading span.normal, .messages_button.error span.normal, .messages_button.success span.normal {
    display: none;
}

.messages_button.error span.error {
    display: inline;
}

.messages_button.success span.success {
    display: inline;
}

body.quest h1 {
    color: #fff;
    font-size: 2em;
    font-weight: normal;
}

#quest1_big_bg {
    position: absolute;
    clip: rect(auto, auto, auto, auto);
    clip: rect(auto, auto, 300vh, auto);
    width: 100%;
    z-index: -1;
}
#quest_background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position:fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    will-change: transform;
}
#quest_background img {
    object-fit: cover;
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
}

#quest2_big {
    background: url('../img/quest2_bg.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.collumn2 {
    display: inline-block;
    width: 50%;
    min-width: 320px;
    float: left;
    text-align: left;
}

@media (max-width: 680px) {
    .collumn2 {
        width: auto;
    }

    .questdetails {
        max-width: none !important;
    }
}

.right {
    text-align: right;
}

.floatright {
    float: right;
}

.quest_grey_bg {
    background-image: url(../img/80grey.png);
    padding: 20px 20px;
    margin: 0 10px 20px 10px;
    min-width: 260px;
    position: relative;
}

.questdetails {
    color: #CCCCCC;
    max-width: 390px;
    min-width: 260px;
}

.questdetails .questvideo {
    width: 100%;
}

.questdetails h3 {
    font-size: 1.6em;
}

.questdetails h3, .questdetails p {
    margin: 0px;
    padding: 0px;
}

.questdetails strong {
    color: #ffffff;
}

.quest_open_soon {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 150px;
    font-size: 40px;
    height: 250px;
    text-align: center;
    width: 220px;
    float: right;
}

#quest-booking-wrapper.loading > #picked_calendar,
#quest-booking-wrapper.loading > #picked_date,
#quest-booking-wrapper.loading > #picked_time {
    display: none;
}

.battle_selector,
.battle_selector * {
    box-sizing: border-box;
}
.battle_selector {
    margin: 5px;
}
.battle_selector input[type=radio] {
    display: none;
}
.battle_selector label {
    display: inline-block;
    width: 103px;

    background: #3a3a3a;
    color: #F0F0F0;
    border: 1px solid #fda527;
    font-weight: normal;

    padding: 6px;
    margin-left: 0;
    margin-right: -.3em;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}
.battle_selector input[type=radio]:checked + label {
    background: #fda527;
    color: #000;
}

.battle_selector label[for="battle2"] {
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
}

.battle_selector label[for="battle1"] {
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
}

.battle_selector label .question {
    color: #fda527;
    text-decoration: underline;
    cursor: pointer;
}
.battle_selector input[type=radio]:checked + label .question {
    background: #fda527;
    color: #000;
}


.calendartable td, .calendartable th {
    width: 30px;
    text-align: center;
}

.daytimetable {
    width: 100%;
}

.daytimetable td {
    width: 50px;
    text-align: center;
}

.quest_grey_bg.calendar {
    width: 220px;
    float: right;
    text-align: left;
    min-width: 0;
}

#content .calendar p {
    font-size: 1em;
}

.day_prev_month, .day_next_month {
    background-color: #222;
}
.prev_comment, .next_comment {
    position: relative;
    width: 25px;
    display: block;
    height: 100px;
}
.prev_comment:before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
}
.prev_comment:after {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
}
.next_comment:before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
}
.next_comment:after {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
}
.testimonial {
    padding: 20px 10px 0;
}
.testimonial h3 {
    margin-left: 35px;
    font-size: 1.3em;
}
.testimonial p {
    padding: 10px 20px;
    color: #ebebeb;
    font-family: 'PT Sans',sans-serif;
    font-style: italic;
    font-size: 1.125em;
}
.user_photo_wrap {
    float: left;
    margin: 15px 15px 0 40px;
    border: 1px solid #6e5646;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.user_photo_wrap img {
    width: 100%;
    height: 100%;
}
.user_data {
    font-size: 1.125em;
    font-style: italic;
    line-height: 1;
    margin: 15px 0 0;
    min-height: 60px;
}
.user_data a {
    font-style: normal;
	display:block;
    text-decoration: underline;
}
.comment_date {
    font-size: 0.75em;
    color: #bababa;
    }
.login_area p{
    color: #ebebeb;
    text-align: left;
    font-size: 0.75em!important;
}
.write_new {
    text-align: left;
    padding: 5px 55px 5px 30px;
    display: block;
    background-color: #fda527;
    border: none;
    border-radius: 10px;
    color: #000;
    font-size: 0.875em;
    cursor: pointer;
    background-image: url(../img/quest-comment/icon.svg);
    background-repeat: no-repeat;
    background-position: 85% 1px;
    background-size: contain;
    transition: 0.2s;
    margin: 25px auto;
}
.write_new:hover {
    opacity: 0.8;
    transition: 0.2s;
}
.write_new:focus {
    outline: none;
}
.hero_text .write_new {
    font-size: 1em;
    margin: 5px auto;
}
.login_area {
    padding: 30px 50px 50px;
    min-height: 80px;
}
.right .quest_grey_bg {
    min-width: 0
}
.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    z-index: 1001;
}
.comment_popup {
    display: none;
    position: fixed;
    top: 20%;
    left: 30%;
    background-color: #000;
    width: 40%;
    z-index: 1001;
    min-height: 40%;
    border-radius: 5px;
    border: 1px solid #fda527;
}
.comment_popup .close {
    text-align: right;
    display: block;
    margin: 15px;
    position: relative;
    font-size: 0;
    width: 21px;
    height: 21px;
    float: right;
    cursor: pointer;
    opacity: 1;
    background-image: url(/bundles/roommain/img/close.png);
}
.vr_page .comment_popup .close {
    background-image: url(/bundles/roommain/img/vr_close.png);
}
.vr_page select {
    padding-bottom: 5px!important;
}

@media all and (min-width:1200px) {

}
.soc_login {
    padding: 30px 25px;
    text-align: center;
    padding-top: 10%;
}
.soc_login ul {
    list-style: none;
}
.soc_login ul li {
    display: inline-block;
    margin: 10px 5px;
}
.soc_login img {
    max-width: 50px;
}
.auth_form {
    padding: 60px 50px;
}
.auth_form form {
    width: 100%;
    margin-top: 15px;

}
.auth_form form textarea {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #212221;
    background-color: #191919;
    padding: 5px 0 5px 10px;
    margin-bottom: 0.75%;
    font-style: italic;
    color: #ebebeb;
    box-sizing: border-box;

}
.auth_form form input,
.auth_form form select {
	width: 49%;
    display: block;
    border-radius: 2px;
    border: 1px solid #212221;
    background-color: #191919;
    padding: 5px 0 5px 10px;
    margin-bottom: 1.5%;
    font-style: italic;
    font-size: 0.75em;
    color: #ebebeb;
    transition: 0.2s;
    box-sizing: border-box;
    float: left;

}
.auth_form form input:last-child {
    margin-right: 0;
}
.auth_form form select {
    padding-bottom: 4px;
    padding-top: 4px;
}
input[disabled] {
    opacity: 0.5;
    transition: 0.2s;
}
input[disabled]::-webkit-input-placeholder {color:#000;}
input[disabled]::-moz-placeholder          {color:#000;}/* Firefox 19+ */
input[disabled]:-moz-placeholder           {color:#000;}/* Firefox 18- */
input[disabled]:-ms-input-placeholder      {color:#000;}

.auth_form form select {

    color: #a9a9a9;
}

.auth_form form input:nth-child(2){

}
.auth_form form button {
    width: 49%;
    border-radius: 5px;
    border: none;
    padding: 5px;
    font-size: 0.75em;
    background-color: #fda527;
    transition: 0.2s;


}
.auth_form form input {
    margin-right: 2%;
}
.auth_form form button:hover {
    opacity: 0.8;
    transition: 0.2s;
}
.auth_form form button:focus {
    outline: none;
}
.auth_form p {
    font-size: 0.75em!important;
    text-align: right;
    color: #fda527;
}
.auth_form p:last-child {
    color: #ebebeb;
    font-size: 0.875em!important;
    text-align: left;
}
.u_section {
    width: 100%;
    display: block;
    margin-top: 0;
}
.thank {
    display: none;
}
.thank h3 {
    padding: 150px;
    text-align: center;
}
.u_section .user_photo_wrap {
    display: block;
    float: none;
    margin: 0 auto;
}
.user_name {
    display: block;
    text-align: center;
}
.user_name a {
	display: inline-block;
    text-decoration: underline;
}
.login_area .u_section {
    margin-top: 0;
    margin-left: 0;
    width: auto;
    margin-bottom: 25px;
}
.arrow_small,
.arrow_small:hover,
.arrow_small:visited,
.arrow_small:focus {
    text-decoration: none;
    color: #ffffff;
}

.popup .battle_selector {
    max-width: 310px;
    margin: 0 auto;
}

.available {
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.available_battle:after {
    position: absolute;
    font-size: 0.75em;
    right: -2px;
    top: -2px;
}

.available_battle_booking:after {
    position: absolute;
    font-size: 0.75em;
    right: 6px;
    top: -6px;
}

.available_battle_booking.available_2:after, .available_battle.available_2:after {
    content: '2';
}

.available_battle_booking.available_1:after, .available_battle.available_1:after {
    content: '1';
}

.price {
    margin: auto;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    background-color: #202020;
}
.user_quit {
    background-color: #fda527;
    border-radius: 4px;
    display: inline-block;
    color: transparent!important;
    text-decoration: none;
    font-size: 0.9em;
    transition: 0.2s;
    background-image: url(/bundles/roommain/img/quest-comment/out.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}
.user_quit:hover, .user_quit:visited, .user_quit:active, .user_quit:focus {
   color: #402909;
    opacity: 0.8;
    transition: 0.2s;
    text-decoration: none;
}

.price-0 {
    color: #BFF7FF;
}

.price-1 {
    color: #FFBFBF;
}

.available:hover, .available:active, .available:focus, .picked {
    color: #fda527;
}

.allbusy {
    color: #888888;
}

.prices {
    width: 100%;
    background-color: #222222;
    border-radius: 3px;
}

.prices td {
    text-align: center;
}

.comment {
    padding: 0 40px 10px!important;
    font-size: 18px !important;
    margin-bottom: 0 !important;
    text-align: justify;
}

.comment:hover, .comment:active, .comment:focus {
    color: #ffffff !important;
}
.comment_td {
    width: 100%;
    height: 160px;

}
.next_comment {
	    right: 5px;
}
.arrow {
    font-size: 36px;
	position:relative;
}

.arrow a {
    text-decoration: none;
    color: #ffffff;
	position:absolute;
	top:25px;
}

.minimap {
    float: right;
    text-align: center;
}

.minimap a {
    font-size: 12px;
}

.scrolltrigger {
    position: relative;
    top: -55px
}

#widgets .widget {
    width: 31%;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    min-width: 260px;
}

.widget div {
    margin: 0 auto;
}

.widget .fb-like-box {
    background: white;
}

.widget .TA_selfserveprop {
    background-color: white;
}

#widgets {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.page_contentblock {
    max-width: 800px;
    background-image: url(../img/80grey.png);
    padding: 20px 20px;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    min-width: 260px;
    box-sizing: border-box;
}

.page_contentblock img {
    max-width: 100%;
    display: block;
}
.page_contentblock  h1 {
    font-weight: bold;
    font-size: 2.5em;
}
.page_contentblock h2, #content .page_contentblock p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.page_contentblock h2, h1 {
    color: #fda527;
}
.page_contentblock strong {
    color: #fda527;
}

.contentblock h1 {
    color:  #ffffff;
    font-size: 24px;
}

#booking .quest-li {
    margin-left: 0;
}

body.static-2016 h1,
body.static-halloween16 h1 {
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 20px;
}

body.static-cert h1,
body.static-exitgame h1 {
    font-size: 1.4em;
    font-weight: normal;
    color: #f0f0f0;
}

/*** PAGE discount ***/
body.page-discount h1 {
    text-align: center;
}
/*** END PAGE discount ***/

/*** PAGE online ***/
body.page-online .akcii ul li
{
    list-style: circle;
    padding: initial;
    margin-left: 22px;
    display: list-item !important;
    font: inherit;
    font-size: 20px;
    text-align: left;
}
body.page-online a
{
    text-decoration: underline;
}
body.page-online .akcii a,
body.page-online .akcii strong,
body.page-online .akcii h2,
body.page-online .akcii h3,
body.page-online .akcii h1
{
    color: #00cdec !important;
    border-bottom-color: #00cdec !important;
}
body.page-online h3
{
    font-weight: bold !important;
}
body.page-online h1
{
    font-size: 3em !important;
    padding-bottom: 15px !important;
}
/*** END PAGE online ***/

.copyright {
    position: absolute;
    bottom: -35px;
    left: 0;
    background: black;
    color: #333;
    text-align: center;
    font-size: 16px;
    width: 100%;
    line-height: 35px;
    min-height: 35px;
}
@media (min-width: 768px) {
    .copyright .col-md-4 {
        float: left;
        width: 33.3333%;
        min-height: 1px;
        position: relative;
    }

    .copyright .col-md-offset-4 {
        margin-left: 33.3333%;
    }


}

.home_promo_block {
    text-align: left;
    width: 70%;
    border: solid 5px #fda527;
    padding: 20px;
    margin: 10px auto;
    background: black;
}

#head_phone {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 20;
    display: flex;
}
#head_phone a {
    font-size: 1.1em !important;
}
#head_phone_sub {
    display: inline-block;
}
#head_phone .icon-phone {
    display: inline-block;
    background: #202020;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 100%;
    position: relative;
    top: 5px;
    margin-left: 5px;
    color: white;

}
#head_phone .icon-phone:before {
    content: "\61";
    width: 31px;
    height: auto;
    display: block;
    text-align: center;
    padding-top: 8px;
}
#head_phone a:hover .icon-phone{
    color: #fda527;
}
#head_social {
    display: inline-block;
    padding-right: 20px;
}
#head_social a {
    display: inline-block;
    margin-top: 6px;
    margin-left: 5px;
}
#head_social img {
    width: 20px;
}
/* languages */
#language {
    background-color: #202020;
    border-radius: 5px;
    display: inline-block;
    color: #F0F0F0;
    position: absolute;
    top: 55px;
    right: 20px;
    line-height: 0;
    z-index: 100;
}

.lang {
    transition: width 0.3s;
}

.lang.active::before {
    content: "◄";
    position: absolute;
    left: -15px;
    font-size: 1em;
    transform:scale(1,1.5);
}

#language.open .lang.active::before {
    display: none;
}

.lang {
    display: inline-block;
    cursor: pointer;
    width: 0px;
    height: 0px;
    text-align: center;
    overflow: hidden;
    line-height: 30px;
}

.lang:hover {
    color: #fda527;
}

.lang.active {
    width: 45px;
    height: 30px;
}

#language.open .lang {
    display: inline-block;
    width: 45px;
    height: 30px;
}

#language.open .lang.active {
    background-color: #3a3a3a;
    border-radius: 5px;
}
.needed {
    display: none;
    z-index: 1001;
}


.morecontent span {
    display: none;
}
.morelink, .less {
    display: inline;
}
@media (min-width: 1440px) {
    .container {
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }
}


@media (max-width: 768px) {
    body.page-main .header {
        height: 470px;
    }

    body.quest .header,
    body.quest-photo .header,
    body.booking .header,
    body.page .header {
        height: 180px;
    }

    .header__item {
        height: calc(100% - 50px);
        padding-top: 50px;
        max-width: 375px;
        margin: 0 auto;
    }
    .header__title {
        font-size: 25px;
    }
    .header__descr {
        font-size: 16px;
        max-width: 340px;
    }
    .video__btn {
        bottom: 110px;
    }
    .play {
        width: 68px;
        height: 68px;
    }
    .play:before {
        left: 25px;
    }
    #logo {
        margin: 0 auto;
    }
    #logo img {
        width: 80%;
    }
    .quest_block {
        min-width: auto;
    }
    .user_data {
        text-align: center;
    }

    #head_phone {
        z-index: 100;
        top: 10px;
        left: 10px;
        right: 10px;
        text-align: left;
    }
    #head_phone #head_social {
        min-width: 55px;
    }
    #language {
        width: auto;
        top: 15px;
    }
    .comment_popup {
        position: relative;
        top: 35px;
        left: 2.5%;
        width: 95%;
    }
    .thank h3 {
        padding: 150px 50px;
    }
    #quest1_big_bg {
        clip: rect(auto, auto, 3000vh, auto);
    }
    .needed {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
        overflow-y: scroll;
    }
    .u_section {
        width: 100%;
        float: none;
        display: block;
        margin-top: 0;
    }
        .auth_form form {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 25px;
    }
        .auth_form {
        padding: 60px 20px;
    }

    #quest1_big .contentblock {
        padding-top: 30px;
    }
    .write_new {
        padding: 5px 75px 5px 30px;
        margin: 0 auto;
    }
    .login_area .u_section {
        margin-right: 0;
    }
    .user_photo_wrap img {
        max-width: 100px;
    }
    .user_name a {
        font-size: 1.5em;
    }
    .comment {
        font-size: 1.2em!important;
    }
    .login_area p {
        text-align: center;
        font-size: 1em!important;
    }
    .news-block {
        max-width: 350px;
        flex-wrap: wrap;
        font-size: 16px;
        padding: 8px 10px 8px 60px;
        margin: auto auto 24px;
        border-radius: 50px;
    }
    .news-block__icon {
        height: 66px;
        width: 66px;
    }
    .news-block__content {
        line-height: 1.6;
        font-size: 15px;
    }
    .news-block__date {
        padding-right: 12px;
        padding-left: 25px;
        margin-right: 12px;
        background-size: 18px;
    }
}
@media (max-width: 760px) and (orientation:portrait) {
    .loc_phone a {
        display: block;
    }
    .loc_phone {
        top: 125px;
    }
    .loc_phone .icon-phone {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
    .loc_phone .icon-phone:before {
        width: 20px;
        padding-top: 4px;
    }
}
@media (max-width: 520px) {
    .lang {
        transition: width 0.3s;
    }
}

/*------------------------
--------------------------
BOOKING
--------------------------
------------------------*/

#booking {
    font-family: "PT Sans", sans-serif;
    padding-bottom: 100px;

}

#booking h1 {
    height: 34px;
    margin: 0;
    color:  #ffffff;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}


.legend-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 20px 0;
}

.legend-line .layout__right {
    display: flex;
    align-items: center;
}

.legend-line-bg {
    background-color: #1b1b1b;
    border-bottom: 1px solid #6e5646;
}

.city-q {
    font-size: 22px;

}

.schedule {
    cursor: pointer;
    font-size: 24px;
    white-space: nowrap;
}
.schedule br {
    display: none;
}

.schedule:after {
    padding-left: 5px;
    border: 0;
    content: "▼";
    color: #FDA527;
    font-size: 0.6em
}
.current_date {
    color: #FDA527;
    border-bottom: 1px solid #FDA527;
    font-weight: bold;
}

#booking .quest_grey_bg.calendar {
    float: none;
    position: absolute;
    display: none;
    z-index: 100;
}

#booking .active {
    display: block !important;
    z-index: 1000;

}

.cell-day.loading {
    background: #fda527 url('../img/loading.gif') no-repeat center center;
    background-size: contain;
    color: transparent;
}

.city-q {
    text-align: center;
}

.city-q:after {
    padding-left: 5px;
    border: 0;
    content: "▼";
    color: #fda527;
    font-size: 0.6em;
}

#booking .quest-li {
    width: 100%;
    border-bottom: 1px solid #666666;
}

#booking ul {
    list-style: none;
    color: #e06f01;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;

}

#booking ul li img {
    max-width: 15px;
    margin-right: 5px;
    vertical-align: middle;
    padding-bottom: 2px;
}

.main-schedule-table {
    display: block;
    margin: 25px 0;
}

.descript {
    display: block;
    padding: 0;
}

.descript h4 {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    font-family: "PT Sans", sans-serif;
    color: #fda527;
    text-decoration: underline;
}

.quest_tag {
    position: absolute;
    color: #fff;
    padding: 5px 10px;
    background-color: #c073c0;
    font-family: "PT Sans", sans-serif;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 5px;
    z-index: 10;
    text-transform: uppercase;

}

.graph {
    display: block;
    width: 100%;
    min-height: 70px;
    position: relative;
}

.graph-cell {
    position: relative;
    display: inline-block;
    float: left;
    line-height: 60px;
    text-align: center;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    /*position: absolute;*/
    /*left: 5px;*/
    height: 60px;
    background-color: #191919;
    color: #373737;
}
.graph-cell.available_1,
.graph-cell.available_2 {
    padding-left: 0px;
    padding-right: 6px;
}

.q-active {
    color: #fff;
    transition: 0.5s ease;
    cursor: pointer;
}

.q-active:hover {
    opacity: 0.8;
    transition: 0.5s ease;
}

/***Color Palette***/
.color-palette {
    margin: 10px auto;
    width: 275px;
    font-size: 0;
    margin-top: -7px;
    margin-bottom: -7px;
}
#booking ul.color-palette {
    font-size: 0;
}

.color-palette.palette-row-5 {
    width: 275px;
}
.color-palette.palette-row-6 {
    width: 330px;
}
.color-palette.palette-row-7 {
    width: 385px;
}

.color-palette li {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    margin: 2.5px 5px;
}

.color-palette span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: bold;


}

.color1 { background-color: #d47333; }
.color2 { background-color: #d48933; } 
.color3 { background-color: #d4b333; }
.color4 { background-color: #9ed433; }
.color5 { background-color: #33d448; }
.color6 { background-color: #33d4b3; }
.color7 { background-color: #33c9d4; }
.color8 { background-color: #339ed4; }
.color9 { background-color: #3389d4; }
.color10 { background-color: #3373d4; }
.color11 { background-color: #3348d4; }
.color12 { background-color: #8933d4; }
.color13 { background-color: #d433c9; }

.support img {
    max-width: 35px;
}

.support a {
    color: #333333;
    position: relative;
    text-decoration: none;
}

.support a:hover {
    color: #fff;

    text-decoration: none;
}
.support a:after {
    content: "";
    background-image: url(../img/cheers-logo.png);
    background-size: contain;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -6px;
    right: -40px;
}
.support a:hover:after {
    -webkit-filter:brightness(100);
    -moz-filter:brightness(100);
    -o-filter:brightness(100);
    filter:brightness(100);


}

/***POPUP***/
.popup {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 1010;
}

.popup input, .popup button, .popup textarea {
    display: block;
    margin: 10px auto;
    max-width: 310px;
    padding: 5px 15px;
    border-radius: 5px;
    border: none;

}

.popup input, .popup textarea {
    background-color: #202020;
}
.popup textarea {
    text-transform: uppercase;
}

.popup button {
    background-color: #fda527;
    color: #252525;
}

.popup .radio {
    margin: 0px 15px 0 90px;
    min-width: 0;
    display: inline-block;
}

.submit-form {
    display: block;
    margin-top: 10%;
    border: 1px solid #e06f01;
    padding: 0 50px 15px;
    position: relative;

}
form ._quest_players_limit,form ._quest_age_limit, form ._quest_price {
    color: #fff!important;
    font-weight: normal!important;
}

.form-over {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.form-back {
    background-color: #111;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-background-size: cover;
    -webkit-background-position: center;
    -webkit-background-repeat: no-repeat;
    -moz-background-size: cover;
    -moz-background-position: center;
    -moz-background-repeat: no-repeat;
    -o-background-size: cover;
    -o-background-position: center;
    -o-background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);

}

.popup .close {
    position: absolute;
    top: 8px;
    right: 12px;
    text-shadow: 0px 0px 0px #E06F01;
    opacity: 1;
    font-weight: bold;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-image: url(../img/icon-close.png);
    background-repeat: no-repeat;
    background-position: center;
}

.popup h3, .popup h2, .popup h4 {
    text-align: center;

}

.popup h3 {
    color: #fda527;
    font-weight: bold;
    font-size: 1.57em;
}

.popup h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2.57em;
}

.popup h4 {
    font-size: 1.43em;
    font-weight: bold;

}

.popup p {
    max-width: 310px;
    display: block;
    margin: 0 auto;
    font-size: 1.4em;
}

.popup p span {
    font-weight: bold;
    color: #fda527;
}

.over-hidden {
    overflow: hidden;
}
.popup {
    overflow-y: scroll;
}

/*------------------------
--------------------------
VR
--------------------------
------------------------*/
.vr_page {
    background: #060000;
}
.vr_page h1 {
    color: #fff;
    text-align: center;
    font-family: sans-serif;
    margin-top: 55px;
    margin-bottom: 0;
}
.vr_banner p {
    color: #6ca1d8;
    font-family: sans-serif;
    text-align: justify;
    font-size: 1.2em;
    font-weight: 700;
    -moz-text-align-last: center;
    text-align-last: center;
}
.vr_banner {
    background-image: url('http://images.vzaperti.com.ua/quest_images_op/vr/vrbg-min.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 25px;
    min-height: 100vh;
}
.vr_logo {
    max-width: 90%;
    display: block;
    margin: 30vh auto 0;
}
.vr_features {
    padding: 50px 0;
}
.vr_features img {
    max-width: 90%;
    margin: 0 auto;
    display: block;
}
.vr_features h3 {
    color: #fff;
    font-family: sans-serif;
    text-align: center;
}
.video_bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 100%;
    min-height: 100vh;
}

.vr_playbutton {
    position: absolute;
    background-color: #6ca1d8;
    color: #fff;
    width: 150px;
    height: 100px;
    top: 15%;
    left: 25%;
    z-index: 10;
    cursor: pointer;
    opacity: 0.1;
}
.vr_pausebutton:after {
    content: "II"!important;
    color: #fff;
    font-size: 3em;
    position: absolute;
    top: 20%;
    left: 40%;
    font-weight: 900;
    font-family: sans-serif;
}
.vr_playbutton:after {
    content: "►";
    color: #fff;
    font-size: 3em;
    position: absolute;
    top: 20%;
    left: 40%;

}

.vr_playbutton:hover {
    opacity: 1;
    transition: 200ms;
}
/****/
.cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;

  width: 100%;
  height: 100%;
}
.tv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;

  width: 100%;
  height: 100%;

    overflow: hidden;
    background-image: url('http://images.vzaperti.com.ua/quest_images_op/vr/vrvideopreview-min.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

  .screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
     opacity: 0;
    transition: opacity .5s;
    margin: auto;

    }
.vr_active {
    opacity: 1;
}
.tv iframe {
    width: 100%;
    height: 100%;
}
/****/
.video_row {
    margin-top: 20%;
}
.video_row img {
    max-height: 98px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.video_row img:first-child {
    margin: 0;
}
.vr_frame {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}
.vr_page h2 {
    font-family: sans-serif;
    color: #fff;
    text-align: center;
}
.video_bg h2 {
    font-family: sans-serif;
    color: #6ca1d8;
    text-align: left;
}
.video_bg p {
    font-family: sans-serif;
    color: #fff;
    font-size: 1.2em;
}
.vr_adress {
    color: #6ca1d8!important;
    line-height: 10;
    margin-right: 20px;
    font-size: 1.2em;

}
.vr_page .quest_grey_bg, .vr_page .calendar {
    width: 80%;
    margin: 0 auto;
    background-image: none;
    float: none;
    text-align: center;
}
.vr_page .calendartable {
    width: 90%;
    margin: 0 auto;
}
.vr_page .available {

}
.vr_page .allbusy {
    background-color: transparent;
    color: #585757!important;
}
.vr_page .calendartable td, .vr_page .calendartable th {
    color: #fff;
    font-size: 1.2em;
    font-family: sans-serif;
    font-weight: 700;
}
.vr_page .month_name {
    color: #6ca1d8!important;
}

.vr_table {
    border: 3px solid #6ca1d8;
    padding: 10px;
}
.vr_table .days_calendar .picked {
    color: #6ca1d8!important;
    font-weight: 700;
    font-family: sans-serif;

}
.vr_table .days_calendar .picked:after {
    content: '';
    width: 30px;
    height: 30px;
    border: 3px solid #6ca1d8;
    top: -3px;
    left: 37%;
    position: absolute;
}
.vr_page .picked_date {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.vr_page #picked_date {
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.2em;
}
#picked_date .vr_blue {
    color: #6ca1d8;
    min-width: 50px;
}
#picked_date td {
    border: 3px solid transparent!important;

}
#picked_date .vr_btable .available:hover {
    color: #6ca1d8;
}
#picked_date .vr_btable .picked {
    color: #6ca1d8;

}
#picked_date .vr_btable .picked:after {
    content: '';
    width: 70px;
    height: 30px;
    border: 3px solid #6ca1d8;
    top: -1px;
    left: 24%;
    position: absolute;
}
.vr_blue:after {
    content: none!important;
}
#picked_date .no_pick .picked {

}

.vr_page .picked_time {
    width: 90%;
    margin: 0 auto;
    display: block;
    text-align: left;
}
.vr_page .picked_time h4, .vr_page .picked_time p {
    font-family: sans-serif;
    font-weight: 700;
    margin-left: 5px;
}
.vr_page .picked_time .inputs {
    width: 47.9%;
    background: #3b373c;

}
@media (min-width:800px){
    .vr_page .picked_time textarea {
    width: calc(95.8% + 15px)!important;
    }
}

.vr_page input[type=radio] {
    display: inline-block;
    margin-left: 5px;
    margin-right: 15px;
}
.vr_page .picked_time button.button {
    display: block;
    margin: 5px auto;
    border: none;
    color: #fff;
    font-family: sans-serif;
    font-weight: 700;
    background-color: #6ca1d8;
    padding: 5px 25px;
    border-radius: 5px;
    width: auto!important;
}

.vr_testimonials {
    background-image: url('http://images.vzaperti.com.ua/quest_images_op/vr/vrtestimbg-min.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 25px;
	background-attachment: fixed;
}
.vr_page .picked_time .vr_loading {
    color: transparent!important;
    background-color: #fff!important;
    background-image: url(../img/vr_loading.gif)!important;
    background-size: 10%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}


.vr_testimonials h2 {
    color: #fff;
    font-family: sans-serif;
    font-weight: 700;

}
.vr_testimonials h3 {
    color: #6ca1d8;
    font-family: sans-serif;
    font-weight: 700;

}
.vr_testimonials p {
    color: #fff;
    font-family: sans-serif;
    padding-right: 15px;
}
.vr_testimonials p div {
    padding-right: 15px;
}
.vr_bar {
    border-bottom: 3px solid #6CA1D8;
    padding-bottom: 8px;
    position: relative;
}
.vr_bar:before {
    content: "•";
    color: #6ca1d8;
    position: absolute;
    top: 5px;
    left: -2px;
    font-size: 2.5em;
}
.vr_row {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}
.vr_nopadding {
    padding: 0;
}
.vr_nopadding div {
    padding-right: 20px;
}
.vr_contact {

}
.vr_contact a {
    color: #6ca1d8;
    text-decoration: underline;
}
.vr_contact ul {
    list-style: none;
}
.vr_contact .cont {
    color: #6ca1d8;
    font-family: sans-serif;
    font-size: 1.2em;
    font-weight: 700;
}
.vr_social li {
    display: inline-block;
}
.vr_social li img {
    max-width: 50px;
    margin-right: 5px;
}
.vr_contact h4 {
    color: #6ca1d8;
    font-family: sans-serif;
    font-weight: 700;
}
.vr_page .comment {
    width: 100%;
}
.vr_page .prev_comment:before,
.vr_page .prev_comment:after,
.vr_page .next_comment:before,
.vr_page .next_comment:after,
.vr_page .write_new,
.vr_page .comment_popup .close:before,
.vr_page .comment_popup .close:after,
.vr_page .user_quit,
.vr_page .messages_button
{
        background-color: #6ca1d8;
}
.vr_page .write_new {
    display: block;
    margin: 0 auto;
}
.vr_page .user_name a {
    color: #6ca1d8;
}
@media (min-width:1020px) {
    .vr_page .login_area .u_section {
    position: absolute;
    left: 20%;
    bottom: 0;
}

}
@media (min-width: 769px) {
    .quest #head_phone a {
        display: inline-block;
    }
    .quest #head_phone .loc_phone {
        display: none;
    }
}
.vr_page .testimonial .user_photo_wrap {
    border: 2px solid #6ca1d8;
        margin: 15px 15px 0 40px;
}
.vr_page .testimonial {
    width: 60%;
}
.vr_page .comment_popup {
    border-color: #6ca1d8;
}
.vr_page .user_data a {
    color: #6ca1d8;
}

.col-extra3 {
    clear: both;
}

.iostube {
    position: absolute;
    background-color: #6ca1d8;
    color: #fff;
    width: 150px;
    height: 100px;
    top: 6%;
    left: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 1;
    padding: 24px 0;
    font-size: 4em;
    text-align: center;
    line-height: 1;
    font-family: sans-serif;
}
.iostube:hover, .iostube:focus, .iostube:visited, .iostube:active {
    color: #fff;
    text-decoration: none;
}

/*==================  GOOGLE MAP  ======================*/
#map {
    height: 100%;
}
.map_model {
  height: 475px;
}
.map_model img {
  max-width: none !important;
}
@media (max-width: 767px) {
  .map_model {
    height: 250px;
  }
}
@media (max-width: 479px) {
  .map_model {
    height: 600px;
  }
}
.map_locations {
  display: none;
}



/*------------------------
--------------------------
GALLERY
--------------------------
------------------------*/
.quest_gallery {
    display: none;
    position: absolute;
    left: 0;
    top: 40%;
    width: 70px;
    height: 70px;
    background-color: rgba(86, 86, 86, 0.85);
    z-index: 10;
    border-radius: 0 5px 5px 0;
    transition: 0.5s ease;
}
.quest_gallery:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/gallery_icon.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
    width: 70px;
    height: 70px;
    transition: 0.2s ease;
}
.quest_gallery:hover {
    background-color: rgba(253, 165, 39, 0.75);
    transition: 0.5s ease;
}
.quest_gallery:hover:after {
     background-size: 50%;
     transition: 0.2s ease;
}
.gallery_button {
     display: block;
     background-color: rgba(0, 0, 0, 0.8);
     width: 215px;
     height: 215px;
     float: right;
     margin: 0 10px 20px 10px;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
}
.gallery_button:before {
    content: "";
    width: 215px;
    height: 165px;
    left: 0;
    top: 0;
    background-image: url(../img/gallery_icon.png);

    background-repeat: no-repeat;
    background-position: center 60%;
    z-index: 10;
    display: block;
}
.gallery_button:hover:before {
    background-image: url(../img/gallery_icon2.png);
    transition: 0.5s ease;
}

#photo h1 {
    margin: 0;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    text-transform: uppercase;
}
#photo .quest_grey_bg.calendar {
    float: none;
    position: absolute;
    display: none;
    z-index: 100;
}
#photo .active {
    display: block !important;
    z-index: 1000;
}
#gallery {
    margin-top: 30px;
}
#gallery .gallery_wrapper {
    height: 170px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
    border: 1px solid #8e6e5b;
    display: flex !important;
    overflow: hidden;
}
.hero_th {
    cursor: pointer;
    height: 100%;
}
.pointed {
    border: 2px solid #fda527!important;
    position: relative;
}
.pointed:after {
    content: "";
    border: 15px solid transparent;
    border-top: 15px solid #fda527;
    display: block;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 15px);
}
.hero_photo {
    display: none;
    margin-bottom: 15px;
    position: relative;
}
.hero_photo > .row > div {
    position: relative;
    text-align: center;
}
.hero_photo .hero_image {
    display: inline-block;
    position: relative;
    max-width: 100%;
    border: 1px solid #8e6e5b;
    z-index: 1;

}
.hero_photo .hero_image.portrait img[data-thumb],
.hero_photo .hero_image.portrait img[data-img] {
    height: 100%;
    width: auto;
    max-width: 100%;
}
.hero_photo .hero_image.landscape {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
}
.hero_photo .hero_image.landscape img[data-thumb],
.hero_photo .hero_image.landscape img[data-img] {
    width: 100%;
    height: auto;
    max-height: 100%;
}
.hero_photo .hero_image img[data-thumb] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.nopadding {
    padding: 0;
    padding-right: 10px;
}
.hero_content h2 {
    color: #fda527;
    font-family: 'Open Sans' ,sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 75px;
    font-size: 5.3em;
}

.hero_share {
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
}
.hero_share li {
    display: inline-block;
    margin-right: 5px;
}
.hero_share li a:hover {
    opacity: 0.8;
}
.hero_share li img {
    max-width: 45px;
}
.hero_content {

}
.hero_content h2 b {
    text-transform: lowercase;
    font-size: 48px;
    font-size: 0.65em;
}
.hero_content span {
    font-size: 1.55em;
    font-family: 'PT Sans' ,sans-serif;
}
.hero_content .close {
    color: #fe9346;
    text-shadow: none;
    opacity: 1;
    font-weight: 300;
    font-family: sans-serif;
    position: absolute;
    top: 5px;
    right: 20px;
}
.hero_content .close:hover {
    opacity: 0.8;
}
.hero_content .close:active,.hero_content .close:focus,.hero_content .close:visited {
    outline: none;
}
.hero_text h3 {
    margin-top: 5px;
    margin-bottom: 30px;
}
.hero_text h3 a {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
}
.hero_text h3 a:hover {
    opacity: 0.8;
}
.hero_text strong {
    font-size: 22px;
    text-transform: uppercase;
}
.hero_text h2.team_time {
    font-size: 75px!important;
}
.team_time span {
    font-size: 75px!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; }

#gallery .quest_photo_empty {
    font-size: 16px;
    height: 300px;
}


/**Akcia**/
.akcii {
    padding: 0 15px;
}
.akcii p {
    font-size:20px!important;
}
.akcii p span{
    font-size: 18px;
}
.akcii h1 {
    text-align: center;
    color: #fff;
    font-size: 2.25em;
    font-weight: bold;
}
.akcii h2 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 30px;
}

.akcii .row {
    text-align: center;
}
.akcii > .row > div {
    margin-bottom: 50px;
}
.akcii .row h3 {
    margin-top: 25px;
    font-size: 19px;
    font-weight: bold;
}
#content .page_contentblock .akcii .row p {
    font-size: 16px !important;
    margin: 10px 0;
}
.akcii img {
    display: block;
    max-width: 50%;
    margin: 0 auto;
}
.akcii ul {
    list-style: none;
    text-align: center;
}
.akcii ul li {
    display: inline-block;
}
.akcii ul li a:hover img{
    transition: 0.2s ease;
    opacity: 0.8;
}
.akcii ul li img {
    max-width: 50px;
    margin: 0 10px;
}
.akcii_social {
    text-align: center;
    color: #f49d33;
    font-size: 1.2em;
}
#content .page_contentblock .akcii_social p:first-child {
    margin-top: 0;
}
.akcii_social > p a {
    text-decoration: underline;
}

.akcii_button {
    color: #1d1d1b!important;
    padding: 5px 50px;
    background-color: #f49d33;
    border-radius: 5px;
    font-size: 1.125em;
    text-transform: uppercase;
}
.akcii_button:hover {
    text-decoration: none;
    transition: 0.2s ease;
    opacity: 0.8;
}

#closed-quests {
	font-size: 0.8em;
	color: #444;
}
#closed-quests a, #closed-quests a:link, #closed-quests a:visited, #closed-quests a:hover, #closed-quests a:active {
	color: #444;
}

@media (max-width: 1200px) {
    .vr_table .days_calendar .picked:after,
    #picked_date .vr_btable .picked:after
    {
        display: none;
    }
    .vr_table .days_calendar .picked,
    #picked_date .vr_btable .picked
    {
        background-color: rgba(108, 161, 216, 0.2);
    }
    .vr_page .picked_time .inputs {
    width: 47%;

}
}
select {

    appearance: none!important;
     -moz-appearance: none;
    -ms-appearance:none;
    -webkit-appearance: none;
    background-image: url(/bundles/roommain/img/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    background-size: 3.5%;
    text-overflow: '';
     border-style: none;
    }
select::-ms-expand {
    display: none;
}
.auth_form form div {
    clear: both;
}
@media (max-width: 1500px) {
    .video__bg2 {
        display: none;
        background: none !important;
    }
}
@media (min-width: 1500px) {
    .video {
        background: rgba(0, 0, 0, 0) url(/bundles/roommain/img/video-min.jpg);
        background-size: auto 150%;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .video__bg2 {
        display: block;
    }
}
@media (max-width: 1024px) {
    .auth_form form textarea, .auth_form form input, .auth_form form select, .vr_page .auth_form form select{
        width: 100%;
        box-sizing: border-box;
    }

    .vr_page .calendartable {
        width: 100%;
    }

    .vr_page .picked_time .inputs {
        width: 47%;
    }

    .quest_gallery {
        display: block;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    select {
    background-size: 2%;
    }

}
@media (min-width: 768px) {
    .col-top {
        margin-top: 25px;
    }
}
@media (max-width: 768px) and (orientation: landscape) {
    .submit-form {
        margin-top: 0;
    }

    .popup {
        overflow-x: scroll;
    }

}


@media (max-width: 768px) {
   .vr_page .testimonial .user_photo_wrap, .user_photo_wrap {
    float: none;
    display: block;
    margin: 15px auto;
}
    .hero_share li img {
    max-width: 25px;
}
    .iostube {

    top: 11%;
    left: 50%;

    opacity: 1;
}
    #picked_date .vr_btable .picked {
        color: #6ca1d8;
        border: 3px solid transparent!important;
        display: table-cell;
        width: auto;
        margin: auto;
    }
    .vr_btable {
        font-size: 0.9em;
        width: 100%!important;
    }
    .vr_page .picked_date {
        width: 100%!important;
    }
    .vr_page .picked_time .inputs {
        width: 100%;
        margin: 5px 0;}
    .vr_table #book_form .virus_explain {
        width: 100% !important;
        margin: 5px 0 !important;
    }
    .vr_page .quest_grey_bg, .vr_page .calendar {
        width: 100%;
        padding: 0;
    }

    #booking .quest-li {
        border-bottom: none;
    }

    .main-schedule-table {
        overflow-x: scroll;
    }

    .popup input, .popup button, .popup textarea {
        min-width: 100%;

    }
    .schedule, .city-q, #booking h1 {
        font-size: 20px;
        line-height: 1;
    }
    .city_loading {
        width: 100px;
        height: 18px;
        margin-top: 8px;
    }
    .support a {
        margin-left: -25px;
    }

    .descript {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .col-extra {
        clear: both;
    }

    .col-extra3 {
        clear: none;
    }

    .vr_table {
        padding: 0;

    }

    #gallery {
        padding-left: 5px;
    }
}
@media (max-width: 480px) {
    .iostube {

        top: 6%;
        left: 50%;

        opacity: 1;
    }
    .vr_btable {
        font-size: 0.7em;}
    .vr_table .days_calendar .picked:after {

    left: 28%;

}
    #top_nav a {
        font-size: smaller;
    }
    #top_nav ul {

        margin: 3px auto;

    }
    #top_nav ul li {
        margin-right: 5px;
        margin-left: 5px;
    }

    .schedule, .city-q, #booking h1 {
        font-size: 18px;
        line-height: 1.4;
    }
    .legend-line {
        margin: 15px 0;
    }
    .submit-form {
        padding: 0 5px 15px;
    }
    .schedule br {
        display: block;
    }
    #vr_booring .container {
        padding: 0;
    }
    #head_phone {
        top: 135px;
    }
    .page-main #head_phone {
        top: 10px;
    }
    #head_phone .phone-number, #language, #top_nav a {
        font-size: 16px;
    }
}

@media (max-width: 320px) {

    .vr_table .days_calendar .picked:after {
    left: 14%;
}
    #picked_date .vr_btable .picked:after {
    width: 45px;
    height: 25px;
    top: 0px;
    left: 7%;

}
    .vr_btable {
        font-size: 0.7em;
    }


    .color-palette span {
        font-size: 10px;
        font-weight: lighter;
    }

    .submit-form {
        padding: 0 5px 15px;
    }
}
.ios-back, .vr_page .ios-back {
    display: none;
}
.vr_page .ios-back {

}
@media (orientation:portrait) and (max-width:480px){
    #logo img {
        width: 80%;
    }
    .has-location-phone #head_phone {
        top: 110px!important;
        }
    .has-location-phone #head_phone a {
        display: inline-block!important;
    }
    .header__item {
        padding-top: 15px;
    }
    #language {
        top: 140px;
    }
    .page-main #language {
        top: 15px;
    }
}
/******************************************
        relative graph cells
*******************************************/

@media (min-width: 992px) and (max-width: 1440px) {
    #booking .container {
        width: 100%;
    }
}
@media (max-width: 1100px) {
    .available_battle_booking:after {
        right: 3px;
    }
}
@media (max-width: 1024px) {
    #booking .active {
        left: -20px!important;
    }
    .graph-cell {
        position: relative;
    }

    .main-schedule-table {
        overflow-x: hidden;
    }

    /*.color-palette li {*/
        /*width: 59px;*/
        /*margin-right: 13px;*/
    /*}*/

    .color-palette span {
        font-size: 11px;
        font-weight: lighter;
        letter-spacing: -1px
    }
    .ios-back {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/pagebg_brown_i.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: -1;
    }
}

@media (max-width: 1250px) {
    .legend-line {
        display: block;
    }
    .layout__left {
        float: none;
        width: 100%;
    }
    .layout__right {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .layout__right > .controller {
        float: none;
        position: absolute;
        top: -46px;
        right: 0px;
    }
    .wrapper-color-palette {
        float: none;
        margin-left: -5px;
        margin-right: -5px;
    }
    #booking .color-palette {
        margin: 0;
    }
    #booking .color-palette.palette-row-5,
    #booking .color-palette.palette-row-6,
    #booking .color-palette.palette-row-7 {
        width: 100%;
        text-align: right;
    }
    .main-schedule-table {
        margin-top: 60px;
    }
}

@media (max-width: 992px) {
    #booking .city_selector {
        font-size: 18px;
    }
    #booking .wrapper_city_selector h1 {
        font-size: 0;
        white-space: nowrap;
    }
    #booking .wrapper_city_selector h1 .inactive a.city {
        height: 34px;
        line-height: 34px;
    }
    #booking .wrapper_city_selector, #booking .schedule-calendar {
        position: relative;
    }
    #booking .schedule:after {
        font-size: 11px;
        padding-left: 2px;
    }
     #booking .city_selector.inactive:after {
        padding-left: 2px;
     }
    #booking .schedule {
        font-size: 0;
        line-height: 34px;
        height: 34px;
    }
    #booking .current_date {
        font-size: 18px;
    }
    #booking .active.city_selector {
        left: 15px !important;
        width: 165px;
    }
    #booking .active.calendar {
        left: -10px !important;
    }
    .main-schedule-table {
        margin: 65px 0 25px 0;
    }

    .wrapper-color-palette {
        margin-right: 0;
    }
    #booking .color-palette.palette-row-5,
    #booking .color-palette.palette-row-6,
    #booking .color-palette.palette-row-7 {
        text-align: center;
    }

    .top_nav_phone {
        margin-right: 15px;
    }
    .graph-cell {
        width: 60px;
        margin-right: 5px;
    }
    .graph-cell:last-child {
        margin-left: 0;
    }
    .graph-cell.d60 {
        width: 60px;
    }
    .available_battle_booking:after {
        right: 6px;
    }
}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}




.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
#quests .contentblock,
#quests .contentblock__head,
#quests .contentblock .quest_block_wrapper,
#quests .contentblock .quest_block_wrapper .quest_block {
    box-sizing: border-box;
}
#quests .contentblock__head {
    padding: 0 12px;
}
#quests .contentblock {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
    font-size: 0;
}
.quest_block_wrapper {
    display: inline-block;
    padding: 12px;
}
.quest_block_wrapper .quest_block {
    width: 100%;
    margin: 0;
    position: relative;
}

.virus_explain {
    width: 90%;
    max-width: 310px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 15px;
    text-align: right;
    text-decoration: underline;
    font-size: 0.9em;
    height: 0;
    overflow: visible;
}
.virus_explain a {
    position:relative;
    top: -32px;
}
#book_form .virus_explain {
    padding-right: 6px;
    padding-left: 6px;
    box-sizing: content-box;
}
#book_form .virus_explain a {
    top: -30px;
    font-size: 0.8em;
}
.vr_table #book_form .virus_explain {
    width: 47.9%;
    box-sizing: border-box;
    padding-right: 6px;
    padding-left: 6px;
    margin: 5px;
    max-width: none;
}
.vr_table #book_form .virus_explain a {
    top: -36px;
    color: #6ca1d8;
    font-size: 0.9em;
}

.discount_global_banner {
    display: none;
}
.discount_global .discount_global_banner {
    display: initial;
}
.discount_global .color-palette li {
    width: 70px;
}
.discount_global .strikethrough {
    display: inline-block;
    padding-right: 3px;
}
.strikethrough {
    display: inline-block;
    font-style: normal;
    font-size: 0.8em;
    line-height: inherit;
    position: relative;
}
.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    -o-transform:rotate(-20deg);
    transform:rotate(-20deg);
}
.highlight {
    color: orangered;
    font-weight: bold;
    font-style: normal;
}
.qod_discount {
    display: block;
    position: absolute;
    font-size: 100px;
    line-height: 1;
    top: 5px;
    right: 10px;
    color: #fda527;
    opacity: 0.6;
    font-weight: bold;
    font-style: normal;
    z-index: 10;
}
/*  10 * (540 + 24) + 10 = 5650  */
@media all and (min-width: 5650px) {
    #quests .contentblock {
        max-width: 5640px; /*  10 * (540 + 24) = 5640  */
    }
    .quest_block_wrapper {
        width: 10%; /* 10 in row */
    }
}

/*  10 * (540 + 24) + 10 = 5650  */
/*  9 * (540 + 24) + 10 = 5086  */
@media all and (max-width: 5650px) and (min-width: 5086px) {
    #quests .contentblock {
        max-width: 5076px; /*  9 * (540 + 24) = 5076  */
    }
    .quest_block_wrapper {
        width: 11.11%; /* 9 in row */
    }
}

/*  9 * (540 + 24) + 10 = 5086  */
/*  8 * (540 + 24) + 10 = 4522  */
@media all and (max-width: 5086px) and (min-width: 4522px) {
    #quests .contentblock {
        max-width: 4512px; /*  8 * (540 + 24) = 4512  */
    }
    .quest_block_wrapper {
        width: 12.5%; /* 8 in row */
    }
}

/*  8 * (540 + 24) + 10 = 4522  */
/*  7 * (540 + 24) + 10 = 3958  */
@media all and (max-width: 4522px) and (min-width: 3958px) {
    #quests .contentblock {
        max-width: 3948px; /*  7 * (540 + 24) = 3948  */
    }
    .quest_block_wrapper {
        width: 14.28%; /* 7 in row */
    }
}

/*  7 * (540 + 24) + 10 = 3958  */
/*  6 * (540 + 24) + 10 = 3394  */
@media all and (max-width: 3958px) and (min-width: 3394px) {
    #quests .contentblock {
        max-width: 3384px; /*  6 * (540 + 24) = 3384  */
    }
    .quest_block_wrapper {
        width: 16.66%; /* 6 in row */
    }
}

/*  6 * (540 + 24) + 10 = 3394  */
/*  5 * (540 + 24) + 10 = 2830  */
@media all and (max-width: 3394px) and (min-width: 2830px) {
    #quests .contentblock {
        max-width: 2820px; /*  5 * (540 + 24) = 2820  */
    }
    .quest_block_wrapper {
        width: 20%;
    }
}

/*  5 * (540 + 24) + 10 = 2830  */
/*  4 * (540 + 24) + 10 = 2266  */
@media all and (max-width: 2830px) and (min-width: 2266px) {
    #quests .contentblock {
        max-width: 2256px; /*  4 * (540 + 24) = 2256  */
    }
    .quest_block_wrapper {
        width: 25%;
    }
}

/*  4 * (540 + 24) + 10 = 2266  */
/*  3 * (520 + 24) + 10 = 1332  */
@media all and (max-width: 2266px) and (min-width: 1332px) {
    #quests .contentblock {
        max-width: 1692px; /*  3 * (540 + 24) = 1692  */
    }
    .quest_block_wrapper {
        width: 33.33%;
    }
}

/*  3 * (420 + 24) + 10 = 1332  */
@media all and (max-width: 1332px) and (min-width: 900px) {
    #quests .contentblock {
        max-width: 1128px; /* 2 * (540 + 24) = 1128 */
    }
    .quest_block_wrapper {
        width: 50%;
    }
}
@media all and (max-width: 900px) {
    #quests .contentblock__head {
        width: 80%;
        margin: 0 auto;
        max-width: 540px;
        padding: 0;
    }
    .quest_block_wrapper {
        width: 100%;
        float: none;
    }
}
@media all and (max-width: 700px) {
    #quests .contentblock__head {
        width: 100%;
        max-width: 540px;
    }
}
@media all and (max-width: 585px) {
    #quests .contentblock__head {
        width: 100%;
        padding: 0 10px;
    }
}
@media all and (max-width: 320px) {
    #booking .color-palette {
        max-width: 290px;
    }
}

.quest_lights {
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 0 0 10px 10px;
    padding: 5px 5px 5px 5px;
    display: inline-block;
}
.quest_lights:last-child {
    border-bottom-right-radius: 0;
}
.quest_lights img { width: 40px; }
#quest1_big h1 img { width: 40px; vertical-align: bottom; }
.main-schedule-table img.light { width: 24px; vertical-align: bottom}
.map-room img.light { width: 24px; vertical-align: bottom}

.escapers {
    padding: 30px 0;
    border-bottom: 1px solid #6e5646;
}
.escapers .reviews_container, .escapers .reviews_button__container {
    padding: 0 35px !important;
}
.escapers .reviews_scroll__buttons-container {
    position: static !important;
}

#faq .contentblock.infoblock {
    margin-top: 30px;
    padding: 0 20px;
    font-size: 0.8em;
    box-sizing: border-box;
}