@charset "utf-8";

/* FONTS */
@font-face {
	font-family: 'PFDinDisplayPro-Light';
	src: url('../fonts/PFDinDisplayPro-Light.eot');
	src: local('☺'), url('../fonts/PFDinDisplayPro-Light.woff') format('woff'), url('../fonts/PFDinDisplayPro-Light.ttf') format('truetype'), url('../fonts/PFDinDisplayPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pfdindisplaypro-medium';
	src: url('../fonts/pfdindisplaypro-medium.eot');
	src: local('☺'), url('../fonts/pfdindisplaypro-medium.woff') format('woff'), url('../fonts/pfdindisplaypro-medium.ttf') format('truetype'), url('../fonts/pfdindisplaypro-medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'PFDinDisplayPro-Bold';
	src: url('../fonts/PFDinDisplayPro-Bold.eot');
	src: local('☺'), url('../fonts/PFDinDisplayPro-Bold.woff') format('woff'), url('../fonts/PFDinDisplayPro-Bold.ttf') format('truetype'), url('../fonts/PFDinDisplayPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'pfdintextcondpro-regular';
	src: url('../fonts/pfdintextcondpro-regular.eot');
	src: local('☺'), url('../fonts/pfdintextcondpro-regular.woff') format('woff'), url('../fonts/pfdintextcondpro-regular.ttf') format('truetype'), url('../fonts/pfdintextcondpro-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PFDinTextCondPro-Medium';
	src: url('../fonts/PFDinTextCondPro-Medium.eot');
	src: local('☺'), url('../fonts/PFDinTextCondPro-Medium.woff') format('woff'), url('../fonts/PFDinTextCondPro-Medium.ttf') format('truetype'), url('../fonts/PFDinTextCondPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PFDinTextCondPro-Light';
	src: url('../fonts/PFDinTextCondPro-Light.eot');
	src: local('☺'), url('../fonts/PFDinTextCondPro-Light.woff') format('woff'), url('../fonts/PFDinTextCondPro-Light.ttf') format('truetype'), url('../fonts/PFDinTextCondPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* /-FONTS */
html, body {
	height:100%;
}
body {
	font-family: PFDinTextCondPro-Light;
	font-family: pfdintextcondpro-regular;
    font-size: 16px;
	letter-spacing: 0.2px;
	color:#fff;
	background-color: #4d5a2f;
}

a {
	/* color: #fff;*/
}
a:focus {
	outline: none;
}

.bold {
	font-family: PFDinTextCondPro-Medium;
}

.wrap {
	width: auto;
    clear: both;
}

.show-m {
	display: none !important;
}
.hide-m {
	display: table-cell !important;
}

div#wrapper {
	position:relative;
	margin-left: 320px;
}

/* SIDEBAR */
div#sidebar {	
	width: 320px;
	background-color: #4d5a2f;
	float: left;
	margin-left: -320px;
}

div#langs {
	padding: 16px;
	font-family: PFDinDisplayPro-Bold;
	font-size:14px;
}

div#langs a {
	color:#99a974;
}
div#langs li.lang-active a {
	color:#fff;
}

div#logo {
	text-align: center;
	padding: 0 55px;
	margin: 70px 0;
	margin-top: 55px;
}

/* MENU */
div#menu {
	text-align:center;
	font-family: pfdintextcondpro-regular;
	font-size:17px;
}

.nav > li {
    margin: 10px 0;
}

.nav > li.active > a {
	color: #231f20;
	font-family: PFDinTextCondPro-Medium;
}

.nav > li > a {
	color: #fff;
	display: inline-block;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #231f20;
	font-family: PFDinTextCondPro-Medium;
}

.navbar-toggle {
	background: #99a974;
}

.navbar-toggle .icon-bar {
	background: #fff;
	width: 19px;
}
/* /-MENU */

div#social {
	padding: 0 55px;
    text-align: center;
}
div#social a:hover, div#copyright-right a:hover {
	opacity: 0.8;
}
/* /-SIDEBAR */

/* INTRO */
div#intro {
	position:relative;	
	width: 100%;
	max-width: 100%;
	height: 690px;
	height: 100vh;
}

