/*------------------------------------------
MAIN
------------------------------------------*/

@font-face {
    font-family: "Palatino Linotype";
    src: url('../fonts/pala.ttf');
}

@font-face {
    font-family: "URWClassico-Regular";
    src: url('../fonts/URWClassico-Regular.otf') format("opentype");
}

@font-face {
    font-family: "URWClassico-Bold";
    src: url('../fonts/URWClassico-Bold.otf') format("opentype");
}

html,body {
    height:100%;
    margin:0;
}

body {
    background-color: #f8f5ee;
    font-family: "URWClassico-Regular", sans-serif;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
    font-size: 16px;
    margin: 0;
    min-height:100%;
}

@media screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }
}

@media screen and (max-width: 360px) {
    body {
        font-size: 13px;
    }
}

a {
    outline: 0 !important;
    text-decoration: none;
}

.clearBoth {
    clear: both;
}

/*------------------------------------------
QUESTION
------------------------------------------*/

.qcontent {
    width: 100%;
    height: 100%;
    min-height:100%
}

.question_top_wrapper {
    position: relative;
    display: table;
    background-color: #2b2b2b;
    background-image: url('../images/hatterkep_fatyol.png'), url('../images/kezdo_hatterkep.jpg');
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-position: 0 0, 50% 50%;
    width: 100%;
    height: 85%;
}

