﻿@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Lobster");
@import url("https://fonts.googleapis.com/css?family=Bitter:400,400i,700");

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

::selection {
    color: rgb(255, 255, 255);
    background: rgb(228, 205, 127) !important;
}

a {
    color: rgb(228, 205, 127);
    text-decoration: underline;
    outline: none;
}

    a:hover {
        color: rgb(228, 205, 127);
        text-decoration: none;
        outline: none;
    }

body {
    background: url("../images/bg1.jpg") center center / cover no-repeat fixed rgb(26, 26, 26);
    border: 0px;
    font: 16px / 1.5 Bitter, Arial, Helvetica, sans-serif;
    color: rgb(219, 219, 219);
    min-width: 320px;
}

.container {
    position: relative;
    min-width: 320px;
}

#main {
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.animated {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

#top0 {
    position: relative;
    padding-top: 10px;
    padding-bottom: 5px;
}

.top0_inner {
    position: relative;
}

header {
    position: relative;
    text-align: center;
    line-height: 0;
}

    header a {
        display: inline-block;
    }

    header img {
        margin-left: auto;
        margin-right: auto;
    }

.social_wrapper {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
}

.social {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .social li {
        display: inline-block;
        margin: 3px;
    }

        .social li a {
            display: block;
            text-decoration: none;
            width: 34px;
            height: 34px;
            font-size: 18px;
            color: rgb(164, 164, 167);
            text-align: center;
            line-height: 32px;
            border: 1px solid rgb(164, 164, 167);
            border-radius: 50%;
            transition: all 0.3s ease-out 0s;
        }

            .social li a:hover {
                color: rgb(255, 255, 255);
                border-color: rgb(255, 255, 255);
            }

#top1 {
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    min-width: 320px;
}

#top2-sticky-wrapper {
    transition: all 0.3s ease-out 0s;
}

.sticky-wrapper.is-sticky {
}

#top2 {
    position: relative;
    z-index: 100;
}

.top2_wrapper {
    transition: all 0.3s ease-out 0s;
}

.is-sticky .top2_wrapper {
    background: rgb(14, 15, 16);
    box-shadow: rgb(66, 66, 66) 0px 1px;
}

.top2 {
    position: relative;
}

#content {
    position: relative;
    padding-top: 0px;
    padding-bottom: 130px;
}

#header_wrapper {
    position: relative;
    margin-bottom: -30px;
}

.slide_header {
    position: relative;
}

.header_img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 41px 42px 0px;
}

    .header_img img {
        width: 100%;
    }

#home {
    position: relative;
}

#about {
    position: relative;
    padding-bottom: 70px;
}

#pizza {
    position: relative;
    padding-bottom: 170px;
}

.pizza1_wrapper {
    position: relative;
}

.pizza1 {
    position: absolute;
    top: -120px;
    display: block;
    height: auto;
}

#order {
    position: relative;
    padding-bottom: 50px;
}

#online {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.online_prev {
    display: block;
    width: 38px;
    height: 61px;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
}

    .online_prev span {
        display: block;
        width: 38px;
        height: 61px;
        background: url("../images/prev2.png") center center no-repeat;
        opacity: 0.4;
        transition: all 0.3s ease-out 0s;
    }

        .online_prev span:hover {
            opacity: 1;
        }

.online_next {
    display: block;
    width: 38px;
    height: 61px;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
}

    .online_next span {
        display: block;
        width: 38px;
        height: 61px;
        background: url("../images/next2.png") center center no-repeat;
        opacity: 0.4;
        transition: all 0.3s ease-out 0s;
    }

        .online_next span:hover {
            opacity: 1;
        }

#online .carousel-box {
    position: relative;
}

    #online .carousel-box .inner {
        position: relative;
        overflow: hidden;
        max-width: none;
        margin: 0px;
    }

#online .carousel.main {
    position: relative;
    overflow: hidden;
    margin: 0px -30px 0px 0px;
    padding: 0px;
}

#online .caroufredsel_wrapper {
    padding: 0px;
    margin: 0px;
}

    #online .caroufredsel_wrapper ul {
        padding: 0px;
        margin: 0px;
    }

#online .carousel-box ul li {
    float: left;
    display: inline-block;
    padding: 0px 30px 0px 0px;
    position: relative;
    width: 300px;
    overflow: hidden;
}

