.Row
{
    display: table;
    width: 100%;
	height:100%;
	position: absolute; top: 94px; left: 0; right:0;
    table-layout: fixed; 
    border-spacing: 0px; 
	margin:0px;
	padding:0px;
	border: 0px solid black;
	z-index:3;
}

/*FIXED WIDTH ROW E.G. FOR OURHISTORY
.Row
{
    display: table;
    width: 1331px; 
	position: relative; 
	top: 84px;
    table-layout: fixed; 
    border-spacing: 0px; 
	margin:auto;
	padding:0px;
	border: 0px solid black;
	z-index:3;
}*/

.Column_left
{
	
	width:40%;
	height:100%;
    display: table-cell;
	font-family: myGillFont, sans-serif;
	
	/*vertical-align: middle;*/
	 /*line-height: 200px;       the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 0px;
	border-spacing: 0px; /*Optional*/
	/*background-image:url("images/ourhistory_left.png");*/


	z-index:0;
	}
.Column_right
{
	
	
	height:100%;
    display: table-cell;
	font-family: myGillFont, sans-serif;
	
	/*vertical-align: middle;*/
	 /*line-height: 200px;       the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 0px;
	border-spacing: 0px; /*Optional*/
	/*background-image:url("images/ourhistory_left.png");*/


	z-index:0;
	}


.middle_column {
	display: table-cell;
	/*background: rgb(255, 0, 0);*/
	background: rgba(255, 255, 255, 0.7);
	/*height:464px;*/
	/*height:70%;*/
	width:742px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 z-index:0;
}

.middle_blend_column {
	display: table-cell;
	/*background: rgb(255, 0, 0);*/
	background: rgba(255, 255, 255, 1.0);
	/*height:464px;*/
	/*height:70%;*/
	width:742px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 z-index:0;
}

.middle_nextgen_column {
	display: table-cell;
	background: rgb(255, 0, 0);
	background: rgba(255, 255, 255, 0.7);
	height:706px;
	width:742px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 z-index:0;

}
.middle_more_column {
	display: table-cell;
	background: rgb(255, 0, 0);
	background: rgba(255, 255, 255, 0.7);
	height:793px;
	width:660px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 z-index:0;
}

/* middle content column e.g. fot thenextgen*/
.middle_content_column {
	display: table-cell;
	background: rgb(255, 0, 0);
	background: rgba(255, 255, 255, 0.7);
	/*height:840px;*/
	height:100%;
	width:1000px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
}
.Column
{
	
	
    display: table-cell;
	font-family: myGillFont, sans-serif;
	height:100%;
	/*width:335px;                   ENABLE FOR STATIC SIDE COLUMN WIDTH  */
	/*vertical-align: middle;*/
	/*line-height: 200px;*/       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.0);
	border-width: 0px;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 /*background-image:url("images/ourhistory_left.png");*/
	 object-fit:fill;
	}
	
.indexColumn
{
	
	
    display: table-cell;
	font-family: myGillFont, sans-serif;
	height:464px;
	                   /*ENABLE FOR STATIC SIDE COLUMN WIDTH  */
	/*vertical-align: middle;*/
	/*line-height: 200px;*/       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 0px;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 /*background-image:url("images/ourhistory_left.png");*/
	 object-fit:fill;
	}

.contentRow{
}

.contentColumn{
}

#cornersDiv {
	padding-top:30px;
    position:relative;
    margin:20px auto;
    width:80%;
	height:0px;
    padding-bottom:20%;
    background-color:white;
    border:7px solid #79ac2d;
}
#cornersDiv:before {
    content:'';
    position:absolute;
    top:-7px; left:-7px;
    border:7px solid #fff;
    height:100%;
    width:100%;
    border-radius: 10%;
	background-color:transparent;
}



.headerRow{
	position:relative;
	top:0px;
	left:10px;
	display: table;
	border:0px solid green;
	width:785px;
	margin: auto;
	border-spacing: 0px;
	table-layout: fixed;
}

.leftHeaderColumn{
	display: table-cell;
	border:0px solid black;
	position:relative;
	top:-16px;
	left:12px;
	width:8%;
	text-align:right;	
}

