@font-face {

    font-family: 'fontello';

    src: url('../include/font/fontello/fontello.eot?19693618');

    src: url('../include/font/fontello/fontello.eot?19693618#iefix') format('embedded-opentype'),

    url('../include/font/fontello/fontello.woff?19693618') format('woff'),

    url('../include/font/fontello/fontello.ttf?19693618') format('truetype'),

    url('../include/font/fontello/fontello.svg?19693618#fontello') format('svg');

    font-weight: normal;

    font-style: normal;

}



html * {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



html, body {

    padding: 0px;

    margin: 0px;

    font-family: 'Muller Narrow', sans-serif;

    font-size: 18px;

    height: 100%;

    position: relative;

    font-weight: 500;

    color: #7a7a7a;

}



::selection {

    background: #019ee4;

    color: #fff;

}



p {

    padding: 0px;

    margin: 0 0 10px 0;

    font-weight: 300;

    color: #7a7a7a;

    text-align: left;

    line-height: 33px;

}



h1 {

    padding: 30px 0px;

    margin: 0px;

    font-size: 45px;

    color: #019ee4;

    font-weight: 100;

    text-align: left;

    text-transform: uppercase;

    overflow: hidden;

    font-weight: bold;

}



h2 {

    padding: 0px;

    margin: 0px;

    font-size: 30px;

    font-weight: bold;

    color: #fff;

}



h3 {

    padding: 0px;

    margin: 0px;

    font-size: 24px;

    font-weight: 700;

}



ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



ul li {

    padding: 0;

    margin: 0;

}



.animate {

    -webkit-transition: All 0.5s ease;

    -moz-transition: All 0.5s ease;

    -o-transition: All 0.5s ease;

    -ms-transition: All 0.5s ease;

    transition: All 0.5s ease;

}



.animateAll, .animateAll * {

    -webkit-transition: All 0.5s ease;

    -moz-transition: All 0.5s ease;

    -o-transition: All 0.5s ease;

    -ms-transition: All 0.5s ease;

    transition: All 0.5s ease;

}



a {

    color: #7a7a7a;

    text-decoration: none;

    -webkit-transition: All 0.5s ease;

    -moz-transition: All 0.5s ease;

    -o-transition: All 0.5s ease;

    -ms-transition: All 0.5s ease;

    transition: All 0.5s ease;

}



strong, b {

    font-weight: bold;

}



a:hover {

    text-decoration: none;

    color: #999;

}



input:focus, select:focus, textarea:focus, img, a, button {

    outline: none;

}



input::-webkit-input-placeholder {

    color: white;

    font-weight: normal;

    font-family: 'HeliosCondC';

}



input:-moz-placeholder {

    color: white;

    font-weight: normal;

    font-family: 'HeliosCondC';

}



.pseudolink {

    border-bottom: 1px dashed #7a7a7a;

    cursor: pointer;

}



.bg {

    background: no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.bg2 {

    background: no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



body {

    background-color: #111111;

}



.ui-autocomplete-loading {

    background: white url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") right center no-repeat;

}



/* ---------------------------------------

    ( 3 ) Start Loading Page

----------------------------------------- */

.loading {

    display: block;

    position: fixed;

    z-index: 9999;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #000;

}



.loading .loading-wrapper {

    position: relative;

    top: 50%;

    left: 50%;

    text-align: center;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.loading .loading-wrapper .loader {

    width: 50px;

    height: 50px;

    margin: auto;

    background: #019ee4;

    -webkit-animation: rotateRec 1.5s infinite ease-in-out;

    animation: rotateRec 1.5s infinite ease-in-out;

}



.loading .loading-wrapper h4 {

    color: #019ee4;

    letter-spacing: 6px;

    margin-top: 30px;

}



@-webkit-keyframes rotateRec {

    0% {

        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

        transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    }

    50% {

        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    }

    100% {

        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(179.9deg);

        transform: perspective(120px) rotateX(-180deg) rotateY(179.9deg);

    }

}



@keyframes rotateRec {

    0% {

        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

        transform: perspective(120px) rotateX(0deg) rotateY(0deg);

    }

    50% {

        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

    }

    100% {

        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(179.9deg);

        transform: perspective(120px) rotateX(-180deg) rotateY(179.9deg);

    }

}



header {

    font-family: 'HeliosCondC';

    font-weight: bold;

    font-size: 18px;

    position: fixed;

    width: 100%;

    background-color: #111111;

    z-index: 10;

    left: 0;

    top: 0;

}



.break {

    clear: both;

}



.headBreaker {

    margin-top: 224px;

    width: 100%;

}



.container, .firstLine, .secondLine {

    width: 100%;

    height: auto;

    text-align: center;

    overflow: hidden;

    /*    min-width: 1280px; */

    position: relative;

    clear: both;

    margin: 0 auto;

}



.container h1, .container .picBlock {

    text-align: center;

}



.bottom {

    background: #1b1b1b;

    padding: 10px 40px 0px;

    font-size: 14px;

    color: #414141;

    overflow: hidden;

    width: 100%;

}



.bottom .copyright {

    font-size: 16px;

}



.button-inline {

    font-family: 'HeliosCondC';

    font-weight: bold;

    display: inline-block;

    padding: 15px 0 15px;

    height: 60px;

    min-width: 200px;

    font-size: 20px;

    color: #FFF !important;

    cursor: pointer;

    text-decoration: none;

    text-align: center;

    text-transform: uppercase;

    border: 4px solid #019ee4;

    background-color: transparent;

}



.button-inline:hover {

    background-color: #019ee4;

    color: #fff;

}



.blur {

    -webkit-filter: blur(10px);

    -moz-filter: blur(10px);

    -o-filter: blur(10px);

    -ms-filter: blur(10px);

    filter: blur(10px);

}



.blackFilter {

    -webkit-filter: brightness(0);

    -moz-filter: brightness(0);

    -ms-filter: brightness(0);

    -o-filter: brightness(0);

    filter: brightness(0);

}



.grayscale {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: url("/css/grayscale.svg"); /* Firefox 10+, Firefox on Android */

    filter: grayscale(100%);

}



.error404 {

    max-width: 1280px;

    margin: 100px auto;

}



.errorImg {

    float: left;

    width: 30%;

    background: url(/img/404.png) right top no-repeat;

    background-size: contain;

    min-height: 300px;

}



.errorText {

    padding-top: 50px;

    float: right;

    width: 60%;

}



.errorText a {

    font-weight: bold;

    color: #019ee4;

}



/* ШАПКА */

.firstLine {

    width: 100%;

    left: 0;

    top: 0;

    z-index: 1;

    height: 108px;

    background: #00bbe3;

    background: -moz-linear-gradient(left, #00bbe3 0%, #036ee6 100%);

    background: -webkit-linear-gradient(left, #00bbe3 0%, #036ee6 100%);

    background: linear-gradient(to right, #00bbe3 0%, #036ee6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbe3', endColorstr='#036ee6', GradientType=1);

}



.firstLine .showMenu {

    display: none;

}



.firstLine #logo {

    background: url(/img/bg-line.png) 50% 0 no-repeat;

    margin: 0 250px;

}



.firstLine #logo {

    height: 108px;

}



.introFont {

    font-family: 'Intro', 'HeliosCondC', sans-serif;

}



.firstLine #logo a {

    height: 108px;

    font-size: 24px;

    font-weight: normal;

    color: #111111;

    display: block;

    background-repeat: no-repeat;

    background-position: center 5px;

    background-size: auto 50px;

    padding-top: 67px;

}



.mobileCity {

    display: none;

}



.firstLine #logo a:hover {

    color: #fff;

}



.firstLine .logoBlock {

    height: 54px;

    color: #000 !important;

}



.firstLine .topDiv {

    width: 250px;

    height: 53px;

    padding-top: 14px;

    padding-left: 0px;

}



.firstLine .city {

    float: left;

    cursor: pointer;

    margin-left: 50px;

    margin-top: 5px;

    text-align: left;

    padding-top: 2px;

    position: relative;

}



.firstLine .city a {

    text-transform: uppercase;

    float: left;

    font-size: 15px;

    padding-top: 5px;

}



.firstLine .city span {

    clear: both;

    float: left;

    border-bottom: 1px solid;

    pargin-top: 7px;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: normal;

}



.firstLine .city:before {

    position: absolute;

    content: '';

    width: 30px;

    height: 27px;

    background: url(/img/location-icon.png) no-repeat;

    -webkit-background-size: contain;

    background-size: contain;

    left: 0;

    margin-left: -40px;

    margin-top: 8px;

}



.cityList, .cityList ul li {

    width: 300px !important;

}



.cityList ul li {

    height: 60px;

    background-color: #161616;

    border: 1px solid #292929;

    border-top: none;

}



.cityList ul li:first-child {

    border-top: 1px solid #292929;

}



.cityList ul li a, .cityList ul li span {

    display: block;

    color: #fff;

    height: 60px;

    text-align: left;

    padding-top: 18px;

    padding-left: 40px;

}



.cityList ul li:first-child span {

    color: #7a7a7a;

}



.cityList ul li a:hover {

    background-color: #019ee4;

}



.firstLine .phone {

    float: right;

}



.firstLine .phone a {

    color: #000;

}



.firstLine .leftSide, .firstLine .rightSide {

    width: 41%;

    height: 54px;

    font-weight: normal;

}



.firstLine ul {

    width: 100%;

    height: 100%;

    background-color: #1f1f1f;

}



.firstLine ul li {

    display: inline-block;

    padding: 0;

    color: #7a7a7a;

    background-image: url(/img/menu-line-through.png);

    background-size: 4px 4px;

    background-repeat: no-repeat;

    background-position: right 50%;

}



.firstLine ul.leftTopMenu li:last-child, .firstLine ul.rightTopMenu li:last-child {

    background: none;

}



.firstLine ul li a {

    color: #7a7a7a;

    display: block;

    padding: 19px 40px;

    font-size: 16px;

}



.firstLine ul li a:hover {

    color: #fff;

}



.firstLine ul.leftTopMenu li {

    float: none;

}



.firstLine ul.rightTopMenu {

    float: right;

}



.firstLine ul.rightTopMenu li {

    float: none;

}



.firstLine .leftSide {

    clear: both;

    float: left;

    position: relative

}



.leftSide .leftTopMenu:after {

    content: '';

    position: absolute;

    border-bottom: 54px solid #1f1f1f;

    border-right: 30px solid transparent;

    top: 0px;

    right: -30px;

    width: 1px;

    height: 1px;

}



.firstLine .rightSide {

    float: right;

    position: relative;

}



.rightSide .rightTopMenu:before {

    content: '';

    position: absolute;

    border-bottom: 54px solid #1f1f1f;

    border-left: 30px solid transparent;

    top: 0px;

    left: -30px;

    width: 1px;

    height: 1px;

}



.rightSide .rightTopMenu li.cabinet {

    padding-right: 10px;

    position: relative;

}



.rightSide .rightTopMenu li.cabinet:after {

    content: '';

    background: url(/img/cabinet.png) center top no-repeat;

    position: absolute;

    width: 30px;

    height: 30px;

    margin-left: 40px;

    top: 14px;

    cursor: pointer;

}



.rightSide .rightTopMenu li.cabinet.auth:after {

    background-image: url(/img/cabinet-auth.png);

}



.secondLine .botMenu, .questMenu {

    width: 100%;

    border-bottom: 1px solid #019ee4;

    overflow: hidden;

}



.secondLine .botMenu li, .questMenu li {

    width: 25%;

    display: block;

    float: left;

    border-right: 1px solid #272727;

    position: relative;

}



.questMenu {

    border: none;

    margin: 40px 0;

}



.questMenu li {

    width: 20%;

    border: none;

}



.secondLine .botMenu li:last-child, .questMenu li:last-child {

    border: none;

}



.secondLine .botMenu li a, .questMenu li a {

    color: #fff;

    display: block;

    padding: 80px 0 13px;

    color: #7a7a7a;

    background-repeat: no-repeat;

    background-position: center 20px;

}



.secondLine .botMenu li:hover a, .questMenu li:hover a {

    color: #fff;

    -webkit-filter: grayscale(0%);

    filter: unset; /* IE6-9 */

}



.drawMenu {

    text-transform: uppercase;

    display: table;

}



.firstLine ul.drawMenu li {

    display: table-cell;

}



/* СЛАЙДЕР */

.sliders {

    overflow: hidden;

}



/* Слайдер для страницы Новости/Акции */

.main_slider {

    position: relative;

    min-height: 650px;

}



.sliders .main_slider .slide {

    margin-top: -224px;

    width: 100%;

    height: 100%;

    position: absolute;

    min-height: 650px;

    display: none;

}



.sliders .main_slider .slide:first-child {

    display: block;

}



.main_slider .slide .sliderBg,

.main_slider .slide .sliderContent {

    width: 100%;

    left: 0;

    top: 0;

}



.main_slider .slide .sliderBg {

    position: absolute;

    background-repeat: no-repeat;

    background-position: left 0px;

}



.main_slider .slide .sliderContent {

    margin-top: 224px;

    margin-bottom: 50px;

    overflow: hidden;

}



.main_slider .slide .sliderContent .sliderImg {

    float: left;

    margin-top: 64px;

    width: 35%;

}



.main_slider .slide .sliderContent .sliderImg img {

    width: 356px;

}



.main_slider .slide .sliderContent .sliderDesc {

    width: 65%;

    float: left;

    padding: 54px;

    padding-right: 120px;

    margin-top: 35px;

}



.news_actions .slide .sliderContent .sliderDesc h1 {

    font-size: 40px;

}



.main_slider .slide .sliderContent .sliderDesc a.button-inline {

    float: left;

    clear: both;

    margin-top: 34px;

}



/* Слайдер для страницы Новости/Акции */

.sliders .news_actions {

    min-height: 495px;

}



.sliders .news_actions .slide {

    height: 495px;

    width: 100%;

    overflow: hidden;

    position: absolute;

}



.sliders .news_actions .slide:not(:first-child) {

    display: none;

}



.news_actions .slide .sliderBg,

.news_actions .slide .sliderContent {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.news_actions .slide .sliderBg {

    background: no-repeat center 224px fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.news_actions .slide .sliderBg.blur {

    opacity: 0.4;

    -webkit-box-shadow: inset 0px -150px 100px -10px rgba(50, 50, 50, 0.8);

    -moz-box-shadow: inset 0px -150px 100px -10px rgba(50, 50, 50, 0.8);

    box-shadow: inset 0px -150px 100px -10px rgba(50, 50, 50, 0.8);

}



.news_actions .slide .sliderContent .sliderImg {

    float: left;

    margin-top: 64px;

    width: 35%;

}



.news_actions .slide .sliderContent .sliderImg img {

    width: 356px;

}



.news_actions .slide .sliderContent .sliderDesc {

    width: 65%;

    float: left;

    padding: 54px;

    padding-right: 120px;

}



.news_actions .slide .sliderContent .sliderDesc h1, .news_actions .slide .sliderContent .sliderDesc p {

    color: white;

}



.news_actions .slide .sliderContent .sliderDesc a.button-inline {

    float: left;

    clear: both;

    bottom: 30px;

    position: absolute;

    left: 40%;

}



/* Промо-слайдер для страницы Новости/Акции */

.sliders .promo_slide {

    margin: 100px auto;

}



.sliders .promo_slider .slide {

    height: 350px;

    width: 100%;

    overflow: hidden;

    position: relative;

}



.promo_slider .slide .sliderBg,

.promo_slider .slide .sliderContent {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    text-align: left;

}



.promo_slider .slide .sliderContent h1 {

    color: #fff;

    width: 40%;

    padding-left: 40px;

}



.promo_slider .slide .sliderContent a {

    position: absolute;

    bottom: 40px;

    left: 40px;

}



/* БЛОК КВЕСТЫ*/

.container.quests {

    font-size: 18px;

    text-align: left;

}



.quests table td {

    height: 250px;

    margin-right: 20px;

    margin-bottom: 20px;

    padding: 5px;

}



.quests .questList {

    width: 100%;

    table-layout: fixed;

    margin-bottom: 54px;

}



.quests .quest {

    width: 100%;

    height: 100%;

    position: relative;

    color: #fff;

    cursor: pointer;

    background-position: center top;

    float: left;

    background-size: cover;

    background-repeat: no-repeat;

    margin-right: 20px;

}



.quests .quest.title {

    padding: 40px;

    cursor: default;

}



.quests .quest.title h1 {

    padding: 0;

    margin: 0;

    margin-bottom: 20px;

    text-align: left;

}



.quests .quest.title p {

    line-height: 33px;

    padding: 0;

}



.quests .quest .people {

    position: absolute;

    bottom: 20px;

    left: 20px;

    font-family: 'HeliosCondC'

}



.quests .quest .duration {

    position: absolute;

    bottom: 20px;

    right: 55px;

    font-family: 'HeliosCondC'

}



.quests .quest .people:after, .quests .quest .duration:after {

    position: absolute;

    content: '';

    width: 30px;

    height: 40px;

    margin-left: 10px;

    margin-top: -5px;

}



.quests .quest .people:after {

    background: url(/img/people-icon-white.png) no-repeat;

    background-size: 25px 30px;

}



.quests .quest .duration:after {

    background: url(/img/time-icon-white.png) no-repeat;

    background-size: 30px 30px;

}



.quests .quest h2 {

    text-transform: uppercase;

    padding: 0;

    margin: 0;

    line-height: 33px;

    height: 64px;

    overflow: hidden;

    position: absolute;

    margin-top: 10px;

}



.quests .quest .action-badge {

    position: absolute;

    z-index: 1;

}



.questDesc .actionText {

    line-height: 12px;

    padding-top: 5px;

}



.quests .quest .overlay {

    width: 100%;

    height: 100%;

    /*

    background-color: #000;

    */

    opacity: 0.4;

    background-size: 100%;

}



/*.infoWin *{font-family: 'Muller Narrow';}*/

.quests .quest .infoWin {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 20px;

}



.quests .quest .questInfo {

    display: none;

    overflow: hidden;

    margin-top: 40px;

    margin-left: 8px;

    font-size: 18px;

}



.quests .quest .questInfo .button-inline {

    position: absolute;

    left: 20px;

    top: 210px;

}



.quests .quest .questInfo .more {

    position: absolute;

    left: 250px;

    top: 229px;

    border-bottom: 4px solid #019ee4;

    margin-bottom: 15px;

    color: #fff;

    padding-bottom: 5px;

    font-family: 'HeliosCondC';

    font-weight: bold;

    font-size: 18px;

}



.quests .quest .questInfo .more:hover {

    border: none;

}



.quests .quest .questInfo span {

    clear: both;

    float: left;

    margin-top: 25px;

    padding-left: 30px;

}



.quests .quest .questInfo .questPhone {

    font-family: 'HeliosCondC';

    margin-top: 10px;

    font-weight: bold;

    padding-top: 3px;

}



.quests.perfomance {

    margin-top: 20px;

}



.quests .quest .questAddress:before, .quests .quest .questPhone:before {

    position: absolute;

    content: '';

    width: 35px;

    height: 40px;

    margin-left: -40px;

    margin-top: 0px;

}



.quests .quest .questAddress:before {

    background: url(/img/location-icon-white.png) center top no-repeat;

    background-size: 25px 25px;

}



.quests .quest .questPhone:before {

    background: url(/img/phone-icon-white.png) center top no-repeat;

    background-size: 15px 25px;

    margin-top: -3px;

}



/* Иконка квеста в разработке */

.quests .quest .infoWin .develope h3 {

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto 100px;

    padding-top: 120px;

    margin-top: 64px;

}



.quests .quest:hover .infoWin .develope h3 {

    text-indent: -9999px;

}



.quests .quest .infoWin .develope .button-inline {

    left: 50%;

    margin-left: -100px;

    margin-top: 0px;

}



.quests .quest .infoWin.tall .develope {

    padding-top: 70px;

}



.quests .quest .infoWin.tall .develope .button-inline {

    margin-top: 120px;

}



/* БЛОК НОВОСТИ*/

.container.newsList {

    margin-top: 20px;

    position: relative;

    padding-bottom: 100px;

}



.newsList h1 {

    position: absolute;

    z-index: 2;

    background: url(/img/quest-overlay.png) 0 45px no-repeat;

    background-size: 100% 2px;

    width: 100%;

    clear: both;

    padding: 20px 40px 0 40px;

    text-align: left;

}



.newsList .news {

    width: 32%;

    height: 592px;

    position: relative;

    float: left;

    margin-right: 2%;

}



.newsList .news:nth-child(3n+3) {

    margin-right: 0;

}



.newsList .news .overlay {

    width: 298px;

    height: 100%;

    opacity: 0.5;

    background-position: center 20px;

}



.newsList .news .newsContent {

    position: absolute;

    left: 0;

    top: 0;

    cursor: pointer;

    width: 298px;

    height: 100%;

    z-index: 1;

}



.newsList .news .newsContent:hover {

    background-repeat: no-repeat;

    background-position: -298px top;

}



.newsList .news .newsContent div {

    clear: both;

    float: left;

    margin-left: 40px;

}



.newsList .news .newsContent .newsDate {

    margin-top: 150px;

    color: #019ee4;

    text-transform: uppercase;

}



.newsList .news .newsContent .newsTitle {

    margin-top: 100px;

    text-transform: uppercase;

}



.newsList .news .newsContent .newsAnons {

    margin-top: 400px;

    text-align: left;

    position: absolute;

    width: 100%;

    color: #7a7a7a;

}



.newsList .news .newsContent .newsTitle h2, .newsList .news.moreNews a {

    text-align: left;

    max-height: 110px;

    overflow: hidden;

    font-weight: normal;

}



.newsList .news.moreNews {



}



.newsList .news.moreNews a {

    font-size: 30px;

    text-transform: uppercase;

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    left: 0;

    padding-top: 50%;

    padding-left: 30px;

    max-height: 100%;

}



.newsList .news.moreNews a:before {

    content: '+';

    font-size: 80px;

    color: #019ee4;

    position: absolute;

    margin-top: -60px;

    left: 0px;

}



.newsList .news.moreNews a:hover {

    color: #fff;

}



/* БЛОК СЕРТИФИКАТ*/

.container.certificate {

    margin-top: -100px;

    height: 1000px;

}



.container.certificate .certPic {

    background: url(/img/cert.jpg) 0 0px no-repeat;

    width: 890px;

    height: 100%;

    float: right;

}



.certificate .certForm {

    position: absolute;

    width: 45%;

    padding-left: 40px;

    top: 100px;

}



.certificate .certForm form {

    position: absolute;

    z-index: 2;

}



.certificate .certForm input {

    font-family: 'HeliosCondC', sans-serif;

}



.certificate h1 {

    padding: 0;

    text-align: left;

}



.certificate p {

    padding: 54px 0;

}



.certificate .certForm label {

    border-bottom: 4px solid #019ee4;

    padding-bottom: 0px;

}



.certificate .certForm label span {

    float: left;

    margin-right: 10px;

    margin-top: 3px;

    text-align: left;

    color: #fff;

}



.certificate .certForm label[for=qf_name] {

    float: left;

    clear: both;

    margin-right: 30px;

}



.certificate .certForm label[for=qf_name] input {

    width: 240px;

}



.certificate .certForm label[for=qf_phone] {

    float: left;

}



.certificate .certForm label[for=qf_phone] input {

    width: 180px;

}



.certificate .certForm label[for=qf_address] {

    float: left;

    clear: both;

    margin-top: 30px;

}



.certificate .certForm label[for=qf_address] input {

    width: 450px;

}



.certificate .certForm label input {

    border: none;

    float: left;

    line-height: 24px;

    font-size: 18px;

    color: #fff;

    background-color: transparent;

    font-weight: 100;

}



.certificate .certForm label input::selection {

    background: #fff;

    color: #000;

}



.certificate .certForm input[type=submit] {

    float: left;

}



.certificate .infomsg {

    float: left;

    clear: both;

    padding: 20px 0;

}



/* Инфографика */

.container.infografika {

    width: 100%;

    height: 100%;

    min-height: 1200px;

    margin-top: -380px;

}



.container.infografika .grafikaMap {

    position: relative;

    width: 100%;

    height: 100%;

    padding: 0;

    padding-bottom: 100px;

    margin-top: 0;

    text-align: center;



    background-image: url(/img/infografika.png);

    background-repeat: no-repeat;

    background-size: 1600px 1365px;

    background-position: center top;



}



.container.infografika h2 {

    font-weight: 100;

    text-align: left;

    color: #019ee4;

}



.grafikaLink, .popupImg, .popupInfo {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 100px;

    height: 100px;

    cursor: pointer;

}



.popupImg {

    background-color: transparent;

    width: auto;

    height: auto;

    cursor: default;

    display: none;

}



.popupInfo {

    width: 450px;

    height: 300px;

    display: none;

}



.popupInfo h2 {

    margin-bottom: 20px;

    text-transform: uppercase;

}



#electroLink .grafikaLink {

    margin-left: -115px;

    margin-top: -80px;

    transform: rotate(15deg);

}



#electroLink .popupImg {

    margin-left: -222px;

    margin-top: -193px;

}



#electroLink .popupInfo {

    margin-left: -483px;

    margin-top: -383px;

}



#electroLink .popupInfo p {

    margin-left: 50px;

}



#commandLink .grafikaLink {

    margin-left: 12px;

    margin-top: -81px;

    transform: rotate(-15deg);

}