.online {
}

    .online .online_inner {
        text-align: center;
        padding: 0px 10%;
    }

        .online .online_inner figure {
            margin: 0px;
            padding: 0px;
            position: relative;
            border: none;
            background: none;
        }

            .online .online_inner figure img {
                margin-left: auto;
                margin-right: auto;
            }

        .online .online_inner .txt1 {
            padding-top: 10px;
            font-family: Lobster;
            font-size: 36px;
            color: rgb(255, 255, 255);
            background: url("../images/kand1.png") center bottom no-repeat;
            padding-bottom: 30px;
            margin-bottom: 15px;
        }

        .online .online_inner .txt2 {
            margin-bottom: 15px;
            min-height: 56px;
        }

            .online .online_inner .txt2 span {
                color: rgb(255, 123, 35);
                display: inline-block;
                font-family: Bitter;
                font-size: 18px;
                font-style: italic;
            }

            .online .online_inner .txt2 em {
                display: inline-block;
                width: 17px;
                height: 8px;
                background: url("../images/marker2.png") center center no-repeat;
                margin: 0px 5px;
            }

        .online .online_inner .txt3 {
            padding-bottom: 20px;
        }

        .online .online_inner .txt4 {
        }

#gallery {
    position: relative;
    padding-bottom: 50px;
}

#gallery_inner {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.gallery_prev {
    vertical-align: top;
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url("../images/prev.png") left top no-repeat;
}

    .gallery_prev:hover {
        background-position: center bottom;
    }

.gallery_next {
    vertical-align: top;
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url("../images/next.png") left top no-repeat;
}

    .gallery_next:hover {
        background-position: center bottom;
    }

.gallery_controls {
    text-align: center;
    padding-top: 10px;
}

.gallery_pagination {
    display: inline-block;
    line-height: 23px;
    vertical-align: top;
}

    .gallery_pagination a {
        display: inline-block;
        width: 13px;
        height: 13px;
        margin: 0px 13px;
        position: relative;
    }

        .gallery_pagination a::before {
            position: absolute;
            content: "";
            display: block;
            width: 26px;
            height: 1px;
            background: rgb(132, 132, 132);
            right: 100%;
            top: 50%;
        }

        .gallery_pagination a:first-child::before {
            display: none;
        }

        .gallery_pagination a span {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -9999%;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            background: url("../images/pag1.png") left top no-repeat;
        }

        .gallery_pagination a:hover span, .gallery_pagination a.selected span {
            background: url("../images/pag2.png") left top no-repeat;
        }

#gallery_inner .carousel-box {
    position: relative;
}

    #gallery_inner .carousel-box .inner {
        position: relative;
        overflow: hidden;
        max-width: none;
        margin: 0px;
    }

#gallery_inner .carousel.main {
    position: relative;
    overflow: hidden;
    margin: 0px -30px 0px 0px;
    padding: 0px;
}

#gallery_inner .caroufredsel_wrapper {
    padding: 0px;
    margin: 0px;
}

    #gallery_inner .caroufredsel_wrapper ul {
        padding: 0px;
        margin: 0px;
    }

#gallery_inner .carousel-box ul li {
    float: left;
    display: inline-block;
    padding: 0px 30px 0px 0px;
    position: relative;
    width: 300px;
    overflow: hidden;
}

#contacts {
    position: relative;
    padding-bottom: 140px;
}

.g_map_wrapper {
    position: relative;
}

.g_map_wrapper_txt {
    position: relative;
    margin-top: -30px;
}

.map_flour {
    position: absolute;
    left: -100px;
    top: -80px;
    z-index: -1;
}

.map_herb {
    position: absolute;
    right: -70px;
    top: 20px;
    z-index: -1;
}

.google_map_bg {
    position: relative;
    width: 100%;
}

#google_map {
    inset: 42px 46px 112px 42px;
    position: absolute !important;
}

.bot1_wrapper {
    background: url("../images/bg2.jpg") center center / cover no-repeat fixed rgb(235, 235, 235);
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    color: rgb(48, 48, 49);
}

    .bot1_wrapper .divider1 {
        margin-top: 60px;
        margin-bottom: 40px;
    }

.footer_img {
    position: absolute;
    left: 50%;
    margin-left: 300px;
    top: -200px;
}

.footer2_img {
    position: absolute;
    left: 50%;
    margin-left: -820px;
    top: 0px;
}

