﻿/*Kalamata En*/

@import url("https://p.typekit.net/p.css?s=1&k=ety7aye&ht=tk&f=10884&a=16823177&app=typekit&e=css");

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
}

body { font-family: "futura-pt",sans-serif; }
#headline h1 {font-size: 125%;}

/*Header*/
#header2 ul.menu .menu-sub li {margin-right: 0;}
#header2 .languages {border-left: none;}
#header2 .header-top-left { vertical-align: top; margin: 0;}

/*Top Banner*/
#home-gallery .gallery-caption.caption-text { top: 52%;}

/*About Page*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {line-height: 1.2; font-size: 180%;}
.normal-form .must::before {left: 7px;   right: auto;}

/*Menus Page*/
.menuModuleTextItemTitle { font-size: 95%;}
.categories-strip ul li { margin: 0 0 0 -7px;}

/*Gift Card Page*/
.gift-card-page #lobbyview h2 { text-align: center !important; direction: ltr;}


@media (min-width: 1440px) {
    #header2 .LogoCentered ul.menu li.logoInMenu { width: 100px; height: 100px; margin: 0 40px 0 0;}
    #header2 .header-top { right: -40px;}
    #header2:after { top: 72px;}
}

@media (max-width: 1440px) and (min-width: 1171px){
    #header2:after { top: 85px;}
    #header2 .header-top-left { margin: 2px 0 0 15px;}
    #header2 .header-top-right a.lang { vertical-align: bottom;}
    #header2 .languages { margin-top: 3px;}
}

@media(min-width: 1170px) and (max-width: 1439px) {
    #header2 .LogoCentered ul.menu li.logoInMenu { width: 60px;}
    #header2 .header-top { right: -60px;}
    #header2 ul.menu li { margin-left: 0;}
}

@media (max-width: 1280px) and (min-width: 1170px){
    #header2:after { top: 80px; }
    #header2 .header-top-left {margin: 7px 0 0 15px;}
}

@media(max-width: 1170px) {
    #header2:after { top: 83px;}
    #header2 .header-top { right: -90px;}
    #header2 .languages { vertical-align: middle;}
    #header2 .header-top-left { margin: 4px 0 0 15px;}
}

@media(min-width: 1025px) {
    
    #header2 .menu-sub { padding: 15px 15px 5px; }
    #header2 .menu-nav { right: 49%;}
    #header2 ul.menu li .menu-sub a { float: none;}
    #header2 .header-top { width: auto; left: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
    #header2 ul.menu li { margin-left:0px;}
}

@media(min-width: 991px) {
    .sections .grid-text-section .grid-text p { width: 60%; margin: 0 auto;}
    div#pageview { width: 70%;}
}

@media (min-width: 960px){
    #home-gallery .gallery-caption .gallery-text { font-size: 170%; }
}

@media(max-width: 1024px) {
    #header2 .languages {left: 50%;top: 10px;}
    #header2 #header-left img { margin: 0 20px 0 0;}
    #header2 ul.menu li.has-sub a { margin-right: 0;}
    .has-sub i.opensub { margin-bottom: 10px;}
    #header2 ul.menu > li { padding: 5px 0;}
    #header2 ul.menu .menu-sub li { text-align: center;}
    #header2 ul.menu li.has-sub ul { margin-right: 0;}
    #DynamicFormObject .must:before { right: auto;}
    #mobile-player-controls span {vertical-align: middle;}
    .select-wrapper:after { left: auto; right: 15px;}
    .normal-form select { width: 100%;}
    #header2 .menu-nav { padding: 0 0 0 10px;}
    #home-gallery .gallery-caption.caption-text { top: 49%;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 ul.menu { right: 0; left: 0;}
}

@media(min-width: 768px) and (max-width: 991px) {
    .box-image-animation img { margin-left: 0;}
}

@media(max-width: 767px) {
    #header2 .languages {left: 120%; top: 7px; right: auto;}
    .has-sub i.opensub { margin-bottom: 5px;}
    #header2 .phone-icon { left: auto; right: -10px; top: 10px;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 7px;}
    #home-gallery .gallery-caption .gallery-text { white-space: normal; text-align: center; line-height: 1.2}
    #headline h1 { font-size: 100%;}
    .gift-card-page #lobbyview h2 {font-size: 125%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { line-height: 1; }
}