.question_top {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.question_bottom_wrapper {
    display: table;
    background-color: #212121;
    width: 100%;
    height: 15%;
}

.question_bottom {
    text-align: center;
    color: #f8f5ee;
    font-style: italic;
    font-weight: 300;
    font-size: 90%;
    line-height: 24px;
    margin: 30px 0 30px 0;
}

.mountains {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background-image: url('../images/hegy_mogottehalvanyfeher.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.logo_belepes {
    margin-bottom: 40px;
}

.gomb_wrapper_wrapper {
    position: relative;
    /*width: 290px;*/
    height: 50px;
    margin: 60px auto;
}

@media screen and (max-width: 600px) {
    .gomb_wrapper_wrapper {
        width: 262px;
    }
}

.gomb_wrapper {
    /*position: absolute;*/
}

.nem_gomb:visited,
.nem_gomb:active,
.nem_gomb {
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.nem_gomb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-decoration: none;
}

.igen_gomb:visited,
.igen_gomb:active,
.igen_gomb {
    padding: 15px;
    background-color: #f7ab1b;
    color: #2b2b2b;
    margin-left: 10px;
    cursor: pointer;
    text-decoration: none;
}

.igen_gomb:hover {
    background-color: #d78b0b;
    color: #2b2b2b;
    text-decoration: none;
}

/*------------------------------------------
MENU
------------------------------------------*/

header {
    width: 100%;
}

header .wrapper {
    max-width: 1400px;
    width: 100%;
    z-index: 999;
    margin: 0 auto;
}

header .content {
    position: fixed;
    top: 0;
    height: 75px;
    background-color: #f8f5ee;
    z-index: 999;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

header .menu-button {
    padding: 29px 0 0 40px;
    float: left;
    color: #000000;
    line-height: 15px;
    font-size: 12px;
    cursor: pointer;
    z-index: 1001;
    position: absolute;
}

header .right-menu {
    float: right;
}

header .right-menu-webshop {
    display: inline-block;
    vertical-align:top;
    background-color: #f6ab0b;
    width: 160px;
    height: 75px;
    padding: 28px 0 0 0;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 0 0;
}

header .right-menu-webshop:hover {
    background-color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    color: #ffffff;
}

header .header-logo-1 {
    width: 167px;
    height: 199px;
    background-image: url('../images/header-logo-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -84px;
}

header .header-logo-2 {
    width: 167px;
    height: 75px;
    background-image: url('../images/header-logo-2.png');
    background-repeat: no-repeat;
    background-position: 0 6px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -84px;
    opacity: 0;
    display: none;
    cursor: pointer;
}

header .header-logo-xs {
    width: 80px;
    height: 30px;
    background-image: url('../images/header-logo-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 25px 20px 0 0;
    display: none;
    float:right;
}

header .flags {
    display: inline-block;
    width: 88px;
    height: 75px;
}

header .flag {
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    font-weight: 400;
    color: #bbbbbb;
    line-height: 13px;
    font-size: 13px;
    float: right;
}

header .flag a {
    margin-top: 9px;
    color: #bbbbbb;
    display: block;
}

header .flag.active-flag a {
    color: #777777;
}

@media (max-width: 767px) {
    header .header-logo-xs {
        display: block;
    }
}

@media (max-width: 480px) {
    header .header-logo-xs {
        display: none;
    }
}

.main-menu {
    display: none;
    position: absolute;
    width: 280px;
    background-image: url('../images/menu-bg.png');
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 80px 0 90px 30px;
    margin: 0 0 0 10px;
    z-index: 1000;
}

.main-menu ul {
    padding: 0;
}

.main-menu ul li {
    margin: 14px 0;
    color: #2b2b2b;
    list-style-type: none;
    font-size: 20px;
    cursor: pointer;
}

.main-menu ul li:hover {
    color: #ffffff;
}


/*------------------------------------------
HEADER
------------------------------------------*/

/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)
*/
.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../images/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; z-index: 9000;}
.jssora21r { background-position: -63px -33px; z-index: 9000;}
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }

.jssora21l-black {
    background-image: url(../images/a21_black.png);
}

/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 {
    position: absolute;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
    position: absolute;
    /* size of bullet elment */
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(../images/b21.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

#section1 {
    margin: 75px 0 0 0;
}

#section1 .content {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center;
}

.header-big {
    width: 100%;
    align-self: center;
}

/*#section1 .section1-barack {*/
    /*background-image: url('../images/section1-peak.png'), url('../images/section1-slider-bg-barack.jpg');*/
    /*background-size: auto, cover;*/
    /*background-position: 50% 100%, 0 0;*/
    /*background-repeat: no-repeat, no-repeat;*/
    /*text-align: center;*/
/*}*/

/*#section1 .section1-korte {*/
    /*background-image: url('../images/section1-peak.png'), url('../images/section1-slider-bg-korte.jpg');*/
    /*background-size: auto, cover;*/
    /*background-position: 50% 100%, 0 0;*/
    /*background-repeat: no-repeat, no-repeat;*/
    /*text-align: center;*/
/*}*/

/*#section1 .section1-szilva {*/
    /*background-image: url('../images/section1-peak.png'), url('../images/section1-slider-bg-szilva.jpg');*/
    /*background-size: auto, cover;*/
    /*background-position: 50% 100%, 0 0;*/
    /*background-repeat: no-repeat, no-repeat;*/
    /*text-align: center;*/
/*}*/

/*#section1 .section1-korte .logo img,*/
/*#section1 .section1-szilva .logo img,*/
/*#section1 .section1-barack .logo img {*/
    /*width: 100%;*/
/*}*/

/*#section1 .section1-barack .logo {*/
    /*padding-top: 150px;*/
    /*width: 160px;*/
    /*margin: 0 auto;*/
/*}*/

/*#section1 .section1-korte .logo {*/
    /*padding-top: 150px;*/
    /*width: 182px;*/
    /*margin: 0 auto;*/
/*}*/

/*#section1 .section1-szilva .logo {*/
    /*padding-top: 150px;*/
    /*width: 184px;*/
    /*margin: 0 auto;*/
/*}*/

/*#section1 .section1-barack p,*/
/*#section1 .section1-korte p,*/
/*#section1 .section1-szilva p {*/
    /*color: #ffffff;*/
    /*font-size: 26px;*/
    /*text-shadow: 2px 2px #000000;*/
/*}*/

/*#section1 .section1-barack p:nth-child(2),*/
/*#section1 .section1-korte p:nth-child(2),*/
/*#section1 .section1-szilva p:nth-child(2) {*/
    /*padding: 24px 0 0 0;*/
/*}*/

#section1 .buttons {
    position: absolute;
    bottom: 2%;
    width: 100%;
    text-align: center;
}

#section1 .button.button1 {
    display: inline-block;
    background-color: #f6ab0b;
    width: 280px;
    height: 75px;
    padding: 28px 0 0 0;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 0 0;
    letter-spacing: 2px;
}

