/**Ouzaria***/
body { color: #2a2a2a; background-color: #f5eee4; background-image: url(../../../warehouse/temp/ouzeria/site-bg.jpg); }
#SiteContainer { position: relative; }


@media(max-width:991px) {
    #SiteContainer:after { position: fixed; }
}

@media(max-width:767px) {
    #SiteContainer:after { top: 5px; bottom: 5px; left: 5px; right: 5px; }
}


/*#header-left a.logoHeader { position: relative; }
#header-left a.logoHeader::after { content: ''; position: absolute; left: calc(100% + 20px); bottom: 0; width: 65px; height: 110%; background-image: url(/warehouse/dynamic/577226.png); background-position: center; background-size: contain; background-repeat: no-repeat; }
*/
#header2 #header-left { display: flex; width: auto; gap: 20px; align-items: center; direction: ltr; }
#header2 #header-left .location-info { position: relative; }
#header2 #header-left .location-info::after { content: ''; position: absolute; left: calc(100% + 15px); top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/616045.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }
#header2 #header-left .location-info img { opacity: 1; width: 70px; }


@media (min-width: 1025px) {
    #header2 { background: transparent; background: rgba(18,18,18,0.8); background: -moz-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(bottom, color-stop(0%, rgba(18,18,18,0)), color-stop(100%, rgba(18,18,18,0.8))); background: -webkit-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); background: -o-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); background: -ms-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); background: linear-gradient(to top, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4799', endColorstr='#000000', GradientType=1 ); position: fixed; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2.bg { background-color: #2a2a2a; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2 .menu-nav { display: inline-block; width: 60vw; margin: 0; }
    #header2 .header-right-section.pull-right { width: 90%; }
    #header2 .max-width { max-width: 98%; }
    #header2 .header-top { display: inline-block; width: auto; }
    #header2 #header-left img { max-width: 130px; opacity: 0; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2.bg #header-left img { opacity: 1; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2 ul.menu { text-align: center; }
    #header2 ul.menu li.active,
    #header2 ul.menu li:hover,
    #header2 ul.menu li:focus { background: #ffd452; color: #2a2a2a; }
    #header2 ul.menu li { transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; padding: 5px 10px; }
    #header2 ul.menu > li:before { opacity: 0; }
    #header2 ul.menu li a:focus { opacity: 1; border: 0px; }
    #header2 ul.menu li a { font-family: Heebo-Medium, Arial; }
    #header2 .header-top-right { display: flex; width: 100%; }
    #header2 .header-top .address { font-size: 100%; width: auto; display: inline-block; }
    span.bottomAddress { margin-left: 7px; }
    #header2 .header-top-left { text-align: center; margin: 0; }
}

@media (min-width: 1025px) and (max-width:1440px) {
    #header2 .header-top-left { width: 13vw; top: 18px; }
}

@media(min-width: 991px) and (max-width: 1024px) {
    #header2 ul.menu { padding-top: 90px; }
}

@media (max-width:1024px) {
    #header2 { position: fixed; background: rgba(18,18,18,0.8); background: -moz-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(bottom, color-stop(0%, rgba(18,18,18,0)), color-stop(100%, rgba(18,18,18,0.8))); background: -webkit-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); background: -o-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); background: -ms-linear-gradient(bottom, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); background: linear-gradient(to top, rgba(18,18,18,0) 0%, rgba(18,18,18,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4799', endColorstr='#000000', GradientType=1 ); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; padding-top: 3%; }
    #header2.bg { background: #2a2a2a; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    #header2 .header-right-section { background: #ffd452; color: #2a2a2a; font-family: Heebo-Medium, Arial; }
    #header2 ul.menu { background: #ffd452; }
    #header2 ul.menu li { color: #2a2a2a; }
    #header2 ul.menu li.active { background: rgba(255, 255, 255, 0.5); color: #2a2a2a; }
    #header2 ul.menu .social-links a svg { fill: #2a2a2a; }
    #header2 ul.menu li:hover, #header2 ul.menu li a:focus { opacity: 1; color: #000; text-decoration: none; border: 0px; }
    #header2 ul.menu { min-width: 250px }
    #header2 .mobile-middle-kdm a { border: 0px; font-size: 120%; border-radius: 0px }
    #header2 .mobile-middle-kdm a:hover { background: #ffd452; color: #2a2a2a; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: #2a2a2a; }

    #header-left a.logoHeader::after { left: calc(100% + 10px); width: 40px; }
}

@media (max-width:767px) {
    #header2 { background: #2a2a2a; }
    #header2 .max-width { width: 100%; max-width: 100%; }
    #header2 .phone-icon { font-size: 190%; left: -80%; top: 50%; transform: translateY(-50%); }
    #header2 .mobile-middle-kdm { width: 30%; padding-right: 50px; }
    #header-left a { display: flex; width: auto; max-width:60px; }
    #header2 #header-left { margin: 0; gap: 10px; }
    #header2 #header-left .location-info::after { left: 60%; width: 100%; }
    #header2 .header-top.social-links { display: none; }
    #header2 #header-left .location-info img { width: 65%; }
    #header2.open .mobile-middle-kdm a,
    #header2.open .phone-icon a { color: #2a2a2a; }
    #header2 .header-right-section { width: 14% }
    .nav-menu-anim { width: 100% }
    #header2 .languages { left: -130%; }
    #header2 .header-top-right a.lang { margin: 0; }
}

@media (max-width:375px) {
    #header2 .header-right-section { width: 15% }
}

@media (max-width:320px) {
    #header2 .header-right-section { width: 18% }
    #header2 .languages { left: -119%; }
}

#home-gallery .gallery-caption { z-index: 4; }
#home-gallery .gallery-logo { width: 375px; }
#home-gallery .flex-control-paging li a.flex-active { background: #ffd452; }
#home-gallery .flex-control-paging li a { background: #fff; }
#home-gallery .st0 { fill: #fff; }

@media(max-width:767px) {
    #home-gallery .gallery-logo { max-width: 60vw }
}

.section-title { font-family: Heebo-Medium, Arial; margin-bottom: 50PX; }
.section-title h2, .section-title h1 { font-size: 240%; }
.section-title h2:before,
.section-title h2:after,
.section-title h1:before,
.section-title h1:after,
#headline:after,
#headline:before { content: ""; border-top: 3px dashed #96bcc7; width: 447px; display: block; margin: 20px auto; }
.section-title h2:after, .section-title h1:after { content: ""; border-top: 3px dashed #96bcc7; width: 447px; display: block; margin: 20px auto; }
.grid-text-section .section-title { margin-bottom: 50px; }

.grid-box-image-text { font-size: 80%; width: 100%; }
.grid-box-image .hideUntilHover { text-align: right; padding: 10px 15px; }
.grid-box-image .hideUntilHover h3 { font-size: 150% }

@media (max-width:767px) {
    .section-title h2:before,
    .section-title h2:after,
    .section-title h1:before,
    .section-title h1:after,
    #headline:after,
    #headline:before { width: 40%; }
}

.text1 { max-width: 900px; margin: 0 auto 60px; }
.text1 p { font-size: 90%; }
.grid-text p { font-size: 90%; margin-top: 0; }
.grid-text h2 { margin-bottom: 50px; }
#text1 { max-width: 760px; }

@media (max-width:991px) {
    .text1 { max-width: 83%; }
    #text1 { max-width: 660px; }
}

@media(max-width:767px) {
    .text1 { margin-bottom: 40px; }
    #text1 { max-width: 90%; }
}

.owl-carousel .owl-item .item { max-height: 430px; }
.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/ouzeria/arrow-right.png); }
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/ouzeria/arrow-left.png); }
.owl-carousel .owl-prev:after,
.owl-carousel .owl-next:after { width: 86px; height: 86px; }
.owl-carousel .owl-prev { right: 30px }
.owl-carousel .owl-next { left: 30px }
.owl-carousel .owl-item .item .plus-sign { background: rgba(42, 42, 42, 0.9); color: #9f967a; }


.blueimp-gallery > .next:after, .blueimp-gallery > .prev:after { content: ""; width: 80px; height: 80px; display: block; background-size: cover; position: absolute; top: 0; }
.blueimp-gallery > .next:after { margin-left: -60px; background-image: url(../../../warehouse/temp/ouzeria/arrow-right.png); }
.blueimp-gallery > .prev:after { margin-left: 11px; background-image: url(../../../warehouse/temp/ouzeria/arrow-left.png); }
.blueimp-gallery > .next, .blueimp-gallery > .prev, .blueimp-gallery > .close:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .play-pause:hover, .blueimp-gallery > .prev:hover, .blueimp-gallery > .title:hover { color: transparent; border: 0px; background: transparent; text-shadow: none; }

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { content: ""; width: 80px; height: 80px; display: block; background-size: cover; content: "" !important; }
.flex-direction-nav a.flex-next:before { margin-left: -60px; background-image: url(../../../warehouse/temp/ouzeria/arrow-right.png); }
.flex-direction-nav a.flex-prev:before { margin-left: 11px; background-image: url(../../../warehouse/temp/ouzeria/arrow-left.png); }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0; }