#commandLink .popupImg {

    margin-left: 10px;

    margin-top: -195px;

}



#commandLink .popupInfo {

    margin-left: 48px;

    margin-top: -383px;

}



#commandLink .popupInfo p {

    margin-left: 50px;

}



#emotionLink .grafikaLink {

    margin-left: 73px;

    margin-top: 29px;

    transform: rotate(46deg);

}



#emotionLink .popupImg {

    margin-left: 63px;

    margin-top: -37px;

}



#emotionLink .popupInfo {

    margin-left: 293px;

    margin-top: -70px;

    width: 350px;

}



#emotionLink .popupInfo p {

    margin-left: 20px;

}



#logicLink .grafikaLink {

    margin-left: 11px;

    margin-top: 138px;

    transform: rotate(105deg);

}



#logicLink .popupImg {

    margin-left: 10px;

    margin-top: 132px;

}



#logicLink .popupInfo {

    margin-left: 48px;

    margin-top: 365px;

}



#logicLink .popupInfo p {

    margin-left: 50px;

}



#intuitionLink .grafikaLink {

    margin-left: -116px;

    margin-top: 138px;

    transform: rotate(164deg);

}



#intuitionLink .popupImg {

    margin-left: -223px;

    margin-top: 132px;

}



#intuitionLink .popupInfo {

    margin-left: -483px;

    margin-top: 365px;

}



#intuitionLink .popupInfo p {

    margin-left: 50px;

}



#interactiveLink .grafikaLink {

    margin-left: -177px;

    margin-top: 30px;

    transform: rotate(225deg);

}



#interactiveLink .popupImg {

    margin-left: -278px;

    margin-top: -37px;

}



#interactiveLink .popupInfo {

    margin-left: -635px;

    margin-top: -70px;

    width: 350px;

}



#interactiveLink .popupInfo p {

    margin-left: 20px;

}



/* Карта и контакты */

.container.contacts {

    text-align: left;

    position: absolute;

    z-index: 1;

    width: 400px;

    margin: 40px;

    padding: 30px;

    min-width: 300px;

    background-color: #000;

    margin-top: -620px;

}



.contacts select {

    width: 100%;

}



.contacts > p:not(.selectQuest) {

    padding: 20px 20px 0;

    color: #fff;

    line-height: 30px;

}



.contacts .contactData .phone, .contacts .contactBottom {

    color: #7a7a7a !important;

}



.contacts .contactData .email {

    text-decoration: underline;

}



.contacts .break {

    background: url(/img/quest-overlay.png) 0 100% no-repeat;

}



#map_canvas {

}



/* bottom Text */

.container.bottomTextBlock {

    padding: 50px 40px;

}



.bottomTextBlock .bottomTextIcon {

    float: left;

    width: 30%;

    margin-top: 70px;

}



.bottomTextIcon span {

    cursor: pointer;

}



.bottomTextBlock .bottomText {

    float: right;

    width: 70%;

}



.bottomTextBlock .moreText {

    display: none;

}



.container.contacts .contactAddress {

    margin-top: 90px;

}



ul.selectQuest {

    width: 340px;

    border-bottom: 4px solid blueviolet;

    position: absolute;

}



.selectQuest li {

    padding: 15px;

    display: block;

    height: auto !important;

    border: 4px solid blueviolet;

    border-bottom: none;

    color: #7a7a7a !important;

    background: #000;

    box-shadow: none;

    border-radius: 0;

    font-size: 21px;

    cursor: pointer;

    display: none;

}



.selectQuest li:hover {

    color: #fff !important;

}



.selectQuest li.active {

    display: block;

    color: #fff !important;

}



/* Страница Квестов */

.container.questListHead > h1 {

    text-align: center;

}



.faq .content {

    width: 60%;

    position: relative;

    float: left;

}



.faq h1 {

    margin: 0 40px;

}



.faq .content ul {

    width: 100%;

    position: relative;

    margin-left: 40px;

}



.faq .content ul li {

    background: black;

    width: 80%;

    height: 64px;

    border: 4px solid #414141;

    padding: 14px 0px 15px 50px;

    margin-bottom: 10px;

    position: relative;

    cursor: pointer;

    margin-left: 64px;

}



.faq .content ul li b {

    float: left;

    font-size: 38px;

    font-weight: bold;

    display: block;

    color: #019ee4;

    width: 64px;

    height: 64px;

    border: 4px solid #019ee4;

    position: absolute;

    left: -60px;

    top: 0;

    margin: -4px;

}



.faq .content ul li b:before {

    content: '+';

    position: absolute;

    left: 20px;

    top: 4px;

}



.faq .content ul li:hover b {

    background-color: #019ee4;

    color: #000;

}



.faq .content ul li h2 {

    color: #bdbdbd;

    text-transform: uppercase;

    font-size: 20px;

    font-weight: normal;

    text-align: left;

    font-family: 'HeliosCondC', sans-serif;

}



.faq .content ul li .hiddenFaq {

    height: 0px;

    overflow: hidden;

}



.faq .content ul li.active b:before {

    content: "–";

    position: absolute;

    left: 0px;

    top: 0px;

    border-color: #019ee4;

    width: 60px;

    height: 56px;

    background-color: #00bbe3;

    color: #000;

}