div#intro-inner {
	position:fixed;	
	height: 100%;
	width: 100%;
	width: calc(100% - 320px);
}

div#intro-inner .custom {
	position: relative;
	height: 100%;
	width: 100%;	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.intro-title {
	font-family: PFDinDisplayPro-Light;
	color: #fff;
	font-size: 60px;
	letter-spacing: 0;
    text-align: center;
    width: 100%;
    position: absolute;
	bottom:32%;
	opacity: 0;
}

.intro-title p {
	margin: 0;
	letter-spacing: 0;
	line-height: 0.95;
}
.intro-title .bold {
	font-family: pfdindisplaypro-medium;
}

.intro-title .intro-subtitle {
	font-size: 114px;
	letter-spacing: -4px;
}
/* /-INTRO */

/* ARTICLE INTRO */
div#article-intro {
	position:relative;	
	width: 100%;
	max-width: 100%;
}

div#article-intro-inner {
	position:fixed;	
	height: auto;
	width: 100%;
	width: calc(100% - 320px);
}

div#article-intro-inner .custom {
	position: relative;
	height: 100%;
	width: 100%;	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 43.4375%;
}

#area div#article-intro-inner .custom {
	padding-top: 32.653%;
}

#variety div#article-intro-inner .custom {
	padding-top: 32.653%;
}

#proionta div#article-intro-inner .custom {
	padding-top: 32.653%;
}

.test {
	color: #4d5a2f;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 32%;
	opacity: 0;
	font-family: PFDinTextCondPro-Medium;
    font-size: 48px;
    letter-spacing: 0;
}

#area .test {
	color: #fff;
}
.prof-test {
	color: #4d5a2f;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 34%;
	opacity: 0;
	font-family: PFDinTextCondPro-Medium;
    font-size: 48px;
    letter-spacing: 0;
}

#history .prof-test {
	color: #fff;
}

.test p, .prof-test p {
	display: inline-block;
}

.test p:after, .prof-test p:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #4d5a2f;
	display: block;
	width: 67%;
	padding-top: 8px;
	margin: 0 auto;
}

#area .test p:after, #history .prof-test p:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #fff;
	display: block;
	width: 67%;
	padding-top: 8px;
	margin: 0 auto;
}

#history .prof-test p:after {
	width: 36%;
}
/* /-ARTICLE INTRO */

/* MAIN BODY */
#homepage div#content, #area div#content, #variety div#content, #proionta div#content {
	display: none;
}

#contact #main-body, #contact div#content {
	background-color: #5e6a43;
}
#profil-etaireias div#main-body, #history div#main-body {
	background-color: #b8bf0d;
	display: none;
}

#area div#main-body,
#variety div#main-body{
	background-color: #b8bf0d;
	display: none;
}

#area #k2Container, 
#area .itemFullText, 
#area .itemBody,
#variety #k2Container,
#variety .itemFullText,
#variety .itemBody {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0;
	margin-bottom: 0;
}

#area .itemFullText {
	font-size: 18px;
}

div#main-body {
	width:auto;
	position:relative;
	background-color: gray;
}

#profil-etaireias div#k2Container{
	padding: 40px;
	padding-top: 80px;
	font-size: 18px;
}

#history div#k2Container{
	padding: 30px 40px;
	font-size: 16px;
}

div#content-top {
	padding-left: 0;
	padding-right: 0;
	display: table;
	height: 100%;
	width: 100%;
}

div#content-top-left {	
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 50%;
	background-color: #b8bf0d;
}

div#content-top-left .custom {
	padding-top: 60px;
	padding-bottom: 90px;
	padding-left: 5%;
}

div#content-top-left h2 {
	margin-bottom: 5px;
}

div#content-top-left h1 {
	font-family: PFDinTextCondPro-Medium;
	font-size: 46px;
	margin-top: 0;
	margin-bottom: 40px;
	display: inline-block;
}

div#content-top-left h1:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #ffffff;
	display: block;
	width: 120%;
	padding-top: 8px;
}

div#content-top-left p {
	
}

div#content-top-left a {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	border: 1px solid #fff;
	padding: 13px 40px;    
	margin-top: 30px;
}

