﻿/*
Theme Name: Lootlounge
Theme URI: https://wordpress.org/themes/lootlounge/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: lootlounge

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 40px #98d0f3, 0 0 80px #ff00de, 0 0 90px #ff00de, 0 0 100px #ff00de, 0 0 150px #98d0f3;*/

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
    url('fonts/CenturyGothic-1.eot') format('embedded-opentype'),
    url('fonts/CenturyGothic.woff2') format('woff2'),
    url('fonts/CenturyGothic.woff') format('woff'),
    url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: local('./fonts/Century Gothic Bold'), local('CenturyGothic-Bold'),
    url('fonts/CenturyGothic-Bold-1.eot') format('embedded-opentype'),
    url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
    url('fonts/CenturyGothic-Bold.woff') format('woff'),
    url('fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-BoldItalic.eot');
    src: local('./fonts/Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
    url('fonts/CenturyGothic-BoldItalic-1.eot') format('embedded-opentype'),
    url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
    url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
    url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
    url('fonts/CenturyGothic-Italic-1.eot') format('embedded-opentype'),
    url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
    url('fonts/CenturyGothic-Italic.woff') format('woff'),
    url('fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Bebas Neue Regular';
    src: url('fonts/bebas_neue_regular.eot');
    src: local('Bebas Neue Regular'), local('Bebas Neue Regular'),
    url('fonts/bebas_neue_regular-1.eot') format('embedded-opentype'),
    url('fonts/bebas_neue_regular.woff2') format('woff2'),
    url('fonts/bebas_neue_regular.woff') format('woff'),
    url('fonts/bebas_neue_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'a_FuturaOrto';
    src: url('fonts/a_futuraorto.ttf');
    src: local('a_FuturaOrto'), local('a_FuturaOrto'),
    url('fonts/a_futuraorto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Century Gothic", a_FuturaOrto, serif;
    background-color: #000;
}


/*
style
*/
a,
a:hover {
    text-decoration: none;
}
/*
style
*/


/*header*/
header {
    padding-top: 30px;
    background: url("img/bg-header.png") bottom repeat-x;
    background-color: #000;
    border-bottom: 1px #98d0f3 solid;
}

.header-left {
    color: #fff;
}
    .hamburger {
        position: relative;
        z-index: 20;
        padding: 4px 8px;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 1px solid #fff;
        margin: 0;
        overflow: visible;
        margin-top: 5px;
        outline: 0;
    }
    @media (min-width: 1200px) {
        .hamburger {
            position: relative;
            z-index: 20;
            padding: 4px 8px;
            display: inline-block;
            cursor: pointer;
            transition-property: opacity, filter;
            transition-duration: 0.15s;
            transition-timing-function: linear;
            font: inherit;
            color: inherit;
            text-transform: none;
            background-color: transparent;
            border: 1px solid #fff;
            margin: 0;
            overflow: visible;
            margin-top: -25px;
        }
    }
    .hamburger-box {
        width: 16px;
        height: 12px;
        display: inline-block;
        position: relative;
    }
        .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
            position: absolute;
            width: 16px;
            height: 2px;
            transition-timing-function: ease;
            transition-duration: .15s;
            transition-property: transform;
            border-radius: 0px;
            background-color: #fff;
        }
            .hamburger-inner::after {
                bottom: -5px;
            }
            .hamburger-inner::before {
                top: -5px;
            }
        .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
            background-color: #fff;
        }

        #navigation {
            z-index: 10;
            display: none;
            top: -15px;
            left: -30px;
            position: absolute;
            width: calc(100vw + 30px);
            background: #000;
            padding-bottom: 60px;
        }
        @media (min-width: 1200px) {
            #navigation {
                z-index: 10;
                display: none;
                top: -15px;
                left: 0;
                position: absolute;
                width: 400px;
                background: #000;
                padding-bottom: 60px;
            }
        }
        .header-menu {
            display: block;
            list-style: none;
            margin:30px 0;
            padding: 0;
        }
            .header-menu li {
                display: block;
                width: 100%;
            }
                .header-menu li a {
                    display: block;
                    width: 100%;
                    padding-top: 0px;
                    padding-bottom: 10px;
                    font-size: 20px;
                    text-align: left;
                    padding-left: 90px;
                    color: #fff;
                    text-transform: uppercase;
                    text-shadow: 0 0 5px #000, 0 0 20px #000000d4, 0 0 20px #000000a1;
                }
                .header-menu li a:hover {
                    text-shadow: 0 0 20px #49a7e2, 0 0 10px #49a7e2, 0 0 30px #49a7e2;
                }

                #navigation .header-tel {
                    margin-top: 20px;
                    margin-bottom: 20px;
                }
                .navigation.header-time {
                    font-size: 20px;
                    margin-bottom: 30px;
                }

                @media (min-width: 1200px) {
                    .header-menu {
                        display: block;
                        list-style: none;
                        margin:60px 0;
                        padding: 0;
                    }
                    .header-menu li a {
                        display: block;
                        width: 100%;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        font-size: 24px;
                        text-align: left;
                        padding-left: 90px;
                        color: #fff;
                        text-transform: uppercase;
                        text-shadow: 0 0 5px #000, 0 0 20px #000000d4, 0 0 20px #000000a1;
                    }
                    #navigation .header-tel {
                        margin-top: 40px;
                        margin-bottom: 40px;
                    }
                    .navigation.header-time {
                        font-size: 20px;
                        margin-bottom: 60px;
                    }
                }

    .header-time {
        display: block;
        margin-top: 20px;
    }