.logo2_wrapper {
    padding-bottom: 20px;
    text-align: center;
}

    .logo2_wrapper a {
        display: inline-block;
    }

    .logo2_wrapper img {
        margin-left: auto;
        margin-right: auto;
    }

.bot_title {
    font-family: Lobster;
    font-size: 24px;
    font-weight: 400;
    color: rgb(28, 28, 28);
    padding-top: 30px;
    padding-bottom: 25px;
}

.copyright {
    float: left;
    padding-top: 10px;
}

.social2_wrapper {
    float: right;
}

.social2 {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .social2 li {
        display: inline-block;
        margin: 3px;
    }

        .social2 li a {
            display: block;
            text-decoration: none;
            width: 34px;
            height: 34px;
            font-size: 18px;
            color: rgb(164, 164, 167);
            text-align: center;
            line-height: 32px;
            border: 1px solid rgb(164, 164, 167);
            border-radius: 50%;
            transition: all 0.3s ease-out 0s;
        }

            .social2 li a:hover {
                color: rgb(59, 59, 61);
                border-color: rgb(59, 59, 61);
            }

.newparallax {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    transition: all 0.3s ease-out 0s;
}

.newparallaxed2 {
}

.herb {
    top: 200px;
    left: 50%;
    margin-left: -940px;
}

.pepper {
    top: 420px;
    left: 50%;
    margin-left: -830px;
}

.pasta {
    top: 300px;
    left: 50%;
    margin-left: 700px;
}

.bread {
    top: 200px;
    left: 50%;
    margin-left: -850px;
}

.mushroom1 {
    top: 250px;
    left: 50%;
    margin-left: 480px;
}

.not-front .mushroom1 {
    top: 550px;
}

.mushroom2 {
    top: 250px;
    left: 50%;
    margin-left: 750px;
}

.not-front .mushroom2 {
    top: 750px;
}

.flour {
    top: 350px;
    left: 50%;
    margin-left: 700px;
}

.not-front .flour {
    top: 1000px;
}

.cutter {
    top: 450px;
    left: 50%;
    margin-left: 500px;
}

.fork {
    top: 200px;
    left: 50%;
    margin-left: -1040px;
}

.not-front .fork {
    top: 1200px;
}

.knife {
    top: 350px;
    left: 50%;
    margin-left: -950px;
}

.not-front .knife {
    top: 1450px;
}

.knife2 {
    top: 650px;
    left: 50%;
    margin-left: 650px;
}

.not-front .knife2 {
    top: 1650px;
}

.bree {
    top: 100px;
    left: 50%;
    margin-left: -850px;
}

.garlic {
    top: 200px;
    left: 50%;
    margin-left: -1000px;
}

.garlic2 {
    top: 100px;
    left: 50%;
    margin-left: -640px;
}

.garlic3 {
    top: 150px;
    left: 50%;
    margin-left: -580px;
}

.cheese {
    top: 400px;
    left: 50%;
    margin-left: 700px;
}

.navbar_ {
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    position: relative;
    z-index: 100;
    min-height: 0px;
    float: none;
    text-align: center;
    line-height: 0;
}

    .navbar_ .navbar-toggle {
        background: rgb(208, 161, 0);
        border: none;
        box-shadow: none;
        margin-top: 14px;
        margin-bottom: 14px;
        margin-right: 0px;
    }

        .navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus {
            background: rgb(255, 198, 0);
        }

        .navbar_ .navbar-toggle .icon-bar {
            background: rgb(255, 255, 255);
        }

.navbar-collapse_ {
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

.navbar_ .nav {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: none;
}

    .navbar_ .nav > li {
        position: relative;
        display: block;
        float: left;
        white-space: nowrap;
        background: none;
        margin-left: 76px;
    }

        .navbar_ .nav > li::before {
            content: "";
            display: block;
            width: 19px;
            height: 13px;
            background: url("../images/marker1.png") left center no-repeat;
            position: absolute;
            left: -48px;
            top: 50%;
            margin-top: -4px;
        }

        .navbar_ .nav > li:first-child {
            margin-left: 0px;
        }

            .navbar_ .nav > li:first-child::before {
                display: none;
            }

        .navbar_ .nav > li > a {
            display: block;
            text-decoration: none;
            background: none;
            font-family: "Playfair Display";
            font-weight: 400;
            font-size: 24px;
            line-height: 30px;
            color: rgb(255, 255, 255);
            text-shadow: none;
            padding: 15px 0px;
            border: none;
            margin: 0px;
            text-align: left;
            position: relative;
            font-style: italic;
            transition: all 0.3s ease-out 0s;
        }

            .navbar_ .nav > li > a em {
            }

            .navbar_ .nav > li > a:focus {
                color: rgb(255, 255, 255);
                text-decoration: none;
                box-shadow: none;
                border-radius: 0px;
                background: none;
            }

            .navbar_ .nav > li > a:hover, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover {
                color: rgb(255, 198, 0);
                text-decoration: none;
                box-shadow: none;
                border-radius: 0px;
                background: none;
            }

        .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus {
            color: rgb(255, 198, 0);
            text-decoration: none;
            box-shadow: none;
            border-radius: 0px;
            background: none;
        }

.sub-menu ul {
    position: absolute;
    display: none;
    left: 0px;
    top: 100%;
    list-style: none;
    zoom: 1;
    margin: -3px 0px 0px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.9);
    text-align: left;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 3px solid rgb(255, 198, 0);
    border-radius: 0px;
}

.sub-menu li {
    margin: 0px;
    position: relative;
    zoom: 1;
    display: block;
    border-top: 1px solid rgb(76, 76, 76);
}

    .sub-menu li:first-child {
        border-top: none;
    }

    .sub-menu li a {
        display: block;
        position: relative;
        font-family: Bitter;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgb(255, 255, 255);
        text-decoration: none;
        padding: 5px 30px 5px 0px;
        background: none;
        transition: all 0.3s ease-out 0s;
    }

        .sub-menu li a:hover {
            text-decoration: none;
            color: rgb(255, 198, 0);
        }

.sub-menu-1 > ul {
}

.sub-menu-2 > ul {
    left: 100%;
    margin-left: 1px;
    background: rgb(255, 255, 255);
}

.search-form-wrapper {
    position: relative;
    margin-top: 35px;
}

    .search-form-wrapper .form-control {
        background: none;
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        border-bottom: 2px solid rgb(77, 77, 77);
        border-radius: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 40px;
        color: rgb(123, 123, 123);
        font-size: 20px;
        box-shadow: none;
        padding-left: 0px;
    }

        .search-form-wrapper .form-control:focus {
            box-shadow: none;
            border-color: rgb(0, 0, 0);
            color: rgb(0, 0, 0);
        }

    .search-form-wrapper a {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: right;
        line-height: 40px;
        color: rgb(77, 77, 77);
    }

        .search-form-wrapper a:hover {
            color: rgb(0, 0, 0);
        }

        .search-form-wrapper a i {
            font-size: 20px;
            line-height: 40px;
        }

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: 100%;
    background: url("../images/totop.gif") left top no-repeat;
}