.faq .content ul li.active {

    background: -moz-linear-gradient(left, #00bbe3 0%, #036ee6 100%);

    background: -webkit-linear-gradient(left, #00bbe3 0%, #036ee6 100%);

    background: linear-gradient(to right, #00bbe3 0%, #036ee6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbe3', endColorstr='#036ee6', GradientType=1);

    /*

        background: #019ee4;

    */

    border-color: #019ee4;

    height: auto;

    width: 90%;

    margin-bottom: 60px;

}



.faq .content ul li.active h2 {

    font-family: 'Muller Narrow', sans-serif;

    color: #fff;

    font-weight: bold;

    height: 30px;

    margin-top: 40px;

}



.faq .content ul li.active .hiddenFaq {

    height: auto;

    color: #fff;

    text-align: left;

    margin-top: 20px;

}



.faq .content ul li.active:after {

    content: '';

    border: 4px solid #019ee4;

    width: 20px;

    margin-right: -20px;

    position: absolute;

    height: 100%;

    right: -8px;

    top: 20px;

    border-left: none;

}



.faq .content ul li.active .decorFaq {

    border: 4px solid #019ee4;

    width: 100%;

    height: 24px;

    border-top: none;

    border-right: none;

    position: absolute;

    margin-top: 19px;

    left: 20px;

}



.faq .infoWin {

    float: right;

    width: 350px;

    margin-top: 46px;

    margin-right: 54px;

    position: relative;

    overflow: hidden;

}



.faq .infoWin .angleBorder {

    background: url(/img/franch-bg.png) no-repeat;

    background-size: 100% 100%;

    overflow: hidden;

    text-align: center;

    padding: 54px 30px;

    height: 650px;

}



.faq .infoWin .angleBorder .iconManPlus {

    height: 155px;

    width: 240px;

    margin: 20px auto;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: contain;

}



.faq .infoWin .angleBorder p {

    text-align: center;

    color: #fff;

    margin-top: 30px;

}



.faq .sliders .sliderNav {

    position: absolute;

    bottom: 60px;

    left: 50%;

}



.faq .sliders .sliderNav div {

    float: left;

    width: 10px;

    height: 10px;

    background: #7a7a7a;

    border-radius: 5px;

    cursor: pointer;

    margin-right: 30px;

}



.faq .sliders .sliderNav div.active {

    background: #019ee4;

}



.faq .sliders ul {

    width: 1000%;

    overflow: hidden;

}



.faq .sliders .slide {

    display: none;

    position: absolute;

    width: 80%;

}



/*

.faq .sliders .slider .sliderText{height: auto; overflow: hidden;}

*/

.faq .sliders .slide.active {

    display: block;

}



.container.questsInfografika {

    height: auto;

    position: relative;

    margin-bottom: 30px;

}



.container.questsInfografika h1 {

    margin: 40px;

}



.container.questsInfografika .break {

    float: left;

    margin: 40px;

}



.container.textInfo {

    border-top: 1px solid #292929;

    background-image: url(/img/quest-overlay.png);

    background-size: 100% 1px;

    background-repeat: no-repeat;

    background-position: left bottom;

    padding: 54px;

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

}



.container.forVideo {

    margin: 54px 0;

    background: url(/img/for-video.jpg) center top no-repeat;

    background-size: cover;

    height: 660px;

    text-align: center;

    position: relative;

    cursor: pointer;

}



.forVideo div[class^=forDecor] {

    position: absolute;

    height: 100%;

    width: 100%;

}



.forVideo .forDecor1 div {

    position: absolute;

    left: 50%;

    top: 0%;

    opacity: 0.7;

}



.forVideo .forDecor1 .decor1 {

    border: 20px solid transparent;

    border-bottom: 10px solid #019ee4;

    border-left: 40px solid #019ee4;

    transform: rotate(160deg);

    margin-top: 600px;

    margin-left: 100px;

}



.forVideo .forDecor1 .decor2 {

    border: 30px solid transparent;

    border-bottom: 15px solid #019ee4;

    border-left: 60px solid #019ee4;

    transform: rotate(120deg);

    margin-top: 350px;

    margin-left: 463px;

}



.forVideo .forDecor1 .decor3 {

    border: 60px solid transparent;

    border-bottom: 30px solid #019ee4;

    border-left: 120px solid #019ee4;

    transform: rotate(-30deg);

    margin-top: -10px;

    margin-left: -500px;

}



.forVideo .forDecor1 .decor4 {

    border: 330px solid transparent;

    border-bottom: 200px solid #019ee4;

    border-left: 300px solid #019ee4;

    transform: rotate(-20deg);

    margin-left: -300px;

    margin-top: 5px;

}



.forVideo .forDecor2 {

    margin-top: 5%;

}



.forVideo .forDecor2 h1 {

    text-align: center;

    font-size: 150px;

    color: #fff;

    font-weight: bold;

}



.forVideo .forDecor2 h2 {
    width: 380px;

    text-align: left;

    margin: 0 auto;

    font-size: 24px;

    text-transform: uppercase;

    line-height: 34px;

}



.forVideo .forDecor2 a {

    text-decoration: underline;

    text-align: left;

}



.forVideo .forDecor2 a:hover {

    text-decoration: none;

}



.forVideo:hover a {

    color: #fff;

}



.forVideo:hover .forDecor1 div[class^=decor] {

    border-bottom-color: blueviolet;

    border-left-color: blueviolet;

}



.bg-left-to-right {

    border-style: solid;

    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#00bbe3), to(red)) 1 100%;

    -webkit-border-image: -webkit-linear-gradient(right, #00bbe3, red) 1 100%;

    -moz-border-image: -moz-linear-gradient(right, #00bbe3, red) 1 100%;

    -o-border-image: -o-linear-gradient(right, #00bbe3, red) 1 100%;

    border-image: linear-gradient(to right, #00bbe3, red) 1 100%;

}



/* Partners */

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

    display: none !important;

}



.container.partners {

}



.container.partners h1 {

    float: left;

    margin: 0 40px;

    padding: 0;

}



.container.partners a#bePartner {

    float: right;

    margin-right: 70px;

    padding-right: 10px;

    margin-top: 20px;

}



.container.partners a#bePartner:after {

    content: '+';

    position: absolute;

    font-size: 40px;

    margin-top: -18px;

    margin-left: 10px;

    font-weight: 100;

}



.container.partners ul {

    position: relative;

    overflow: hidden;

    margin: 30px 0;

    clear: both;

    float: left;

}



.container.partners ul li {

    float: left;

    height: 100px;

    background-size: contain;

}



.container.partners ul li a {

    display: block;

    width: 100%;

    height: 100%;

}



.container.partners ul li:last-child {

    margin-right: 0;

}



.container.partners ul li:hover {

    opacity: 1;

}



.container.ourFriends {

    padding: 40px 0 20px;

    border-top: 1px solid #292929;

    background-color: #111;

}



.container.ourFriends .quest {

    height: 250px;

    margin: 0;

}



.container.ourFriends .quest .infoWin a {

    display: block;

    width: 100%;

    height: 100%;

}



.container.ourFriends .quest h2 {

    width: 70%;

    text-align: left;

    height: 140px;

}



.container.ourFriends .quest:last-child {

    margin: 0;

}



.ourFriends .friends {

    position: absolute;

    right: 0;

    background: #019ee4;

    padding: 3px 5px;

    z-index: 1;

}



/* Страница квеста*/

.questPage ul.topMenu {

    width: 100%;

    position: relative;

    overflow: hidden;

    background-image: url(/img/menu-line-through.png);

    background-position: left center;

    background-repeat: repeat-x;

    background-size: 100% 2px;

}



.questPage .topMenu li {

    float: left;

    width: 20%;

}



.questPage .topMenu li a {

    display: block;

    padding: 30px 0;

    text-transform: uppercase;

    color: #7a7a7a;

}



.questPage .topMenu li a span {

    background-color: #111111;

    padding: 0 10px;

}



.questPage .topMenu li a:hover span {

    color: #019ee4;

}



.questPage .questSlides {

    height: 680px;

    position: relative;

}



.questSlides .slides .slide {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-position: center top;

    background-size: cover;

    background-repeat: no-repeat;

}



.questSlides .slides .slide:not(:first-child) {

    display: none;

}



.showSlide {

    position: absolute;

    z-index: 1;

    right: 40px;

    top: 200px;

}



.showSlide li {

    cursor: pointer;

    background: green;

    width: 20px;

    height: 20px;

    margin-bottom: 20px;

    background: url(/img/slider-icon.png) 0 -19px no-repeat;

}



.showSlide li.activeSlide {

    background: url(/img/slider-icon.png) 0 0 no-repeat;

}



.showSlide li:hover {

    background: url(/img/slider-icon.png) 0 0 no-repeat;

}



.questPage .questInfo {

    position: absolute;

    width: 100%;

    height: 100%;

    padding: 500px 40px 0;

    /*

    background-color: rgba(0, 0, 0, 0.3);

    */

}



.questPage .questInfo h1 {

    padding: 0;

    padding-left: 120px;

    color: #fff;

    margin: 0;

    float: left;

    position: absolute;

    bottom: 30px;

    overflow: visible;

    padding-right: 125px;

}



.questPage .questInfo h1 span {

    position: absolute;

    width: 100px;

    height: 100px;

    background-position: left center;

    background-repeat: no-repeat;

    background-size: 100px auto;

    left: 0;

    top: 50%;

    margin-top: -50px;

}



.questPage .questDesc {

    color: #fff;

    padding: 30px 54px;

}



.questPage .questDesc p {

    color: #fff;

    margin: 0;

}



.questPage .questInfo .questAge {

    color: #fff;

    font-weight: bold;

    font-size: 30px;

    float: right;

    margin-right: 40px;

    margin-top: 30px;

    width: 50px;

    text-align: right;

    position: absolute;

    right: 30px;

    bottom: 30px;

}



.questDetails .questDetail {

    width: 25%;

    float: left;

    text-align: left;

    padding: 30px;

    color: #fff;

}



.questDetails .questDetail p {

    line-height: 20px;

}



.questDetails .questDetail .colorWhite {

    color: white;

    clear: both;

}



.questDetails .questDetail .detailIcon, .questPage .questDetail a {

    color: #019ee4;

}



.questDetails .questDetail a:hover {

    color: #fff;

}



.questDetails .detailIcon {

    float: left;

    height: 25px;

}



.questDetails .peopleDetail .colorWhite {

    clear: both;

}



.tooltipBox {

    border-radius: 0px;

    font-family: "Open Sans";

    border: 1px solid !important;

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);

    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);

    font-size: 12px;

    background-color: lemonchiffon !important;

    padding: 0;

}



.tooltipBox div {

    background-color: lemonchiffon !important;

    padding: 1px 3px;

}



/* Календарь квеста */

.container.questSchedule {

    border-bottom: 1px solid #414141;

}



body > .container.questSchedule {

    padding: 50px;

}



.scheduleLegend {

    color: white;

    float: right;

    margin-top: -80px;

}



.scheduleLegend span {

    padding: 0 40px;

}



.scheduleLegend span:last-child {

    padding-right: 10px;

}



.scheduleLegend span:before {

    position: absolute;

    content: '';

    width: 25px;

    height: 25px;

    margin-left: -50px;

    margin-top: -3px;

    border-radius: 25px;

    border: 2px solid #7a7a7a;

}



.scheduleLegend span.freeCircle:before {

    border: 2px solid #019ee4;

    background-color: #019ee4;

}



.scheduleLegend span.actionCircle:before {
    border: 2px solid #7e46a8;

    background-color: #7e46a8;

}



.questSchedule input.datepicker {

    border: none;

    background: transparent;

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    width: 240px;

}



.questSchedule label {

    float: left;

}



#calDates {

    width: 100%;

    overflow: hidden;

}



#calDates .draggableX {

    margin-top: 0;

    border: 1px solid #019ee4;

    border-left: none;

    border-right: none;

}



#calDates table {

    width: 100%;

    table-layout: fixed;

    border-spacing: 0;

}



#calDates table * {

    font-family: 'HeliosCondC';

    color: #fff;

}



#calDates td {

    padding: 0;

    height: 50px;

    vertical-align: middle;

    line-height: 24px;

}



#calDates td.active {

    background: rgba(128, 128, 128, 0.5);

    border-left: 1px solid #019ee4;

    border-right: 1px solid #019ee4;

    padding-top: 3px;

}



#calDates td:first-child {

    padding-top: 3px;

    padding-right: 10px;

    width: 120px;

}



#calDates td span:first-child {

    font-weight: bold;

    font-size: 20px;

}



#calDates td span:last-child {

    font-size: 14px;

}



#calDates td a {

    display: block;

    width: 100%;

    height: 100%;

    padding-top: 3px;

}



#calDates td a:hover {

    background: #019ee4;

}



#calendar {

    width: 100%;

    height: auto;

}



#calendar *, #ordersTable * {

    font-family: 'HeliosCondC', sans-serif;

}



#calendar h2 {

    text-transform: uppercase;

}



#questList a {

    text-align: center;

    border: 1px solid #dedede;

    color: #333;

    text-decoration: none;

}



#questList a {

    float: left;

    margin-right: 10px;

    padding: 3px 5px;

}



#questList a:hover {

    background-color: lightpink;

    cursor: pointer;

}



#calendar tr td, #ordersTable tr td {

    padding: 0;

    margin: 0;

    vertical-align: top;

}



/*

#calendar tr td:first-child, #ordersTable tr td:first-child {

    width: 150px;

    text-align: left;

}



#calendar tr td:first-child span, #ordersTable tr td:first-child span {

    float: left;

    text-align: left;

    padding: 0;

    line-height: 20px;

}

*/

#calendar tr td:first-child span.dayOfWeek, #ordersTable tr td:first-child span.dayOfWeek {

    font-size: 18px;

    text-transform: uppercase;

}



#calendar tr td:first-child span.dayOfWeek {

    margin-left: 10px;

}



#calendar tr td:not(:first-child) {

    background: url(/img/empty-hours.png) 0 top repeat-x;

}



#calendar tr td span, #ordersTable tr td span {

    float: left;

    text-align: center;

    display: block;

    cursor: pointer;

    height: 30px;

    padding: 5px 0;

}



#calendar tr td span.buzy {

    padding: 4px 0;

}



#calendar tr td.isquest span {

    background-color: #019ee4;

    color: #fff;

    position: relative;

}



#calendar tr td.isquest span:hover:after {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    -webkit-box-shadow: 0px 0px 30px 2px #019ee4;

    -moz-box-shadow: 0px 0px 30px 2px #019ee4;

    box-shadow: 0px 0px 30px 2px #019ee4;

}



#calendar tr td span.action {

    background-color: blueviolet;

}



#calendar tr td span.action:hover:after {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    -webkit-box-shadow: 0px 0px 30px 2px blueviolet;

    -moz-box-shadow: 0px 0px 30px 2px blueviolet;

    box-shadow: 0px 0px 30px 2px blueviolet;

}



#calendar tr td span.booked, #calendar tr td span.booked {

    background-color: #333;

}



#calendar tr td span.booked:hover:after {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    -webkit-box-shadow: 0px 0px 30px 2px #333;

    -moz-box-shadow: 0px 0px 30px 2px #333;

    box-shadow: 0px 0px 30px 2px #333;

}



#calendar tr td span.buzy, #calendar tr td span.buzy {

    background-color: #111;

    border: 1px solid #414141;

    color: #414141;

}



#calendar tr td span.buzy:hover:after {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    box-shadow: none;

    cursor: default;



}



/*

#calendar tr td span.cleaning{background-color: #ffc; border: 1px solid #ffc;}

#calendar tr:not(:first-child):hover{background-color: #1a1a1a;}

*/

#calendar tr td span.schedule {

    width: 100%;

}



