/* =========================================================================== */
/* Import */
/* =========================================================================== */

    @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=cyrillic');

/* =========================================================================== */
/* HTML */
/* =========================================================================== */

    body {
        padding: 0;
        margin: 0;
        background-color: rgba(25, 25, 25, 1);
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        line-height: 1.65em;
        font-weight: 300;
        letter-spacing: 0.05em;
        word-spacing: 0.1em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
        cursor: default;
    }

    html {
        color: rgb(250,250,250);
        font-size: 1em;
        line-height: 1.65em;
    }

    ::-moz-selection {
        background: rgb(50,0,150);
        text-shadow: none;
        color: rgb(250,250,250);
    }

    ::selection {
        background: rgb(50,0,150);
        text-shadow: none;
        color: rgb(250,250,250);
    }

    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    }

    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
        vertical-align: middle;
    }

    fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

    /*.browserupgrade {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
    }*/

/* =========================================================================== */
/* Typography */
/* =========================================================================== */

    h1, h2, h3, h4, h5 {
        position: relative;
        float: left;
        clear: left;
        width: auto;
        height: auto;
        top: 0;
        left: 0;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0%;
    }

    h2 {
        font-size: 1.66em;
        margin-bottom: 3.5%;
        text-align: center;
    }

    h3 {
        font-size: 1.65em;
    }

    h4 {
        font-size: 1.2em;
    }

    p {
        position: relative;
        float: left;
        clear: left;
        width: auto;
        height: auto;
        line-height: 1.65em;
        margin-top: 2.5%;
        margin-bottom: 0%;
    }

    ul, ol, li {
        position: relative;
        float: left;
        clear: left;
        width: auto;
        height: auto;
    }

    li {
        width: 100%;
    }

    a, a:visited  {
        color: rgb(250,250,250);
    }

    .strong {
        font-weight: 700;
    }

    .light {
        font-weight: 300;
    }

/* =========================================================================== */
/* Main */
/* =========================================================================== */

    #main {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        /*max-width: 1500px;*/
        height: auto;
        margin: 0 auto;
        top: 0;
        left: 0;
        bottom: auto;
        right: 0;
    }

    .mainMaxWidth {
        position: relative;
        float: none;
        width: 100%;
        max-width: 1500px;
        height: auto;
        margin: 0 auto;
    }

    .block {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
    }

/* =========================================================================== */
/* Navigation */
/* =========================================================================== */

    #navBarTop {
        position: relative;
        float: left;
        width: 95%;
        height: auto;
        top: 0;
        left: 0;
        /*margin-top: 2.5%;*/
        padding: 2.5%;
    }

    .logo {
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        cursor: pointer;
        z-index: 1;
        opacity: 0.65;
        will-change: transform;
    }

    #logoRuVds {
        width: 9%;
        float: left;
    }

    #logoBBB {
        width: 7%;
        float: right;
    }

    #pageTitleWrap {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
        margin-top: 2.5%;
        will-change: auto;
    }

    #pageTitle, #pageSubtitle {
        position: relative;
        float: left;
        clear: left;
        width: 100%;
        text-transform: uppercase;
    }

    #pageTitle {
        font-size: 2.24em;
    }

    #pageSubtitle {
        font-weight: 300;
        font-size: 1.44em;
        color: rgb(175,175,175);
        margin-top: 7px;
    }

/* =========================================================================== */
/* Header */
/* =========================================================================== */

    .header {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        margin-top: -3%;
        /*margin-bottom: 10%;*/
    }

    .blockText {
        position: relative;
        float: left;
        width: 47%;
        top: 0%;
        left: 23%;
        padding: 3.5%;
        background-color: rgb(50,0,150);
        z-index: 1;
        margin: 3.75% 0%;
        -webkit-border-radius: 2px;
                border-radius: 2px;
    }

    .header .blockText {
        margin-top: 16%;
    }

    .blockText h2 {
        width: 100%;
        text-align: center;
    }

    .headerBg {
        position: absolute;
        width: 90%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0% 5%;
        overflow: hidden;
    }

    .headerBg img {
        position: absolute;
        width: 90%;
        height: auto;
    }

    .blockTitle {
        position: relative;
        float: left;
        width: auto;
        left: 50%;
        height: 70px;
        text-transform: uppercase;
        font-size: 1.66em;
        font-weight: 700;
        background-color: rgb(50,0,150);
        line-height: 70px;
        padding: 0px 25px;
        -webkit-transform: translate(-50%, 50%);
           -moz-transform: translate(-50%, 50%);
            -ms-transform: translate(-50%, 50%);
             -o-transform: translate(-50%, 50%);
                transform: translate(-50%, 50%);
        -webkit-border-radius: 2px;
                border-radius: 2px;
        z-index: 1;
    }

