/* Foundation 4.3.1  */

/* SOME NECESSARY STUFF */
@import url(http://fonts.googleapis.com/css?family=GFS+Didot&subset=greek);

body,
html {
	height: auto;
	min-height: 100%;
}
body {
	font-family: 'GFS Didot', serif;
	font-weight: normal;
	-webkit-animation: bugfix infinite 1s;
	font-size: 16px;
	line-height: 1;
	/*background: url(../img/grey.png) repeat;*/
	width: 100%;
	background: #508D3A;
}

#el {
	font-family: 'GFS Didot', serif;
}

p {
	color: #2e2e2e;
	font-size: 18px;
}
p a {
	color: #2e2e2e;
	font-weight: bold;
	text-decoration: underline;
}
p a:hover {
	color: #000;
}

h1 {
	font-size: 48px;
	font-family: 'GFS Didot', serif;
	font-weight: bold;
	border-bottom: 1px solid #598B2C;
	padding-bottom: 15px;
	margin-bottom: 40px;
	color: #598B2C;
	line-height: 44px;
	/*
    -webkit-text-stroke: 1px #6F9D2E;
	-webkit-text-fill-color: #8BC53A;
	*/
}
h3 {
	font-family: 'GFS Didot', serif;
	font-weight: normal;
}

#logo img {
	width: 143px;
	height: 200px;
}
#main-container {
	position: relative;
}
#header-container {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0px;
	z-index: 1000;
	height: 250px;
	background: #FFF;
}
header {
	max-width: 1400px;
	margin: 0 auto;
	height: 250px;
	overflow: hidden;
	position: relative;
}
nav {
	text-align: center;
}
#logo {
	float: left;
	padding-top: 0 !important;
}
#logo-tab {
	display: none;
}
#nav-container {

}
#main-nav {
	list-style: none;
	overflow: hidden;
	margin: 25px 0 0;
	display:inline-table;
}

#main-nav li {
	float: left;
	margin-right: 30px;
	padding-top: 178px;
}
#main-nav li:last-child {
	margin-right: 0;
}

#main-nav li a {
	display: block;
	color: #076329;
	text-align: center;
	line-height: 16px;
	font-size: 18px;
}
#main-nav li#logo a {
	padding: 0;
}
#el #main-nav li a {

}

#main-nav li a:hover {
	color: #D8934E;
}

#main-nav li a.active {
	color: #D8934E;
}
#content-container {
	width: 100%;
	margin-top: 250px;
}
#main-picture {
	background-image: url(../img/orange-trees2.jpg); 
  	background-position: 0 72%;  
    background-repeat: no-repeat;  
    background-size: 100%;  
    width: 100%;
    height: 501px;
}
#border-picture {
	height: 10px;
	width: 100%;
	background: #3C692C;
}
#show {
	max-width: 1400px;
	margin: 0 auto;
}

.show-line {
	height: 167px;
	color: #FFF;
	text-shadow: 2px 2px #000;
	font-size: 110px;
}
.first-line {
	padding-top: 187px;
}
.second-line {
	padding-top: 50px;
}
#show div.square {
	color: #F7931E;
	background: #FFF;
	text-shadow: none;
	width: 80px;
	height: 80px;
	float: left;
	border-radius: 8px;
	padding-top: 4px;
	font-weight: 600;
	font-size: 68px;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);
}

#show div.show-text {
	float: left;
	padding-top: 4px;
	padding-left: 20px;
}
.bg-content {


}
#company {
	max-width: 1400px;
	margin: 0 auto;
	padding: 75px 0 0;
	min-height: 1200px;
	overflow: hidden;
	background: #FFF;
}
#activities, #farming, #responsibility, #news, #retail {
	max-width: 1400px;
	margin: 0 auto;
	padding: 75px 0 0;
	min-height: 1200px;
	overflow: hidden;
	background: #FFF;
}
.content {
	margin: 0 20px;	
}

#advantages ol, #packaging ol, #farming ol, #responsibility ol {
	font: normal 16px 'GFS Didot', serif;
	color: #2e2e2e;
	margin-left: 25px;
}

#activities ol {
	font: normal 22px 'GFS Didot', serif;
	color: #2e2e2e;
	margin-left: 35px;
}

#advantages ol {
	color: #2e2e2e;
}
#activities ol li {
	margin-bottom: 40px;
}
#activities ol li:last-child {
	margin-bottom: 0px;
}
#activities ol li p {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 10px;
	text-rendering: optimizeLegibility;
	font-family: inherit;
	font-weight: normal;
	color: #2e2e2e;
}