#section1 .button.button2 {
    display: inline-block;
    background-color: #ffffff;
    width: 280px;
    height: 75px;
    padding: 28px 0 0 0;
    text-align: center;
    font-size: 20px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 0 0;
    letter-spacing: 2px;
}

#section1 .button:hover {
    background-color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    color: #ffffff;
}

@media (max-width: 768px) {
    /*#section1 .section1-barack p,*/
    /*#section1 .section1-korte p,*/
    /*#section1 .section1-szilva p {*/
        /*display: none;*/
    /*}*/
    #section1 .buttons {
        display: none;
    }
    /*#section1 .section1-barack .logo,*/
    /*#section1 .section1-korte .logo,*/
    /*#section1 .section1-szilva .logo {*/
        /*width: 360px;*/
    /*}*/
    /*#section1 .section1-barack .logo {*/
        /*padding-top: 60px;*/
    /*}*/
}

/*------------------------------------------
MAP
------------------------------------------*/

#section2 .wrapper {
    background-color: #dfdcd6;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 15px;
}

.section2-header-up {
    display: block;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

#section2 .content {
    background-image: url('../images/section2-bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;
    max-width: 953px;
    min-height: 606px;
    height: auto;
    margin: 0 auto;
}

#section2 .content h1 {
    margin-top: 0;
    padding: 0 0 20px 0;
    text-align: center;
}

#section2 .content h1 span {
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

#section2 .content h1 span:after {
    border-bottom: 2px solid #fba926;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 10%;
    position: absolute;
    width: 80%;
}

#section2 .content img {
    width: 100%;
    max-width: 660px;
    padding: 0 15px;
}

#section2 .content p {
    color: #2b2b2b;
    font-size: 24px;
    line-height: 27px;
    padding: 2px 0;
    margin: 0;
}

#section2 .content p:nth-child(2) {
    padding: 130px 0 2px;
}

#section2 .content p:nth-child(3) {
    padding: 2px 0 10px;
}

#section2 .content p:nth-child(5) {
    padding: 10px 0 20px;
}

#section2 .content p:nth-child(6) {
    font-size: 20px;
}

#section2 .content p:nth-child(7) {
    font-size: 17px;
}

#section2 .content p:nth-child(8) {
    padding: 180px 0 20px;
    font-size: 18px;
}

#section2 .content p:nth-child(9) {
    padding: 10px 0 40px;
    font-size: 18px;
}

@media (max-width: 992px) {
    #section2 .content p:nth-child(2) {
        padding: 80px 0 2px;
    }
}

@media (max-width: 768px) {
    #section2 .content {
        background-image: none;
        min-height: 0;
    }
    #section2 .content img {
        display: none;
    }
    #section2 .content p:nth-child(2) {
        padding: 40px 0 2px;
    }
    #section2 .content p:nth-child(3) {
        padding: 2px 0 20px;
    }
    #section2 .content p:nth-child(5) {
        padding: 40px 0 40px;
    }
}

/*------------------------------------------
DRINKS
------------------------------------------*/

#section3 .content {
    max-width: 1400px;
    margin: 0 auto;
}

#section3 .section3-barack,
#section3 .section3-korte,
#section3 .section3-szilva {
    text-align: left;
}

#section3 .section3-barack .background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/section3-slider-bg-barack.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#section3 .section3-korte .background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/section3-slider-bg-korte.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#section3 .section3-szilva .background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/section3-slider-bg-szilva.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#section3 .section3-szolo .background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/section3-slider-bg-szolo.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#section3 .section3-birs .background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/section3-slider-bg-birs.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#section3 .section3-legenda .background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../images/section3-slider-bg-legenda.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#section3 .section3-szolo .logo img,
#section3 .section3-birs .logo img,
#section3 .section3-legenda .logo img,
#section3 .section3-korte .logo img,
#section3 .section3-szilva .logo img,
#section3 .section3-barack .logo img {
    width: 100%;
}