div#content-top-left a:hover {
	text-decoration: none;
	color: #b8bf0d;
	background-color: #fff;
}

div#content-top-right {
	background: #fff;	
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}

div#content-top-right .custom {
	
}

div#content-top-right p{
	margin: 0;
}
div#content-top-right img{
	width: 100%;
	height: auto;
}

div#content-top-left img{
	width: 100%;
	height: auto;
}

.vatika-right, .elaioparagogi-left  {
	display: table-cell;
	width: 50%;
	font-size: 18px;
}
.vatika-left, .elaioparagogi-right  {
	display: table-cell;
	width: 50%;
	background-size: cover;
    background-repeat: no-repeat;
}

.vatika-right {
	background-color: #4d5a2f;
	text-align: center;
}

.vatika-right .custom, .elaioparagogi-left .custom {
    display: inline-block;
    text-align: left;
	padding: 84px 100px;
}

.vatika-right h1, .elaioparagogi-left h1 {
    font-size: 36px;
    display: inline-block;
    margin-bottom: 44px;
	margin-top: 0;
}

.vatika-right h1:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #ffffff;
	display: block;
	width: 200px;
	padding-top: 8px;
}

.elaioparagogi-left {
	text-align: center;
}
.elaioparagogi-left h1:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #ffffff;
	display: block;
	width: 100%;
	padding-top: 8px;
}

#history .vatika-right, #history .elaioparagogi-left {
	font-size: 17px;
	font-family: PFDinTextCondPro-Light;
}

#history .vatika-right .custom {
	padding: 40px;
}

#history .elaioparagogi-left .custom {
	padding: 80px 40px;
}

#history .vatika-right h1, #history .elaioparagogi-left h1 {
	margin-bottom: 4px;
	text-transform: uppercase;
}

#history .vatika-right h1:after {
	width: 174px;
	padding-top: 16px;
}
#history .elaioparagogi-left h1:after {
	width: 174px;
	padding-top: 16px;
	margin-bottom: 10px;
}

#history .vatika-right h4, #history .elaioparagogi-left h4 {
	font-family: PFDinTextCondPro-Medium;
	font-size: 19px;
	margin-top: 22px;
	margin-bottom: 4px;
}

#history .vatika-right p, #history .elaioparagogi-left p {
	margin-bottom: 5px;
}

#history .itemFullText a {
	color: #fff;
}
/* ELADES */
#proionta #content-top h1 {
	font-family: PFDinDisplayPro-Light;
	font-size: 34px;
	line-height: 1;
	margin-bottom: 0;
	margin-top: 46px;
} 

#proionta #content-top h2 {
	font-size: 58px;
	margin-top: 0;
	margin-bottom: 30px;
}

#proionta #content-top p {
    font-family: PFDinDisplayPro-Light;
    margin-bottom: 16px;
    font-size: 17px;
	font-weight: 700;
}

#proionta #content-top p.light {
	font-weight: normal;
	
}

#elades-left, #elades-right,
#evlogimeno-left, #evlogimeno-right {
    display: table-cell;
	vertical-align: middle;
    width: 50%;
    font-size: 18px;
	background: #fff;
}

#elades-left, #evlogimeno-right {
	 overflow: hidden;
}

div#elades-left .rg-image img, div#evlogimeno-right .rg-image img {
	    transition: all 400ms;
	    overflow: hidden;
}

div#elades-left:hover .rg-image img, div#evlogimeno-right:hover .rg-image img {
	 transform: scale3d(1.15, 1.15, 1);
	  overflow: hidden;
}

#elades-right {
	background-color: #4d5a2f;
    text-align: center;
}
#elades-right .custom, 
#evlogimeno-left .custom {
    text-align: left;
	padding: 15px;
	padding: 65px;
}

#elades-right p:first-child:after,
#evlogimeno-left p:first-child:after {
    content: " ";
    height: 1px;
    border-bottom: 2px solid #ffffff;
    display: block;
    width: 235px;
    padding-top: 33px;
}
#evlogimeno-left p:first-child:after {
    width: 170px;
}