#toTopHover {
    background: url("../images/totop.gif") left bottom no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
}

#toTop:active, #toTop:focus {
    outline: none;
}

.title1 {
    font-family: "Playfair Display";
    font-size: 28px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(255, 123, 35);
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
    font-style: italic;
}

.title2 {
    font-family: Lobster;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: left;
    padding-top: 0px;
    padding-bottom: 25px;
}

.title3 {
    font-family: Lobster;
    font-size: 64px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: left;
    padding-top: 0px;
    padding-bottom: 25px;
}

.title4 {
    font-family: "Playfair Display";
    font-size: 28px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(255, 123, 35);
    text-align: left;
    padding-top: 0px;
    padding-bottom: 20px;
    font-style: italic;
}

.title5 {
    font-family: Lobster;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(245, 191, 4);
    text-align: center;
    margin-top: 30px;
    padding-bottom: 25px;
}

.title6 {
    font-family: "Playfair Display";
    font-size: 28px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-align: center;
    padding-top: 0px;
    padding-bottom: 15px;
    font-style: italic;
}

.title7 {
    font-family: "Playfair Display";
    font-size: 64px;
    line-height: 1.1;
    font-weight: 400;
    color: rgb(255, 123, 35);
    text-align: left;
    padding-top: 0px;
    padding-bottom: 25px;
}

h1 {
    display: block;
    font-family: Lobster;
    font-weight: 400;
    font-size: 44px;
    color: rgb(255, 255, 255);
    line-height: 1.1;
    padding: 10px 0px 0px;
    margin: 0px 0px 20px;
    background: url("../images/h1.png") center top no-repeat;
    min-height: 104px;
    text-align: center;
}