.header-center {
    text-align: center;
}
    .header-logo {
        text-align: center;
    }
        .header-logo img {
            width: auto;
            height: 45px;
            text-align: center;
            margin-bottom: 10px;
        }
        @media (min-width: 1200px) {
            .header-logo img {
                width: auto;
                height: auto;
                text-align: center;
                margin-bottom: 0px;
            }
        }

.header-right {
    text-align: right;
}

    .header-bron {
        display: inline-block;
        margin: auto;
        padding: 10px 35px;
        color: #000;
        font-size: 18px;
        font-weight: bold;
        border-radius: 25px;
        background: #98d0f3;
        box-shadow: 0 0 10px #98d0f3, 0 0 32px #98d0f3;

        -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
        -moz-animation: neon1 1.5s ease-in-out infinite alternate;
        animation: neon1 1.5s ease-in-out infinite alternate;
    }
    .header-bron:hover {
        color: #000;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
    }
    @-webkit-keyframes neon1 {
        from {
            box-shadow: 0 0 10px #98d0f3, 0 0 32px #98d0f3;
        }
        to {
            box-shadow: 0 0 5px #98d0f3, 0 0 10px #98d0f3;
        }
    }

    .header-tel {
        margin-top: 15px;
        font-size: 26px;
        color: #fff;
        font-weight: bold;
    }
    .header-tel span {
        font-size: 20px;
    }
        .header-tel a {
            color: #fff !important;
            text-decoration: none;
        }



/* // header*/

/*bg-lounge*/

.front__video-bg {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}
@media (max-width: 1200px) {
    .front__video-bg {
        display: none;
    }
}
.front__video-bg video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.front__overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
}
@media (min-width: 1200px) {
    .front__overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
    }
}

.bg-lounge {
    overflow: hidden;
    position: relative;
    background: url("img/bg_lo.jpg") center center;
    background-size: cover;
    min-height: 320px;
    text-align: center;
    border-bottom: 1px #98d0f3 solid;
}
@media (min-width: 1200px) {
    .bg-lounge {
        overflow: hidden;
        position: relative;
        background: url(img/bg_lo.jpg) center center;
        background-size: cover;
        min-height: 960px;
        text-align: center;
        border-bottom: 1px #98d0f3 solid;
    }
}

.lounge-block a img {
    text-align: center;
    width: 120px;
}
.lounge-block a span {
    display: block;
    font-size: 27px;
    color: #67c4fd;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-shadow: 0 0 5px #000, 0 0 20px #000000d4, 0 0 20px #000000a1;
}

.lounge-block {
    padding-top: 130px;
}
@media (min-width: 1200px) {
    .lounge-block a img {
        text-align: center;
        width: auto;
    }
    .lounge-block a span {
        display: block;
        font-size: 27px;
        color: #67c4fd;
        letter-spacing: 8px;
        text-transform: uppercase;
        text-shadow: 0 0 5px #000, 0 0 20px #000000d4, 0 0 20px #000000a1;
    }
    .lounge-block {
        padding-top: 300px;
    }
}

    .lounge-block span.neon {
        display: block;
        font-size: 35px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 8px;
        text-shadow: 0 0 5px #000, 0 0 20px #000000d4, 0 0 20px #000000a1;
    }
    .lounge-block span.lounge-block-span-neon-prostranstvo {
        display: block;
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-shadow: 0 0 5px #000, 0 0 20px #000000d4, 0 0 20px #000000a1;
    }