#evlogimeno-left {
	background-color: #b8bf0d;
    text-align: center;
}
/**/
div#content-bottom .custom {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}
#variety div#content-bottom .custom {

}

#profil-etaireias div#parallax {
	padding: 160px 5px;
}

#variety div#parallax {
	font-size: 60px;
	padding: 180px 5px;
}


div#parallax {
	font-size: 60px;
	padding: 180px 5px;
}

div#parallax h1{
	font-size: 57px;
	display: inline-block;
}

#proionta div#parallax h1{
	font-size: 40px;
	margin-bottom: 40px;
}

div#parallax h1:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #ffffff;
	display: block;
	width: 30%;
	padding-top: 40px;
	margin: 0 auto;
}

#proionta div#parallax h1:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #ffffff;
	display: block;
	width: 120%;
    padding-top: 18px;
    margin: 0;
}

div#parallax p{
	font-size: 28px;
	font-family: pfdintextcondpro-regular;
	font-family: PFDinTextCondPro-Medium;
	margin-bottom: 1px;
}

#proionta div#parallax p{
	font-size: 18px;
	font-family: pfdintextcondpro-regular;
}

#profil-etaireias div#parallax p{
	font-size: 32px;
	font-family: pfdintextcondpro-regular;
	font-family: PFDinTextCondPro-Medium;
	margin-bottom: 10px;
}

#variety div#inner-text {
	background: rgba(77, 90, 47, 0.56);
	padding: 40px 6px;
	margin: 0 7%;
}

#variety div#parallax p{
	font-size: 24px;
	font-family: pfdintextcondpro-regular;
	font-family: PFDinTextCondPro-Medium;
	margin-bottom: 3px;
}

#proionta div#parallax {
    background: rgba(77, 90, 47, 0.56);
    display: inline-block;
    padding: 30px;
    display: inline-block;
    margin: 46px;
    text-align: left;
}
/* TOPOS */
#area div#content-bottom .custom {
	background-attachment: inherit;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

#area div#parallax {
	font-size: 60px;
	padding: 0;
	padding-top: 150px;
	padding-bottom: 170px;
}

#area div#parallax h1{
	font-size: 36px;
	display: inline-block;
}

#area div#parallax h1:after {
	content: " ";
	height: 1px;
	border-bottom: 2px solid #ffffff;
	display: block;
	width: 240px;
	padding-top: 14px;
	margin: 0 auto;
}

#area .text-inner {
	background: rgba(77, 90, 47, 0.56);
	padding: 40px 6px;
	margin: 0 7%;
}

#area div#parallax p{
	font-size: 19px;
	font-family: pfdintextcondpro-regular;
	font-family: PFDinTextCondPro-Medium;
	margin-bottom: 5px;
}
/* /-TOPOS */

/* PRODUCT GALLERY*/
div.rg-image-nav {
	display: none;
}
/* /-PRODUCT GALLERY*/
div#footer {
	background-color: #b8bf0d;
	font-family: PFDinTextCondPro-Medium;
	padding-top: 56px;
	padding-bottom: 66px;
	letter-spacing: 0.4px;
}

div#footer-1, div#footer-2, div#footer-3 {
	text-align: center;
}

div#footer-1 h4, div#footer-2 h4, div#footer-3 h4 {
	margin-bottom: 20px;
}

div#footer-1 p, div#footer-2 p, div#footer-3 p {
	font-size: 15px;
	margin-bottom: 20px;
}

div#footer-1 a {
	color: #fff;
}

div#copyright {
	background-color: #b8bf0d;
	padding-right: 8%;
	padding-left: 8%;
	font-size: 12px;
	letter-spacing: 0.4px;
}

div#copyright:before {
	content: " ";
	height: 30px;
	border-top: 1px solid #d7de38;
	display: block;
}

div#copyright-left {
	padding-top: 12px;
}

div#copyright-left a{
	color: inherit;
}

/* INNER PAGES*/
div#content {
	padding-left: 0;
	padding-right: 0;
}

div#main-body .itemBody {
	padding-top: 0;
}

div#main-body .itemImageBlock {
	padding: 0;
	margin: 0;
}

