@charset "UTF-8";
/*@import url("../vendor/aos/aos.css");*/
/*@import url("fontawesome.min.css");*/

/* === FONTS === */
@font-face {
  font-family: "Belleza"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/Belleza-Regular.woff2") format("woff2"), url("fonts/Belleza-Regular.woff") format("woff"), url("fonts/Belleza-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Tangerine"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/Tangerine-Regular.woff2") format("woff2"), url("fonts/Tangerine-Regular.woff") format("woff"), url("fonts/Tangerine-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Tangerine"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/Tangerine-Bold.woff2") format("woff2"), url("fonts/Tangerine-Bold.woff") format("woff"), url("fonts/Tangerine-Bold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/Montserrat-Light.woff") format("woff"), url("fonts/Montserrat-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/Montserrat-Regular.woff") format("woff"), url("fonts/Montserrat-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/Montserrat-Medium.woff") format("woff"), url("fonts/Montserrat-Medium.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/Montserrat-SemiBold.woff") format("woff"), url("fonts/Montserrat-SemiBold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/Montserrat-Bold.woff") format("woff"), url("fonts/Montserrat-Bold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



@font-face {
  font-family: "Roboto"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/Roboto-Light.woff") format("woff"), url("fonts/Roboto-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/Roboto-Regular.woff") format("woff"), url("fonts/Roboto-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/Roboto-Medium.woff") format("woff"), url("fonts/Roboto-Medium.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/Roboto-Bold.woff") format("woff"), url("fonts/Roboto-Bold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto"; font-style: normal; font-weight: 900; font-display: swap;
  src: url("fonts/Roboto-Black.woff") format("woff"), url("fonts/Roboto-Black.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --peach: #ffcc99;
  --orange: #DA9E32;
  --off-white: #D0D7DF;
  --dark-blue: #01264b;
  --greek-blue: #0359b0;
}

/* === GLOBAL ELEMENTS === */
html {overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth;}
body {background-color: #fff; color: #000000; font-family: 'Montserrat', sans-serif; font-weight:300; font-size: 1.25rem; line-height: 1.5; margin: 0;}

@media (max-width: 767px) {body{ line-height: 1.4; } }
@media (max-width: 567px) {body{font-size: 1rem; line-height: 1.3; } }

a {color: var(--peach); text-decoration: none;}
a:hover {color:#ffffff; text-decoration: underline;}

h1, h2, h3, .h1, .h2, .h3 { margin: 1.5rem 0; line-height: 1.2; position:relative;}
h1, .h1, .ya-mas {font-size: 5.5rem; text-transform: uppercase; font-family: 'Belleza'; font-weight:400;}
h2, .h2 {font-size: 1.9rem; text-transform: uppercase; font-family: 'Belleza'; font-weight:bold;}
h3, .h3 {font-size: 3rem; font-family: 'Bebas Neue';  }

@media (max-width: 992px) {
  .ya-mas {font-size: 4rem; }
}


@media (max-width: 767px) {
  h1, .h1 {font-size: 2.5rem; }
  h3, .h3 {font-size: 2rem; }
}

@media (max-width: 576px) {
  h1, .h1 {font-size: 2rem; }
  h2, .h2 {font-size: 1.3rem; }
  h3, .h3 {font-size: 1.7rem; }
}


/* ===== HEADER ===== */
header {width: 100%;  position:absolute; top: 0; left: 0; z-index: 991; background:transparent;}

header .logo img { width:auto; padding:1rem 0 0 1rem;  position: relative; display: inline-block; z-index: 2; }  /* Logo Mark */
@media (max-width: 767px) {header .logo img {height:70px; }}
@media (max-width: 430px) {header .logo img {height:55px; }}

  /*  NAVIGATION  */
header nav {width: 100%; padding: .5rem 0;}
header nav .navbar-toggler {margin: 0; height:35px; width:35px; background:var(--peach); position: absolute; top:1.5rem; right: 1rem;; z-index: 8; border: none; display: inline-flex; justify-content: center; align-items: center;}
header nav .navbar-toggler .fa {color: #000; font-size:1rem;}
header nav .navbar-toggler:hover {transform: scale(1.1);}
header nav .navbar-collapse {position: relative !important; padding-left: 0; padding-right: 0;}
header nav .navbar-collapse.show {background:var(--peach);}

header nav .navbar-nav > li {border-radius: 8px; text-align: left; list-style: none; display: inline-block; overflow: visible; border: none !important; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; -webkit-transition: 0.2s; transition: 0.2s; }
header nav .navbar-nav > li > a {font-size:0.7rem; color:#000000; background:var(--peach); border:1px solid var(--peach); font-weight:600; padding:0.2rem 1rem; margin:0 1rem; border-radius:5px; letter-spacing: .05em; text-transform: uppercase; text-decoration: none;  transition:.2s ease-in-out; box-shadow: none; /* text-shadow: 0 0 5px #fff;*/ }
header nav .navbar-nav > li > a:hover,
header nav .navbar-nav > li > a:focus,
header nav .navbar-nav > li > a.active {transform: scale(1.1);}

header nav .navbar-nav > li > a.phone {border:1px solid var(--peach); color:var(--dark-blue) !important;  background: var(--peach); padding:0.2rem 0.7rem !important; font-size:1.9rem; font-family: 'Tangerine', cursive; text-transform: none; font-weight: 700; border-radius:2px;}
header nav .navbar-nav > li > a.phone:hover {background: rgba(255, 255, 255, .4);}

@media all and (min-width: 1200px) {/* DESKTOPS */

}

@media all and (max-width: 991.9px) {/* TABLETS & SMALLER */
  header nav .dropdown-toggle:after {display:none; }
  header nav .navbar-nav > li > a,
  header nav .navbar-nav > li > a:focus  {position: relative; display:block; z-index: 2; overflow: hidden; text-decoration: none; }
  header nav .navbar-nav > li > a:hover { transform:none; filter: brightness(.95); }
}


.container-xl {max-width:1500px !important; padding:0 2.5rem;}

/* ===== HERO BANNER DEFAULTS ===== */
#hero, .hero-content, #hero video {min-height:500px;}
#hero {background: #ffffff; color:#ffffff; font-weight:500; position: relative;  font-family: 'Belleza';  overflow: hidden; }
#hero video {position:absolute; top:0; height:auto; min-height:500px;}
#hero .pre-headline {font-size:1.5rem; text-shadow: 0 0 5px #000;}

.hero-content {position:relative; z-index: 2;}
.hero-content h1 { font-size: 8.5rem; margin: 0; padding: 1.5rem 0; text-shadow: 0 0 5px #000;}

.glow {
  -webkit-animation: glow 10s ease-in-out infinite alternate;
  -moz-animation: glow 10s ease-in-out infinite alternate;
  animation: glow 10s ease-in-out infinite alternate;
}

/*  #079BF1 */

@-webkit-keyframes glow {
  from {text-shadow: 0 0 4px #000, 0 0 4px #000, 0 0 20px #079BF1;}
  to {text-shadow: 0 0 8px #000, 0 0 20px #52bcfa;}
}

#hero.greece {background-image: url('../img/greece.jpg'); background-position: 100% 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}

@media (min-width: 1200px) {#hero, .hero-content, #hero video {height:100vh; } }
@media (max-width: 992px) {
  .hero-content  h1 { font-size: 5.5rem;} 
  #hero, .hero-content, #hero video {min-height:400px;}
}

@media (max-width: 576px) {
  #hero .yamas-icon {max-width: 250px;}
  .hero-content h1 { font-size: 3.5rem;}
}

/* Sroll to Top */
.scrollToTop {border:1px solid var(--peach); color:var(--peach) !important; display: none; font-size:1rem; line-height: 35px; position: fixed; bottom: 90px; right: 20px; text-align: center; text-decoration: none; width: 35px; height: 35px; border-radius: 50%; z-index: 999; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.scrollToTop:hover, .scrollToTop:focus {background: #777777; color: #2f2f2f;}

/* ===== GLOBAL FOOTER  ===== */
footer { color:var(--off-white); font-size: 0.9rem; background-color:var(--dark-blue); font-weight: 500;
  background-image: url("../img/contact-bkg.png"); background-position: bottom center; background-repeat: no-repeat; background-size: contain; background-attachment: fixed;}
footer h2 {color:#ffffff;}
footer a {color:var(--off-white);}
footer a:hover { color: #ffffff; text-decoration:underline;}
footer .address a {display:block; margin-bottom:0.25rem; }
footer .footer-logo {max-height: 80px; width: auto;}

@media (max-width: 576px) { 
  footer {font-size:0.85rem;}
  footer .footer-logo {max-height: 60px;}
}

/* ========== GENERAL ELEMENTS ========== */
img {border: 0; max-width: 100%; height: auto;}
video {width: 100% !important; height: auto !important;}

.no-break {white-space: nowrap;}
.hand, a.hand {cursor: hand; cursor: pointer;}
.no-hand {cursor: default;}
.arrow-right:after {content: "\f061"; margin-left:0.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.img-rounded-top {border-radius:99em 99em 0em 0em;}

  /* === SECTIONS === */

.section-main {padding:3.75rem 0; position:relative;}

.bkg-dark {background:var(--greek-blue); color:#ffffff;}


  /* === BUTTONS === */
button:focus, .btn { outline: none; outline: none; }
.btn  {font-family: 'Roboto Mono'; font-weight:500; text-transform: uppercase; border:0; border-radius:4px; padding: 0.6rem 2.7rem; margin-top:1.5rem;}
.btn:active, .btn:active {background-image: none; border: none; outline: none; box-shadow: none;}

.btn-default {background: #ffffff; border:2px solid #000000; color:#000000 !important;}
.btn-default:hover, .btn-default:focus,  .btn-default:active {border:2px solid var(--peach); color:var(--peach) !important;}

.btn-white {background: #ffffff; border:1px solid #ffffff; color:var(--peach);}
.btn-white:hover, .btn-white:focus, .btn-white:active {background:var(--peach); border:1px solid var(--peach); color:#ffffff;}

.intro img {max-height: 500px;}


  /* MENU */
#menuTabs a { color:#364250; font-size: 1rem; font-weight:500; text-transform:uppercase; padding-top:8px;}
#menuTabs a:hover,
#menuTabs a.active {color:var(--greek-blue); border-top: 1px solid var(--greek-blue); text-decoration: none;}
.menu-img {width: 90px; margin-right: 20px; border-radius:50%;}
.menu-img img {border-radius:50%;}
.menu-info {display:flex; flex:1 1 auto; justify-content: space-between;}
.menu-title {font-weight:bold; text-transform: uppercase; font-size:1.5rem; font-family: 'Belleza', 'Crimson Text', serif; }
.menu-desc { font-size: 0.9rem; font-style: italic; letter-spacing: .05em; margin-top: 5px; font-family:'Manrope';}
.menu-price {color:var(--greek-blue); font-family: 'Belleza', 'Crimson Text', serif; }


.bkg-dark #menuTabs2 a {color:#ffffff; font-size: 1rem; font-weight:400; text-transform:uppercase; padding-top:8px;}
.bkg-dark #menuTabs2 a:hover,
.bkg-dark #menuTabs2 a.active {color:var(--peach);  border-top: 1px solid var(--peach); text-decoration: none;}
.bkg-dark .menu-title {color:#ffffff;}
.bkg-dark .menu-price {color:var(--peach);}


/* === FORMS === */
.form-control  {font-size:0.9rem; color:var(--peach) !important; border-style: none none solid none; border-radius:0; background:transparent !important;}
.form-control::placeholder, textarea.form-control::placeholder {color: rgba(208, 215, 223, 0.7); }
.form-submit {border:1px solid var(--peach); color:var(--dark-blue) !important;  background: var(--peach); padding:0.2rem 0.7rem !important; font-size:1.5rem; font-family: 'Tangerine', cursive; text-transform: none; font-weight: 700; border-radius:2px;}
.form-submit:hover {background-color: transparent; color:var(--peach) !important;}

label.error {color: red;}
.form-control:focus {border-color: #cacaca; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 202, 202, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 202, 202, 0.6);}
.invalid-feedback {font-style: italic;}
.alert-success {color:#ffffff;}