h2 {
    display: block;
    font-family: Lobster;
    font-weight: 400;
    font-size: 64px;
    color: rgb(255, 255, 255);
    line-height: 1.1;
    padding: 0px 0px 33px;
    margin: 70px 0px 40px;
    text-align: center;
    background: url("../images/h2.png") center bottom no-repeat;
}

.img-responsive-old {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-responsive {
}

.border-box {
    box-sizing: border-box;
}

.divider1 {
    background: url("../images/divider1_px.png") 0px 18px repeat-x;
    margin-left: 71px;
    margin-right: 78px;
    height: 35px;
    position: relative;
}

    .divider1::before {
        display: block;
        content: "";
        width: 71px;
        height: 35px;
        background: url("../images/divider1_left.png") 0px 0px no-repeat;
        position: absolute;
        left: -71px;
        top: 0px;
    }

    .divider1::after {
        display: block;
        content: "";
        width: 78px;
        height: 30px;
        background: url("../images/divider1_right.png") 0px 0px no-repeat;
        position: absolute;
        right: -78px;
        top: 1px;
    }

.white {
    color: rgb(255, 255, 255);
}

.ul1 {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .ul1 li {
        padding-bottom: 0px;
    }

        .ul1 li a {
            display: block;
            padding-left: 35px;
            background: url("../images/li_st1.png") 0px 5px no-repeat;
            text-decoration: none;
            color: rgb(213, 213, 213);
            font-family: Bitter;
            font-size: 18px;
        }

            .ul1 li a:hover {
                text-decoration: none;
                color: rgb(255, 255, 255);
            }

.ul2 {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .ul2 li {
        padding-bottom: 7px;
    }

        .ul2 li a {
            display: block;
            padding-left: 30px;
            background: url("../images/li_st1.png") 0px 5px no-repeat;
            color: rgb(48, 48, 49);
            font-family: Bitter;
            font-style: italic;
            font-size: 16px;
            text-decoration: underline;
        }

            .ul2 li a:hover {
                text-decoration: none;
                color: rgb(184, 94, 70);
            }

.btn-default.btn1 {
    font-family: Bitter;
    display: inline-block;
    width: 195px;
    height: 60px;
    color: rgb(255, 198, 0);
    border: none;
    font-size: 16px;
    line-height: 47px;
    font-weight: 400;
    padding: 4px 0px 0px 4px;
    text-decoration: none;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    background: url("../images/btn1.png") 0px 0px no-repeat;
    position: relative;
    text-align: left;
    transition: all 0.3s ease-out 0s;
}

    .btn-default.btn1 span {
        text-align: center;
        display: inline-block;
        width: 182px;
        height: 47px;
        background: url("../images/btn1_hover.png") -325px center no-repeat;
        transition: all 0.3s ease-out 0s;
    }

    .btn-default.btn1:hover {
        color: rgb(255, 255, 255);
    }

        .btn-default.btn1:hover span {
            background-position: -120px center;
        }

.btn-default.btn2 {
    font-family: Bitter;
    display: inline-block;
    width: 285px;
    height: 60px;
    color: rgb(255, 198, 0);
    border: none;
    font-size: 16px;
    line-height: 49px;
    font-weight: 400;
    padding: 3px 0px 0px 3px;
    text-decoration: none;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    background: url("../images/btn2.png") 0px 0px no-repeat;
    position: relative;
    text-align: left;
    transition: all 0.3s ease-out 0s;
}

    .btn-default.btn2 span {
        text-align: right;
        display: inline-block;
        width: 274px;
        height: 49px;
        background: url("../images/btn2_hover.png") -190px center no-repeat;
        padding-right: 30px;
        padding-left: 30px;
        transition: all 0.3s ease-out 0s;
    }

        .btn-default.btn2 span em {
            float: left;
            font-style: normal;
            font-size: 18px;
            color: rgb(255, 255, 255);
            font-weight: 700;
        }

    .btn-default.btn2:hover {
        color: rgb(255, 255, 255);
    }

        .btn-default.btn2:hover span {
            background-position: -30px center;
        }

.img-polaroid {
    position: relative;
    padding: 5px;
    background: none;
    border: 1px solid rgb(207, 207, 207);
    box-shadow: none;
}

.thumbnail .caption {
    padding: 0px;
    color: inherit;
}

.thumb0 {
    margin-bottom: 30px;
    margin-top: 0px;
}

    .thumb0.last {
        margin-bottom: 0px;
    }

    .thumb0 .thumbnail {
        padding: 0px;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 0px;
        background: none;
    }

    .thumb0 figure {
        margin: 0px;
        float: none;
        background: none;
        position: relative;
    }

        .thumb0 figure img {
            margin-left: auto;
            margin-right: auto;
        }

.thumb1 {
    margin-bottom: 30px;
    margin-top: 0px;
}

    .thumb1.last {
        margin-bottom: 0px;
    }

    .thumb1 .thumbnail {
        padding: 0px;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 0px;
        background: none;
    }

    .thumb1 a {
        display: block;
        text-decoration: none;
    }

        .thumb1 a figure {
            float: none;
            margin: 0px;
            background: rgb(21, 21, 21);
            position: relative;
            overflow: hidden;
        }

            .thumb1 a figure img {
                width: 100%;
                position: relative;
                transition: all 0.3s ease-out 0s;
            }

        .thumb1 a:hover figure img {
            opacity: 0.6;
        }

        .thumb1 a figure .zoom_left {
            display: block;
            width: 69px;
            height: 20px;
            background: url("../images/zoom_left.png") 0px 0px no-repeat;
            position: absolute;
            left: 25%;
            margin-left: -120px;
            top: 50%;
            margin-top: -10px;
            opacity: 0;
            transition: all 0.3s ease-out 0s;
        }

        .thumb1 a:hover figure .zoom_left {
            left: 50%;
            opacity: 1;
        }

        .thumb1 a figure .zoom_text {
            display: block;
            text-align: center;
            position: absolute;
            left: 0px;
            top: 50%;
            margin-top: -10px;
            width: 100%;
            font-size: 20px;
            line-height: 20px;
            font-family: Bitter;
            font-style: italic;
            color: rgb(255, 255, 255);
            transition: all 0.3s ease-out 0s;
            opacity: 0;
            transform: scale(0.1);
        }

        .thumb1 a:hover figure .zoom_text {
            transform: scale(1);
            opacity: 1;
        }

        .thumb1 a figure .zoom_right {
            display: block;
            width: 69px;
            height: 20px;
            background: url("../images/zoom_right.png") 0px 0px no-repeat;
            position: absolute;
            right: 25%;
            margin-right: -120px;
            top: 50%;
            margin-top: -10px;
            opacity: 0;
            transition: all 0.3s ease-out 0s;
        }

        .thumb1 a:hover figure .zoom_right {
            right: 50%;
            opacity: 1;
        }

.paginat {
    display: block;
    width: 580px;
    height: 61px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
}

.pagin_prev {
    display: block;
    width: 38px;
    height: 61px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
}

    .pagin_prev span:hover {
        opacity: 1;
    }

    .pagin_prev span {
        display: block;
        width: 38px;
        height: 61px;
        background: url("../images/prev2.png") center center no-repeat;
        opacity: 0.4;
        transition: all 0.3s ease-out 0s;
    }

.btn-default.btn3 {
    font-family: Bitter;
    display: inline-block;
    width: 85px;
    height: 60px;
    color: rgb(255, 198, 0);
    border: none;
    font-size: 16px;
    line-height: 49px;
    font-weight: 400;
    padding: 3px 0px 0px 3px;
    text-decoration: none;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    background: url("../images/btn3.png") 0px 0px no-repeat;
    position: relative;
    text-align: left;
    transition: all 0.3s ease-out 0s;
}

    .btn-default.btn3 em {
        margin-left: 22px;
        font-style: normal;
        font-size: 18px;
        color: rgb(255, 255, 255);
        font-weight: 700;
    }

    .btn-default.btn3:hover span {
        background-position: -30px center;
    }

    .btn-default.btn3:hover {
        display: inline-block;
        background: url("../images/btn3_hover.png") 0px 0px no-repeat;
        transition: all 0.3s ease-out 0s;
    }

.online .online_inner_btn {
    text-align: left;
    padding: 0px 15%;
}

#note {
}

.notification_error {
    color: rgb(255, 0, 0);
    padding-bottom: 10px;
}

.notification_ok {
    text-align: left;
    padding-bottom: 10px;
}

#ajax-contact-form .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

    #ajax-contact-form .form-group label {
        color: rgb(181, 181, 181);
        font-weight: 400;
        display: block;
        font-size: 14px;
    }

#ajax-contact-form .form-control {
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: rgb(181, 181, 181);
    background: none;
    border: 1px solid rgb(140, 140, 140);
    border-radius: 0px;
    box-shadow: none;
}

    #ajax-contact-form .form-control:focus {
        border-color: rgb(193, 193, 193);
        box-shadow: none;
    }

