/*
@font-face {
    font-family: 'sommet_slab_rnd_thin';
    src: url('fonts/sommetslabrndthin-webfont.eot');
    src: url('fonts/sommetslabrndthin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sommetslabrndthin-webfont.woff2') format('woff2'),
    url('fonts/sommetslabrndthin-webfont.woff') format('woff'),
    url('fonts/sommetslabrndthin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/

BODY {
    background: #ffffff;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

P {
    padding: 0 0 10px 0;
}

SECTION {
    text-align: center;
}

STRONG {
    font-weight: 600;
}

.clearer {
    clear: both;
}

.inner {
    max-width: 990px;
    margin: 0 auto;
}

.separator {
    background: url('images/separator.png') no-repeat center center;
    width: 100%;
    height: 57px;
    margin: 0 auto;
}

A.button {
    display: inline-block;
    background: #e4e799;
    border-radius: 3px;
    padding: 5px 20px 5px 20px;
    margin: 30px 0 30px 0;
    color: #000;
    cursor: pointer;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #000;
}

A.button:hover,
.submit-button:hover {
    background: #dde084;
}

A.button.small {
    font-size: 0.8em;
}

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

H2 {
    margin: 0 auto;
    background: url('images/title-sprite.png') no-repeat;
    width: 310px;
    height: 85px;
}

H2 SPAN {
    display: none;
}

.ui-widget {
    font-size: 0.8em;
}

/* fix-header */

#main-nav {
    display: none;
}



#main-nav .inner UL {

}

#main-nav .inner UL LI {
    float: left;
    margin: 0 30px 0 0;
}

#main-nav .inner UL LI A {
    text-decoration: none;
    color: #000;
}

#main-nav .inner UL LI A:hover {
    color: #dde084;
}



/* header */

HEADER {
    height: 150px;
    position: relative;
    background: #000;
}

HEADER .main-logo {
    background: url('images/vendetta-logo.png') no-repeat;
    width: 300px;
    height: 122px;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -150px;
}

#language {
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 74px;
    font-size: 0.7em;
}

ul.lang-selector li {
    position: absolute;
    top: 0;
    display: inline-block;
}

ul.lang-selector li A {
    display: block;
    background: url('images/lang-switch-bg.png') no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 32px;
    line-height: 32px;
    color: #554C43;
    text-decoration: none;
}

ul.lang-selector li A:hover {
    color: #fff;
    text-decoration: none;
}

ul.lang-selector li.hu {
    left: 5px;
}

ul.lang-selector li.hu A {
    background-position: 0 -32px;
    text-align: left;
}

ul.lang-selector li.active.hu A {
    background-position: 0 -64px;
    color: #fff;
}

ul.lang-selector li.hu A SPAN {
    display: block;
    margin-left: 5px;
}

ul.lang-selector li.en {
    right: 0;
}

ul.lang-selector li.en A {
    background-position: 0 -128px;
}

ul.lang-selector li.active.en A {
    background-position: 0 -160px;
    color: #fff;
}

ul.lang-selector li.en A SPAN {
    text-align: right;
    display: block;
    margin-right: 5px;
}



#section-new-year-header {
    border-top: 4px solid #dde084;
    border-bottom: 4px solid #dde084;
}


/* intro galeria */

#section-intro {
    background: #000;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

/* intro szoveg */

#section-intro-text {
    min-height: 300px;
    padding: 20px 0 50px 0;
    background: #000 url('images/dark-bricks-bg.jpg') no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    color: #ffffff;
}

#section-intro-text H2 {
    background-position: 0 0;
    margin: 30px auto;
}

HTML[lang=en] #section-intro-text H2 {
    background-position: -310px 0;
}

#section-intro-text .butcher-logo {
    background: url('images/buthcer-logo-white.png') no-repeat center center;
    width: 163px;
    height: 150px;
    margin: 30px auto;
}



/* intro szoveg */

#section-warning {
    padding: 20px 0 20px 0;
    background: #800000;
    background-attachment: fixed;
    background-size: cover;
    color: #ffffff;
    font-size: 18px !important;
    line-height: 24px !important;
}






/* team */
#section-team {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #000;
    padding: 20px 0 50px 0;
    background: #fff url('images/white-bricks-bg.jpg') no-repeat top;
}

#section-team H2 {
    background-position: 0 -85px;
}

HTML[lang=en] #section-team H2 {
    background-position: -310px -85px;
}

#section-team .slider-holder {
    margin: 30px 0 0 0;
}

#section-team .image {
    position: relative;
}