#calendar tr td.cleaning {

    width: 1%;

}



#calendar tr td.cleaning span.schedule {

    background-color: #111111;

    display: block;

    cursor: default;

}



#calendar tr td:nth-last-child(2) {

    background: url(/img/empty-hours.png) 100% top repeat-x;

}



#calendar tr.priceLine td {

    color: #019ee4;

    padding: 0px 0 10px;

    text-align: center;

    background: none;

}



#calendar tr.priceLine td.priceTd {

    background: url(/img/quest-overlay.png) 2000px 15px repeat-x;

    background-size: 10000px 1px;

    padding-top: 6px;

}



#calendar tr.priceLine td.priceTd b {

    background-color: #111;

    padding: 0 3px;

}



#calendar tr td.isquest {

    width: 200px;

}



span.fakeTime {

    color: #ddd;

}



#calendar .dayMonth, #ordersTable .dayMonth {

    color: #fff;

    font-size: 17px !important;

    text-transform: uppercase;

    padding-top: 6px;

}



#calendar .dayOfWeek, #ordersTable .dayOfWeek {

    color: #7a7a7a;

}



.popup {

    display: none;

}



.popup .overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 99;

    opacity: 0.7;

    background: #222;

}



.booking, .clientWin, #justBooking .bookingInfo, .cityList, #getCertificate .certificateInfo, #getFranchise .franchiseInfo, #changePass .changer, #beFirst .befirstInfo, .profileWin {

    position: absolute;

    overflow: hidden;

    width: 1028px;

    background-color: #292929;

    left: 50%;

    top: 100px;

    margin-left: -514px;

    z-index: 100;

    -webkit-box-shadow: 0px 0px 100px 10px #000;

    -moz-box-shadow: 0px 0px 100px 10px #000;

    box-shadow: 0px 0px 100px 10px #000;

}



.cityList {

    width: 300px;

    margin-left: -150px;

    margin-top: 0;

    height: auto;

    min-height: auto;

}



.booking .bookingPic {

    width: 440px;

    height: 100%;

    min-height: 615px;

    background-position: center center;

    background-size: cover;

    float: left;

}



.booking .bookingInfo {

    float: left;

    padding: 30px 30px 0;

    max-width: 585px;

}



.booking .bookingInfo * {

    color: #fff;

}



.booking .bookingInfo .questTime {

    float: left;

    clear: both;

    margin-top: 20px;

}



.booking .bookingInfo #begins {

    color: #019ee4;

}



.booking .bookingInfo .questDetails {

    clear: both;

    margin-bottom: 40px;

    overflow: hidden;

}



.booking .bookingInfo .questDetail {

    width: 260px;

    padding: 30px 10px 0 0;

}



.booking .bookingInfo .questDetail.phoneDetail {

    clear: both;

}



.booking .bookingInfo .questDetail p:not(.detailIcon) {

    margin-left: 30px;

}



.bookingInfo .detailIcon {

    position: absolute;

}



.bookingInfo .peopleDetail .colorWhite {

    clear: none;

}



.titleLess .ui-dialog-titlebar {

    display: none;

}



.clientWin, #changePass .changer, #beFirst .befirstInfo {

    width: 660px;

    margin-left: -330px;

    height: auto;

    background-color: #111111;

    border: 4px solid #019ee4;

    -webkit-box-shadow: 0px 0px 250px -50px #019ee4;

    -moz-box-shadow: 0px 0px 250px -50px #019ee4;

    box-shadow: 0px 0px 250px -50px #019ee4;

}



/*

.clientWin .entryTabs {

    display: none;

}

*/



.clientWin .entryTabs {

    display: block;

    position: absolute;

    border-bottom: 4px solid #019ee4;

    height: 60px;

    width: 100%;

}



.entryTabs .tabAuth, .entryTabs .tabReg {

    padding: 14px;

    cursor: pointer;

    float: left;

    font-size: 25px;

    font-family: 'HeliosCondC';

    padding-left: 50px;

    background-color: #333;

    position: relative;

    width: 50%;

}



._entryTabs .tabReg {

    width: 55%;

}



._entryTabs .tabAuth {

    width: 45%;

}



.entryTabs .tabActive {

    background-color: #111;

    border-color: #111;

    border-bottom: 4px solid #111;

    color: #019ee4;

}



.entryTabs .tabReg.tabActive:after {

    position: absolute;

    content: '';

    width: 30px;

    height: 69px;

    border-right: 4px solid #019ee4;

    top: 0;

    right: -15px;

    transform: rotate(-25deg);

    z-index: 10;

    background: #111;

}



.entryTabs .tabAuth.tabActive:before {

    position: absolute;

    content: '';

    width: 30px;

    height: 69px;

    border-left: 4px solid #019ee4;

    top: 0;

    left: -15px;

    transform: rotate(25deg);

    z-index: 10;

    background: #111;

}



.clientWin h2 {

    color: #019ee4;

    padding: 0;

    margin: 0px 0px 20px;

    text-transform: uppercase;

}



.clientWin .authorizate, .clientWin .registrate {

    width: 100%;

    float: right;

    padding: 20px 100px;

    display: block;

    height: 100%;

    margin-top: 70px;

}



.clientWin .authorizate {

    display: none;

}



.registrate .bookAfter {

    display: none;

}



.authorizate p.break {

    width: 80%;

}



.authorizate p.break a {

    display: block;

    height: 45px;

    width: 45px;

    text-indent: -9999px;

    float: right;

    background-repeat: no-repeat;

    background-size: contain;

    margin-left: 10px;

    margin-top: -10px;

}



a.fbauth {

    background-image: url(/img/fb-icon-white.png);

}



a.vkauth {

    background-image: url(/img/vk-icon-white.png);

}



.clientWin .authorizate {

    padding-right: 60px;

}



.clientWin .authorizate .button-inline {

    min-width: 180px;

}



.clientWin .authorizate form {

    overflow: hidden;

    margin-bottom: 20px;

}



.clientWin .registrate {

    border-right: 1px solid #292929;

}



.clientWin a, .clientWin input, .befirstInfo a, .befirstInfo input {

    color: #7a7a7a;

}



.clientWin a {

    text-decoration: underline;

}



.clientWin a:hover {

    color: #019ee4;

}



.clientWin form {

    width: 100%;

}



.profileWin {

    width: 400px;

    margin-left: -200px;

    height: auto;

    min-height: auto;

    padding: 20px;

}



.profileWin .button-inline {

    margin-left: 75px;

}



.profileWin .changePassword {

    text-align: center;

    float: left;

    clear: both;

    width: 100%;

}



.profileWin .changePassword + div label:first-child {

    padding-top: 20px;

}



.styleForm label {

    clear: both;

    float: left;

    margin-bottom: 10px;

    width: 100%;

    color: #7a7a7a;

}



.styleForm input {

    float: left;

}



.styleForm .input, .styleForm input.styleCheckbox {

    border: 4px solid #292929;

    height: 50px;

    padding: 10px;

    background-color: transparent;

    width: 100%;

    color: #7a7a7a;

    text-transform: uppercase;

}



.styleForm div.styleCheckbox {

    position: relative;

    float: left;

    clear: both;

    margin-bottom: 10px;

    overflow: hidden;

    width: 50px;

    height: 50px;

}



div.styleCheckbox input {

    position: relative;

    margin: 0;

    width: 50px;

    height: 50px;

}



div.styleCheckbox label {

    display: block;

    position: absolute;

    cursor: pointer;

    width: 50px;

    height: 50px;

    left: 0;

    top: 0;

    border: 4px solid #292929;

    background: #111;

}



div.styleCheckbox input:checked + label:after {

    content: '+';

    color: #019ee4;

    font-size: 50px;

    line-height: 45px;

    text-align: center;

    position: absolute;

    width: 42px;

    height: 50px;

    cursor: pointer;

    display: block;

}



.styleForm input:disabled {

    background-color: #292929;

}



.styleForm .infomsg {

    color: blueviolet;

    clear: both;

    width: 100%;

    padding: 10px 0;

}



.styleForm .infomsg.success, .certificate .infomsg.success {

    color: #019ee4;

}



.styleForm .infomsg.error, .certificate .infomsg.error {

    color: red;

}



#justBooking .bookingInfo, #getCertificate .certificateInfo, #getFranchise .franchiseInfo, #changePass .changer, #beFirst .befirstInfo {

    width: 580px;

    min-height: auto;

    padding: 20px 90px;

    margin-left: -290px;

    text-align: center;

}



#beFirst .befirst {

    margin-top: 20px;

}



#beFirst .befirstInfo {

    height: auto;

}



#beFirst .befirstInfo .button-inline {

    float: none;

}



#justBooking .bookingInfo *, #getCertificate .certificateInfo *, #getFranchise .franchiseInfo *, #changePass .changer {

    text-align: center;

}



#justBooking .bookingInfo .button-inline, #getCertificate .certificateInfo .button-inline, #getFranchise .franchiseInfo .button-inline {

    margin-top: 40px;

}



#changePass .changer .button-inline {

    margin-top: 10px;

}



#changePass .changer {

    background-color: #111111;

}



.changer input {

    color: #7a7a7a;

    float: none;

}



.container.actions {

    margin-top: 100px;

}



.container.actions .action, .container.actions .allAction {

    width: 32.66%;

    float: left;

    margin-right: 1%;

    margin-bottom: 15px;

    text-align: left;

    height: 250px;

    position: relative;

}



.container.actions .action:nth-child(3n+3) {

    margin-right: 0;

}



.container.actions .action h2 {

    text-transform: uppercase;

    width: 95%;

}



.actions .action .overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    background-image: url(/img/quest-overlay.png);

    opacity: 0.8;

    left: 0;

    top: 0;

    display: none;

}



.actions .action .hiddenAnons {

    display: none;

    position: absolute;

    padding: 0 30px;

    left: 0;

    color: #fff;

    bottom: 20px;

    float: left;

    line-height: 26px;

}



.container.actions .action .underlay,

.container.actions .action a {

    position: absolute;

    width: 100%;

    height: 100%;

    display: block;

}



.container.actions .action .underlay {

    opacity: 0.7;

}



.container.actions .action a {

    padding: 30px;

}



.container.actions .action .actionAnons {

    color: #fff;

    text-transform: uppercase;

    bottom: 0;

    position: absolute;

    bottom: 30px;

}



.container.actions .allAction {

    text-align: center;

}



.container.actions .allAction a {

    margin: 0 auto;

    margin-top: 25%;

}



.closePopup span {

    position: absolute;

    right: -5px;

    top: -15px;

    _transform: rotate(45deg);

    font-size: 30px;

    background: transparent;

    color: #7a7a7a;

    font-weight: bold;

    cursor: pointer;

    padding: 7px;

}



.socialLink {

    margin-left: 30px;

    margin-top: 20px;

}



.socialLink ul, .socialLink ul li, .socialLink > span {

    float: left;

    color: #7a7a7a;

}



.socialLink ul li {

    text-indent: -9999px;

    width: 30px;

    height: 35px;

    margin-right: 10px;

    background-size: contain;

    background-repeat: no-repeat;

}



.socialLink ul li.fbIco {

    background-image: url(/img/fb-icon.png);

}



.socialLink ul li.okIco {

    background-image: url(/img/ok-icon.png);

}



.socialLink ul li.vkIco {

    background-image: url(/img/vk-icon.png);

    margin-right: 20px;

}



.socialLink ul li a {

    display: block;

    width: 30px;

    height: 35px;

}



.socialLink > span {

    margin-top: 5px;

}



.container.cabinet {

    padding: 20px 40px;

}



.container.cabinet .clientDirect {

    min-width: 300px;

    height: 100px;

    background: url(/img/profile.png) left center no-repeat;

    background-size: contain;

}



.singleGame.incognito h1 {

    text-align: center;

}



._container.cabinet.singleGame .clientDirect {

    width: 800px;

    margin: 0 auto;

}



.container.cabinet h2 {

    clear: both;

    text-transform: uppercase;

    color: #019ee4;

    font-size: 30px;

    line-height: 28px;

    margin: 60px 0 40px;

    font-family: 'HeliosCondC', Arial;

}



.container.cabinet .clientDirect h2 {

    text-align: left;

    padding: 24px 0px 0px 100px;

    margin: 0px auto;

}



.container.cabinet .clientDirect h2 a, .container.cabinet .clientDirect h2 span {

    text-transform: capitalize;

    font-size: 16px;

    color: #019ee4;

    font-weight: 100;

}



.container.cabinet .questPhoto {

    margin-top: 40px;

    overflow: hidden;

}



.container.cabinet .questPhoto img {

    width: 100%;

    max-width: 800px;

}



.container.cabinet .questPhoto .ya-share2 {

    clear: both;

    max-width: 800px;

    margin: 20px auto;

}



.cabinet .futureQuest {

    width: 900px;

    height: 350px;

    margin: 40px auto;

    background-color: #292929;

    font-size: 16px;

    overflow: hidden;

}



.cabinet .futureQuest h3 {

    color: #fff;

}



.cabinet .futureQuest .begins {

    color: #019ee4;

    font-family: 'HeliosCondC', Arial;

}



.cabinet .futureQuest .price {

    color: #fff;

    font-family: 'HeliosCondC', Arial;

}



.cabinet .futureQuest .questImg {

    float: left;

    width: 33%;

    height: 100%;

    -webkit-background-size: cover !important;

    background-size: cover !important;

}



.cabinet .futureQuest .questInfo {

    float: left;

    width: 67%;

    padding: 20px;

}



.cabinet .futureQuest .questInfo .questDetail {

    padding: 0;

}



.cabinet .futureQuest .questInfo .peopleDetail {

    width: 38%;

}



.cabinet .futureQuest .questInfo .phoneDetail {

    width: 27%;

}



.cabinet .futureQuest .questInfo .cityDetail {

    width: 35%;

}



.cabinet .futureQuest .questInfo .questDetail p {

    clear: both;

}



.cabinet .futureQuest .questInfo .questDetail img {

    vertical-align: top;

}



.cabinet .futureQuest .cancelQuest {

    float: left;

    margin-top: 20px;

    margin-left: 40px;

    border-bottom: 4px solid #019ee4;

    margin-bottom: 15px;

    color: #fff;

    padding-bottom: 5px;

    font-family: 'HeliosCondC';

    font-weight: bold;

    font-size: 18px;

}



.futureQuest .cancelQuest:hover {

    border: none;

}



.cabinet .finishedQuest {

    width: 32%;

    height: 300px;

    float: left;

    position: relative;

    border: 4px solid rgba(0, 0, 0, 0.4);

    background-size: cover !important;

}



.cabinet .finishedQuest:nth-child(3n+2) {

    margin: 0 2%;

}



.cabinet .finishedQuest:nth-child(1n+4) {

    margin-top: 30px;

}



.cabinet .finishedQuest h3 {

    color: #fff;

    text-transform: uppercase;

    height: 100px;

}



.cabinet .finishedQuest .questDate {

    position: absolute;

    right: 20px;

    bottom: 20px;

    color: #fff;

}



.cabinet .finishedQuest .questRealTime {

    position: absolute;

    left: 20px;

    bottom: 20px;

    color: #fff;

}



.cabinet .finishedQuest .rating {

    display: none;

    position: absolute;

    width: 100%;

    background: #019ee4;

    left: 0;

    bottom: 0;

    margin: 0;

    font-weight: bold;

    color: #fff;

    cursor: pointer;

}



.cabinet .finishedQuest .rating a {

    display: block;

    padding: 15px 0 13px;

    color: #fff;

    font-family: 'HeliosCondC', Arial;

}