#ajax-contact-form textarea.form-control {
    height: auto;
}

#ajax-contact-form .form-group.capthca {
    float: left;
    margin-right: 30px;
}

    #ajax-contact-form .form-group.capthca input {
        width: 170px;
    }

#ajax-contact-form .form-group.img {
    float: left;
}

    #ajax-contact-form .form-group.img img {
        width: 170px;
        height: 38px;
    }

.btn-default.btn-cf-submit {
    display: block;
    width: 195px;
    height: 60px;
    background-image: url("../images/btn1.png");
    background-position: 0px 0px;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    position: relative;
    color: rgb(255, 198, 0);
    font-family: Bitter;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 0px 0px 4px;
    text-decoration: none;
    border-radius: 0px;
    border: none;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: left;
    background-color: transparent !important;
}

    .btn-default.btn-cf-submit span {
        text-align: center;
        display: inline-block;
        width: 182px;
        height: 47px;
        background: url("../images/btn1_hover.png") -325px center no-repeat;
        line-height: 47px;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease-out 0s;
    }

    .btn-default.btn-cf-submit:hover {
        color: rgb(255, 255, 255);
    }

        .btn-default.btn-cf-submit:hover span {
            background-position: -120px center;
        }

.form-control {
    height: 56px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: rgb(181, 181, 181);
    background: none;
    border: 1px solid rgb(140, 140, 140);
    border-radius: 0px;
    box-shadow: none;
}