#activities ol li p.normal {
	font-size: 16px;
}
.more-margin {
	margin-top: 25px;
	margin-bottom: 10px;
}
.more-margin-20 {
	margin-top: 20px;
}
.half {
	float: left;
	width: 50%;
}
.first {
	margin-right: 15px;
}
.last {
	margin-left: 15px;
}
.clear {
	clear: both;
}
.right {
	text-align: right;
}
.img-company {
	width: 300px;
	height: 271px;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	margin: 0 auto;
	margin-top: 30px;
}
.img-company-img {
	background-image: url(../img/company.jpg); 
}
.img-social {
	width: 953px;
	height: 132px;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	margin: 0 auto;
	margin-top: 30px;
}
.img-social-img {
	background-image: url(../img/social.jpg); 
}
.img-biofresh-small {
	width: 300px;
	height: 225px;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}
.img-biofresh-medium {
	float: left;
	width: 300px;
	height: 271px;
	border-radius: 8px;
	border: none;
	margin-right: 30px;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}


.img-farming-1 {
	background-image: url(../img/farming-1.jpg); 
}
.img-farming-2 {
	background-image: url(../img/farming-2.jpg); 
}
.img-farming-3 {
	background-image: url(../img/farming-3.jpg); 
}
.img-biofresh-medium-last {
	margin-right: 0;
}
.img-biofresh-1 {
	background-image: url(../img/biofresh-1.jpg); 
}
.img-biofresh-2 {
	background-image: url(../img/biofresh-2.jpg); 
}
.img-biofresh-3 {
	background-image: url(../img/biofresh-3.jpg); 
}
.img-biofresh-4 {
	background-image: url(../img/biofresh-4.jpg); 
}
.img-biofresh-5 {
	background-image: url(../img/biofresh-5.jpg); 
}

.img-pack {
	height: 194px;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}

.img-pack-fruit-1 {
	width: 241px;
	background-image: url(../img/fruit-1.jpg); 
}
.img-pack-fruit-1bis {
	width: 241px;
	background-image: url(../img/fruit-1a.jpg); 
}
.img-pack-fruit-2 {
	width: 241px;
	background-image: url(../img/fruit-2.jpg); 
}
.img-pack-filet {
	width: 270px;
	background-image: url(../img/filet-1.jpg); 
}

.img-pack-machine {
	width: 160px;
	background-image: url(../img/machine.jpg); 
}

.img-pack-bricks {
	width: 259px;
	background-image: url(../img/bricks.jpg); 
}

.img-pack-animals {
	width: 259px;
	background-image: url(../img/animals.jpg); 
}
.img-pack-container {
	width: 129px;
	background-image: url(../img/container.jpg); 
}

.padTop {
	margin-top: 40px;
}
.last-pics {
	margin: 0 auto;
	width: 960px;
}
.separator {
	margin: 250px auto 0;
	background-image: url(../img/divider.png);
	width: 354px;
	height: 201px;
}
.separator-white {
	margin: 150px auto 0;
	background-image: url(../img/mydivider-w.png);
	width: 286px;
	height: 30px;
}

#advantages .separator {
	margin: 250px auto 200px;
}

#header-shadow {
	background: url(../img/header-shadow.png) repeat-x;
	width: 100%;
	height: 8px;
	position: fixed;
	top: 250px;
	z-index: 2000;
}

#scrollTop{
	background: url(../img/top.png) no-repeat;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom:20px;
	right: 20px;
	cursor: pointer;
	display: none;
}

#packaging ul {
	list-style: none;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 50px;
}

#packaging ul li {
	float: left;
	margin-right: 30px;
}

#packaging ul li:last-child {
	margin-right: 0;
}
.centered {
	text-align: center;
}

.img-packaging {
	height: 172px;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}
.img-packacking-1 {
	background-image: url(../img/pack-drum.jpg); 
	width: 122px;
}
.img-packacking-2 {
	background-image: url(../img/pack-bin.jpg); 
	width: 202px;
}
.img-packacking-3 {
	background-image: url(../img/pack-tank.jpg); 
	width: 256px;
}
.img-packacking-4 {
	background-image: url(../img/pack-flexitank.jpg); 
	width: 132px;
}
#packaging ul li p {
	margin-bottom: 5px;
	font-weight: bold;
}

#footer-container {
	width: 100%;
	background: #325724;
	position: relative;
	overflow: hidden;
}
footer {
	max-width: 1400px;
	margin: 0 auto;
	min-height: 1000px;
	position: relative;
}
footer .content {
	padding: 30px 0 0;
}
footer h1 {
	color: #F7931E;
	margin-top: 10px !important;
	border-color: #F7931E;
}
footer h3 {
	color: #F7931E;
	margin-top: 35px;
}