.cabinet .finishedQuest:hover {

    border-color: #019ee4;

}



.cabinet .finishedQuest:hover .rating {

    display: block;

}



.cabinet .finishedQuest .content {

    background: rgba(0, 0, 0, 0.4);

    width: 100%;

    height: 100%;

    padding: 20px;

    cursor: pointer;

}



.cabinet .finishedQuest:hover .content {

    background: transparent;

}



.cabinet .rateQuest {

    max-width: 800px;

    width: 100%;

    margin: 0 auto;

}



.cabinet .rateQuest * {

    text-align: left;

    color: #fff;

    text-transform: uppercase;

}



.cabinet .rateQuest .questInfo {

    margin-bottom: 20px;

    float: left;

}



.cabinet .rateQuest span, .cabinet .rateQuest b {

    float: left;

    width: 200px;

}



.cabinet .ratings {

    overflow: hidden;

    clear: both;

}



.cabinet .ratings .rating {

    height: 30px;

}



.cabinet .rateQuest .ratings span, .cabinet .rateQuest b {

    clear: both;

}



.cabinet .rateQuest .common span:first-child {

    font-weight: bold;

}



.cabinet form[name=rating] {

    clear: both;

    float: left;

    margin-top: 20px;

    width: 100%;

}



.cabinet form[name=rating] textarea {

    max-width: 800px;

    width: 100%;

    height: 150px;

    background-color: #c5c5c5;

    padding: 5px;

    color: #111111;

    text-transform: none;

    font-size: 18px;

}



.cabinet form[name=rating] input {

    text-align: center;

    margin-top: 20px;

}



#ordersTable thead th {

    font-weight: bold;

    text-align: left;

    text-transform: uppercase;

    padding: 5px 10px 5px 0;

    border-bottom: 1px solid #333;

    font-size: 18px;

}



#ordersTable tbody tr:first-child td {

    padding-top: 5px;

}



#ordersTable tbody td {

    padding: 0 5px;

    vertical-align: middle;

    border-bottom: 1px solid #333;

}



#ordersTable tbody td a {

    display: block;

    padding: 15px 5px;

}



.container.fiveReasons {

    padding: 100px 40px;

    height: 1200px;

    background-size: 1280px 1200px;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

}



#calendar h1, #calendar h2, .fiveReasons h1, .fiveReasons h2 {

    text-transform: uppercase;

    margin: 0;

    padding: 0

}



.fiveReasons .reason {

    position: absolute;

    left: 50%;

}



.fiveReasons .reason h3 {

    text-align: left;

    text-transform: uppercase;

    color: #019ee4;

    margin-bottom: 20px;

}



.fiveReasons .reason p {

    color: #fff;

}



.fiveReasons #reason1.reason {

    margin-top: -20px;

}



.fiveReasons #reason2.reason {

    margin-top: 240px;

    margin-left: 230px;

}



.fiveReasons #reason3.reason {

    margin-top: 680px;

    margin-left: 90px;

}



.fiveReasons #reason4.reason {

    margin-top: 590px;

    margin-left: -515px;

}



.fiveReasons #reason4.reason h3, .fiveReasons #reason4.reason p, .fiveReasons #reason5.reason h3, .fiveReasons #reason5.reason p {

    text-align: right;

}



.fiveReasons #reason5.reason {

    margin-top: 220px;

    margin-left: -550px;

}



.contacts.singleQuest h2 {

    text-transform: uppercase;

    color: #019ee4;

    padding: 0 20px;

}



.newsList.singleQuest {

    margin-top: 100px;

}



.container.reviewSlider {

    height: 705px;

    position: relative;

    margin-bottom: 30px;

}



.reviewSlider .reviewBackground {

    position: absolute;

    height: 500px;

    width: 100%;

    opacity: 0.3;

    background-position: center top;

    margin-top: 100px;

}



.reviewSlider .reviewBlock {

    position: absolute;

    width: 410px;

    height: 705px;

    background: url(/img/reviewBg.png) no-repeat;

    left: 50%;

    margin-left: -200px;

    padding: 100px 70px 100px 40px;

}



.reviewSlider .reviewBlock h1 {

    padding: 0;

    margin: 0;

    text-align: center;

}



.reviewSlider .reviewBlock .reviewText {

    margin-top: 40px;

    height: 400px;

    line-height: 30px;

    color: white;

    overflow: hidden;

    position: relative;

}



.reviewSlider .reviewBlock .reviewText p {

    text-align: center;

    color: #fff;

}



.reviewSlider .reviewBlock .reviewText p.text {

    max-height: 230px;

    overflow: hidden;

}



.reviewSlider .reviewBlock .reviewText p.head {

    margin: 30px 0;

    color: #019ee4;

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

}



.reviewSlider .nextReview, .reviewSlider .prevReview {

    position: absolute;

    top: 50%;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: bold;

    cursor: pointer;

}



.reviewSlider .nextReview {

    right: 0;

    margin-right: 100px;

    padding-right: 20px;

}



.reviewSlider .nextReview:after {

    content: '';

    background: url(/img/left-right-icon.png) -35px 0 no-repeat;

    width: 34px;

    height: 79px;

    position: absolute;

    margin-top: -27px;

    margin-left: 20px;

}



.reviewSlider .prevReview {

    left: 0;

    margin-left: 80px;

    padding-left: 40px;

}



.reviewSlider .prevReview:before {

    content: '';

    background: url(/img/left-right-icon.png) 0 0 no-repeat;

    width: 34px;

    height: 79px;

    position: absolute;

    margin-top: -27px;

    margin-left: -50px;

}



.container.playersPhoto {

    height: 400px;

}



.playersPhoto h1 {

    margin-left: 40px;

}



.playersPhoto ul li {

    float: left;

    margin: 0 5px;

    height: 200px;

}



.playersPhoto ul li.grayscale {

    opacity: 0.5;

}



.playersPhoto ul li a {

    display: block;

    height: 100%;

    width: 100%;

}



.playersPhoto .nbs-flexisel-nav-left, .playersPhoto .nbs-flexisel-nav-right {

    display: none;

}



.container.reviewBlock {

    margin-bottom: 100px;

}



.reviewBlock #reviews {

    margin: 30px;

}



.reviewBlock h1 {

    margin-left: 40px;

}



.reviewBlock .review {

    min-height: 200px;

    width: 33.33%;

    padding: 10px;

    float: left;

    height: auto;

}



.reviewBlock .review .reviewInfo {

    border: 4px solid #7a7a7a;

    width: 100%;

    height: 100%;

    padding: 30px;

    overflow: hidden;

}



.reviewBlock .review .reviewHead img {

    border-radius: 50px;

    height: 100px;

    margin-right: 30px;

}



.reviewBlock .review .reviewHead p {

    font-weight: bold;

    padding-top: 20px;

}



.reviewBlock .review .reviewHead .reviewAuthor {

    color: #019ee4;

}



.reviewBlock .review .reviewInfo .reviewText {

    color: #fff;

    clear: both;

    margin-top: 30px;

    float: left;

}



.container.contactsPage {

    margin-bottom: 70px;

    font-family: 'HeliosCondC';

}



.container.contactsPage .leftSide {

    overflow: hidden;

    width: 60%;

    float: left;

}



.container.contactsPage .rightSide {

    float: left;

    overflow: hidden;

    width: 40%;

    margin-top: -70px;

}



.contactsPage .leftSide .content {

    margin-bottom: 20px;

}



.contactsPage .leftSide .address {

    margin-bottom: 30px;

}



.contactsPage .leftSide ul {

    margin-top: 30px;

    clear: both;

}



.contactsPage .leftSide .contacts li {

    float: left;

    width: 50%;

    text-align: left;

    margin-bottom: 20px;

    font-weight: bold;

}



.contactsPage .leftSide .address p, .contactsPage .leftSide .contacts .phone {

    color: #fff;

    font-weight: bold;

}



.contactsPage .leftSide .contacts .phone {

    float: left;

    margin-right: 15px;

}



.contactsPage .leftSide .contacts .email {

    color: #019ee4;

    text-transform: uppercase;

    clear: both;

    float: left;

}



.contactsPage .leftSide .contacts .text {

    text-transform: uppercase;

    float: left;

}



/*

.contactsPage .leftSide .contacts .text:before{content: '-'; margin-left: -10px; position: absolute;}

*/

.contactsPage .rightSide .infoWin {

    margin: 0 auto;

    float: right;

    width: 350px;

}



.contactsPage .faq .infoWin .angleBorder p {

    margin-left: 0;

    clear: both;

}



.contactsPage .faq .infoWin .angleBorder .iconManPlus {

    float: none;

}



.contactsPage .faq .infoWin .angleBorder p a.button-inline {

    margin: 20px;

    padding: 10px 0 15px;

}



.contactsPage .socialLink {

    margin: 0 !important;

}



.contactsPage .socialLink ul {

    margin-top: 0;

}



.contactsPage .socialLink ul li, .contactsPage .contactsPage .socialLink ul li a {

    width: 40px;

    height: 45px;

}



.contactsPage .socialLink ul li.fbIco {

    background-image: url(/img/fb-icon-white.png);

}



.contactsPage .socialLink ul li.okIco {

    background-image: url(/img/ok-icon-white.png);

}



.contactsPage .socialLink ul li.vkIco {

    background-image: url(/img/vk-icon-white.png);

    margin-right: 20px;

}



.contactsPage .socialLink > span {

    margin-top: 10px;

}



.masonry {

    height: 250px;

    overflow: hidden;

    float: left;

    padding: 5px;

}



.short {

    width: 33.33%;

    height: 300px;

}



.wide {

    width: 66.66%;

    height: 300px;

}



.tall {

    width: 33.33%;

    height: 600px;

}



.post.container {

    margin: 50px 50px;

}



.container .picBlock a img {

    max-width: 530px;

    width: 100%;

}



.container .postContent {

    padding: 30px 50px;

}



.blogPost {

    padding: 0 50px;

}



.blogPost .postContent {

    background-color: lightgray;

    overflow: hidden;

    color: #333;

}



.container .postAnons {

    text-align: center;

    width: 80%;

    font-weight: bold;

    font-size: 24px;

    font-family: 'HeliosCondC';

    color: #fff;

    margin: 50px auto;

}



.blogPost .postContent p {

    color: #333;

}



.postContent p {

    text-align: justify;

    font-size: 20px;

}



.blogPost .goToMain {

    margin: 20px 50px;

    float: right;

}



/*

*

*/

.questTypes {

    display: none;

}



.draggableX {

    clear: both;

    margin-top: 50px;

    float: left;

    width: 100%;

}



/**

*   Адаптивность

**/

@media screen and (max-width: 1280px) {

    /*

    * Костыль для правильного определения ширины экрана в JS

    */

    #media1280 {

        display: none;

    }



    /*

    * Шапка

    */

    body, .container, .firstLine, .secondLine {

        /*        min-width: 990px;

                max-width: 1280px;*/

    }



    .firstLine {

        height: 118px;

    }



    .firstLine .logoBlock {

        height: 64px;

        padding-top: 5px;

    }



    .firstLine #logo a {

        background-position: center 0px;

        background-size: auto 50px;

        padding-top: 64px;

    }



    .leftSide .leftTopMenu:after, .rightSide .rightTopMenu:before {

        content: none;

    }



    .firstLine .leftSide, .firstLine .rightSide {

        width: 50%;

    }



    .firstLine .rightSide ul {

        background-image: url(/img/menu-line-through.png);

        background-size: 4px 4px;

        background-repeat: no-repeat;

        background-position: 1% 50%;

    }



    /*

    * Главная страница

    */

    .main_slider .slide .sliderContent .sliderDesc {

        padding-right: 54px;

    }



    /*.main_slider .slide .sliderContent .sliderDesc p{max-height: 200px; overflow: hidden;}*/

    .questList .masonry {

        width: 50%;

    }



    .newsList .news, .newsList .news:nth-child(3n+3) {

        width: 49.5%;

        margin-right: 1%;

    }



    .newsList .news:nth-child(2n+2) {

        margin-right: 0;

    }



    .container.certificate {

        height: 890px;

    }



    .certificate .certForm {

        width: 65%;

    }



    .container.certificate .certPic {

        width: 790px;

    }



    .container.infografika {

        margin-top: 0;

        height: auto;

    }



    .container.infografika .grafikaMap {

        display: none;

    }



    .container.infografika .igBlock {

        float: left;

        width: 50%;

        margin-bottom: 30px;

        height: 250px;

    }



    .grafikaLink {

        display: none;

    }



    .popupImg, .popupInfo {

        position: relative;

        display: block;

        left: 0;

        top: 0;

        margin: 0 0 0 30px !important;

        width: auto;

        height: auto;

    }



    .container.infografika .popupImg {

        width: 55px;

        height: 50px;

        overflow: hidden;

        float: left;

    }



    .container.infografika .popupInfo h2 {

        padding-top: 5px;

        padding-left: 30px;

        float: left;

    }



    .container.infografika .popupInfo p {

        clear: both;

        margin: 0 !important;

    }



    #electroLink .popupImg img {

        margin-left: -110px;

        margin-top: -80px;

    }



    #commandLink .popupImg img {

        margin-left: -56px;

        margin-top: -80px;

    }



    #emotionLink .popupImg img {

        margin-left: -103px;

        margin-top: -90px;

    }



    #logicLink .popupImg img {

        margin-left: -62px;

        margin-top: -92px;

    }



    #intuitionLink .popupImg img {

        margin-left: -111px;

        margin-top: -90px;

    }



    #interactiveLink .popupImg img {

        margin-left: -73px;

        margin-top: -87px;

    }



    .questList .masonry {

        width: 50%;

        height: 300px;

    }



    .quests .quest .infoWin .develope {

        padding-top: 30px !important;

        margin-top: -20px !important;

    }



    .quests .quest .infoWin.tall .develope .button-inline {

        margin-top: -5px;

    }



    /*

    * Страница квеста

    */

    .faq.container {

        padding: 0 54px;

    }



    .faq .content, .faq .infoWin {

        float: left;

        width: 100%;

    }



    .faq .content ul {

        margin: 0;

        padding-right: 84px;

    }



    .faq .content ul li {

        width: 90%;

    }



    .faq .content ul li.active {

        width: 100%;

    }



    /*

    .container.ourFriends .quest{width: 50%; margin: 0;}

    .container.ourFriends .quest:last-child{display: none;}

*/

    /*

    * Popup

    */

    ._clientWin {

        width: 900px;

        margin-left: -450px;

    }



    .clientWin .authorizate, .clientWin .registrate {

        padding: 20px 50px;

    }



    .authorizate p.break {

        width: 100%;

    }



    /*Новости и акции*/

    .container.actions .action, .container.actions .allAction, .container.actions .action:nth-child(3n+3) {

        width: 49.5%;

    }



    .container.actions .action:nth-child(2n+2) {

        margin-right: 0;

    }



    .promo_slider .slide .sliderContent h1 {

        width: 60%;

    }



    .reviewBlock .review {

        width: 50%;

    }

}