#section-team .image P {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 0 5px 0;
}

/* menu galeria */
#section-main-gallery {
    border-bottom: 4px solid #000;
}

/* menu */
#section-menu {
    min-height: 600px;
    padding: 50px 0 80px 0;
    background: #09090a url('images/chalkboard-bg.jpg') no-repeat center top;
    background-attachment: fixed;
    position: relative;
    border-bottom: 4px solid #000;
    color: #fff;
}

#section-menu H2 {
    width: 310px;
    margin: -30px auto 20 0;
    background-position: 0 -170px;
}

HTML[lang=en] #section-menu H2 {
    background-position: -310px -170px;
}


#section-menu H2 SPAN {
    display: none;
}

#menu-viewport {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#menu-category-menu {
    display: table;
    width: 100%;
    margin: 30px 0 20px 0;
}

#menu-category-menu LI {
    display: table-cell;
    width: 20%;
    text-align: center;
}

#menu-category-menu LI A {
    display: inline-block;
    width: 157px;
    height: 127px;
    color: #fff;
    text-decoration: none;
    background: url('images/menu-icons.png');
    outline: none;
}

#menu-category-menu LI A.food {
    background-position: 0 0;
}

#menu-category-menu LI A.food.active,
#menu-category-menu LI A.food:hover {
    background-position: -157px 0;
}

HTML[lang=en] #menu-category-menu LI A.food {
    background-position: -314px 0;
}

HTML[lang=en] #menu-category-menu LI A.food.active,
HTML[lang=en] #menu-category-menu LI A.food:hover {
    background-position: -471px 0;
}



#menu-category-menu LI A.wine {
    background-position: 0 -127px;
}

#menu-category-menu LI A.wine.active,
#menu-category-menu LI A.wine:hover {
    background-position: -157px -127px;
}

HTML[lang=en] #menu-category-menu LI A.wine {
    background-position: -314px -127px;
}

HTML[lang=en] #menu-category-menu LI A.wine.active,
HTML[lang=en] #menu-category-menu LI A.wine:hover {
    background-position: -471px -127px;
}



#menu-category-menu LI A.drink {
    background-position: 0 -254px;
}

#menu-category-menu LI A.drink.active,
#menu-category-menu LI A.drink:hover {
    background-position: -157px -254px;
}

HTML[lang=en] #menu-category-menu LI A.drink {
    background-position:  -314px -254px;
}

HTML[lang=en] #menu-category-menu LI A.drink.active,
HTML[lang=en] #menu-category-menu LI A.drink:hover {
    background-position: -471px -254px;
}


#menu-category-menu LI A.chef {
    background-position: 0 -381px;
}

#menu-category-menu LI A.chef.active,
#menu-category-menu LI A.chef:hover {
    background-position: -157px -381px;
}

HTML[lang=en] #menu-category-menu LI A.chef {
    background-position: -314px -381px;
}

HTML[lang=en] #menu-category-menu LI A.chef.active,
HTML[lang=en] #menu-category-menu LI A.chef:hover {
    background-position: -471px  -381px;
}


#menu-category-menu LI A SPAN {
    display: none;
}





.menu-category {

}

.menu-category UL LI {
    display: inline;
}


.menu-page {
    padding: 50px 0 0 0;
}

.menu-page P {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    text-align: left;
    border-bottom: 1px dotted #666;
    overflow: auto;
    text-transform: uppercase;
    font-size: 0.6em;
}

.menu-page P STRONG {
    font-size: 1.4em;
}

.menu-page P:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.menu-page P SPAN {
    font-weight: bold;
    white-space: nowrap;
    float: right;
    font-size: 1.4em;
}

.menu-page-menu {
    margin: 30px 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
}

#section-menu P.small {
    font-size: 0.6em;
    line-height: 1.2em;
    font-style: italic;
}

.chalkboard-separator {
    width: 100%;
    height: 10px;
    margin: 5px 0 0 0;
}

.menu-page-menu A {
    color: #fff;
    text-decoration: none;
    margin: 0 20px 10px 20px;
    white-space: nowrap;
    text-transform: uppercase;
    line-height: 1.4em;
    display: inline-block;
}

.menu-page-menu A:hover,
.menu-page-menu A.active {
    color: #dde084;
    border-bottom: 2px solid #e4e799;
    margin-bottom: 8px;
}

.menu-category A.button {
    margin-top: 70px;
}


/* reservation */

#section-table-reservation {
    background: #ffffff url('images/paper-bg.jpg');
    position: relative;
    padding-top: 80px;
}