/* =========================================================================== */
/* Buttons */
/* =========================================================================== */

    .btn {
        position: relative;
        float: left;
        clear: left;
        width: auto;
        height: auto;
        padding: 3.5%;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        border: 2px solid rgb(175,175,175);
        text-align: center;
        overflow: visible;
    }

    .btn .btnLabel {
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        bottom: 0;
        z-index: 1;
        line-height: 0.75em;
        /*font-size: 1.22em;*/
        font-weight: 400;
        /*color: rgb(75,75,75);*/
    }

    .btn .btnBg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 0;
        background-color: rgb(250,250,250);
        /*-webkit-border-radius: inherit;
        border-radius: inherit;*/
        will-change: transform;
    }

/* =========================================================================== */
/* Counter */
/* =========================================================================== */

    #counterWrap {
        width: 85%;
        padding: 0% 7.5% 3.75% 7.5%;
    }

    #counter {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        width: 45%;
        height: auto;
        left: 50%;
        text-transform: uppercase;
        border: 2px solid rgb(175,175,175);
        padding: 2.5%;
        -webkit-border-radius: 2px;
                border-radius: 2px;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        font-size: 1.2em;
        text-align: center;
    }

/* =========================================================================== */
/* Map */
/* =========================================================================== */

    #mapWrap {
        margin-bottom: 3%;
    }

    #map {
        position: relative;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        min-width: 0px;
        margin: 0%;
        top: 0px;
        left: 0px;
        padding-bottom: 40%;
        background-color: rgb(25,25,25);
    }

    .infoWindow {
        position: relative;
        float: left;
        width: auto;
        font-weight: 600;
        color: rgb(50,50,50);
    }

    .infoWindow h2 {
        position: relative;
        float: left;
        clear: left;
        width: 100%;
        margin-bottom: 0%;
        font-size: 1.2em;
        text-align: left;
    }

    .infoWindow p {
        width: 100%;
        clear: left;
        margin-top: 0%;
        color: rgb(100,100,100);
    }

    a[href^="http://maps.google.com/maps"]{display:none !important}
    a[href^="https://maps.google.com/maps"]{display:none !important}

    .gmnoprint a, .gmnoprint span, .gm-style-cc {
        display:none;
    }

    .gmnoprint div {
        background: rgb(200, 200, 200) !important;
    }

    .gm-style .gm-style-iw {
        color: rgb(50,50,50);
    }

    #iw-container {
    }

    #iw-container .iw-content {
    }

/* =========================================================================== */
/* Address */
/* =========================================================================== */

    #addressWrap {
        width: 85%;
        padding: 2.5% 7.5%;
    }

    #addressWrap h2 {
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    .addressList {
        position: relative;
        float: left;
        clear: left;
        font-weight: 500;
        line-height: 28px;
    }

    .place {
        position: relative;
        float: left;
        
    }

    .address {
        position: relative;
        float: left;
        font-weight: 300;
        color: rgb(175,175,175);
        margin-left: 7px;
    }

    .floatRight {
        float: right;
        clear: none;
    }

/* =========================================================================== */
/* Gallery */
/* =========================================================================== */

    /* Main elements */

        #galleryWrap {
            width: 85%;
            padding: 0% 7.5% 7.5% 7.5%;
        }

        #galleryWrap .blockTitle {
            z-index: 3;
        }

        #galleryBigWrap {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-bottom: 55%;
        }

        .galleryBig {
            position: absolute;
            top: 0;
            left: 0;
            float: left;
            width: 100%;
            height: auto;
        }

        .galleryBig img {
            width: 100%;
            height: auto;
        }

        #galleryBigActive {
            z-index: 1;
        }

        #galleryBigPrev, #galleryBigNext {
            z-index: 2;
        }

    /* Gallery buttons */

        #galleryPrevWrap, #galleryNextWrap {
            position: absolute;
            width: 25%;
            height: 100%;
            top: 0;
            z-index: 3;
            cursor: pointer;
        }

        #galleryPrevWrap {
            left: 0;
            right: auto;
        }

        #galleryNextWrap {
            left: auto;
            right: 0;
        }

        #galleryPrev, #galleryNext {
            position: absolute;
            top: 50%;
            bottom: auto;
            width: 65px;
            height: 65px;
            -webkit-background-size: contain;
                 -o-background-size: contain;
                    background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            -webkit-transform: translateY(-50%);
               -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                 -o-transform: translateY(-50%);
                    transform: translateY(-50%);
        }

        #galleryPrev {
            left: 0;
            right: auto;
            background-image: url(../img/galleryPrev.svg);
        }

        #galleryNext {
            left: auto;
            right: 0;
            background-image: url(../img/galleryNext.svg);
        }

    /* Gallery thumbs */

        #galleryThumbsWrap {
            float: left;
            height: 100px;
            margin-top: 10px;
            overflow: hidden;
            width: 100%;
        }

        #galleryThumbs {
            display: inline-block;
            white-space: nowrap;
        }

        .galleryThumb {
            display: inline-block;
            opacity: 0.4;
            margin-left: 10px;
        }

        .galleryThumb:first-child {
            margin-left: 0px;
        }