.gallery-cubes .image-link-inner { background: rgba(42, 42, 42, 0.9); color: #9f967a; }
.gallery-cubes .boxes-images-outer-image:hover .image-link-container, .gallery-cubes .boxes-images-outer-image:focus .image-link-container { background-color: rgba(150, 188, 199, 0.6); }
.gallery-cubes > div { padding: 5px; }

@media (max-width:991px) {
    .owl-carousel .owl-prev:after,
    .owl-carousel .owl-next:after,
    .blueimp-gallery > .next:after,
    .blueimp-gallery > .prev:after,
    .flex-direction-nav a.flex-next:before,
    .flex-direction-nav a.flex-prev:before { width: 55px; height: 55px; }
    .gallery-cubes > div { width: 33.33%; }
}

@media(max-width:767px) {
    .owl-carousel .owl-prev:after,
    .owl-carousel .owl-next:after { width: 40px; height: 40px; }
}

footer { display: table; width: 100%; }
#SiteFooter { background: rgba(163, 212, 221, 0.9); color: #fff; }
#SiteFooter #partners-section img { margin: 0px 24px; width: 6%; }
/*#SiteFooter #partners-section img:nth-child(2) { width: 9%; }*/
#SiteFooter #partners-section { direction: ltr; padding: 3% 0; }
#SiteFooter .footer-address { margin-bottom: 40px; }
#SiteFooter .site-credit.alternative svg { fill: #fff }
#SiteFooter .mobile-seperator { background-color: #2a2a2a; }
#SiteFooter .footer-address { display: none; }
.site-credit.alternative.row { background: #2a2a2a; padding: 10px 0 20px; }

@media (max-width:991px) {
    #SiteFooter #partners-section img { width: 22% }
}

@media (max-width:767px) {
    #SiteFooter #partners-section { padding-bottom: 5%; }
}

section.food { margin-bottom: 20px; }
section.food .gallery-cubes { background: #ece2c9; }
section.tastMedi .section-title { margin-bottom: 0px }
section.tastMedi .grid-text-content { max-width: 1200px; }
section.staff { background: rgba(163, 212, 221, 0.9); max-width: 100%; }
section.staff .grid-boxes { max-width: 1130px; margin: 0 auto; }
section.staff .grid-box { padding: 0 30px; }
section.staff .grid-box .grid-box-image { border: 3px dashed #fff; }
section.staff .grid-box .grid-box-image-container { padding: 10px; }
section.staff .grid-box-title { position: absolute; bottom: 40px; right: 60px; color: #fff; font-size: 90%; }
section.contact { margin-bottom: 10px; }

@media (max-width:991px) {
    /*section.staff .grid-box-title{right:10%}*/
}


/***INNER PAGES **/
#GridTop { height: 65vh; }
.top-caption { font-family: Heebo-Medium, Arial; font-size: 360%; top: 50%; transform: translate(-50%, -30%); -webkit-transform: translate(-50%, -30%); -moz-transform: translate(-50%, -30%); }

#headline { margin-bottom: 50px; }
#text1 p { font-size: 90%; }
#SiteGrid.layout-bottom #GridPromo { padding-top: 40px; }
#DynamicFormObject, #DynamicFormObject:after, .normal-form, .normal-form:after { border-color: #baaf83; }

@media (max-width:991px) {
    .top-caption { font-size: 310%; }
}

@media (max-width:767px) {
    #headline { margin-bottom: 20px; }
    #GridTop { height: 45vh; }
}

@media (min-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 110%; margin-bottom: 30px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
    .form-container-wide #DynamicFormObject .dynamicFormEndText { width: 17%; text-align: right; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 66%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 30%; margin-right: 35%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
}

@media (max-width:991px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: inline-block; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; display: inline-block; text-align: center; margin-top: 10px; }
}

.normal-form textarea, .normal-form input, .normal-form select { font-size: 90%; padding: 6px 17px 6px 15px; }
.normal-form input[type="submit"],
#DynamicFormObject input[type="submit"] { background: #51b8d6; font-size: 100%; height: 38px; }
#DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus,
.normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus { border-color: #51b8d6; background: #fff; }
#DynamicFormObject { color: inherit; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 100%; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 82%; }
#contactform .contact-form-comment { font-size: 80%; }
.normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #2a2a2a; font-size: 100%; }
.normal-form input:-moz-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #2a2a2a; opacity: 1; }
.normal-form input::-moz-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #2a2a2a; opacity: 1; }
.normal-form input:-ms-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #2a2a2a; }
#contact-boxes { display: none; }
#contact-boxes a { height: 38px; background: #51b8d6; border: 1px solid #51b8d6; font-size: 100%; padding: 0 30px; line-height: 38px; margin-top: 10px; }
#contactform .submit-btn > div { width: 30% }


@media (max-width:991px) and (min-width:768px) {
    .contact-container .col-sm-6 { width: 33.33% }
    #contactform textarea { margin-top: 0px }
}

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

@media (max-width:767px) {
    #contact-boxes { margin: 7% auto 9%; display: block }
    .must:before { right: 15px; }
}

@media(min-width:992px) {
    span.slash { opacity: 0; display: block; height: 0px; }
}

@media(max-width:991px) {
    span.slash { padding: 0 5px; }
}




#MenuModule .menuModuleNav { padding-top: 35px; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover { color: #fff; background: #51b8d6; padding-bottom: 0; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#MenuModule .menuModuleNav a { font-size: 100%; padding: 7px 10px; border-radius: 0px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#MenuModule .menuModuleNav a:after { content: ""; height: 2px; width: 100%; background-color: #51b8d6; display: block; margin-top: 4px; }
.menuModuleContentPart { border-color: #baaf83; }
.menuModuleContentPart:after { border-color: #baaf83; }
.menuModuleTextItemSubjectTitle { font-size: 120%; }
.menuModuleTextItemSubjectDescription { font-size: 90%; }
.menuModuleTextItemTitle { color: #73663e; font-size: 110%; }
.menuModuleTextItemDescription { color: inherit; font-size: 90%; }
.menuModuleTextItemPrice { font-size: 80%; }
.menuModuleTextItemPrice:before { font-size: 70%; }
.menuModuleTextItem1, .menuModuleTextItem0 { height: 95px; }

.grid-boxes .grid-box-title h3 a { color: inherit; }
#lobbyview .grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 75%; }

@media(max-width:767px) {
    .section-title h2, .section-title h1 { font-size: 200%; }
    .grid-text h2 { font-size: 160%; margin-bottom: 20px; }
    .grid-text-section .section-title, .section-title { margin-bottom: 20px; }
    #MenuModule .menuModuleNav { padding-top: 5px; }
    section.contact .grid-text-content { max-width: 65%; }
    #MenuModule .menuModuleNav a { margin: 0; }
    li.notTable:last-child { margin-bottom: 0; height: auto; }
    li.notTable:last-child .menuModuleTextItemPart { margin-bottom: 0; }
    .flexslider:hover .flex-next, .flexslider .flex-next { right: 5%; width: 45px; height: 55px; }
    .flex-direction-nav a.flex-next:before { margin-left: 0; }
    .flexslider:hover .flex-prev, .flexslider .flex-prev { left: 5%; width: 45px; height: 45px; line-height: 55px; }
    .flex-direction-nav a.flex-prev:before { margin-left: 0; }
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after, .blueimp-gallery > .next:after, .blueimp-gallery > .prev:after, .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { width: 45px; height: 45px; }
    .grid-box-image .hideUntilHover { color: #2a2a2a; }
    /*.grid-box-image .hideUntilHover { opacity: 1; top: auto; bottom: 0; transform:  translate(0,0); left: auto; position: relative; }
    section.staff .grid-box .grid-box-image { overflow: visible; padding-bottom: 0; }
    section.staff .box-image-animation { overflow: visible; }
    section.staff .grid-box .grid-box-image-container { position: relative; }
    section.staff .grid-box-opacity-layer { display: none; }
    section.staff .grid-box-title {  display: none; }*/
}

.categories-strip { background: #2a2a2a; }
.categories-strip ul li.active { background: #ffd452; color: #2a2a2a; }

#FormResultPage #text1 a { height: 38px; width: 140px; background: #51b8d6; font-size: 100%; line-height: 38px; color: #fff; border: 1px solid transparent; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus { border-color: #51b8d6; background: #fff; color: #000; }
.accessabilityMainPage .categories-strip { display: none; }