#section3 .section3-szolo .details,
#section3 .section3-birs .details,
#section3 .section3-legenda .details,
#section3 .section3-barack .details,
#section3 .section3-korte .details,
#section3 .section3-szilva .details {
    display: inline-block;
    background-color: transparent;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 472px;
    height: 725px;
    margin: 0 0 0 50%;
    position: relative;
    padding: 220px 20px 20px 20px;
    text-align: center;
}

#section3 .section3-szilva .details {
    background-image: url('../images/section3-details-bg-szilva.png');
}

#section3 .section3-korte .details {
    background-image: url('../images/section3-details-bg-korte.png');
}

#section3 .section3-barack .details {
    background-image: url('../images/section3-details-bg-barack.png');
}

#section3 .section3-birs .details {
    background-image: url('../images/section3-details-bg-birs.png');
}

#section3 .section3-szolo .details {
    background-image: url('../images/section3-details-bg-szolo.png');
}

#section3 .section3-legenda .details {
    background-image: url('../images/section3-details-bg-legenda.png');
}

#section3 h2 {
    font-size: 36px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 40px;
    margin: 36px 0 20px 0;
    text-transform: uppercase;
    max-width: 100%;
    text-align: center;
}

#section3 .section3-szolo p,
#section3 .section3-birs p,
#section3 .section3-legenda p,
#section3 .section3-barack p,
#section3 .section3-korte p,
#section3 .section3-szilva p {
    color: #2b2b2b;
    font-size: 15px;
    line-height: 19px;
    padding: 0;
    margin: 0 0 20px 0;
    max-width: 100%;
}

#section3 .button-wrapper {
    position: absolute;
    bottom: 0;
    width: 380px;
}

#section3 .EU-protected {
    font-size: 14px;
    color: #2b2b2b;
    text-align: right;
    padding-left: 88px;
    /*height: 61px;*/
    /*background-image: url('../images/eu_eredet.png');*/
    /*background-position: top left;*/
    /*background-repeat: no-repeat;*/
    /*padding-left: 80px;*/
    /*padding-top: 12px;*/
}

#section3xs .button,
#section3 .button {
    display: inline-block;
    background-color: #fba926;
    border: 1px solid #f8f5ee;
    border-radius: 3px;
    padding: 15px 70px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #ffffff;
}

#section3xs .button {
    margin: 0 auto;
}

#section3 .button:hover {
    background-color: #ffffff;
    color: #2b2b2b;
    border: 1px solid #2b2b2b;
    text-decoration: none;
}

@media (max-width: 768px) {
    #section3 .section3-szolo p,
    #section3 .section3-birs p,
    #section3 .section3-legenda p,
    #section3 .section3-barack p,
    #section3 .section3-korte p,
    #section3 .section3-szilva p {
        display: none;
    }
    #section3 .button {
        display: none;
    }
}

#section3 .pager-wrapper {
    background-color: #f8f5ee;
    padding: 10px 15px 15px 15px;
}

#section3 .legenda-wrapper {
    background-image: url('../images/section3-legenda-pager-bg.png');
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: repeat-x;
    padding-top: 25px;
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    #section3 .pager-wrapper {
        display: none;
    }
}

#section3 .pager {
    max-width: 800px;
    margin: 0 auto;
}

#section3 .legenda-pager {
    text-align: center;
}

#section3 .pager img {
    z-index: 900;
    max-width: 160px;
    display: inline-block;
    float:left;
    border-left: 4px solid #f8f5ee;
    border-right: 4px solid #f8f5ee;
    cursor: pointer;
}

#section3 .pager img.pager-legenda {
    border:0;
    margin: 0 0 0 325px;;
}

.actpager {
    animation: swing ease-in-out 1s infinite alternate;
}

@keyframes swing {
    0% { transform: scale(0.95); }
    100% { transform: scale(1.1); }
}

#section3xs .content {
    margin: 0 auto;
}

#section3xs .section3-barack .details {
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 20px auto 40px;
    position: relative;
}