/* =========================================================================== */
/* Footer */
/* =========================================================================== */
    
    #footerWrap {
        width: 85%;
        padding: 3.75% 7.5% 5% 7.5%;
        height: auto;
        background-color: rgb(35,35,35);
    }
    
    #footerWrap .blockTitle {
        -webkit-transform: translate(-50%, 0%);
           -moz-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
             -o-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%);
    }

    #footerLeft, #footerRight {
        position: relative;
        float: left;
        clear: left;
        width: 50%;
        height: auto;
    }

    #footerRight {
        float: right;
        clear: none;
    }

    #footerRight div {
        float: right;
        clear: right;
    }

    .footerLogo {
        position: relative;
        float: left;
        clear: left;
        width: 20%;
        height: auto;
        margin-top: 10%;
    }

    .footerText {
        position: relative;
        float: left;
        clear: left;
        width: auto;
        margin-top: 0%;
        font-size: 1.1em;
    }

    .socialIcons {
        position: relative;
        float: left;
        clear: left;
        width: auto;
        height: auto;
        margin-top: 4%;
    }

    .socialIcon {
        position: relative;
        float: left;
        width: auto;
        height: 20px;
        margin-left: 35px;
        cursor: pointer;
        opacity: 0.65;
        will-change: transform;
    }

    .socialIcon:first-child {
        margin-left: 0px;
    }

    .logoFb {
        height: 25px;
        margin-top: -3px;
    }

    .logoG {
        height: 22px;
        margin-top: -1px;
    }

    .logoYoutube {
        height: 24px;
        margin-top: -2px;
    }

/* =========================================================================== */
/* Rules */
/* =========================================================================== */

    #mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgb(25,25,25);
        z-index: 5;
        cursor: default;
        opacity: 1;
    }

    #btnRules, #btnShare {
        position: absolute;
        width: auto;
        float: left;
        left: 50%;
        padding: 1.25%;
        -webkit-transform: translate(-50%, -20%);
           -moz-transform: translate(-50%, -20%);
            -ms-transform: translate(-50%, -20%);
             -o-transform: translate(-50%, -20%);
                transform: translate(-50%, -20%);
        z-index: 1;
        font-size: 0.8em;
        border: 2px solid rgb(75,75,75);
        overflow: hidden;
    }

    #btnShare {
        margin-top: 4.5%;
        position: absolute;
        padding: 2%;
        border: 0px solid rgb(75,75,75);
    }

    #btnShare .btnLabel {
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        bottom: 0;
        z-index: 1;
        line-height: 0.75em;
        font-weight: 400;
    }

    #btnShare .socialIcon {
        position: absolute;
        height: 18px;
        top: 50%;
        left: 66.66%;
        margin-left: 0;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
    }

    #btnShare .logoFb {
        left: 33.33%;
        margin-top: 0;
        height: 22px;
    }

    #rulesWrap {
        position: fixed;
        top: 10%;
        left: 10%;
        right: 10%;
        bottom: 10%;
        width: auto;
        height: auto;
        padding: 0% 2.75% 0% 1.75%;
        background-color: rgb(35,35,35);
        z-index: 6;
        overflow-y: scroll;
        border: 3.75em solid rgb(35,35,35);
        border-top: 4.5em solid rgb(35,35,35);
        border-bottom: 4.5em solid rgb(35,35,35);
        opacity: 0;
        visibility: hidden;
        will-change: transform;
        cursor: pointer;
    }

    #rules {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        opacity: 0;
        will-change: transform;
        z-index: 1;
    }

    #rulesWrap h3 {
        font-size: 1.2em;
        line-height: 1.2em;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    #rulesWrap h3:first-child {
        margin-top: 0px;
    }

    #rulesWrap p, #rulesWrap ol, #rulesWrap ul {
        font-size: 0.9em;
        line-height: 1.2em;
        margin-top: 10px;
        color: rgb(200,200,200);
    }

    #rulesWrap::-webkit-scrollbar-track {
      border: none;
      background: rgb(30, 30, 30);
    }