@media (min-width: 1330px) {
}

@media (max-width: 1329px) {
    .pizza1 {
        top: 0px;
        max-width: 500px;
    }

    #google_map {
        inset: 33px 36px 86px 33px;
    }

    .pepper {
        margin-left: -680px;
    }

    .herb {
        margin-left: -790px;
    }

    .pasta {
        margin-left: 550px;
    }

    .bread {
        margin-left: -700px;
    }

    .mushroom1 {
        margin-left: 330px;
    }

    .mushroom2 {
        margin-left: 600px;
    }

    .flour {
        margin-left: 550px;
    }

    .cutter {
        margin-left: 450px;
    }

    .fork {
        margin-left: -890px;
    }

    .knife {
        margin-left: -800px;
    }

    .knife2 {
        margin-left: 500px;
    }

    .bree {
        margin-left: -700px;
    }

    .garlic {
        margin-left: -850px;
    }

    .garlic2 {
        margin-left: -500px;
    }

    .garlic3 {
        margin-left: -450px;
    }

    .cheese {
        margin-left: 550px;
    }

    .footer2_img {
        margin-left: -670px;
    }

    .header_img {
        padding: 30px 32px 0px;
    }

    #header_wrapper {
        margin-bottom: -20px;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1329px) {
}

@media (max-width: 991px) {
    h1 {
        background-size: 700px;
        padding-top: 8px;
        font-size: 30px;
        min-height: 85px;
    }

    .pizza1 {
        top: 50px;
        max-width: 400px;
    }

    #google_map {
        inset: 26px 28px 68px 26px;
    }

    .footer_img {
        margin-left: 200px;
    }

    .newparallax {
        display: none;
    }

    .footer2_img {
        margin-left: -560px;
    }

    .header_img {
        padding: 23px 25px 0px;
    }

    #header_wrapper {
        margin-bottom: -10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar_ .nav > li > a {
        font-size: 18px;
    }

    .navbar_ .nav > li {
        margin-left: 50px;
    }

        .navbar_ .nav > li::before {
            left: -33px;
        }
}