.rightHeaderColumn{
	display: table-cell;
	border:0px solid red;
	position:relative;
	top:-9px;
	left:35px;
	width:700px;
	padding: 0px;
	
}

.overlapRow{
	position:relative;
	top:0px;
	display: table;
	border:0px solid green;
	width:100%;
	/*height:750px;*/
	height:650px;
	top:84px;
	border-spacing: 0px;
	table-layout: fixed;
}

.overlapSingleRow{
	position:relative;
	top:0px;
	display: table;
	border:0px solid green;
	width:100%;
	/*height:750px;*/
	height:650px;
	top:184px;
	border-spacing: 0px;
	table-layout: fixed;
	background: url('images/nextgenOlives_left1.png') left no-repeat fixed, url('images/nextgenOlives_right2.png') right no-repeat fixed;

}

.overlapRowHome{
	position:relative;
	top:0px;
	display: table;
	border:0px solid green;
	width:100%;
	height:464px;
	top:84px;
	border-spacing: 0px;
	table-layout: fixed;
}

.bg-img {
  width: 100%;
  height: 100%;
  background: url('http://unsplash.it/1200x800') center center no-repeat;

  
  &:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
	opacity: .6; 
  }
}

.leftOverlapColumn_ios{
	display: table-cell;
	border:0px solid blue;
	position:relative;
	top:0px;
	width:40%;

	-webkit-mask-box-image:-webkit-linear-gradient(black, transparent);
}

.leftOverlapColumn{
	display: table-cell;
	border:0px solid blue;
	position:relative;
	top:0px;
	width:40%;
	text-align:center;	

	/*background: -webkit-gradient(linear, left, right, from(transparent 50%), to(white));*/
	
	
	 /*background: -webkit-gradient(linear, left, right, rgba(255,255,255, 0.0) 50%, rgba(255,255,255, 1.0) ), url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat left;
	 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 50%, rgba(255,255,255, 1.0)), url('images/nextgenOlives_left1.png') no-repeat left;
	 background: -moz-linear-gradient(left, transparent 50%, white), url('images/nextgenOlives_left1.png') no-repeat left;
	 background: linear-gradient(to right, transparent 50%, white), url('images/nextgenOlives_left1.png') no-repeat left;*/
	
	/* try 1*/
	/*<img src="field.png" style="-webkit-mask-box-image:-webkit-linear-gradient(black, transparent);">*/
	
	/* try 2*/
	/*-webkit-mask-box-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
	
	background-color: #444; /* fallback */
	/*background: url('images/nextgenOlives_left1.png') no-repeat left; /* fallback */

	/*background: url('images/nextgenOlives_left1.png') no-repeat left, -moz-linear-gradient(right, rgba(255,255,255,0) 50%, white);
	background: url('images/nextgenOlives_left1.png') no-repeat left, -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); 
	background-image: url("images/nextgenOlives_left1.png"), linear-gradient(#eb01a5, #d13531); */
	
	background:  -webkit-linear-gradient(left, rgba(255,255,255,0) 70% , white), url('images/nextgenOlives_left1.png') no-repeat left; /* For Safari 5.1 to 6.0 */
    background:  -o-linear-gradient(right, rgba(255,255,255,0) 70%, white),      url('images/nextgenOlives_left1.png') no-repeat left;   /* For Opera 11.1 to 12.0 */
    background:  -moz-linear-gradient(right, rgba(255,255,255,0) 70%, white),    url('images/nextgenOlives_left1.png') no-repeat left;  /* For Firefox 3.6 to 15 */
    background:  linear-gradient(to right, rgba(255,255,255,0) 70% , white),     url('images/nextgenOlives_left1.png') no-repeat left; /* Standard syntax (must be last) */
	/* background: url('PATH-TO-IMG') no-repeat left, -webkit-linear-gradient(top, @startColor, @endColor); /* Safari 5.1+, Chrome 10+*/
	/* background: url('PATH-TO-IMG') no-repeat left, -o-linear-gradient(top, @startColor, @endColor); /*Opera 11.10*/
	/* background: url('PATH-TO-IMG') no-repeat left, linear-gradient(to bottom, @startColor, @endColor); /* Standard, IE10*/
}