/* =========================================================================== */
/* Age confirm */
/* =========================================================================== */

    #ageWrap {
        position: fixed;
        top: 50%;
        left: 30%;
        right: 30%;
        bottom: auto;
        width: auto;
        height: auto;
        padding: 3.5%;
        background-color: rgb(50,0,150);
        z-index: 6;
        opacity: 0;
        visibility: hidden;
        will-change: transform;       
        text-align: center;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #ageWrap p {
        margin-top: 0px;
        font-size: 1.2em;
    }

    #ageWrap #ageWrapCancel {
        position: absolute;
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden;
        display: none;
        font-size: 1.2em;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
           -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }

    #btnAgeConfirm, #btnAgeCancel {
        margin-top: 5%;
    }

    #btnAgeCancel {
        float: right;
        clear: none;
    }

/* =========================================================================== */
/* Scroll bar */
/* =========================================================================== */

    ::-webkit-scrollbar { 
        width: 12px; 
    }

    ::-webkit-scrollbar-thumb {
      border: none;
      background: rgb(50,0,150);
    }

    ::-webkit-scrollbar-track {
      border: none;
      background: rgb(35, 35, 35);
    }

/* =========================================================================== */
/* Media queries */
/* =========================================================================== */

    /*@supports (-ms-accelerator:true) {
        .questWrap { opacity: 0; }
    }*/

    @supports (-ms-ime-align:auto) {
    }

    @media only screen and (max-width: 1800px) {
        .header {
            margin-top: -1%;
        }
    }

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

        body {
            font-size: 15px;
        }

        h2 {
            font-size: 1.44em;
        }

        #ageWrap {
            left: 25%;
            right: 25%;
        }

        #logoRuVds {
            width: 11%;   
        }

        #logoBBB {
            width: 9%;
        }

        .blockTitle {
            font-size: 1.44em;
            height: 55px;
            line-height: 55px;
            padding: 0px 20px;
        }

        #galleryPrev, #galleryNext {
            width: 55px;
            height: 55px;
        }

        .socialIcon {
            height: 17px;
            margin-left: 25px;
        }

        .logoFb {
            height: 22px;
            margin-top: -3px;
        }

        .logoG {
            height: 19px;
            margin-top: -1px;
        }

        .logoYoutube {
            height: 21px;
            margin-top: -2px;
        }

    }

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

        .addressList {
            font-size: 0.9em;
        }
    }

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

        h2 {
            font-size: 1.33em;
        }

        #logoRuVds {
            width: 12%;   
        }

        #logoBBB {
            width: 10%;
        }

        .header {
            margin-top: 3.5%;
        }

        .blockTitle {
            font-size: 1.33em;
            height: 45px;
            line-height: 45px;
            padding: 0px 17px;
        }

        #galleryPrev, #galleryNext {
            width: 44px;
            height: 44px;
        }

        .socialIcons {
            margin-top: 5%;
        }

        #btnAgeConfirm, #btnAgeCancel {
            padding: 2.5%;
        }

        #rulesWrap {
            border: 2.5em solid rgb(35,35,35);
            font-size: 0.9em;
            padding: 0% 1.75% 0% 0.75%;
        }

    }

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

        .addressList {
            width: 100%;
            font-size: 1em;
        }

        .place, .address {
            width: 100%;
            text-align: center;
        }

        .place {
            font-size: 1.2em;
            margin-top: 10px;
        }

        .place:first-child {
            margin-top: 0px;
        }

        .address {
            margin-left: 0;
            margin-top: -7px;
        }

    }
    @media only screen and (max-width: 800px) {

        #counter {
            width: 70%;
        }

        #ageWrap {
            left: 20%;
            right: 20%;
        }

        #btnAgeConfirm, #btnAgeCancel {
            font-size: 0.8em;
        }

        #pageTitleWrap {
            font-size: 0.8em;
        }

        #pageSubtitle {
            margin-top: 0px;
        }

        #logoRuVds {
            width: 13%;   
        }

        #logoBBB {
            width: 11%;
        }

        .header {
            margin-top: 0%;
        }

        .header .blockText {
            margin-top: 17%;
        }

        #map {
            padding-bottom: 100%;
        }

        #galleryWrap {
            width: 100%;
            padding: 0% 0% 7.5% 0%;
        }

        .blockText {
            width: 57%;
            left: 18%;
        }

        #addressWrap {
            padding: 7.5%;
        }

        .socialIcon {
            height: 15px;
            margin-left: 20px;
        }

        .logoFb {
            height: 19px;
            margin-top: -3px;
        }

        .logoG {
            height: 16px;
            margin-top: -1px;
        }

        .logoYoutube {
            height: 18px;
            margin-top: -2px;
        }

        #footerRight {
            margin-top: 5%;   
        }

        #footerRight div {
            float: left;
            clear: left;
        }

        #footerLeft, #footerRight {
            float: left;
            clear: left;
        }

        #btnRules, #btnShare {
            font-size: 1em;
            top: 50%;
            right: 7.5%;
            left: auto;
            width: auto;
            -webkit-transform: translateY(-80%);
            -moz-transform: translateY(-80%);
            -ms-transform: translateY(-80%);
            -o-transform: translateY(-80%);
            transform: translateY(-80%);   
        }

        #btnShare {
            margin-top: 5%;
            -webkit-transform: translateY(-40%);
            -moz-transform: translateY(-40%);
            -ms-transform: translateY(-40%);
            -o-transform: translateY(-40%);
            transform: translateY(-40%);   
        }

        .headerBg img {
            width: 99%;
            left: 0.5%;
        }

        #btnShare {
            
        }

    }

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

        body {
            font-size: 14px;
        }

        #navBarTop {
            padding: 7.5%;
            width: 85%;
        }

        #logoRuVds {
            width: 25%;
        }

        #logoBBB {
            width: 20%;
        }

        #ageWrap {
            left: 10%;
            right: 10%;
        }

        .header {
            margin-top: 20%;
        }

        #pageTitleWrap {
            margin-top: 30%;
            /*font-size: 1.1em;*/
        }

        #pageTitle {
            font-size: 2.6em;
        }

        #pageSubtitle {
            font-size: 1.67em;
        }

        .addressList {
            /*font-size: 2.5vw;*/
            line-height: 2em;
        }      

        #rulesWrap {
            left: 7.5%;
            right: 7.5%;
            font-size: 0.9em;
            border: 1.75em solid rgb(35,35,35);
        }

        #footerLeft, #footerRight {
            width: 100%;
        }

        .footerText, .socialIcons, #footerLeft, #footerRight, #btnRules, #btnShare {
            left: 50%;
            -webkit-transform: translateX(-50%);
               -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                 -o-transform: translateX(-50%);
                    transform: translateX(-50%); 
        }

        #btnRules, #btnShare {
            position: relative;
            float: left;
            margin: 5% 0% 2.5% 0%;
            font-size: 1.1em;
            padding: 3.5%;
        }

        #btnShare {
            clear: left;
            margin: 2.5% 0% 7.5% 0%;
            padding: 5%;
        }

        #footerRight {
            margin-bottom: 5%;
        }
    }

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

        .headerBg img {
            width: 151%;
            left: -25.5%;
        }

        .header .blockText {
            margin-top: 30%;
        }

        .blockText {
            width: 78%;
            left: 7.5%;
        }

        .blockTitle {
            font-size: 1.2em;
            height: 36px;
            line-height: 36px;
            padding: 0px 13px;   
        }

        #counter {
            width: 94%;
        }

        #btnAgeConfirm, #btnAgeCancel {
            font-size: 1em;
            width: 83%;
            padding: 3.5%;
            float: left;
            clear: left;
            left: 5%;
        }

        #galleryPrev, #galleryNext {
            width: 36px;
            height: 36px;
        }

        #rulesWrap h3 {
            font-size: 1.1em;
        }

    }

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

        #pageTitle {
            font-size: 2em;
        }

        #pageSubtitle {
            font-size: 1.28em;
            margin-top: -5px;
        }

        .headerBg img {
            width: 190%;
            left: -45%;
        }

        .blockText {
            left: 0;
            width: 85%;
            padding: 7.5%;
        }

        .header .blockText {
            margin-top: 33%;
        }

        .place, .address {
            font-size: 0.9em;
        }

    }