div#main-body .itemFullText {
	padding-left: 15px;
	padding-right: 15px;
}
/* /-INNER PAGES */

/* TOPOS */

/* /-TOPOS */
#map {
	    width: 100%;
   /* float: left;*/
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* /-MAIN BODY */
@media (max-width: 1600px) {
	.vatika-right .custom, .elaioparagogi-left .custom {
		padding: 60px 40px;
	}
}

@media (max-width: 1440px) {
	
}

@media (max-width: 1200px) {
	div#content-top {
		display: block;
		float:left;
	}
	
	div#content-top-left, div#content-top-right {
		display: block; 
		float: left; 
		width: 100%;
	}
	
	
}

@media (max-width: 1023px) {
	div#wrapper {
		margin-left: 0;
	}	
	div#sidebar {
		width: 100%;	
		height: 100%;
		position:relative;
		float:none;
		margin-left: 0;
	}	
	div#logo {
		padding: 0;
		margin: 0;
	}
	.nav > li > a {
		margin: 0;
	}
	div#social {
		display:none;
	}
	
	div#intro-inner, div#article-intro-inner {
		position: relative;
		width: 100%;
	}
	
	div#main-body {
		float:left;
		margin-left:0;
		width: 100%;
	}
		
	
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}
@media (max-width: 880px) {
	.show-m {
		display: block !important;
	}
	.hide-m {
		display: none !important;
	}
	
	div#article-intro-inner .custom {
		height: 375px !important;
		padding-top: 0 !important;
	}
	
	.elaioparagogi-left, .elaioparagogi-right,
	.vatika-right, .vatika-left,
	#elades-left, #elades-right,
	#evlogimeno-left, #evlogimeno-right {
		display: block; 
		float: left; 
		width: 100%;
	}
	
	.elaioparagogi-left  {
		
	}
	.elaioparagogi-right, .vatika-left {
		padding-top: 88.7%;
	}
	
}

@media (max-width: 767px) {
	div#footer {
		padding-bottom: 20px;
	}	
}

@media (max-width: 599px) {
	.intro-title {
		font-size: 44px;
	}
	.intro-title .intro-subtitle {
		font-size: 100px;
	}
	.prof-test, #area .test, #variety .test, #proionta .test {
		font-size: 40px;
	}
}

@media (max-width: 479px) {
	div#article-intro-inner .custom {
		height: 275px !important;
		padding-top: 0 !important;
	}
	
	div#copyright:before {
		height: 20px;
	}
	
	div#copyright-left, div#copyright-right {
		float: none !important;
		text-align: center;
	}
	
	div#copyright-left {
		padding-bottom: 14px;
	}
	
	#profil-etaireias div#k2Container {
		padding: 20px;
	}
	
	.vatika-right .custom, .elaioparagogi-left .custom {
		padding: 60px 20px;
	}
	.prof-test, #area .test, #variety .test, #proionta .test, .vatika-right h1, .elaioparagogi-left h1 {
		font-size: 32px;
	}
}


@media (max-width: 425px) {
	.intro-title {
		font-size: 32px;
	}
	.intro-title .intro-subtitle {
		font-size: 74px;
	}
	div#parallax {
		padding: 140px 5px;
		padding-top: 100px;
	}
	div#parallax h1 {
		font-size: 50px;
		
	}
	div#parallax p {
		font-size: 24px;
	}
	#profil-etaireias div#parallax {
		padding: 120px 5px;
	}
	#profil-etaireias div#parallax p {
		font-size: 26px;
	}
}

@media (min-width: 1024px) and (max-height: 800px) {
	div#logo {
		margin-top: 35px;
	}
}

#contact #content > div > h1 {
	display:none;
}
.contact-address.dl-horizontal {
	margin-left: 20px;
	    margin-left: 20px;
    margin-bottom: 40px;
    margin-top: 40px;
}

#contact span.contact-emailto a {
  color: #fff;
}

.contactcontact {
  padding: 0 20px;
  font-size: 20px;
}

.contact-address dd, .contact-address dt {
    padding: 7px 0;
}

.contactcontact h2 {
  margin-bottom: 20px;
}

.contactcontact h3 {
  margin-top: 30px;
}