/* -------------------------------------------------- Global -------------------------------------------------- */



* { margin: 0; padding: 0; }
body { font-size: 16px; font-family:Arial, Helvetica, sans-serif; color: #333; margin: 0; background: #fff; }
header, nav, section, article, aside, figure, footer { display: block; }

h1 {
    letter-spacing: 10px;
    margin: 20px 0;
}

p { color: #797979; margin: 0 0 20px 0; line-height: 1.6; }


img { border: none; max-width: 100%; height: auto;}
img.mob { display: none; }

a { color: #4c3d2a; text-decoration: none; outline: 0; }
a:hover { text-decoration: none; color: #62a73b; }


	/* Clearfix */	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
html[xmlns] .clearfix {
	display: block;
}


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



header { margin: 0 auto; padding: 0; width: 100%; background: #fff; z-index: 5; }

.top { margin-top: 60px !important; }
.stuck { position: fixed; top: 0; left: 0; }




/* -------------------------------------------------- Menu -------------------------------------------------- */
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #62a73b; 
  border-width: 0 0 2px 0; 
  border-radius: 20px; 
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #62a73b; 
  border-width: 2px 0 0 0; 
  border-radius: 20px; 
} 

#nav { list-style-type: none; }
.side-buttons { position: fixed; right: 35px; top: 45%; z-index: 8; }
.side-buttons li a { width:28px; height: 28px; background: #b2b2b2; margin: 10px; display: block; 
  -webkit-border-radius: 14px; 
  -moz-border-radius: 14px; 
  border-radius: 14px; 
}
.side-buttons li.current a { background: #62a73b; color: #4c3d2a; }
nav li a.current { color: #4c3d2a; }

#menu-icon { display: none; cursor: pointer; color: #797979;  padding: 10px 15px; text-align: right;  }
#menu-icon .menu_title { padding: 10px; display: inline-block; vertical-align: middle; }
#menu-icon img { vertical-align: middle; display: inline-block; }


nav { margin: 0 auto; height: auto; width: 100%; padding: 0; font-family:Arial,Helvetica,sans-serif; position: relative; background: url(images/logo-nav.svg) -200px 0 no-repeat #fff;  border-bottom: 1px solid #ccc; letter-spacing: 2px; z-index: 11; 
	-moz-box-shadow:    0 0 6px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    box-shadow:         0 0 6px 0 rgba(0, 0, 0, 0.4);
}

nav, nav.stuck ul, nav.stuck ul li,  nav ul, nav ul li {
	-moz-transition: all 0.4s ease; /* FF3.7+ */
	-o-transition: all 0.4s ease; /* Opera 10.5 */
	-webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */
	transition: all 0.4s ease;
}
nav.stuck { background: url(images/logo-nav.svg) 0 0 no-repeat #fff; }
nav.stuck ul li { padding: 0 30px; }

nav .logo { position:absolute; top: 60px; left: 50%; margin: 0 0 0 -115px; }

nav ul {
	list-style: none;
	margin: 0;
    text-align: center;
	margin-right:2px;
}
nav ul li {
        display: inline-block;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
		padding: 0 50px 
}

nav li a {
	display: block;
	line-height: 1;
	padding: 20px 0;
	text-decoration: none;
    color: #4c3d2a;
	-moz-transition: all 0.4s ease; /* FF3.7+ */
	-o-transition: all 0.4s ease; /* Opera 10.5 */
	-webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */
	transition: all 0.4s ease;
}

nav li a:hover { color: #62a73b; }




/* --------------------------------------------------- Section --------------------------------------------------- */


section { padding: 3% 5%; height: auto; background: #fff; text-align: center; 
	-moz-box-shadow:    inset 0 6px 6px -6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow:         inset 0 6px 6px -6px rgba(0, 0, 0, 0.4);
}
section .text-box {  width: 990px; max-width: 90%; margin: 0; padding: 0; display: inline-block; }
section .text-box h1 { color: #000; text-transform: uppercase; font-family: 'minya_nouvellebold'; font-size: 30px; font-weight: normal; }
section h2 { font-size: 44px; font-family: 'minya_nouvelleitalic'; font-weight: normal; }
section p { font-size: 20px; color: #797979; }

.details { display: none; }
.details.asiato .details-header { background: url(http://theveggiethali.com/images/asiato-details-bg.jpg) center center no-repeat #fff; }
.details.mediterranea .details-header { background: url(http://theveggiethali.com/images/mediterranea-details-bg.jpg) center center no-repeat #fff;  }
.details.nordiko .details-header { background: url(http://theveggiethali.com/images/nordiko-details-bg.jpg) center center no-repeat #fff; }
.details-header { margin: 0 auto; padding: 5%; text-align:center; background-size: 100% auto !important; }
.details-header .text-box { width: 660px; max-width: 90%; margin: 0; padding: 0; display: inline-block; }
.details-header .title { margin: 20px auto; }
.details-header h2 { font-size: 72px; font-weight: bold; color: #fff; line-height: 1; }
.details-header p { font-size: 24px; color: #fff; }
.details-header img { display: inline-block; margin: 0 0 20px 0; width: auto; max-height: 50px; }

.details-box { padding: 2% 5%; background: #fff; text-align:center; }
.details-box h2 { font-size: 36px; font-family:"Times New Roman", Times, serif; font-weight: normal; letter-spacing: 5px; }
.details-box .img-box { display: inline-block; margin: 1%; width: 20%; }
.details-box .img-box h3 { font-size: 36px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight: normal; }
.details-box p { font-size: 18px; color: #797979; text-align: left; max-width: 1200px; padding: 10px 15px; background: #fff; margin: 10px auto; }
.details-box p strong { color: #000; }

.column-6{padding: 0 24px;float:left;}

#resturant_menu{list-style:none;text-align:left;margin-top:30px;font-family: 'minya_nouvelleregular';font-weight:normal;font-size:18px;}
#resturant_menu .menu_heading{
	color: #61a73b;
font-size: 22px;
font-weight: bold;
letter-spacing:1px;
}
#resturant_menu span{
	font-weight:bold;
	margin:10px 0;
	display:inline-block;
	font-size: 20px;
	letter-spacing:1px;
	font-family: 'minya_nouvelleregular';
}
#resturant_menu li{line-height:20px; padding-left:5px;font-family: 'minya_nouvelleitalic';}
#resturant_menu span2{font-size: 16px; font-style:italic}
@import url(api/-family-fontawesome.css);
 
.down_arrow{

}
.bounce {
 position: absolute;
 bottom: 30px;
 left: 50% ;
 width: 60px;
 height: 60px ;
 margin-left:-30px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
 bottom:-120px;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

section#menu { position:relative; }
section#menu .logo { position:absolute; top: 0; left: 50%; margin: 0 0 0 -115px; }

section#about { background: url(images/section-bg-1.jpg) top center no-repeat; min-height: 500px; background-size: 100% 100%;background-position:0 0 !important; }
section#about .text-box {  width: 1300px; }
section#about .text-box h1 { color: #fff; text-decoration: none; font-size: 60px; font-weight: bold; }
section#about .text-box h2 { color: #fff; }
section#about .text-box p { color: #fff; padding: 30px 0 20px 0; }





.button {
display: inline-block;
padding: 10px 15px;
margin: 0;
text-align: center;
font-size: 24px;
line-height: 1.2;
text-transform: uppercase; 
color: #797979;
background: #fff;
cursor: pointer;
	-moz-transition: background-color 0.4s ease; /* FF3.7+ */
	-o-transition: background-color 0.4s ease; /* Opera 10.5 */
	-webkit-transition: background-color 0.4s ease; /* Saf3.2+, Chrome */
	transition: background-color 0.4s ease;
}

.button.close { background: #f1f1f1; margin-top:20px; }



/* --------------------------------------------------- Footer --------------------------------------------------- */

footer { background: url(images/footer-bg.jpg) center center no-repeat; padding: 0; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
footer .copy {
	padding: 10px 10px 10px 20px;
	height: 20px;
   background: rgb(0, 0, 0); /* The Fallback */
   background: rgba(0, 0, 0, 0.0); 
   font-size: 10px;
   text-align: left;
}
footer .text-box { width: 620px; max-width: 90%; margin:50px auto; padding: 5%; display: block; color: #000; text-align: center; }
footer .text-box h1 { color: #62a73b; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 60px; font-weight: bold;}
footer .text-box h2 { color: #000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold;}
footer .text-box span {color: #62a73b}
footer .text-box p { color: #fff; font-size: 24px; }
footer .text-box a { color: #62a73b; text-decoration: underline; font-size: 18px;}
footer .text-box img { display: inline-block; }
footer .text-box .logo-text { text-align: left; display: inline-block; font-style:italic; font-family:"Times New Roman", Times, serif; font-size: 24px; }
footer .text-box .foot-text { text-align: left; display: inline-block; font-style:normmal; font-family:"Times New Roman", Times, serif; font-size: 24px; }

.copy2 {
	padding: 10px 10px 10px 20px;
	height: 0px;
   background: rgb(0, 0, 0); /* The Fallback */
   background: rgba(0, 0, 0, 0.0); 
   font-size: 10px;
   text-align: left;
   width:50px;
}


.fb-box .fb-page {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.fb_iframe_widget {
    padding: 40px 0;
    max-width: 100%;
}


/* --------------------------------------------------- Slideshow --------------------------------------------------- */


.slideshow-wrapper { width: 100%; height: 100%; background: #4c3d2a; overflow: hidden; position: relative; display: block; z-index: 10; }

.slides h3 { line-height: 1.2; text-decoration: none; zoom: 1; font-size: 18px; text-transform: uppercase; font-weight: 300; padding: 20px; position: absolute; bottom: 20px; left: 0; background: #fff;
	-moz-transition: all 0.4s ease; /* FF3.7+ */
	-o-transition: all 0.4s ease; /* Opera 10.5 */
	-webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */
	transition: all 0.4s ease;
}
.slides h3 a { }
.slides li:hover h3 { color: #ED2024; }
.slide-img { max-width: 100%; height: auto; 
background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
}
.slide-text { position: absolute; top: 20px; left: 0; right: 0; width: 100%; text-align: center; z-index: 10; }
.slide-text p { font-size: 52px; font-family: 'georgia,serif'; font-weight: bold; width: 980px; max-width: 90%; line-height: 1; color: #fff; display: block; margin: 20px auto;  }
.slide-text .logo { display:block; margin: 1% auto 30px auto; clear:both; max-width: 90%;}

.text-glow t {/*Definig font could be useful!*/
   font-size:52px;
   color: #61a73b;
   font-family:georgia,serif;
   }




/* FlexSlider Default Theme
*********************************/


#carousel.flexslider { max-width: 100%; margin: 0 auto; text-align: center; }
#carousel.flexslider .slides img { max-width: 100%; float: none; width: auto; margin: 0 auto; opacity: 0.7; }
.flex-viewport { margin: 0 auto; max-width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.loading .flex-viewport {height: auto;}
.flexslider .slides {zoom: 1; margin: 0 auto;}

#carousel.flexslider .slides li { max-width: 500px; }



#single-slider.flexslider { max-width: 100%; margin: 0 auto; text-align: center; height: auto; }
#single-slider.flexslider .slides img { max-width: 100%; float: none; width: auto; margin: 0 auto; 
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;
}
.flex-viewport { margin: 0 auto; max-width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; overflow: hidden;
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}
.loading .flex-viewport {height: auto;}
.flexslider .slides {zoom: 1; margin: 0 auto;}

#single-slider.flexslider .slides li { max-width: 100%; height: auto; }


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 80px; height: 180px; margin: -90px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.flex-direction-nav .flex-next {background: url(images/arrow_right.png) no-repeat center center; right: 20px; }
.flex-direction-nav .flex-prev {background: url(images/arrow_left.png) no-repeat center center; left: 20px;}
.flexslider:hover .flex-next {right: 20px;}
.flexslider:hover .flex-prev {left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .8!important; filter:alpha(opacity=50); cursor: default;}

/* Control Nav */
.flex-control-nav {width: auto; margin: 0 auto; text-align: center; }
.flex-control-nav li {margin: 21px 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #1CA798; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #742B89; }
.flex-control-paging li a.flex-active { background: #742B89; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}






/* --------------------------------------------------- FOR TABLET --------------------------------------------------- */






@media screen and (max-width: 1500px) {

nav ul li { padding: 0 40px; }
nav.stuck ul li { padding: 0 50px 0 0; }
nav.stuck ul { text-align: right; }

section p { font-size: 20px; }
section h2 { font-size: 36px !important; }

.details-header, section#formulas .section-header { background-size: 130% auto !important; }
section#asiato .text-box, section#mediterranea .text-box, section#nordiko .text-box {
max-width: 45%;
padding: 30px 0;
}
.details-box .img-box { width: 30%; }
section#asiato .text-box h2, section#mediterranea .text-box h2, section#nordiko .text-box h2 { font-size: 24px !important; }
section#asiato, section#mediterranea, section#nordiko {
	min-height: 420px;
	height: 420px;
  -webkit-background-size: auto 480px;
  -moz-background-size: auto 480px;
  -o-background-size: auto 480px;
  background-size: auto 480px;
}

}

@media screen and (max-width: 1300px) {

nav ul li { width: auto; padding: 0 25px; font-size: 22px; }
nav.stuck ul li { padding: 0 40px 0 0; }

section#asiato, section#mediterranea, section#nordiko { background-position: 22% top; }
section#asiato .text-box, section#mediterranea .text-box, section#nordiko .text-box { max-width: 50%; }
.details-box .img-box h3 { font-size: 26px; }

}


@media screen and (max-width: 1200px) {

section#about { background: url(images/section-bg-1.jpg) center bottom no-repeat; background-size: cover; }
nav ul li { font-size: 20px; }
nav.stuck ul li { padding: 0 20px 0 0; }

}



@media screen and (min-width: 1000px) {

nav ul { display: block !important; }

}


@media screen and (max-width: 1000px) {
	
.slide-text p { font-size: 40px; }
.slide-img { background-position: top left; }

#menu-icon { display: block; }
nav ul { clear: both; display: none; }
nav ul li { display: block; font-size: 20px; border-top: 1px solid #797979; line-height: normal; margin: 0; width: auto; }
nav ul li a { display: block; padding: 13px 14px; }
nav .logo { display: none; }
.stuck { position:; top: 0; left: 0; }
nav.stuck ul { text-align: center; }
nav.stuck ul li { padding: 0; }

.side-buttons { display: none; }

section#about { background: url(images/section-bg-1.jpg) center bottom no-repeat; background-size: cover; }
section#diets img { max-width: 100%; }

section#asiato, section#mediterranea, section#nordiko { height: auto; background: #4c3d2a; margin: 10px 0; padding: 10px 5% 20px 5%; }
section#asiato .text-box, section#mediterranea .text-box, section#nordiko .text-box { max-width: 100%; float: none; }
section .pack { width: 450px; float: none; margin-top: 20px; }


}


@media screen and (max-width: 800px) {

img.mob { display: inline-block; }
section#formulas img { max-width: 44%; }


}


@media screen and (max-width: 760px) {

.slide-text p { font-size: 30px; }
.flex-direction-nav a {width: 80px; height: 90px; margin: 0; top: initial; bottom: 40px; }

.details-box { background-image: none !important; }
.details-box h2, section .text-box h1 { font-size: 28px; }

.details-header h2 { font-size: 54px; }
.details-header .title { text-align: center; }
.details-header p, footer .text-box p { font-size: 20px; }

section#menu { padding: 50px 0 20px 0; }
section#about .text-box h1, footer .text-box h1, section#formulas .section-header h1 { font-size: 34px; }
section#about { padding: 8% 0; }
section#formulas .section-header { padding: 20px; }

footer .text-box .logo-text { text-align: center; margin-top: 20px; }
.column-6{width:90%;float:none;}

}



/* --------------------------------------------------- FOR MOBILE --------------------------------------------------- */



@media screen and (max-width: 500px) {

.details-header { background-size: 200% auto !important; }
.details-box .img-box { width: auto; }
.details-box .img-box h3 { font-size: 30px; }
.details-box, .details-header { padding: 5% 0 !important; }
.details-header h2 { font-size: 42px; }
section#formulas img { max-width: 53%; }
section#formulas img.list { margin-left: -10%; }
section#about .text-box h1, footer .text-box h1, section#formulas .section-header h1 { font-size: 28px;letter-spacing:5px; }

}