@media (min-width: 1200px) {
    .lounge-block span.neon {
        letter-spacing: 15px;
        font-size: 72px;
    }
    .lounge-block span.lounge-block-span-neon-prostranstvo {
        letter-spacing: 15px;
        font-size: 60px;
    }
}

.lounge-block-content p {
    color: #fff;
    margin-bottom: 0rem;
}
    /* // bg-lounge*/

/* приемущества */
.bg-priem {
    background: url("img/bg-priem-mob.jpg") center center;
    background-size: cover;
    min-height: auto;
    padding-bottom:50px;
    border-bottom: 1px #98d0f3 solid;
}
@media (min-width: 1200px) {
    .bg-priem {
        background: url("img/bg-priem.jpg") center center;
        background-size: cover;
        min-height: 960px;
        margon-bottom:0;
    }
}
.priem-block span.neon {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 28px;
    color: #bce6ff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
@media (min-width: 1200px) {
    .priem-block span.neon {
        font-size: 60px;
        letter-spacing: 12px;
    }
}

.priem-block-margin {
    margin-bottom: 100px;
}

.priem-block-vkus,
.priem-block-match,
.priem-block-programm,
.priem-block-game,
.priem-block-visota {
    text-align: center;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.priem-block-game {
    padding-bottom: 35px;
}

.priem-block-vkus span {
    color: #6dff88;
    text-shadow: 0 0 5px #97feaa, 0 0 20px #97feaa, 0 0 20px #97feaa;
}

.priem-block-match span {
    color: #fae496;
    text-shadow: 0 0 5px #fae872, 0 0 20px #fae872, 0 0 20px #fae872;
}
.priem-block-programm span {
    color: #d668e7;
    text-shadow: 0 0 5px #e8a0f3, 0 0 20px #e8a0f3, 0 0 20px #e8a0f3;
}
.priem-block-game span {
    color: #78b0ef;
    text-shadow: 0 0 5px #7cc6e9, 0 0 20px #7cc6e9, 0 0 20px #7cc6e9;
}
.bg-priem-tea-par {
    background: url("img/priem-block-tea-par.png") center bottom no-repeat;
}
.priem-block-tea img {
    width: 145px;
    margin-top: 50px;
    margin-bottom: -45px;
    margin-left: -20px;
}
@media (min-width: 1200px) {
    .bg-priem-tea-par {
        background: url("img/priem-block-tea-par.png") center bottom no-repeat;
    }
    .priem-block-tea img {
        width: auto;
        margin-top: 0;
        margin-bottom: -120px;
        margin-left: 45px;
    }
}

.priem-block-visota span {
    color: #21f5ed;
    text-shadow: 0 0 5px #21f5ed, 0 0 20px #21f5ed, 0 0 20px #21f5ed;
}


@media (min-width: 1200px) {
    .priem-block-vkus,
    .priem-block-match,
    .priem-block-programm,
    .priem-block-game,
    .priem-block-visota {
        font-size: 30px;
        letter-spacing: 8px;
    }
}

.bg-priem .owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: 120px;
    margin: auto;
}
@media (min-width: 1200px) {
    .bg-priem .owl-carousel .owl-item img {
        display: block;
        width: auto;
        height: auto;
        margin: auto;
    }
}
/* // приемущества */


/*
афиша
акции
 */
.bg-afisha {
    background: url("img/bg-afisha.jpg") center center;
    background-size: cover;
    min-height: 900px;
    border-bottom: 1px #98d0f3 solid;
}

.priem-afisha-block span.neon,
.priem-akcii-block span.neon {
    display: block;
    margin-top: 40px;
    text-align: center;
    font-size: 40px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
@media (min-width: 1200px) {
    .priem-afisha-block span.neon,
    .priem-akcii-block span.neon {
        font-size: 60px;
    }
}
/*
// афиша
// акции
 */


/*
интерьер
*/
@media (max-width: 575.98px) {
    .bg-interer,
    .bg-interer * {
        padding: 0;
        margin: 0;
    }
    .interer-content {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.bg-interer {
    padding-bottom: 40px;
    background: #000;
    border-bottom: 1px solid #98d0f3;
}
.interer-block span.neon {
    display: block;
    margin-top: 40px;
    text-align: center;
    font-size: 40px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}

@media (min-width: 1200px) {
    .interer-block span.neon {
        font-size: 60px;
    }
}
.owl-interior {
    margin-top: 40px;
}
.interer-content p {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 10px;
}
.interer-content p:before {
    position: absolute;
    width: 21px;
    height: 21px;
    content: url(img/check-p.png);
    left: -36px;
    top: 5px;
}
/*
// интерьер
*/



/*
авторские напитки
*/
.bg-napitki {
    background: url("img/bg-napitki.jpg") center center;
    background-size: cover;
    min-height: 685px;
    border-bottom: 1px #98d0f3 solid;
}
.napitki-block span.neon {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 38px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
@media (min-width: 1200px) {
    .napitki-block span.neon {
        font-size: 60px;
    }
}
/*
// авторские напитки
*/


/*
меню
*/
.bg-menu {
    background: url(img/bg-priem.jpg) center center;
    background-size: cover;
    min-height: 960px;
}
.bg-menu span.neon {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 40px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
@media (min-width: 1200px) {
    .bg-menu span.neon {
        font-size: 60px;
    }
}



/*
наш адрес
*/
@media (max-width: 575.98px) {
    .bg-contact * {
        padding: 0;
        margin: 0;
    }
}

.bg-contact {
    background: url(img/bg-priem.jpg) center center;
    background-size: cover;
    min-height: auto;
}
.bg-contact span.neon {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 30px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
@media (min-width: 1200px) {

    .bg-contact {
        background: url(img/bg-priem.jpg) top center;
        background-size: cover;
        /*min-height: 960px;*/
    }
    .bg-contact span.neon {
        font-size: 60px;
    }
}
.bg-contact .contact-block {

}

.contact-address {
    background: url(img/contact-address.jpg) center center;
    background-size: cover;
    border: 1px #98d0f3 solid;
    margin-left: 0;
    padding: 5px;
    box-shadow: inset 0px 0px 28px #49a7e275;
    color: #fff;
    font-size: 15px;
}
.contact-address-content {
    padding-top: 20px;
    padding-left: 30px;
}
.contact-address-content-metro {
    font-size: 15px;
}
.footer-tel {
    font-size: 18px;
}
.maps {
    padding: 0;
    min-height: 400px;
}

@media (min-width: 1200px) {

    .contact-address {
        font-size: 24px;
    }
    .contact-address-content {
        padding-top: 30px;
        padding-left: 60px;
    }
    .contact-address-content-metro {
        font-size: 18px;
    }
    .footer-tel {
        font-size: 24px;
    }
    .maps {
        padding: 0;
    }

}

.contact-block-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background:
        url(img/contact-block-footer-mob.jpg) center bottom no-repeat;
    background-size: cover;
}
@media (min-width: 1200px) {
    .contact-block-footer {
        padding-top: 80px;
        padding-bottom: 60px;
        text-align: center;
        background: url(img/contact-block-footer.png) center bottom no-repeat,
        url(img/bg-priem.jpg) center top no-repeat;
        background-size: auto;
    }
}


.contact-block-footer span.neon-foot {
    display: block;
    margin-top:60px;
    font-size: 40px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
.contact-block-footer span.lounge-block-span-neon-foot-prostranstvo {
    display: block;
    font-size: 18px;
    color: #bce6ff;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0 0 25px #21a9ff, 0 0 15px #21a9ff, 0 0 30px #21a9ff, 0 0 40px #21a9ff
}
@media (min-width: 1200px) {
    .contact-block-footer span.neon-foot {
        font-size: 48px;
        letter-spacing: 15px;
    }
    .contact-block-footer span.lounge-block-span-neon-foot-prostranstvo {
        font-size: 36px;
        letter-spacing: 15px;
    }
}
/*
// наш адрес
*/

/*
подвал
*/
footer {
    color: #fff;
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px #98d0f3 solid;
}
/*
// подвал
*/


/*
 кнопка звонка
*/
.but-call {
    z-index: 5;
    position: fixed;
    bottom: 0;
    right: 0;
}
/*
// кнопка звонка
*/


/* owl */
.owl-afisha,
.owl-akciya {
    display: block;
    position: relative;
    max-width: 380px;
    margin: auto;
    margin-top: 40px;
}


.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    right: 0;
    height: 40px;
}

/* афиша и акция */
.owl-afisha .owl-nav,
.owl-akciya .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: -25px;
    right: -25px;
    height: 40px;
}
@media (min-width: 1200px) {
    .owl-afisha .owl-nav,
    .owl-akciya .owl-nav {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        left: -80px;
        right: -80px;
        height: 40px;
    }
}

.owl-afisha .owl-dots,
.owl-akciya .owl-dots {
    margin-top: 20px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-afisha .owl-stage-outer,
.owl-akciya .owl-stage-outer {
    border: 1px solid #fff;
    box-shadow: 0 0 20px #49a7e2, 0 0 10px #49a7e2, 0 0 30px #49a7e2;
}
/* // афиша и акция */



/* интерьер */
.owl-carousel.owl-interior .owl-stage-outer {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-interior .owl-item {
    border: 1px solid #fff;
    box-shadow: 0 0 20px #49a7e24d, 0 0 10px #49a7e2, 0 0 30px #49a7e21a;
}
.owl-interior .owl-dots {
    margin-top: 20px;
}
/* //интерьер */


/*
авторские напитки
*/
.owl-napitki .owl-item {
    /*height: 511px;*/
}
.owl-napitki .owl-item img {
    max-width: 453px;
    margin: auto;
}


.owl-napitki .owl-dots {
margin-top: 30px;
}
/*
// авторские напитки
*/


.mob .owl-carousel .owl-nav button.owl-prev,
.mob .owl-carousel .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    background: rgba(152, 208, 243, 0);
    border:0;
    box-shadow: 0 0 20px rgba(73, 167, 226, 0), 0 0 10px rgba(73, 167, 226, 0), 0 0 30px rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0px;
}
.owl-carousel.owl-napitki .owl-nav button.owl-prev,
.owl-carousel.owl-napitki .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    background: rgba(152, 208, 243, 0);
    border:0;
    box-shadow: 0 0 20px rgba(73, 167, 226, 0), 0 0 10px rgba(73, 167, 226, 0), 0 0 30px rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0px;
}

@media (min-width: 1200px) {
    .owl-carousel.owl-napitki .owl-nav button.owl-prev,
    .owl-carousel.owl-napitki .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
        background: #98d0f3;
        border: 1px solid #fff;
        box-shadow: 0 0 20px #49a7e2, 0 0 10px #49a7e2, 0 0 30px #49a7e2;
        color: #000;
        border-radius: 0px;
    }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
        background: #98d0f3;
        border: 1px solid #fff;
        box-shadow: 0 0 20px #49a7e2, 0 0 10px #49a7e2, 0 0 30px #49a7e2;
        color: #000;
        border-radius: 0px;
    }
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #a2dcff;
    color: #FFF;
    text-decoration: none;
}

button.owl-prev {
    left: 0;
    float: left;
}
button.owl-next {
    right: 0;
    float: right;
}


.owl-theme .owl-dots .owl-dot span {
    width: 70px;
    height: 6px;
    margin: 5px 5px;
    background: #869791;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #D6D6D6;
    box-shadow: 0 0 20px #49a7e2, 0 0 10px #49a7e2, 0 0 30px #49a7e2;
}
/* // owl */




@media (max-width: 1200px) {
    .container-fluid.bg-priem,
    .container-fluid.bg-priem .container.bg-priem-tea-par.mob,
    .container-fluid.bg-priem .container.bg-priem-tea-par.mob .owl-carousel,
    .container-fluid.bg-napitki,
    .container-fluid.bg-napitki .container,
    .container-fluid.bg-napitki .container .owl-carousel,
    .container-fluid.bg-menu,
    .container-fluid.bg-menu .container,
    .container-fluid.bg-menu .bg-menu-content,
    .container-fluid.bg-menu .bg-menu-content .owl-carousel
    {
        padding-left: 0;
        padding-right: 0;
    }
}




.content-area {
    color: #fff;
}







/**
 * 14.0 Media
 */

.site .avatar {
    border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

audio,
canvas {
    display: inline-block;
}

embed,
iframe,
object,
video {
    margin-bottom: 1.6em;
    max-width: 100%;
    vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
    padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
    margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
    border-bottom: 0;
    padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
    top: 10px;
}


/**
 * 14.1 Captions
 */

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}


/**
 * 14.2 Galleries
 */

.gallery {
    margin-bottom: 1.6em;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/**
 * 15.0 Multisite
 */