#section-table-reservation H2 {
    background-position: 0 -255px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left:  -155px;
    z-index: 1000;
}

HTML[lang=en] #section-table-reservation H2 {
    background-position: -310px -255px;
}

#section-table-reservation H2 SPAN {
    display: none;
}

#section-table-reservation A {
    color: inherit;
    text-decoration: none;
}

#section-table-reservation A:hover {
    text-decoration: underline;
}

#reservation-block {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}

#reservation-message {
    width: 290px;
    height: 180px;
    border-radius: 6px;
    border: 3px solid #000;
    background: #dde084;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -155px;
    padding: 10px;
    z-index: 100000;
}

#reservation-message P {
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1.2em;
}

#reservation-message A {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -30px;
    background: #000;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    padding: 0 10px 0 10px;
    width: 60px;
}

#reservation-message A:hover {
    text-decoration: none;
    color: #fff;
}


/* facebook */
#section-facebook {
    min-height: 280px;
    background: #090a0a url('images/facebook-bg.jpg') no-repeat top center;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    padding-bottom: 20px;
}

#facebook-text {
    display: block;
    margin: 160px 0 0 0;
    color: #fff;
}

#facebook-like-button-holder {
    width: 236px;
    height: 54px;
    margin: 20px auto 0 auto;
    background: url("images/like-bg.png") no-repeat;
}

/* terkep */

#section-map #map-canvas {
    height: 500px;
}

/* footer */

#section-footer {
    padding: 30px 0 30px 0;
    border-top: 4px solid #fff;
    background: #000;
    color: #fff;
}

#section-footer P:first-child {
    margin: 0 0 30px 0;
}

#section-footer UL {
    margin: 50px 0 0 0;
}

#section-footer UL LI {
    display: inline;
}

#section-footer UL LI A {
    color: #ffffff;
    text-decoration: none;
    margin: 0 30px 0 30px;
}

#section-footer UL LI A:hover {
    text-decoration: underline;
}

/* form */
.form {
    font-family: arial, ms sans serif;
    padding: 20px 0 60px 0;
    font-size: 0.8em;
}

.form .row {
    clear: both;
}

.form .field {
    display: inline-block;
}

.form .row.select .field {
    background: #fff;
    border: 1px solid #aaa;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
}

.form LABEL {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    font-size: 0.8em;
    height: 40px;
    line-height: 40px;
    text-align: left;
    margin: 2px 0 0 0;
    padding: 0 0 0 5px;
}

.form LABEL.fix {
    display: inline-block;
    padding-left: 10px;
    width: 200px;
}

.form LABEL.required {
    color: #f00;
}

.radio_input {
    margin: 10px 0 0 0;
    display: inline-block;
    border: 1px solid red;
    margin: 13px 0 0 10px;
}

.text-input {
    border: 1px solid #aaa;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 0 0 10px 0;
    font-size: 0.8em;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 10px;
}

.text-input.required {
    border: 1px solid #f00;
}

.text-input.warning {
    border: 1px dotted #f00;
}

.submit-button {
    display: inline-block;
    width: 300px;
    padding: 5px 10px 5px 10px;
    line-height: 30px;
    border-radius: 4px;
    background: #dde084;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    border: 1px solid #000;
}

TEXTAREA.text-input {
    width: 630px;
    height: 100px;
}

SELECT.text-input {
    width: 172px;
    height: 42px;
    margin-top: 1px;
    margin-bottom: 10px;
}


/* slider */

.slider {
    overflow: hidden;
}

.slider-full .image {
    width: 100%;
    height: 650px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-small .image {
    width: 300px;
    height: 410px;
}

.bx-wrapper {
    margin: 0;
}

.bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0;
    background: transparent;
}

.bx-wrapper .bx-pager {
    bottom: 30px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    margin: 0 7px;
    background: #fff;
    white-space: nowrap;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
    border: 1px solid #fff;
}

.social-icon {
    background: url("images/social-icons.png") no-repeat 0 0;
    width: 64px;
    height: 64px;
    display: inline-block;
}

.social-icon SPAN {
    display: none;
}

.social-icon.facebook {
    background-position: 0 0;
}

.social-icon.facebook:hover {
    background-position: -64px 0;
}

.social-icon.newsletter {
     background-position: 0 -128px;
}

.social-icon.newsletter:hover {
    background-position: -64px -128px;
}

.social-icon.instagram {
    background-position: 0 -64px;
}

.social-icon.instagram:hover {
    background-position: -64px -64px;
}