#section3xs .section3-korte .details {
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 20px auto 40px;
    position: relative;
}

#section3xs .section3-szilva .details {
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 20px auto;
    position: relative;
}

#section3xs .section3-szolo .details {
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 20px auto;
    position: relative;
}

#section3xs .section3-birs .details {
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 20px auto;
    position: relative;
}

#section3xs .section3-legenda .details {
    display: block;
    padding: 0 15px;
    width: 100%;
    margin: 20px auto;
    position: relative;
}

#section3xs .details img {
    width: 100%;
}

#section3xs .EU-protected {
    display: none;
}

#section3xs h2 {
    font-size: 24px;
    color: #2b2b2b;
    line-height: 28px;
    margin: 0;
    padding: 20px 25px 30px 25px;
    text-transform: uppercase;
}

#section3xs .section3-szolo p,
#section3xs .section3-birs p,
#section3xs .section3-legenda p,
#section3xs .section3-barack p,
#section3xs .section3-korte p,
#section3xs .section3-szilva p {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    padding: 0 25px;
    margin: 0 0 30px 0;
}

/*------------------------------------------
NEWS
------------------------------------------*/

#section10 .content {
    background-color: #f8f5ee;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#section10 h1 {
    padding: 20px 0 20px 0;
    text-align: center;
    margin: 20px 0 30px 0;
}

#section10 h1 span {
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

#section10 h1 span:after {
    border-bottom: 2px solid #fba926;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 40%;
    position: absolute;
    width: 20%;
}

@media (max-width: 768px) {
    #section10 h1 span:after {
        border: 0;
    }
}

#section10 h4 {
    padding: 0;
    text-align: center;
    margin: 20px 15px 40px 15px;
    display: inline-block;
}

#section10 h4 a {
    color: #2b2b2b;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

#section10 h4 a:hover {
    cursor: pointer;
}

#section10 h4 a:hover:after {
    border-bottom: 2px solid #fba926;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 10%;
    position: absolute;
    width: 80%;
}

@media (max-width: 768px) {
    #section10 h1 span:after {
        border: 0;
    }
}

.section10-box {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
}

#section10 .section10-box .logo {
    width: 40%;
    height: 100%;
    float: left;
}

#section10 .section10-box .logo img {
    width: 100%;
}

#section10 .section10-box .details {
    float: right;
    display: inline-block;
    background-color: #ffffff;
    width: 60%;
    height: 380px;
    margin: 0;
    position: relative;
    padding: 20px 40px;
    text-align: left;
}

#section10 h2 {
    font-size: 28px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 32px;
    margin: 30px 0 20px 0;
    text-transform: uppercase;
    max-width: 75%;
}

#section10 p {
    color: #2b2b2b;
    font-size: 17px;
    line-height: 24px;
    padding: 0;
    margin: 0 0 30px 0;
}

@media (max-width: 768px) {
    #section10 .section10-box .logo {
        width: auto;
        float: none;
        margin: 0 15px;
    }
    #section10 .section10-box .details {
        width: auto;
        height: auto;
        float: none;
        margin: 0 15px 30px 15px;
    }
}

/*------------------------------------------
RESTAURANTS
------------------------------------------*/

#section4 .wrapper {
    background-color: #f8f5ee;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 15px 0px 15px;
}

#section4 .content {
    background-color: #e2dfd7;
    max-width: 1170px;
    min-height: 300px;
    height: auto;
    margin: 0 auto;
    padding: 2px 50px 75px 50px;
}

#section4 h1 {
    padding: 20px 0 20px 0;
    text-align: center;
    margin: 20px 0 40px 0;
}

#section4 h1 span {
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

#section4 h1 span:after {
    border-bottom: 2px solid #fba926;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 40%;
    position: absolute;
    width: 20%;
}

@media (max-width: 768px) {
    #section4 h1 span:after {
        border: 0;
    }
}

#section4 .content h2 {
    display: block;
    color: #2b2b2b;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin: 50px 0 45px 0;
}

#section4 .content img {
    width: 100%;
    max-width: 760px;
    padding: 0 15px;
}