.rightOverlapColumn{
	display: table-cell;
	border:0px solid red;
	position:relative;
	top:0px;
	left:0px;
	width:40%;
	padding: 0px;
	/*background: -webkit-linear-gradient(left,white,white 50%,rgba(255,255,255,0));  to test on MAC*/
	/*background: -webkit-linear-gradient(right, rgba(255,255,255,0) 50%, rgba(255,255,255, 1.0)), url('images/nextgenOlives_right2.png') no-repeat right;
	background: -moz-linear-gradient(left, transparent 50%, white), url('images/nextgenOlives_right2.png') no-repeat right;
	background: linear-gradient(to left, transparent 50%, white), url('images/nextgenOlives_right2.png') no-repeat right;*/
	
	background:  -webkit-linear-gradient(right, rgba(255,255,255,0) 70% , white), url('images/nextgenOlives_right2.png') no-repeat right; /* For Safari 5.1 to 6.0 */
    background:  -o-linear-gradient(left, rgba(255,255,255,0) 70%, white),      url('images/nextgenOlives_right2.png') no-repeat right;   /* For Opera 11.1 to 12.0 */
    background:  -moz-linear-gradient(left, rgba(255,255,255,0) 70%, white),    url('images/nextgenOlives_right2.png') no-repeat right;  /* For Firefox 3.6 to 15 */
    background:  linear-gradient(to left, rgba(255,255,255,0) 70% , white),     url('images/nextgenOlives_right2.png') no-repeat right; /* Standard syntax (must be last) */

	
}

.flex_container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.leftOverlapColumnHome{
	display: table-cell;
	border:0px solid blue;
	position:relative;
	top:0px;
	width:40%;
	text-align:center;

	
}



.rightOverlapColumnHome{
	display: table-cell;
	border:0px solid red;
	position:relative;
	top:0px;
	left:0px;
	width:40%;
	padding: 0px;


}

.middleOverlapcolumn {
	display: table-cell;
	border: 0px solid black;

}

/*.center img {margin: 0 7px; padding-top:17px; }*/
/*.title  {position:relative; font-family: myOgilvyFont; text-align: right; font-size:22px; border:0px solid black;}*/
.title  {position:relative; font-family: myOgilvyFont; font-size:22px;}

/*.ournameRow
{
    display: table;
    width: 800px; 
	position: relative; 
	top: calc(100vh - 785px); 
	left: -180px;
    table-layout: fixed; 
    border-spacing: 0px; 
	margin:0px;
	padding:0px;
	border: 0px solid black;
	z-index:3;
	margin-bottom:-250px;
	visibility:visible;
}*/


.subscribe_pos
{
    height:550px;
}
	
.ournameRow
{
    display: table;
    width: 820px; 
	position: relative;
	top: calc(100vh - 894px);
	left: -210px;
    table-layout: fixed; 
    border-spacing: 0px; 
	margin:0px;
	padding:0px;
	border: 0px solid black;
	z-index:3;
	/*margin-bottom:-250px;*/
	/*visibility:visible;*/
}

/* Hack for Firefox */
_:-moz-tree-row(hover), .ournameRow { 

		/*top:-250px; */ 
		top: calc(100vh - 898px);
		
}

/* Hack for Firefox suscribe btn position*/
_:-moz-tree-row(hover), .subscribe_pos{ 

		/*top:-250px; */ 
		height:300px;
		
}

/* Hack for Android */
.android
{
	top: calc(100% - 420px);
	/*visibility:hidden;*/
}

/* Hack for iPad */
.ipad
{
	top: calc(100% - 490px);
	/*visibility:hidden;*/
}

.ipad_send
{
	right:-15px; 
	top:97px;
}

/* Hack for Microsoft Edge */
_:-ms-lang(x), _:-webkit-full-screen, .ournameRow { 


		top: calc(100vh - 904px);
	}



.ournameColumn
{
	
	
    display: table-cell;
	width:250px;
	height:100%;
	
	/*width:335px;                   ENABLE FOR STATIC SIDE COLUMN WIDTH  */
	/*vertical-align: middle;*/
	/*line-height: 200px;*/       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.0);

	 border: 0px solid black;
	 /*background-image:url("images/ourhistory_left.png");*/

}