@media screen and (max-width: 1280px) and (min-width: 990px) {

    .contactsPage .leftSide .contacts li {

        width: 100%;

    }



    .container.faq .infoWin .angleBorder {

        height: auto;

        background-image: none;

        border: 4px solid #019ee4;

        height: 440px;

    }



    .container.faq .infoWin .angleBorder:before {

        content: "";

        width: 120px;

        height: 100%;

        background: url(/img/franch-bg-wide.png) 0 0 no-repeat #111;

        background-size: auto 100%;

        position: absolute;

        left: 0;

        top: 0;

    }



    .container.faq .infoWin .angleBorder:after {

        content: "";

        width: 120px;

        height: 100%;

        background: url(/img/franch-bg-wide.png) 100% 0 no-repeat #111;

        background-size: auto 100%;

        position: absolute;

        right: 0;

        top: 0;

    }



    .container.faq .infoWin .angleBorder .iconManPlus {

        float: left;

        margin: 40px 12.5%;

    }



    .container.faq .infoWin .angleBorder p {

        text-align: left;

        margin-left: 40%;

    }



    .container.faq .infoWin .angleBorder li.slide {

        padding-right: 100px;

    }



    .container.faq .sliders .sliderNav {

        margin-left: 120px;

    }



    .container.faq .sliders .slide .sliderText {

        height: auto;

    }



    .container.forVideo {

        height: 500px;

    }



    .forVideo .forDecor2 {

        margin-top: 150px;

    }

}



@media screen and (max-width: 990px) {

    /*

    * Костыль для правильного определения ширины экрана в JS

    */

    #media970 {

        display: none;

    }



    body, .container, .firstLine, .secondLine {

        /*min-width: 768px;

        max-width: 990px;*/

    }



    .firstLine {

        overflow: visible;

    }



    .firstLine .menuBlock {

        display: none;

        position: fixed;

        width: 100%;

        background: #111111;

        z-index: 10;

    }



    .firstLine .leftSide, .firstLine .rightSide {

        width: 50%;

        float: left;

        margin: 0;

        height: auto;

    }



    .firstLine .leftSide li {

        border-right: 1px solid #272727;

    }



    .firstLine ul {

        width: 100%;

        background-image: none !important;

        overflow: hidden;

        height: auto;

    }



    .firstLine ul li {

        width: 100%;

        clear: both;

        border-bottom: 1px solid #272727;

        text-align: left;

        background-image: none;

        height: 120px;

        display: block !important;

    }



    .firstLine ul li a {

        font-size: 180%;

        font-weight: bold;

        padding: 50px 40px;

    }



    .firstLine ul li a:hover {

        background-color: #019ee4;

    }



    .mobileCity {

        display: block;

    }



    .mobileCity a {

        float: none;

        text-align: center;

    }



    .mobileCity li span:before {

        content: '';

        position: absolute;

        background: url(/img/location-icon.png) no-repeat;

        margin-left: -100px;

        margin-top: -5px;

        background-size: contain;

        height: 50px;

        width: 50px;

    }



    .rightSide .rightTopMenu li.cabinet:after {

        margin-left: 170px;

        top: 35px;

        background-size: contain;

        height: 65px;

        width: 50px;

        background-position: center 5px;

    }



    .firstLine, .firstLine .logoBlock {

        padding: 0;

        height: 120px;

    }



    .firstLine #logo {

        background: none;

        margin: 0 119px;

    }



    .firstLine #logo a {

        padding-top: 70px;

        background-position: center 15px;

        font-size: 200%;

    }



    .firstLine .city {

        display: none;

    }



    .firstLine .phone, .firstLine .showMenu {

        cursor: pointer;

        margin: 0;

        left: 0;

        top: 0;

        height: 120px;

        width: 120px;

    }



    .firstLine .phone {

        text-indent: -9999px;

        float: left;

        border-right: 1px solid #333;

        background: url(/img/phone-mobile-icon.png) center center no-repeat;

        padding: 0;

    }



    .firstLine .phone a {

        width: 100%;

        height: 100%;

        display: block;

    }



    .firstLine .showMenu {

        float: right;

        display: block !important;

        border-left: 1px solid #333;

        background: url(/img/menu-mobile-icon.png) center 30px no-repeat;

        padding-top: 80px;

        font-size: 23px;

        color: white;

    }



    .secondLine .botMenu li {

        _border-right: none;

        width: 50%;

    }



    .secondLine .botMenu li:first-child, .secondLine .botMenu li:nth-child(2) {

        border-bottom: 1px solid #272727;

    }



    .headBreaker {

        margin-top: 360px;

    }



    .container.sliders {

        display: none;

        /*border-bottom: 1px solid #272727;*/

    }



    .main_slider .slide .sliderBg {

        background-position: center 0px;

    }



    .main_slider .slide .sliderContent .sliderImg {

        width: 100%;

    }



    .main_slider .slide .sliderContent .sliderImg img {

        width: 600px

    }



    .main_slider .slide .sliderContent {

        position: relative;

    }



    .sliders .main_slider .slide {

        height: auto;

        position: relative;

        min-height: inherit;

    }



    .main_slider .slide .sliderContent .sliderDesc {

        width: 100%;

    }



    .main_slider .slide .sliderContent .sliderDesc a.button-inline {

        float: none;

    }



    .questList .masonry {

        width: 100%;

    }



    .container.quests.onMain {

        margin: 0;

    }



    .newsList .news {

        width: 100% !important;

        margin-right: 0;

        margin-top: 120px;

    }



    .newsList .news .newsContent {

        width: 100%;

    }



    .newsList .news .newsContent .newsAnons {

        width: auto;

        margin-top: 20px;

    }



    .newsList .news .newsContent .newsTitle h2 {

        max-height: 150px;

    }



    .container.certificate {

        height: 1120px;

    }



    .certificate .certForm {

        padding-right: 54px;

        width: 100%;

    }



    .certificate .certForm label {

        margin-bottom: 30px;

    }



    .certificate .certForm label, .certificate .certForm label input {

        width: 100% !important;

    }



    .certificate .certForm label[for=qf_address] {

        margin-top: 0;

    }



    .container.certificate .certPic {

        background-position: 65px 300px;

    }



    .container.infografika {

        margin-top: 100px;

    }



    .container.infografika .igBlock {

        width: 100%;

    }



    .container.map {

        margin-top: 100px;

    }



    .container.contacts {

        position: relative;

        width: 100%;

        left: 0;

        padding: 40px 30px;

        margin: 0;

        overflow: visible;

    }



    /*

    * Изменение размеров шрифтов

    */

    .secondLine .botMenu li a, .questMenu li a {

        font-size: 180%;

        padding-top: 70px;

    }



    h1 {

        font-size: 60px;

    }



    h2, .quests .quest h2 {

        font-size: 50px;

        line-height: 70px;

    }



    p, input,

    .button-inline,

    .certificate .certForm label input,

    .quests .quest .questInfo .more,

    .quests .quest .questInfo span {

        font-size: 150%;

    }



    p {

        line-height: 150%;

    }



    .button-inline {

        padding: 20px 40px !important;

        height: 75px !important;

    }



    .quests .quest .questInfo {

        margin-top: 40px;

    }



    .quests .quest .questInfo .more {

        left: 390px;

        top: 374px;

    }



    .masonry {

        height: 500px !important;

    }



    .masonry.stamp, .stamp .title {

        height: auto !important;

    }



    .quests .quest h2 {

        max-height: 124px;

    }



    .quests .quest .questInfo .button-inline {

        top: 350px;

    }



    .quests .quest .questInfo .questPhone {

        margin-top: 20px;

    }



    .quests .quest .questPhone:before {

        background-size: 30px 40px;

    }



    .quests .quest .questAddress:before {

        background-size: 35px 40px;

    }



    .quests .quest .questPeople:after {

        background-size: 30px 40px;

    }



    .quests .quest .duration:after {

        background-size: 35px 35px;

    }



    .quests .quest .people:after, .quests .quest .duration:after {

        width: 40px;

    }



    .quests .quest .infoWin .develope .button-inline {

        margin-left: -135px;

    }



    .quests .quest .infoWin .develope {

        padding-top: 30px !important;

        margin-top: 50px !important;

    }



    .faq .content ul li {

        padding: 0 0px 15px 30px;

    }



    .faq .content ul li h2 {

        line-height: 30px;

        padding-top: 15px;

        margin-right: 10px;

        white-space: nowrap;

        overflow: hidden;

    }



    .faq .content ul li.active h2 {

        margin-top: 0;

        white-space: normal;

        overflow: visible;

        height: auto;

    }



    .faq .content ul li.active .hiddenFaq {

        margin-top: 10px;

    }



    .faq .infoWin .angleBorder {

        height: 1010px;

    }



    .faq .infoWin .angleBorder .slide {

        width: 90%;

    }



    .faq .infoWin .angleBorder .iconManPlus {

        margin: 60px auto;

        background-size: contain;

        height: 235px;

        width: 380px;

    }



    .faq .infoWin .angleBorder p {

        margin-bottom: 60px;

    }



    .container.infografika .igBlock {

        height: auto;

    }



    .faq .sliders .sliderNav {

        margin-left: 180px;

        bottom: 90px;

    }



    .container.textInfo {

        -webkit-column-count: auto;

        -moz-column-count: auto;

        column-count: auto;

    }



    .bottomTextBlock .bottomTextIcon {

        display: none

    }



    .bottomTextBlock .bottomText {

        float: left;

        width: 100%;

    }



    .questTypes .questMenu li {

        width: 100%;

        text-align: left;

    }



    .questTypes .questMenu li a {

        padding-left: 140px;

        padding-top: 15px;

        background-position: 54px center;

    }



    .questTypes .questMenu li:not(.active) {

        display: none;

    }



    /*

    * Popup

    */

    ._clientWin {

        width: 100%;

        left: 0;

        margin-left: 0;

    }



    ._clientWin .authorizate {

        width: 100%;

        display: none;

    }



    ._clientWin .registrate {

        width: 100%;

    }



    .booking .closePopup {

        background: #444;

        width: 100px;

        height: 100px;

        position: absolute;

        right: 0;

    }



    .closePopup span {

        font-size: 40px;

        margin-right: 10px;

    }



    .booking .closePopup span {

        font-size: 80px;

    }



    .booking {

        width: 100%;

        margin-left: 0;

        margin-top: 0px;

        left: 0;

        top: 0;

        height: auto;

        position: absolute;

    }



    .booking .bookingPic {

        height: 350px;

        width: 100%;

        background-position: center top;

    }



    .booking .bookingInfo {

        max-width: 100%;

    }



    .booking .bookingInfo .questDetails {

        width: 100%;

    }



    .booking .bookingInfo .questDetail {

        width: 50%

    }



    .questPage .questInfo h1 {

        padding: 0;

        font-size: 45px;

        position: relative;

        bottom: 0;

        margin-top: 20px;

    }



    .questPage .questInfo h1 span {

        margin-top: -130px;

        top: 0;

    }



    .questPage .questInfo .questAge {

        font-size: 50px;

    }



    .questDetails .questDetail {

        width: 50%

    }



    .questDetails .questDetail.phoneDetail {

        clear: both;

    }



    .questDetails .questDetail.phoneDetail a {

        margin: 0 !important;

    }



    .scheduleLegend {

        margin: 0 0 50px;

        clear: both;

        float: left;

        padding-left: 10px;

    }



    .questPage .questDesc {

        clear: both;

        margin-top: 90px;

    }



    #calDates {

        margin-bottom: 50px;

    }



    #calDates table {

        width: 200% !important;

    }



    .questPage #calendar {

        height: 2780px;

    }



    .questSchedule table.schedules {

        width: 200% !important;

    }



    /*

        .questSchedule table.schedules td span, .questSchedule table.schedules td b {

            font-size: 150% !important;

        }



        .questSchedule table.schedules .dayMonth {

            margin-top: 10px;

        }

    #calendar tr td span, #ordersTable tr td span {

        padding: 7px 0;

        height: 45px;

    }

    */

    #calendar tr.priceLine td.priceTd {

        background-position: left 17px;

    }



    #calendar tr.priceLine td {

        padding: 5px 0 10px;

    }



    tr.trDay {

        position: relative;

        height: 30px;

    }



    tr.trDay td {

        position: absolute;

    }



    .container.fiveReasons {

        height: auto;

    }



    .fiveReasons .reason {

        position: relative;

        float: left;

        clear: both;

        margin: 50px 0 !important;

        width: 100%;

        left: 0;

        top: 0;

    }



    .fiveReasons .reason * {

        text-align: left !important;

    }



    .reviewBlock .review {

        width: 100%;

        float: left;

        clear: both;

    }



    .reviewBlock .review .reviewHead img {

        border-radius: 100px;

        height: 200px;

    }



    /*

    * Скроллбар

    *

    .mobilePad{

        position: absolute; width: 60px; height: 100%; right: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.5);

        background: rgba(0, 0, 0, 0);

        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 80%);

        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000 80%);

        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 80%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000',GradientType=1 );



    }

    */

    .questsInfografika img {

        height: 700px;

        width: auto;

        left: 0;

    }



    .quests .quest .questInfo {

        display: block;

    }



    .cityList {

        margin-left: -250px;

    }



    .cityList, .cityList ul li {

        width: 500px !important;

    }



    .cityList ul li {

        height: 70px;

        font-size: 150%;

    }



    .cityList ul li a, .cityList ul li span {

        height: 70px;

    }



    .container.actions .action, .container.actions .allAction {

        width: 100% !important;

        margin: 0;

        height: 350px;

    }



    .container.actions .allAction {

        height: auto;

        text-align: left;

        margin-top: 50px;

    }



    .container.actions .allAction a {

        margin-top: 0;

        margin-left: 40px;

    }



    .sliders .news_actions {

    }



    .sliders .news_actions .slides {

        overflow: hidden;

    }



    .sliders .news_actions .slide {

        overflow: visible;

        height: auto;

        position: absolute;

    }



    .sliders .news_actions .slide .sliderBg {

        height: 495px;

    }



    .sliders .news_actions .slide .sliderContent .sliderDesc {

    }



    .sliders .news_actions .slide .sliderContent .sliderImg, .sliders .news_actions .slide .sliderContent .sliderDesc {

        width: 100%;

    }



    .sliders .news_actions .slide .sliderContent {

        position: relative;

    }



    .news_actions .slide .sliderContent .sliderDesc a.button-inline {

        position: relative;

        bottom: 0;

        margin-top: 40px;

        left: 0;

    }



    .sliders .promo_slider .slide {

        height: 450px;

    }



    .promo_slider .slide .sliderContent h1 {

        width: 90%;

    }



    .contactsPage .leftSide .contacts li {

        width: 100%;

        font-size: 150%;

        margin-bottom: 50px;

    }



    .container.contactsPage .leftSide, .container.contactsPage .rightSide {

        width: 100%;

    }



    .container.contactsPage .rightSide .infoWin {

        margin-top: 0;

        width: 100%;

    }



    .container.contactsPage .rightSide {

        margin-top: 70px;

    }



    .contactsPage .faq .infoWin .angleBorder .iconManPlus {

        width: 50%;

        height: 260px;

        background-size: contain;

        background-position: center top;

        margin: 70px auto;

    }



    .contactsPage .faq .infoWin .angleBorder p {

        padding: 0 30px;

    }



    .contactsPage .faq .infoWin .angleBorder p a.button-inline {

        margin: 20px;

        padding: 15px 40px 20px;

        font-size: 120%;

    }



    .contactsPage .socialLink ul li {

        width: 60px;

        height: 65px;

    }



    .contactsPage .socialLink > span {

        margin-top: 15px;

        font-size: 150%;

    }



    ul.selectQuest {

        width: 92%;

    }



    .draggableX {

        margin-top: 0;

        overflow-x: auto;

    }



    #beFirst .befirstInfo {

        padding: 20px;

        height: 640px;

    }



    #beFirst .befirstInfo label input {

        margin-top: 20px;

        padding: 30px 10px;

    }



    #beFirst .befirstInfo .infomsg {

        font-size: 30px;

    }



    .nextReview, .prevReview {

        text-indent: -9999px;

    }



    .nextReview:after {

        right: -20px;

    }



    .prevReview:before {

        right: 20px;

    }



    .container .postAnons {

        font-size: 32px;

    }



    .cabinet .futureQuest {

        width: 100%;

        height: auto;

    }



    .cabinet .futureQuest .questImg {

        width: 100%;

        height: 350px;

    }



    .cabinet .futureQuest .questInfo {

        width: 100%;

        height: auto;

    }



    .cabinet .futureQuest .questInfo .peopleDetail {

        width: 100%;

        margin-bottom: 20px;

    }



    .cabinet .futureQuest .questInfo .phoneDetail {

        width: 40%;

        margin-bottom: 20px;

    }



    .cabinet .futureQuest .questInfo .cityDetail {

        width: 60%;

        margin-bottom: 20px;

    }



    .cabinet .finishedQuest {

        width: 100%;

        clear: both;

        margin: 0 0 20px 0 !important;

        float: left !important;

        overflow: hidden;

    }



    .container.quests {

        position: inherit;

    }



    .container .postContent {

        padding: 30px 10px;

    }



    .container.forVideo {

        height: 460px;

    }



    table.schedules tr.trDay {

        position: relative;

    }

    table.schedules tr.trDay:after {

        content: '>>>';

        position: absolute;

        right: 0px;

        margin-top: 0px;

        width: 65px;

        /*height: 75px;*/

        /*background: url(/img/scroll.png);*/

        /*z-index: 1;*/

    }

}