@media (max-width: 767px) {
    .social_wrapper {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 15px;
        text-align: center;
    }

    .navbar_ .nav > li::before {
        display: none;
    }

    h1 {
        background: none;
        padding-top: 0px;
        font-size: 24px;
        min-height: 0px;
    }

    .pizza1 {
        top: auto;
        position: relative;
        max-width: 100%;
    }

    .online .online_inner {
        padding: 0px;
    }

    #google_map {
        inset: 7% 7.5% 17.5% 7%;
    }

    .g_map_wrapper {
        margin-top: 50px;
    }

    .social2_wrapper {
        float: none;
    }

    .copyright {
        float: none;
        padding-top: 20px;
    }

    .header_img {
        padding: 3.5% 3.5% 0px;
    }

    #header_wrapper {
        margin-bottom: 0px;
    }

    .navbar_ {
        float: none;
        height: 60px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: left;
    }

    .navbar-collapse_ {
        clear: both;
        margin-left: -13px;
        margin-right: -13px;
    }

    .navbar_ .nav {
        display: block;
        background: rgb(0, 0, 0);
        border: none;
        padding: 0px;
    }

        .navbar_ .nav > li {
            float: none;
            border-left: none;
            margin-left: 0px;
            border-top: 1px solid rgb(76, 76, 76);
            background: none;
        }

            .navbar_ .nav > li > a {
                border: none;
                font-size: 18px;
                padding: 2px 13px;
            }

                .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover {
                }

    .sub-menu ul {
        position: relative;
        left: 0px;
        top: 0px;
        margin-top: 0px;
    }
}

.bootstrap-touchspin-up i {
    padding-top: 3px !important;
}

.margin {
    margin-top: 100px;
}

.marginer {
    padding-bottom: 50px;
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (max-width: 480px) {
}

/*.proper-link-background {
    background-color: rgb(245, 191, 4)
}*/
.language-switcher { float: right; margin: 13px 0 0 20px; color: #fff; font-size: 13px; }
.language-button { border: 0; background: transparent; color: #fff; padding: 4px 6px; font-weight: bold; }
.language-button.active, .language-button:hover { color: #f6b33c; }
.language-flag { display: inline-block; width: 22px; height: 15px; margin-right: 4px; vertical-align: -2px; position: relative; box-shadow: 0 0 0 1px rgba(255,255,255,.35); }
.flag-dk { background: #c8102e; }
.flag-dk:before { content: ''; position: absolute; left: 6px; top: 0; width: 3px; height: 100%; background: #fff; }
.flag-dk:after { content: ''; position: absolute; left: 0; top: 6px; width: 100%; height: 3px; background: #fff; }
.flag-gb { background-color: #012169; overflow: hidden; background-image: linear-gradient(90deg, transparent 39%, #fff 39% 61%, transparent 61%), linear-gradient(0deg, transparent 32%, #fff 32% 68%, transparent 68%), linear-gradient(32deg, transparent 43%, #c8102e 43% 48%, #fff 48% 52%, #c8102e 52% 57%, transparent 57%), linear-gradient(-32deg, transparent 43%, #c8102e 43% 48%, #fff 48% 52%, #c8102e 52% 57%, transparent 57%); }
.flag-gb:before { content: ''; position: absolute; left: 0; top: 6px; width: 100%; height: 3px; background: #c8102e; }
.flag-gb:after { content: ''; position: absolute; left: 9px; top: 0; width: 4px; height: 100%; background: #c8102e; }
@media (max-width: 767px) { .language-switcher { float: left; margin: 14px 0 0 15px; } }

/* --- Rettelser 2026 --- */
.language-switcher a.language-button { display: inline-block; text-decoration: none; }
.language-switcher a.language-button:focus-visible { outline: 2px solid #f6b33c; outline-offset: 2px; }
#slider h2.opening-hours-title { font-size: 44px; line-height: 1.1; padding: 10px 0 0; margin: 0 0 20px; min-height: 104px; background: url("../images/h1.png") center top no-repeat; }
.opening-hours-line { font-size: 24px; }
.about-values-title { font-family: Lobster; font-weight: 400; font-size: 32px; color: #fff; margin: 30px 0 20px; }
.contact-list { display: grid; grid-template-columns: max-content 1fr; gap: 4px 20px; margin: 0; }
.contact-list dt, .contact-list dd { margin: 0; font-weight: normal; }
.contact-list dt { font-weight: bold; }
@media (max-width: 480px) {
  .contact-list { grid-template-columns: 1fr; }
  .contact-list dd { margin-bottom: 8px; }
  .opening-hours-line { font-size: 18px; }
  #slider h2.opening-hours-title { font-size: 32px; }
}