.ourname_middle_column {
	display: table-cell;
	background: rgb(255, 0, 0);
	background: rgba(255, 255, 255, 0.0);
	height:264px;
	width:590px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 z-index:0;

}


.homeRow
{
    display: table;
	position: relative; 
    table-layout: fixed; 
    border-spacing: 0px; 
	margin: auto;
	padding:0px;
	border: 0px solid green;
	z-index:3;
	margin-bottom:-250px;
	height:100px;
}

.homeColumn
{
	
	
    display: table-cell;
	height:100%;
	/*width:335px;                   ENABLE FOR STATIC SIDE COLUMN WIDTH  */
	/*vertical-align: middle;*/
	/*line-height: 200px;*/       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.0);
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
	 /*background-image:url("images/ourhistory_left.png");*/
}

/* fullpage arrow pointers for horizontal slides */
.fp-controlArrow.fp-prev {
    left: 0;
    border: none;
    width: 50px;
    height: 101px;
    background: url(images/mainDrop_s1.png) no-repeat;
    cursor: pointer;
}
.fp-controlArrow.fp-next {
    right: 0;
    border: none;
    width: 50px;
    height: 101px;
    background: url(images/mainDrop_s1.png) no-repeat;
    cursor: pointer;
}


/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(images/ring.gif) center no-repeat #fff;
}

.se-pre-con_noimg {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/* Correct header lin underline positioning */
#home div.sliding-u-b-t:hover:after {
	width:31%;
	left:17%;
}

#about_us div.sliding-u-b-t:hover:after {
	width:40%;
	left:15%;
}

#products div.sliding-u-b-t:hover:after {
	width:40%;
	left:15%;
}

#contact div.sliding-u-b-t:hover:after {
	width:38%;
	left:16%;
}

/* ================== modal windows effects ================= */

.aline{
  position: relative;
  color: black;
  text-decoration: none;
  width:0px;
  height:1px;
  margin: auto;
  background:black;
  
  -webkit-transition: width 0.5s linear 1s;
  transition: width 0.5s linear 1s;
  
}

.aline-change {
	
	width:40px;
 
}
/*========================= subscribe ======================= */

.email_inbox {
	position:relative; 
	top:20px; 
	left:5px; 
	height: 67px;  
	width:520px; 
	border: 0;
	display: block;
	margin: 0 auto;
}

.susbcribe_text {
	font-family: myGillFont, sans-serif; 
	font-size: 12px; 
	position:relative; 
	letter-spacing: 1px; 
	display: block; 
	text-align: center; 
	top:12px; 
}

.myiframe {
	position:relative; 
	left:5px; 
	top: -20px; 
	overflow-y: hidden; 
	-webkit-animation-delay: 6.1s; 
	animation-delay: 6.1s;
}

/* ========================================================== */
#social_link:hover {
	-webkit-filter: invert(100%);
    filter: invert(100%);
}
/* ========================================================== */


/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.love {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.lovetext {
  -webkit-animation-delay: 1.0s;
  -moz-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

.fade-in.create {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.fade-in.dream {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.fade-in.createtext {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.fade-in.dreamtext {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.fade-in.knowledge {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fade-in.cherish {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fade-in.knowledgetext {
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  animation-delay: 4.3s;
}

.fade-in.cherishtext {
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  animation-delay: 4.3s;
}



.fade-in.respect {
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

.fade-in.roots {
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

.fade-in.respecttext {
  -webkit-animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  animation-delay: 6.1s;
}

.fade-in.rootstext {
  -webkit-animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  animation-delay: 6.1s;
}

.fade-in.subscribe {
  -webkit-animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  animation-delay: 6.1s;
}

 @media screen and (orientation:portrait) {
		.ournameRow {
			visibility:hidden;
		}

 }
 
 @media screen and (orientation:landscape) {
		.ournameRow {
			visibility:visible;
		}
 }

 /*@media screen and (max-height:800px) {
		.email_inbox {
			height: 25px;
		}
 }*/