@media screen and (max-width: 768px) {

    body {

        min-width: 660px;

    }



    .ourFriends .quest.nbs-flexisel-item {

        height: 350px !important;

    }



    .container.forVideo {

        height: 300px;

    }



    .forVideo .forDecor2 {

        margin-top: 20%;

        margin-left: 20px;

    }

}



#ui-datepicker-div {

    left: 0 !important;

    top: 0 !important;

    margin-left: 50px;

    margin-top: 50px;

    z-index: 1000;

    border-radius: 0;

    border: none;

    -webkit-box-shadow: 0px 0px 30px 2px #019ee4;

    -moz-box-shadow: 0px 0px 30px 2px #019ee4;

    box-shadow: 0px 0px 30px 2px #019ee4;

}



#ui-datepicker-div, #ui-datepicker-div .ui-datepicker-calendar {

    background: #111;

}



#ui-datepicker-div * {

    border-radius: 0;

}



#ui-datepicker-div .ui-datepicker-current-day a {

    background: #019ee4;

}



@media screen and (max-width: 660px) {

    body, .container, .firstLine, .secondLine {

        width: 100%;

        min-width: 320px;

    }



    /*

        Font-sizes

     */

    p, input, .button-inline, .certificate .certForm label input {

        font-size: 100%;

    }



    .secondLine ul.botMenu li a {

        font-size: 12px !important;

    }



    .firstLine #logo a {

        font-size: 0.9em !important;

    }



    h2, h3 {

        font-size: 1.3em !important;

        line-height: normal !important;

    }



    h1 {

        font-size: 29px !important;

        padding: 15px 0px;

        line-height: normal;

        text-align: left !important;

    }



    p {

        font-size: 18px;

        line-height: 20px !important;

    }



    /*

        //font-sizes

     */

    .headBreaker {

        margin-top: 175px;

    }



    .firstLine .phone, .firstLine .showMenu {

        width: 60px;

        height: 60px;

    }



    .firstLine, .firstLine .logoBlock {

        height: 60px;

    }



    .firstLine .showMenu {

        background: rgba(0, 0, 0, 0) url("/img/menu-mobile-icon.png") no-repeat scroll center 20px;

        border-left: 1px solid #333;

        color: white;

        display: block !important;

        float: right;

        font-size: 20px;

        padding-top: 0px;

    }



    .firstLine .showMenu {

        background-size: 55% 40%;

        text-indent: -9999px;

    }



    .firstLine .phone {

        background-size: 50% 65%;

    }



    .firstLine #logo {

        height: 60px;

        margin: 0 auto;

    }



    .firstLine #logo a {

        padding-top: 38px;

        background-position: center 5px !important;

        background-size: auto 30px !important;

        height: auto;

    }



    .firstLine #logo a span {

        display: block !important;

        opacity: 1 !important;

    }



    .menuBlock ul li {

        height: 60px;

    }



    .menuBlock ul li a {

        padding: 20px 40px;

        font-size: 16px !important;

        text-transform: uppercase;

    }



    .cityList ul li {

        height: 50px;

        font-size: 100%;

    }



    .cityList ul li a, .cityList ul li span {

        height: 100%;

        padding-top: 14px;

    }



    .mobileCity li span:before {

        background-size: 60%;

        margin-left: -60px;

    }



    .rightSide .rightTopMenu li.cabinet:after {

        margin-left: 100px;

        top: 8px;

        background-size: 60%;

    }



    .main_slider .slide .sliderContent .sliderDesc {

        padding: 20px;

    }



    .sliders .main_slider .slide {

        margin-top: -254px;

    }



    .main_slider .slide .sliderContent .sliderImg img {

        width: 300px;

    }



    .newsList .news .newsContent div {

        margin: auto 20px;

    }



    .stamp .quest.title {

        padding: 20px;

    }



    .certificate {

        height: auto !important;

        padding-bottom: 150px;

    }



    .certificate .certForm {

        padding: 20px;

        position: relative;

    }



    .certificate p {

        color: #fff;

    }



    .certificate .certForm form {

        margin-right: 5px;

        position: relative;

    }



    .container.infografika {

        margin-top: 0;

    }



    .container.contacts {

        padding: 40px 5% 60px;

    }



    ul.selectQuest {

        width: 90%;

    }



    .contacts > p:not(.selectQuest) {

        padding: 20px 0 0;

    }



    .container.bottomTextBlock {

        padding: 40px 20px;

    }



    .igBlock {

        width: 100%;

        margin-top: 30px;

    }



    .popupInfo {

        width: 90% !important;

        margin: 0 5% !important;

    }



    .cityList, .cityList ul li {

        width: 300px !important;

    }



    .cityList {

        margin-left: -150px;

    }



    .cityList ul li a, .cityList ul li span {

        padding-left: 20px;

    }



    .closePopup span {

        right: -10px;

        top: -15px;

    }



    .questPage .questInfo {

        padding: 0;

    }



    .questPage .questInfo h1 {

        text-align: left;

        font-size: 24px !important;

        padding: 0px 20px;

    }



    .quests .quest h2 {

        max-height: none;

        height: auto;

    }



    .secondLine .botMenu li a, .questMenu li a {

        padding: 35px 0 5px;

        background-position: center 8px;

        background-size: auto 20px;

    }



    .clientWin, #changePass .changer {

        width: 100%;

        left: 0;

        margin-left: 0;

    }



    .clientWin .tabReg, .clientWin .tabAuth {

        width: 50%;

    }



    .clientWin .registrate, .clientWin .authorizate, #changePass .changer {

        padding: 20px;

    }



    ._clientWin .button-inline {

        float: none;

        margin: 0 auto;

        width: 100%;

        font-size: 1.2em;

        padding: 20px 0 !important;

    }



    .entryTabs .tabAuth, .entryTabs .tabReg {

        padding: 17px 30px;

        font-size: 20px;

    }



    .befirstInfo, .certificateInfo {

        width: 90% !important;

        margin-left: -45% !important;

        height: auto !important;

    }



    .certificateInfo {

        padding: 10px 10px 20px !important;

    }



    .booking, .clientWin, #justBooking .bookingInfo, .cityList, #getCertificate .certificateInfo, #getFranchise .franchiseInfo, #changePass .changer, #beFirst .befirstInfo, .profileWin {

        top: 0px;

    }



    .container.blogPost {

        padding: 0 20px;

    }



    .container.blogPost p {

        font-size: 16px !important;

    }



    .contactsPage .leftSide .contacts li {

        margin-bottom: 20px;

    }



    ul.contacts li span, .socialLink span {

        font-size: 14px !important;

    }



    .socialLink span {

        margin-top: 10px !important;

    }



    .contactsPage .socialLink ul li {

        width: 30px;

        height: 32px;

    }



    .contactsPage .address {

        overflow: hidden;

    }



    .contactsPage .address span {

        float: left;

        clear: both;

    }



    div#_aboutSpec p {

        text-align: left !important;

    }



    div#aboutSpec p img {

        margin: 0 auto !important;

        width: 30% !important;

        height: auto !important;

        margin-top: 80px;

        padding: 40px 10px;

    }



    div#_aboutSpec p b {

        clear: both;

        float: left;

    }



    div#_aboutSpec p br {

        clear: both;

        float: left;

    }



    .questPage .topMenu {

        display: none;

    }



    .questAge {

        margin-right: 0 !important;

        right: 10px !important;

        bottom: 0 !important;

    }



    .questAge b {

        font-size: 30px;

        bottom: 0;

        right: 0;

    }



    .questPage .questDesc {

        padding: 30px 20px;

    }



    .quests .quest .infoWin {

        padding: 10px;

    }



    .questPage .questDetails {

        padding-left: 20px;

    }



    .booking .bookingInfo .questDetails {

        margin: 20px 0;

        clear: both;

        float: left;

    }



    .questDetails .colorWhite {

        clear: none !important;

        margin-left: 30px !important;

    }



    .questDetails .questDetail {

        /*

                width: 100% !important;

        */

        padding: 5px 0px !important;

    }



    .questDetails .questDetail p {

        font-size: 14px;

    }



    .questDetails .questDetail p:last-child {

        display: none;

    }



    .quests .quest h2 {

        font-size: 1.2em !important;

    }



    .quests .quest .questInfo span {

        font-size: 13px;

        line-height: normal;

        margin-top: 0;

        padding-left: 20px;

    }



    .quests .quest .questAddress:before, .quests .quest .duration:after {

        background-size: 20px 20px;

    }



    .quests .quest .questPhone:before, .quests .quest .people:after {

        background-size: 15px 20px;

    }



    .quests .quest .questInfo .questPhone {

        margin-top: 10px;

    }



    .quests .quest .duration, .quests .quest .people {

        bottom: 10px;

        font-size: 14px;

    }



    body > .container.questSchedule {

        padding: 30px 20px;

    }



    .container.questSchedule h1 {

        margin-bottom: 30px !important;

    }



    #calendar h2 {

        font-size: 1.5em !important;

    }



    .scheduleLegend span {

        padding: 0 20px;

    }



    .scheduleLegend span:before {

        position: absolute;

        content: '';

        width: 15px;

        height: 15px;

        margin-left: -30px;

        margin-top: 0px;

        border-radius: 15px;

        border: 2px solid #7a7a7a;

    }



    .faq.container {

        padding: 0 10px;

    }



    .faq h1 {

        margin: 0 10px;

    }



    .faq .sliders ul {

        height: 460px;

    }



    .faq .infoWin .angleBorder {

        padding: 54px 0;

        height: auto;

    }



    .faq .infoWin .angleBorder .slide, .faq .infoWin .angleBorder .iconManPlus {

        width: 100%;

    }



    .faq .content ul {

        padding-right: 74px;

    }



    .faq .content ul li {

        border: 2px solid #019ee4;

        height: 35px;

        padding-left: 10px;

        margin-left: 45px;

        width: 95%;

    }



    .faq .content ul li h2 {

        font-size: 11px !important;

        padding-top: 10px;

        text-align: left !important;

    }



    .faq .content ul li b {

        font-size: 25px;

        width: 35px;

        height: 35px;

        border: 2px solid #019ee4;

        margin: -2px;

        left: -33px;

    }



    .faq .content ul li p {

        font-size: 14px;

    }



    .faq .content ul li b:before {

        left: 10px;

        top: 0px;

    }



    .faq .content ul li.active b:before {

        width: 31px;

        height: 31px;

    }



    .faq .content ul li.active .decorFaq {

        margin-top: 15px;

        border: 2px solid #019ee4;

        border-top: none;

        border-right: none;

    }



    .faq .content ul li.active:after {

        border: 2px solid #019ee4;

        border-left: none !important;

        margin-right: -16px;

    }



    .container.textInfo {

        padding: 50px 20px;

        margin-top: 50px

    }



    .container.fiveReasons {

        background-image: none !important;

        padding: 50px 20px;

    }



    .fiveReasons .reason {

        margin: 20px 0 !important;

    }



    .container.reviewSlider {

        display: none;

    }



    .reviewBlock #reviews {

        margin: 0;

    }



    .sliders .news_actions {

    }



    .news_actions .slide .sliderContent .sliderDesc {

        padding: 20px;

    }



    .faq .infoWin .angleBorder .iconManPlus {

        margin: 20px auto !important;

        height: 150px !important;

    }



    .faq .infoWin .angleBorder p {

        margin-bottom: 20px;

    }



    .sliderNav {

        bottom: 50px !important;

    }



    .main_slider .slide .sliderContent {

        margin-bottom: 20px;

    }



    .button-inline {

        padding: 10px 15px !important;

        height: 45px !important;

        font-size: 14px !important;

        border: 2px solid #019ee4;

        min-width: 150px;

    }



    .registrate .button-inline {

        height: 50px !important;

    }



    .questList .masonry {

        height: 240px !important;

    }



    .questInfo a {

        font-size: 14px !important;

    }



    .quests .quest .infoWin .develope .button-inline {

        margin-left: -75px;

        margin-top: 20px;

    }



    .quests .quest .questInfo .button-inline {

        top: 150px;

        left: 10px;

    }



    .quests .quest .questInfo .more {

        top: 162px;

        left: 65%;

        border-bottom: 2px solid #019ee4;

    }



    .quests .quest .infoWin .develope h3 {

        font-size: 0.8em !important;

        margin-top: 0;

        padding-top: 55px;

        background-size: auto 45px;

    }



    .newsList.singleQuest {

        margin-top: 0px;

    }



    .newsList h1 {

        background: url(/img/quest-overlay.png) 0 35px no-repeat;

        padding: 20px;

    }



    .newsList .news {

        margin-top: 20px;

    }



    #calDates td {

        width: 40px;

    }



    table.schedules tr.trDay td a {

        font-size: 14px;

    }



    .booking .closePopup {

        width: 30px;

        height: 30px;

    }



    .booking .closePopup span {

        font-size: 40px;

    }



    .booking .bookingPic {

        height: 180px;

        min-height: auto;

        background-position: center center;

    }



    .booking .bookingPic, .booking .peopleDetail, .booking .timeDetail {

        display: none;

    }



    .booking .bookingInfo {

        padding: 20px;

    }



    .questsInfografika img {

        height: 350px;

    }



    .container.questsInfografika .break {

        text-align: left;

        margin: 20px;

        font-size: 10px;

    }



    .ourFriends .quest.nbs-flexisel-item {

        height: 240px !important;

    }



    .ourFriends .friends {

        font-size: 12px;

    }



    .reviewBlock .review .reviewInfo {

        border: 2px solid #7a7a7a;

        padding: 10px;

    }



    .container.partners ul li {

        height: 50px;

    }



    .container.partners h1 {

        margin: 0 20px;

    }



    .container.partners a#bePartner {

        margin-right: 30px;

    }



    .container.partners ul li {

        background-size: 90% !important;

    }



    .faq.container .content ul {

        width: 85%;

        padding: 0 !important;

    }



    .faq .content ul li b:before {

        top: 4px;

    }



    .sliders .news_actions .slide .sliderBg {

        height: 265px;

    }



    .news_actions .slide .sliderContent .sliderImg img {

        width: 180px;

    }



    .news_actions .slide .sliderContent .sliderImg {

        margin-top: 44px;

    }



    .showSlide {

        top: 80px;

        right: 20px;

    }



    .container.actions .action, .container.actions .allAction, .sliders .promo_slider .slide {

        height: 240px;

    }



    .container.actions .action a {

        padding: 20px;

    }



    .promo_slider .slide .sliderContent a {

        bottom: 20px;

        left: 20px;

    }



    .promo_slider .slide .sliderContent h1 {

        padding-left: 20px;

    }



    .container.cabinet {

        padding: 20px 10px;

    }



    .cabinet form[name=rating] textarea {

        max-width: 800px;

        width: 95%;

    }



    .rating .br-wrapper {

        clear: both;

        float: left;

        margin-bottom: 10px;

    }



    .rating .br-wrapper .br-widget a {

    }



}