#reservation_date {
    position: relative;
    z-index: 100001;
}

#section-corleone {
    background: #000 url('images/vendetta-corleone.jpg') center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 600px;
    border-bottom: 4px solid #000;
    position: relative;
}

#section-corleone .text {
    font-size: 1.2em;
    color: #fff;
    font-family: arial, helvetica, sans-serif;
    position: absolute;
    bottom: 0;
    width:  100%;
    padding: 20px 0 10px 0;
    background: rgba(0, 0, 0, 0.8);
}

#section-corleone .text P {
    text-align: center;
}


@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
    #section-corleone {
        background-size: auto;
        background-attachment: scroll;
    }
}


@media screen and (max-device-width: 990px), screen and (max-width: 990px) {
    .form LABEL {
        display: block;
    }
}


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

    #section-corleone {
    }

    .slider-full .image {
        height: 400px;
    }


    

    .inner {
        padding: 0 10px 0 10px;
    }






}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {

    HEADER {
        height: 200px;
    }

    HEADER .main-logo {
        top: 50px;
    }

    .hide {
        display: none;
    }

    .slider-full .image {
        height: 300px;
    }

    .bx-wrapper .bx-pager {
        display: none;
    }

    #section-map #map-canvas {
        height: 300px;
    }

    #menu-category-menu LI {
        width: 100px;
        display: inline;
    }

    #menu-category-menu LI A {
        background-size:396px 320px;
        width: 99px;
        height: 80px;
    }



    #menu-category-menu LI A.food {
        background-position: 0 0;
    }

    #menu-category-menu LI A.food.active,
    #menu-category-menu LI A.food:hover {
        background-position: -99px 0;
    }


    #menu-category-menu LI A.wine {
        background-position: 0 -80px;
    }

    #menu-category-menu LI A.wine.active,
    #menu-category-menu LI A.wine:hover {
        background-position: -99px -80px;
    }

    #menu-category-menu LI A.drink {
        background-position: 0 -160px;
    }

    #menu-category-menu LI A.drink.active,
    #menu-category-menu LI A.drink:hover {
        background-position: -99px -160px;
    }

    #menu-category-menu LI A.chef {
        background-position: 0 -240px;
    }

    #menu-category-menu LI A.chef.active,
    #menu-category-menu LI A.chef:hover {
        background-position: -99px -240px;
    }

    HTML[lang=en] #menu-category-menu LI A.food {
        background-position: -198px 0;
    }

    HTML[lang=en] #menu-category-menu LI A.food.active,
    HTML[lang=en] #menu-category-menu LI A.food:hover {
        background-position: -297px 0;
    }


    HTML[lang=en] #menu-category-menu LI A.wine {
        background-position: -198px -80px;
    }

    HTML[lang=en] #menu-category-menu LI A.wine.active,
    HTML[lang=en] #menu-category-menu LI A.wine:hover {
        background-position: -297px -80px;
    }

    HTML[lang=en] #menu-category-menu LI A.drink {
        background-position: -198px -160px;
    }

    HTML[lang=en] #menu-category-menu LI A.drink.active,
    HTML[lang=en] #menu-category-menu LI A.drink:hover {
        background-position: -297px -160px;
    }

    HTML[lang=en] #menu-category-menu LI A.chef {
        background-position: -198px -240px;
    }

    HTML[lang=en] #menu-category-menu LI A.chef.active,
    HTML[lang=en] #menu-category-menu LI A.chef:hover {
        background-position: -297px -240px;
    }


    .menu-page {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .menu-page-menu {
        margin-top: 10px;
    }

    .menu-page-menu A {
        font-size: 0.8em;
        margin: 0 5px 10px 0;
    }

    .menu-page-menu A.active {
        margin-bottom: 8px;
    }

    .menu-page P {
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }

    .form .row {
        width: 100%;
    }

    .form .field {
        width: 100%;
        text-align: center;
    }

    .form .row.select .field {
        width: auto;
    }

    .form LABEL {
        width: 100%;
        text-align: center;
    }

    .form .text-input {
        width: 280px;
    }

    .form SELECT.text-input {
        width: 302px;
    }

    .form BR {
        display: none;
    }

    .form .submit-button {
        width: 280px;
        margin-top: 20px;
    }

    TEXTAREA.text-input {
        width: 320px;
    }

    .menu-category .button {
        display: none;
    }

    a[href^=tel]{
        text-decoration:underline;
    }


    #section-footer UL LI A {
        margin: 0 10px 0 10px;
    }



}