#section4 .content .resti a {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    width: 33%;
    float: left;
    text-align: left;
}

@media (max-width: 768px) {
    #section4 .content .resti {
        color: #2b2b2b;
        font-size: 16px;
        line-height: 24px;
        padding: 0;
        margin: 0 auto;
        width: auto;
        float: none;
        text-align: center;
    }
}

/*------------------------------------------
BIGPIC
------------------------------------------*/

#section5 .wrapper {
    background-color: #f8f5ee;
    width: 100%;
    height: auto;
    max-width: 1400px;
    margin: 0 auto;
}

#section5 .section5 img {
    margin: -40px 0 0 0;
    width: 100%;
    height: auto;
}

/*------------------------------------------
TWO BLOCKS
------------------------------------------*/

#section6 .wrapper {
    background-color: #f8f5ee;
    width: 100%;
    height: auto;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 100px 0 150px;
}

#section6 .content-left {
    float: left;
    width: 50%;
    padding: 0 0 10px 0;
    margin: -60px 0 0 0;
}

#section6 .content-right {
    float: left;
    width: 50%;
    padding: 0 0 10px 50px;
    margin: -60px 0 0 0;
}

#section6 .content-left img,
#section6 .content-right img {
    float: right;
}

#section6 h2 {
    display: block;
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    text-align: left;
    margin: 140px 0 20px 0;
}

@media (max-width: 1120px) {
    #section6 .content-left img,
    #section6 .content-right img {
        float: none;
    }
    #section6 h2 {
        margin: 20px 0 20px 0;
    }
}

#section6 h3 {
    display: block;
    color: #2b2b2b;
    font-size: 23px;
    text-transform: uppercase;
    text-align: left;
    margin: 20px 0 20px 0;
}

#section6 p {
    color: #2b2b2b;
    font-size: 16px;
    text-align: justify;
    margin: 20px 50px 20px 0;
}

#section6 .content-right p:first-child,
#section6 .content-left p:first-child {
    margin: 0;
}

@media (max-width: 840px) {
    #section6 .wrapper {
        padding: 0 15px;
    }
    #section6 .content-left,
    #section6 .content-right {
        float: none;
        width: 100%;
        padding: 0 15px;
        margin: 0;
    }
    #section6 .content-right {
        padding: 50px 15px;
    }
    #section6 p {
        margin: 20px 0 20px 0;
    }
}

@media (max-width: 460px) {
    #section6 .wrapper {
        padding: 0;
    }
}

/*------------------------------------------
THE FRUIT
------------------------------------------*/

#section7 .wrapper {
    background-color: #f8f5ee;
    background-image: url('../images/section7-bg.png');
    background-size: auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px 140px 15px;
}

#section7 .wrapper .content {
    background-color: #f8f5ee;
    padding: 150px 50px 60px 50px;
    float: right;
    margin: 0 100px 0 0;
    max-width: 580px;
    width: 100%;
}

#section7 .wrapper .content h2 {
    display: block;
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    text-align: left;
    margin: 10px 0 20px 0;
}

#section7 .wrapper .content h3 {
    display: block;
    color: #2b2b2b;
    font-size: 23px;
    text-transform: uppercase;
    text-align: left;
    margin: 20px 0 20px 0;
}

#section7 .wrapper .content p {
    color: #2b2b2b;
    font-size: 16px;
    text-align: justify;
}

@media (max-width: 768px) {
    #section7 .wrapper {
        padding: 0 15px 50px 15px;
    }
    #section7 .wrapper .content {
        float: none;
        margin: 0 auto;
        padding: 2px 15px 40px 15px;
    }
}

/*------------------------------------------
QUESTIONS
------------------------------------------*/

#section8 .content {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    background-color: #3f3831;
    background-image: url('../images/section8-bg.jpg');
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#section8 .content h1 {
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 70px;
    width: 100%;
}

#section8 .content h1 span {
    color: #ffffff;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