footer p {
	color: #dddddd;
}
footer p a {
	color: #dddddd;
	text-decoration: none;
	font-weight: normal;
}
footer p a:hover {
	color: #FFF;
}
footer form input[type=text],
footer form input[type=email]  {
	 border: 5px solid #000000; 
	 border-radius: 4px;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.5),
            0 0 16px rgba(0,0,0,0.5); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.5),
            0 0 16px rgba(0,0,0,0.5); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.5),
            0 0 16px rgba(0,0,0,0.5); 
    padding: 15px;
    background: #FFF;
    margin: 0 0 10px 0;
    width: 350px;
}

textarea {
	border: 5px solid #000000; 
	 border-radius: 4px;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.5),
            0 0 16px rgba(0,0,0,0.5); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.5),
            0 0 16px rgba(0,0,0,0.5); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.5),
            0 0 16px rgba(0,0,0,0.5); 
    padding: 15px;
    background: #FFF;
    margin: 0 0 10px 0;
    height: 200px;
}

.input-normal {
	width: 350px;
}

.input-long {
	width: 450px;
}

.button-container {
	margin-top: 20px;
	float: right;
}
footer form input[type=submit]  {
	border: 5px solid #638F29;
	border-radius : 4px;
	moz-border-radius : 4px;
	font-size : 14px;
	color : #fafafa;
	padding : 10px 25px;
	background-color : #8cc73f;

	-webkit-box-shadow: 0 0 8px  rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 8px  rgba(0,0,0,0.5); 
    box-shadow: 0 0 8px  rgba(0,0,0,0.5); 
}

footer form input[type=submit]:hover {
	background: #F7931E;
	border: 5px solid #C16B07;
}

p.copy {
	margin-top: 10px;
	font-size: 12px;
	color: #525252;
	margin-bottom: 20px;
}

p.copy a {
	color: #525252;
	border-bottom: 1px solid #525252;
}

p.copy a:hover {
	color: #797979;
	border-bottom: 1px solid #797979;
}

.first-padding {
	padding-right: 15px;
}

.last-padding {
	padding-left: 15px;
}
/* NEW */
.form-tools-container {
	width: 450px;
}

#form-message{
	color: red;	
	float: left;
	padding-top: 20px;
	width: 340px;
	font-size: 14px;
	line-height: 18px;
}

#form-message.fail{
	color: #FF0033;
}
#form-message.success{
	color: #00CC00;
}
#form-message.hide{
	display: none;
}
.small {
	font-size: 14px;
}

.content-bis {
	margin: 50px 0 0;
}

#lang-container {
	position: absolute;
	top: 0;
	right: 0;
	background: 000;
}

#lang-container a.lang_en {
	background-image: url(../img/en.gif); 
	height: 13px;
	width: 23px;
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}
#lang-container a.lang_el {
	background-image: url(../img/el.gif); 
	height: 13px;
	width: 23px;
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}

.el-mesg {
	width: 310px !important;
}

.socials {
	float: left;
	margin-left: -1px;
	margin-top: 0px;
}

.socials ul {
	list-style-type: none;
}
.socials ul li {
	float: left;

}

.socials ul li:first-child {
	margin-right: 5px;
}

.socials a {
	width: 32px;
	height: 32px;
	display: block;
}

.socials a.fb {
	background-image: url(../img/facebook.png); 
}

.socials a.twitter {
	background-image: url(../img/twitter.png); 
}

.mr-bot {
	margin-bottom: 25px;
}

.img-lac {
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}

.img-lac-1 {
	background-image: url(../img/lac-1.jpg);
	width: 717px;
	height: 400px;
	margin: -10px auto 40px;
}

.img-lac-2 {
	background-image: url(../img/lac-2.jpg);
	width: 534px;
	height: 400px;
	margin: -10px auto 40px;
}

.img-social-2 {
	width: 704px;
	height: 132px;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	margin: 0 auto;
	margin-top: 30px;
}
.img-social-2-img {
	background-image: url(../img/lac-3.jpg); 
}

.img-boukalia {
	width: 740px;
	height: 179px;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	background-image: url(../img/boukalia.jpg);
	margin: 0 auto;
	margin-top: 80px;
}

.square-container {
	width: 400px;
	height: 400px;
	background: #f8f8f8;
	border: 2px solid #5A9F41;
	margin-bottom: 50px;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	padding: 10px;
}

p.contact-details {
	line-height: 22px;
}

.square-container ul {
	list-style-type: disc;
	margin:  0 0 0 20px;
}

p.bigger {
	font-size: 20px;
}
.square-container ul li p {
	font-size: 20px;
	color:#C6792C;
}
iframe {
	border: 2px solid #5A9F41;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.4);
}