@media screen and (max-width: 400px) {

    .clientWin .authorizate, .clientWin .registrate {

        margin-top: 40px;

    }



    .clientWin .entryTabs {

        height: 39px;

    }



    .entryTabs .tabReg.tabActive:after, .entryTabs .tabAuth.tabActive:before {

        content: normal;

    }



    .entryTabs .tabReg.tabActive {

        border-right: 4px solid #019ee4;

    }



    .entryTabs .tabAuth.tabActive {

        border-left: 4px solid #019ee4;

    }



    .entryTabs .tabAuth, .entryTabs .tabReg {

        padding: 7px 10px;

        font-size: 18px;

    }



    .authorizate p.break a {

        margin-top: 10px;

    }

}



.popup {

    position: fixed;

    z-index: 100;

    overflow: auto;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

}



.popup .overlay {

    position: absolute;

}



.questRating {

    padding: 0;

    margin: 0;

    float: right;

    position: absolute;

    bottom: 13px;

    right: 69px;

}





.questRating div {

    width: 23px;

    height: 26px;

    display: inline-block;

}





.row-toggle {

    display: none;

    width: 100%;

    height: 50px;

    position: fixed;

    z-index: 10000;

    bottom: 30px;

    right: 0;

    animation: move  1.5s infinite linear;

}



.row-toggle a {

    display: inline-block;

    font-size: 3em;

    color: #01aee4ed;

    text-shadow: 0px -2px 3px black;

}



@keyframes move {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(20%);

    }

    90% {

        transform: translateY(5%);

    }

    100% {

        transform: translateY(0);

    }

}



.closePopup span {

    color: #019ee4;

}



#quests-h2{

    padding: 30px 0px;

    margin: 0px;

    font-size: 45px;

    color: #019ee4;

    font-weight: 100;

    text-align: left;

    text-transform: uppercase;

    overflow: hidden;

    font-weight: bold;

    position: relative;

}



#news-h2{

    position: absolute;

    z-index: 2;

    background: url(/img/quest-overlay.png) 0 45px no-repeat;

    background-size: 100% 2px;

    width: 100%;

    clear: both;

    padding: 20px 40px 0 40px;

    text-align: left;

    text-transform: uppercase;

    color: #019ee4;

    margin: 0px;

    font-size: 45px;

}



#certificate-h2{

    padding: 30px 0px;

    margin: 0px;

    font-size: 45px;

    color: #019ee4;

    font-weight: 100;

    text-align: left;

    text-transform: uppercase;

    overflow: hidden;

    font-weight: bold;

}



#thanks-h2{

    color: #019ee4;

    font-size: 40px;

}



#answer-h2{

    padding: 30px 0px;

    margin: 0px;

    font-size: 40px;

    color: #019ee4;

    font-weight: 100;

    text-transform: uppercase;

    overflow: hidden;

    font-weight: bold;

}



#partners-h2{

    color: #019ee4;

    font-size: 40px;

    text-transform: uppercase;

}



.grecaptcha-badge {
    display: none;
}

.forVideo .vidContain,
.forVideo .video_background {
    width: 100%;
    height: 100%;
}
.forVideo .video_background {
    display: block;
    object-fit: cover;
    background: #000;
}
.forVideo .video_background::-webkit-media-controls-panel {
    background-color: rgba(0, 0, 0, .72);
}
.forVideo .video-error {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 5;
    margin: 0;
    padding: 10px 14px;
    color: #fff;
    background: rgba(17, 17, 17, .92);
    border: 1px solid #159fe3;
}

/* Russian OAuth buttons in login and registration dialogs. */
.authorizate p.break a.yandexauth,
.authorizate p.break a.vkauth,
.registrate p.registrationSocial a.yandexauth,
.registrate p.registrationSocial a.vkauth {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 132px;
    height: 36px;
    margin: 10px 10px 0 0;
    padding: 0 14px;
    box-sizing: border-box;
    border: 1px solid #3fa9e8;
    border-radius: 2px;
    background: #111;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
    white-space: nowrap;
}

.authorizate p.break a.yandexauth:hover,
.authorizate p.break a.vkauth:hover,
.registrate p.registrationSocial a.yandexauth:hover,
.registrate p.registrationSocial a.vkauth:hover {
    background: #3fa9e8;
}

.registrate p.registrationSocial {
    width: 100%;
    margin: 4px 0 12px;
    color: #7a7a7a;
    line-height: 1.35;
}

.authorizate p.break a.yandexauth::before,
.registrate p.registrationSocial a.yandexauth::before,
.authorizate p.break a.vkauth::before,
.registrate p.registrationSocial a.vkauth::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    border-radius: 50%;
    color: #111;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-indent: 0;
}

.authorizate p.break a.yandexauth::before,
.registrate p.registrationSocial a.yandexauth::before {
    content: "Я";
}

.authorizate p.break a.vkauth::before,
.registrate p.registrationSocial a.vkauth::before {
    content: "VK";
    font-size: 9px;
}

/* MapLibre/OpenStreetMap map: preserve the site's dark contact panel and blue controls. */
.klv-map-shell {
    position: relative;
    height: 660px;
    overflow: hidden;
}

.klv-map-shell .container.map {
    height: 660px;
}

.klv-map-shell .container.contacts.klv-map-contacts {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1100;
    width: 400px;
    min-width: 300px;
    margin: 0;
    pointer-events: auto;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
}

/* Bring the neutral OSM tiles closer to the site's dark/blue visual language
 * without hiding roads or making the map controls unusable. */
.klv-maplibre-map {
    background: #111;
    font-family: 'HeliosCondC', Arial, sans-serif;
}

.container.map.klv-map-single {
    position: relative;
    overflow: hidden;
}

.container.map.klv-map-single::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 400;
    background: linear-gradient(135deg, rgba(1, 158, 228, .10), rgba(17, 17, 17, .03) 55%, rgba(1, 158, 228, .12));
    mix-blend-mode: multiply;
}

.klv-map-marker {
    position: relative;
    width: 42px;
    height: 54px;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.klv-map-marker span,
.klv-map-marker span::after {
    display: block;
    position: absolute;
    inset: 0;
    clip-path: polygon(50% 0, 100% 16%, 50% 100%, 0 16%);
}
.klv-map-marker span {
    background: #00b9ee;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .7));
}
.klv-map-marker span::after {
    content: '';
    inset: 5px 5px 6px;
    background: #151515;
}

/* MapLibre/OpenStreetMap presentation matching the site's dark blue theme. */
.klv-maplibre-map {
    position: relative;
    overflow: hidden;
    background: #111;
    font-family: inherit;
}
.klv-maplibre-map .maplibregl-canvas {
    /* The previous Google map used a dark site overlay. Recreate that look
       with CSS so the free OSM tiles keep the same visual language. */
    filter: brightness(.46) saturate(.48) contrast(1.16) hue-rotate(164deg);
}
.klv-map-shell .container.contacts.klv-map-contacts,
.container.map.klv-map-single + .contacts {
    background: rgba(17, 17, 17, .97);
}
.klv-map-shell ul.selectQuest {
    border-bottom: 0;
}
.klv-map-shell ul.selectQuest li {
    border: 4px solid transparent;
    border-image: linear-gradient(90deg, #9b42d4 0 50%, #315be8 50% 100%) 1;
    border-bottom: 0;
    background: #111;
}
.klv-map-shell ul.selectQuest li.active {
    color: #fff !important;
}
.klv-maplibre-map .maplibregl-ctrl-group {
    overflow: hidden;
    border: 1px solid #159fe3;
    border-radius: 0;
    background: rgba(15, 15, 15, .92);
    box-shadow: none;
}
.klv-maplibre-map .maplibregl-ctrl button {
    width: 34px;
    height: 34px;
    filter: invert(1) sepia(1) saturate(4) hue-rotate(165deg);
}
.klv-maplibre-map .maplibregl-ctrl-attrib {
    color: #e6e6e6;
    background: rgba(16, 16, 16, .78);
}
.klv-maplibre-map .maplibregl-ctrl-attrib a {
    color: #5db9ef;
}
.klv-maplibre-map .maplibregl-popup-content {
    min-width: 220px;
    padding: 14px 16px;
    color: #fff;
    background: rgba(17, 17, 17, .97);
    border: 1px solid #159fe3;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.45;
}
.klv-maplibre-map .maplibregl-popup-content strong { color: #159fe3; }
.klv-maplibre-map .maplibregl-popup-close-button { color: #fff; font-size: 20px; }
.klv-maplibre-map .maplibregl-popup-tip { border-top-color: #111; border-bottom-color: #111; }
.klv-map-geocode-notice {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 800;
    padding: 10px 14px;
    color: #fff;
    background: rgba(17, 17, 17, .92);
    border: 1px solid #159fe3;
    font-size: 14px;
    line-height: 1.35;
}
.klv-map-single-card {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 850;
    width: 360px;
    max-width: calc(100% - 80px);
    padding: 22px 24px;
    color: #fff;
    background: rgba(17, 17, 17, .96);
    border: 1px solid #159fe3;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
    font-size: 16px;
    line-height: 1.45;
}
.klv-map-single-card strong {
    display: block;
    margin-bottom: 12px;
    color: #159fe3;
    font-size: 21px;
    line-height: 1.15;
}
.klv-map-single-card span,
.klv-map-single-card small {
    display: block;
    margin-top: 6px;
}
.klv-map-single-card .klv-map-single-address {
    color: #fff;
}
.klv-map-single-card a {
    color: #fff;
    text-decoration: underline;
}
.klv-map-single-card small {
    margin-top: 16px;
    color: #c5c5c5;
    font-size: 14px;
}

@media (max-width: 700px) {
    .klv-map-shell .container.contacts.klv-map-contacts {
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        min-width: 0;
    }
    .klv-map-single-card {
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        max-width: none;
        padding: 16px 18px;
    }
}

/* Расписание внешнего партнёра (контракт, совместимый с "Мир квестов"). */
.questSchedule .partnerScheduleViewport {
    margin-top: 24px;
    overflow: visible;
}
.questSchedule .partnerScheduleBoard {
    width: 100%;
    border-top: 1px solid #019ee4;
    border-bottom: 1px solid #019ee4;
}
.questSchedule .partnerScheduleDay {
    padding: 0 24px 22px;
    background: #101010;
}
.questSchedule .partnerScheduleDay + .partnerScheduleDay {
    border-top: 1px solid #303030;
}
.questSchedule .partnerScheduleDayTitle {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 0;
    padding: 18px 0 14px;
    color: #fff;
    font-family: 'HeliosCondC', Arial, sans-serif;
    font-size: 25px;
    line-height: 1;
}
.questSchedule .partnerScheduleDate {
    color: #fff;
}
.questSchedule .partnerScheduleWeekday {
    color: #d8d8d8;
    font-size: 18px;
}
.questSchedule .partnerScheduleWeekday.isWeekend {
    color: #019ee4;
}
.questSchedule .partnerScheduleSlots {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    width: 100%;
    gap: 10px;
}
.questSchedule .partnerScheduleSlot {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 82px;
    padding: 10px 12px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #555;
    border-radius: 0;
    background: #161616;
    color: #fff;
    text-align: center;
    font-family: 'HeliosCondC', Arial, sans-serif;
}
.questSchedule .partnerScheduleSlot b {
    color: #fff;
    font-size: 22px;
    line-height: 1;
}
.questSchedule .partnerScheduleSlot small {
    margin-top: 7px;
    color: #d0d0d0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.1;
}
.questSchedule .partnerScheduleSlot em {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}
.questSchedule .partnerScheduleSlot.isFree {
    border-color: #019ee4;
    background: #019ee4;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.questSchedule .partnerScheduleSlot.isFree:hover,
.questSchedule .partnerScheduleSlot.isFree:focus,
.questSchedule .partnerScheduleSlot.isFree.isSelected {
    border-color: #fff;
    background: #067abb;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px rgba(1, 158, 228, .35);
    outline: none;
    transform: translateY(-1px);
}
.questSchedule .partnerScheduleSlot.isBusy {
    opacity: 0.62;
    border-color: #707070;
}
.questSchedule .partnerScheduleMessage {
    margin: 0;
    padding: 22px 24px;
    background: #101010;
    color: #cfcfcf;
}
#partnerBookingQuest .booking {
    width: 620px;
    min-height: 0;
    margin-left: -310px;
}
#partnerBookingQuest .bookingInfo {
    width: 100%;
    max-width: none;
    min-height: 0;
    padding: 34px 40px 28px;
    box-sizing: border-box;
}
#partnerBookingQuest .partnerBookingQuestName {
    margin: 0 0 8px;
    color: #fff;
    font-family: 'HeliosCondC', Arial, sans-serif;
    font-size: 27px;
    line-height: 1.1;
    text-transform: uppercase;
}
#partnerBookingQuest .partnerBookingDate { color: #019ee4; }
#partnerBookingQuest .partnerBookingNotice {
    clear: both;
    max-width: 510px;
    margin: 18px 0 20px;
    color: #c7c7c7;
    font-size: 15px;
    line-height: 1.4;
}
#partnerBookingQuest .partnerBookingCommentLabel {
    display: block;
    clear: both;
    margin: 0 0 20px;
}
#partnerBookingQuest .partnerBookingCommentLabel span {
    display: block;
    margin-bottom: 7px;
    color: #d9d9d9;
}
#partnerBookingQuest .partnerBookingCommentLabel small { color: #8d8d8d; }
#partnerBookingQuest textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    border: 2px solid #555;
    background: #171717;
    color: #fff;
    font: 16px Arial, sans-serif;
    line-height: 1.35;
    padding: 9px 10px;
}
#partnerBookingQuest .infomsg { clear: both; padding-top: 12px; }

@media (max-width: 700px) {
    .questSchedule .partnerScheduleDay {
        padding: 0 14px 16px;
    }
    .questSchedule .partnerScheduleDayTitle {
        padding: 15px 0 12px;
        font-size: 22px;
    }
    .questSchedule .partnerScheduleWeekday {
        font-size: 15px;
    }
    .questSchedule .partnerScheduleSlots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .questSchedule .partnerScheduleSlot {
        min-height: 76px;
        padding: 8px;
    }
    .questSchedule .partnerScheduleMessage {
        padding: 18px 14px;
    }
    #partnerBookingQuest .booking {
        width: 100%;
        margin-left: 0;
    }
    #partnerBookingQuest .bookingInfo {
        padding: 24px 20px;
    }
}