/*#section8 .content h1 span:after {*/
    /*border-bottom: 2px solid #fba926;*/
    /*bottom: -46px;*/
    /*content: "";*/
    /*height: 1px;*/
    /*left: 30%;*/
    /*position: absolute;*/
    /*width: 40%;*/
/*}*/

#section8 .content .question_wrapper {
    padding: 180px 0 100px 0;
}

#section8 .content .question {
    padding: 0 30px;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}

#section8 .content .question h2 {
    display: block;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0 50px 0;
}

#section8 .content .question h3 {
    display: block;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    margin: 10px 0 20px 0;
}

#section8 .content .question p {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin: 10px 0 20px 0;
}

#section8 .content .question a {
    color: #ffffff;
    text-decoration: underline;
}

#section8 .content .question a:hover {
    color: #e0e0e0;
}

@media (max-width: 768px) {
    #section8 {
        display: none;
    }
}

/*------------------------------------------
GALLERY
------------------------------------------*/

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/

.jssort01 {
    background-color: #f8f5ee;
}

.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #fff 2px solid;
    box-sizing: content-box;
    background: url('../images/t01.png') -800px -800px no-repeat;
    _background: none;
}

.jssort01 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 68px;
    height: 68px;
    border: #fff 0px solid;
    _border: #347ae8 0px solid;
    background-position: 50% 50%;
}

.jssort01 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: transparent 1px solid;
    background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    border: #fff 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 72px;
    height /**/: 72px;
}

#section9 .wrapper {
    background-color: #f8f5ee;
    max-width: 1400px;
    margin: 0 auto;
}

#section9 .content {
    margin: 0 auto;
    max-width: 900px;
    padding: 0 0 80px 0;
}

#section9 h1 {
    padding: 60px 0 20px 0;
    text-align: center;
    margin: 0 0 40px 0;
}

#section9 h1 span {
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

#section9 h1 span:after {
    border-bottom: 2px solid #fba926;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 25%;
    position: absolute;
    width: 50%;
}

/*------------------------------------------
GALLERY
------------------------------------------*/

footer .container-fluid {
    max-width: 1400px;
}

footer .wrapper {
    background-color: #dfdcd6;
    margin: 0 auto;
    min-height: 400px;
    text-align: center;
    padding: 0;
}

footer .wrapper h1 {
    padding: 0 0 20px 0;
    text-align: center;
    margin: 0 0 40px 0;
}

footer .wrapper h1 span {
    color: #2b2b2b;
    font-size: 32px;
    text-transform: uppercase;
    position: relative;
}

footer .wrapper h1 span:after {
    border-bottom: 2px solid #fba926;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 25%;
    position: absolute;
    width: 50%;
}

footer nav ul {
    padding: 0;
}

footer nav li {
    display: inline-block;
    margin-right: 0;
    color: #2b2b2b;
    font-size: 16px;
    padding: 20px 0;
    min-height: 150px;
    min-width: 290px;
    vertical-align: top;
}

footer nav li.email {
    background-color: #2d2d2d;
    display: inline-block;
    margin-right: 0;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 0;
    min-height: 0;
    min-width: 100%;
    vertical-align: top;
}

footer nav li:last-child {
    margin-right: 0;
}

footer .wrapper a,
footer nav li a {
    display: inline-block;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    color: #fba926;
}

footer .wrapper a {
    display: block;
    margin: 0 auto;
}

footer .wrapper a:hover,
footer nav li a:hover{
    color: #fff;
    text-decoration: none;
}

footer .widgettitle {
    display: none;
}

#if1 .fa {
    display: inline-block;
}

#if1 .fi {
    display: none;
}

#if2 .fa {
    display: none;
}

#if12 .fi {
    display: inline-block;
}

#if3 .fa {
    display: none;
}

#if3 .fi {
    display: inline-block;
}

.index-flags {
    margin: 10px 0 60px 0;
}

.index-flag {
    cursor: pointer;
    margin-left: 12px;
    margin-right: 12px;
    font-weight: 400;
    color: #888888;
    line-height: 13px;
    font-size: 13px;
}

.index-flag img {
    margin-top: -2px;
}

.index-flag.active-index-flag {
    color: #ffffff;
}