body, html {
	position: relative;
	background: #4D4D4D;
}

html,
html * {
	cursor: none !important;
}

#cursor_custom {
	display: block;
	position: fixed;
	width: 1px;
	height: 1px;
	z-index: 99999;
	overflow: visible;
/* 	transition: all 0.1s ease; */
	pointer-events: none;
	opacity: 0;
}

body.loaded_b #cursor_custom {
	opacity: 1;
}
#cursor_custom::before {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width: 15px;
	height: 15px;
	background: #242323;
	transition: all 0.2s ease;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	pointer-events: none;
	z-index:1;
	opacity: 0.8;
}

/*
#cursor_custom::after {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width: 15px;
	height: 15px;
	background: transparent url("../svg/cursor_arrow_small_black.svg") no-repeat center center;
	background-size: 100% auto !important;
	transition: all 0.2s ease;
	opacity: 0;
	content: '';
	pointer-events: none;
	z-index:2;
}
*/
#cursor_custom > span {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width: 15px;
	height: 15px;
	background: transparent url("../svg/cursor_arrow_small_yellow.svg") no-repeat center center;
	background-size: 100% auto !important;
	transition: all 0.2s ease;
	opacity: 0;
	content: '';
	pointer-events: none;
	z-index:3;
}



#cursor_custom > span::before {
	display: block;
	position: absolute;
	top:-45px;
	left:-45px;
	width: 100px;
	height: 100px;
	background: transparent url("../svg/cursor_nav.svg") no-repeat center center;
	background-size: 100% auto !important;
	transition: all 0.2s ease;
	opacity: 0;
	content: '';
	pointer-events: none;
	z-index:4;
}


#cursor_custom.arrow::before {
	width: 22px;
	height: 22px;
	top:-4px;
	left: -4px;
}

body.nav_opened #cursor_custom::before {
	background: #fff;
}
/*
body.nav_opened #cursor_custom > span {
	opacity: 1;
}
*/



#cursor_custom.arrow_yellow > span {
	opacity: 1;
}
#cursor_custom.arrow_yellow > span::before {
	opacity: 1;
}

#global_wrapper {
	position: relative;
	z-index: 1;
}
/*
#global_wrapper,
#global_wrapper * {
	cursor: url("../svg/cursor_default_black.svg"), auto;
}
*/


/*
REMOVED

body {
	cursor: url("../svg/cursor_default_black.svg"), default;
}
a {
	cursor: url("../svg/cursor_default_black.svg"), default;
}
*/

#global_wrapper_inner {
	position: relative;
	padding: 0px 0px 170px 0px;
}
/*
#global_wrapper:before {
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 40px;
	content: '';
	background: #CFCFC9;
	z-index: 3;
}
*/
.in_view_element {
	position: relative;
}
.sm_trigger,
.sm_trigger_in_view {
	position: absolute;
	top:0px;
	left:0px;
	opacity: 0;
	width: 1px;
	height: 1px;
}

body.nav_opened #global_wrapper {
/* 	cursor: url("../svg/cursor_default_white.svg"), auto; */
}



#content_wrapper {
	position: relative;
	background: #fff;
	background: #4D4D4D;
}


.cnt {
	position: relative;
	width: 100%;
	max-width: 1184px;
	padding: 0px 17px 0px 17px;
	margin: 0px auto !important;
}



#page_header {
	display: block;
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	z-index: 99999;
	opacity: 0;
	transition: all 0.5s ease;
}
body.loaded #page_header {
	opacity: 1;
}

body.scroll_down #page_header {
	top:-345px;
}
#page_header:after {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	opacity: 0;
	content: '';
	z-index: 1;
	transition: all 0.3s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
	background-image: linear-gradient( rgba(255,255,255,0.9), rgba(255,255,255,0));
	background: transparent !important;
}
body.nav_opened #page_header:after {
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
	opacity: 0 !important;
}
#page_header_inner {
	display: block;
	position: relative;
	transition: all 0.5s ease;
	background: transparent;
	min-height: 345px;
	min-height: 135px;
	z-index: 2;
}

#page_header .cnt,
#top_nav_cnt .cnt {
	max-width: 100% !important;
	padding: 0px 77px 0px 77px !important;
}

#main_nav {
	max-width: 1150px;
	margin: 0px auto !important;
}

body.scroll_up #page_header:after {
	opacity: 1;
}

body.scroll_zero #page_header:after {
	opacity: 0;
}
body.nav_opened #page_header_inner {
	min-height: 185px;
}
#page_header,
#page_header * {
	vertical-align: top;
}
#page_header_left {
	padding: 60px 0px 0px 0px;
	float: left;
}
#page_header_right {
	padding: 83px 0px 0px 0px;
	float: right;
	width: 100%;
	max-width: 185px;
}


#logo_top {
	display: inline-block;
	position: relative;
	width: 178px;
	height: 28px;
}


#logo_top:before {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	background: transparent url("../svg/logo_frugarva_black.svg") no-repeat top left;
	opacity: 1;
	transition: all 0.3s ease;
	content: '';
}
#logo_top:after {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	background: transparent url("../svg/logo_frugarva_white.svg") no-repeat top left;
	opacity: 0;
	transition: all 0.3s ease;
	content: '';
}

#logo_top.white:before,
body.nav_light #logo_top:before {
	opacity: 0;
}
#logo_top.white:after,
body.nav_light #logo_top:after {
	opacity: 1;
}

#top_nav_btn {
	display: block;
	position: relative;
	width: 30px;
	height: 20px;
	margin: 30px 0px 0px 0px;
	transition: all 0.3s ease;
/* 	cursor: url("../svg/cursor_default_black.svg"), auto !important; */
}
#top_nav_btn.opened {
	margin: 20px 0px 0px 0px;
	height: 30px;
/* 	cursor: url("../svg/cursor_default_white.svg"), auto !important; */
}

#top_nav_btn:before {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	top:0px;
	left: 0px;
	content: '';
	transition: all 0.3s ease;
	background: #242424;
}
#top_nav_btn:after {
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	top:12px;
	left: 0px;
	content: '';
	background: #242424;
	transition: all 0.3s ease;
}

body.nav_light #top_nav_btn:before {
	background: #fff;
}
body.nav_light #top_nav_btn:after {
	background: #fff;
}
#top_nav_btn.opened:before {
	background: #fff;
	transform: rotate(45deg);
	top:50%;
}
#top_nav_btn.opened:after {
	background: #fff;
	transform: rotate(-45deg);
	top:50%;
}



#language_selector {
	min-height: 30px;
	float: left;
}

#language_selector,
#language_selector * {
	font-family: 'Graphik-Regular';
	line-height: 1em;
	font-size: 14px;
}
#language_selector li {
	display: inline-block;
	float: left;
	min-height: 30px;
	position: relative;
	padding: 0px 5px 0px 0px;
}
#language_selector li.current {
	display: none !important;
}
#language_selector li.current::after {
	display: block;
	position: absolute;
	bottom: 0px;
	left:4px;
	width: 8px;
	height: 8px;
	transition: all 0.3s ease;
	border: 1px solid #242424;
	content: '';
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

body.nav_opened #language_selector li.current::after,
body.nav_light #language_selector li.current::after {
	border: 1px solid #fff;
}

#language_selector li a {
	display: inline-block;
	height: 14px;
	transition: all 0.3s ease;
	border-right: 1px solid #242424;
	padding: 0px 5px 0px 0px;
	text-transform: uppercase;
}
#language_selector li:last-child a {
	border: none !important;
}
body.nav_opened #language_selector li a,
body.nav_light #language_selector li a {
	color: #fff;
	border-right: 1px solid #fff;
}







#header_link_contacts {
	float: right;
	font-family: 'Graphik-Regular';
	font-size: 14px;
	line-height: 1em;
	transition: all 0.3s ease;
	text-transform: uppercase;
}



body.nav_opened #header_link_contacts,
body.nav_light #header_link_contacts {
	color: #fff;
}







.c_table {
	display: table;
	position: relative;
	width: 100%;
}
.c_table_row {
	display: table-row;
	position: relative;
	width: 100%;
}
.c_table_cell {
	display: table-cell;
	position: relative;
}


#top_nav_cnt {
	display: block;
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 0px;
	max-height: 0px;
	min-height: 0px;
	overflow: hidden;
	background: #242424;
	z-index: 5;
	transition: all 0.7s ease;
	z-index: 9999;
}

#top_nav_cnt,
#top_nav_cnt * {
	font-family: 'Canela-Light';
	font-size: 83px;
	line-height: 1em;
	color: #fff;
	vertical-align: top;
}


body.nav_opened #top_nav_cnt {
	height: 100%;
	max-height: 100%;
	min-height: 100%;
	padding: 70px 0px 0px 0px;
}




#top_nav_cnt .c_table_cell {
	height: calc(100vh - 75px);
	vertical-align: middle;
}


#top_nav_cnt ul {
	display: inline-block;
	width: 100%;
}
#top_nav_cnt ul li {
	display: inline-block;
	width: 100%;
}

#top_nav_cnt ul li a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 20px 0px 20px 0px;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
/*
	
	REMOVED_2
	
	cursor: url("../svg/cursor_nav.svg"), auto !important;
*/
}
/*
#top_nav_cnt ul li a,
#top_nav_cnt ul li a:hover,
body.nav_opened #top_nav_cnt ul li a,
body.nav_opened #top_nav_cnt ul li a:hover {
	cursor: url("../svg/cursor_nav.svg"), auto !important;
}
*/
body.nav_opened #top_nav_cnt ul li a {
	opacity: 1;
}


body.nav_opened #top_nav_cnt ul li:nth-child(1) > a {
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
}
body.nav_opened #top_nav_cnt ul li:nth-child(2) > a {
	-webkit-transition-delay: 0.3s !important;
	transition-delay: 0.3s !important;
}
body.nav_opened #top_nav_cnt ul li:nth-child(3) > a {
	-webkit-transition-delay: 0.4s !important;
	transition-delay: 0.4s !important;
}
body.nav_opened #top_nav_cnt ul li:nth-child(4) > a {
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}
body.nav_opened #top_nav_cnt ul li:nth-child(5) > a {
	-webkit-transition-delay: 0.6s !important;
	transition-delay: 0.6s !important;
}
body.nav_opened #top_nav_cnt ul li:nth-child(6) a {
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
}
body.nav_opened #top_nav_cnt ul li:nth-child(7) > a {
	-webkit-transition-delay: 0.8s !important;
	transition-delay: 0.8s !important;
}

#top_nav_cnt ul li a span {
	float: left;
}
#top_nav_cnt ul li a small {
	float: right;
}

#top_nav_cnt ul li a:after {
	display: block;
	position: absolute;
	bottom: 36px;
	left: 0px;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	transition: all 0.3s ease;
}


#top_nav_cnt ul li a:hover::after {
	background: #F6E737; /* F8E937 */
}







.c_sect {
	min-height: 100vh;
	position: relative;
	transition: all 0.3s ease;
}
.c_sect.in_view {
	background: #ccc;
}



.content_section {
	display: block;
	position: relative;
	min-height: 100vh;
}


#content_section_company_a {
	background: #F7F7F7;
	padding: 0px 0px 135px 0px;
	z-index: 2;
}




#lemon_a_cnt {
	position: absolute;
	right: 435px;
	top:225px;
	z-index: 9;
	opacity: 0;
	transition: all 1s ease;
	z-index: 2;
	transform: translate(0px, 30px);
	-webkit-transition-delay: 1.9s !important;
	transition-delay: 1.9s !important
}



body.loaded #lemon_a_cnt {
	opacity: 1;
	transform: translate(0px, 0px);
}



#garnet_a_cnt {
	position: absolute;
	left: 200px;
	top:80vh;
	z-index: 9;
	opacity: 0;
	z-index: 2;
	transition: all 1s ease;
	transform: translate(0px, 30px);
	-webkit-transition-delay: 2.4s !important;
	transition-delay: 2.4s !important;
}



body.loaded #garnet_a_cnt {
	opacity: 1;
	transform: translate(0px, 0px);
}



#company_intro_text {
	padding: 275px 0px 0px 0px;
	opacity: 0;
	font-family: 'Canela-Light';
	font-size: 22px;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.9s !important;
	transition-delay: 0.9s !important;
	transform: translate(0px, 30px);
}

body.loaded #company_intro_text {
	transform: translate(0px, 0px);
	opacity: 1;
}



#company_intro_title {
	position: relative;
	min-height: 790px;
	margin: 50px 0px 0px 0px;
}
#company_intro_title,
#company_intro_title * {
	color: #F6E737;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#company_intro_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
/* 	opacity: 0; */
	margin: -50px 0px 0px -200%;
}



body.loaded #company_intro_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}


#company_intro_title span:nth-child(1) {
	-webkit-transition-delay: 0.9s !important;
	transition-delay: 0.9s !important;
}

#company_intro_title span:nth-child(3) {
	-webkit-transition-delay: 1.25s !important;
	transition-delay: 1.25s !important;
}











#scroll_mouse {
	display: block;
	position: fixed;
	bottom: 45px;
	left: calc(50% - 13px);
	width: 26px;
	height: 38px;
	border: 2px solid #013927;
	transition: all 0.9s ease;
	opacity: 0;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

#scroll_mouse.scroll_mouse_white {
	border: 2px solid #fff;
}


body.loaded_b #scroll_mouse {
	opacity: 1;
}

body.scroll_down #scroll_mouse,
body.scroll_up #scroll_mouse {
	opacity: 0 !important;
}
body.scroll_up.scroll_zero #scroll_mouse {
	opacity: 1 !important;
}
#scroll_mouse:after {
	display: inline-block;
	position: absolute;
	top:5px;
	left: calc(50% - 1px);
	width: 2px;
	height: 6px;
	background: #013927;
	content: '';
	
    -webkit-animation: mouse_movement 0.99s ease infinite;
       -moz-animation: mouse_movement 0.99s ease infinite;
            animation: mouse_movement 0.99s ease infinite;
}


#scroll_mouse.scroll_mouse_white::after {
	background: #fff;
}



@-webkit-keyframes mouse_movement
{
    0%   {top:5px;}
    100% {top:11px}
}​

@-moz-keyframes mouse_movement
{
    0%   {top:5px;}
    100% {top:11px}
}

@keyframes mouse_movement
{
    0%   {top:5px;}
    100% {top:11px}
}











#content_section_company_b {
	position: relative;
	z-index: 1;
}


#company_bg_a {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	min-height: 100vh;
	z-index: 1;
	background-image: url("../img/company_bg_v2.jpg");
	background-position: bottom center !important;
}

#company_bg_b {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	min-height: 100vh;
	z-index: 3;
	background-image: url("../img/company_bg_v2.png");
	background-position: bottom center !important;
}







#company_b_content {
	position: relative;
	z-index: 2;
	padding: 50vh 0px 0px 0px;
	overflow: hidden;
	min-height: 150vh;
}
#content_section_company_b {
	overflow: hidden;
}
#content_section_company_b. cnt {
	overflow: hidden;
}






.two_cols {
	overflow: hidden;
}
.two_cols > div {
	overflow: hidden;
	margin: 0px -28px 0px -28px;
}
.two_cols > div > div {
	overflow: hidden;
	width: 50%;
	float: left;
	padding: 0px 28px 0px 28px;
}

.company_b_cols {
	overflow: hidden;
}
.company_b_cols > div {
	overflow: hidden;
	margin: 0px -28px 0px -28px;
}
.company_b_cols > div > div {
	overflow: hidden;
	width: 50%;
	float: left;
	padding: 0px 28px 0px 28px;
}


.company_b_cols > div :nth-child(1) p {
	font-family: 'Graphik-Light';
	font-size: 40px;
}

.company_b_cols > div :nth-child(2) p {
	font-family: 'Canela-Light';
	font-size: 18px;
	padding: 0px 0px 28px 0px;
}





#lemon_b_cnt {
	position: absolute;
	left: 30%;
	top:-150px;
	z-index: 3;
	opacity: 0;
	transition: all 1s ease;
	z-index: 5;
	transform: translate(0px, 30px);
	-webkit-transition-delay: 1.9s !important;
	transition-delay: 1.9s !important
}


#lemon_b_cnt img {
	width: 277px;
	height: auto;
}


body.loaded #lemon_b_cnt {
	opacity: 1;
	transform: translate(0px, 0px);
}






#lemon_d_cnt {
	position: absolute;
	left: 45%;
	top:1000px;
	z-index: 3;
	opacity: 0;
	transition: all 1s ease;
	z-index: 5;
	transform: translate(0px, 30px);
	-webkit-transition-delay: 1.9s !important;
	transition-delay: 1.9s !important
}


body.loaded #lemon_d_cnt {
	opacity: 1;
	transform: translate(0px, 0px);
}








#content_section_company_c {
	background: #F7F7F7;
	z-index: 2;
	overflow: visible;
	padding: 1px 0px 0px 0px;
}






#grass_a_cnt {
	position: absolute;
	left: 900px;
	top:70vh;
	z-index: 9;
	transition: all 1s ease;
	z-index: 5;
	opacity: 0;
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}


.in_view #grass_a_cnt {
	opacity: 1;
}

#grass_a_cnt img {
	width: 350px;
	height: auto;
}



#company_c_title {
	position: relative;
	min-height: 1190px;
	margin: 50px 0px 0px 0px;
}
#company_c_title,
#company_c_title * {
	color: #003D2C;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#company_c_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
/* 	opacity: 0; */
	margin: -50px 0px 0px -200%;
}




.in_view #company_c_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}





#company_c_title span:nth-child(1) {
	-webkit-transition-delay: 0.4s !important;
	transition-delay: 0.4s !important;
}

#company_c_title span:nth-child(3) {
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
}

#company_c_title span:nth-child(5) {
	-webkit-transition-delay: 1.0s !important;
	transition-delay: 1.0s !important;
}


#content_section_company_c_map {
	transition: all 0.5s ease;
	transform: translate(0px, 30px);
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
	opacity: 0;
	padding: 0px 0px 125px 0px;
}
#content_section_company_c_map.in_view {
	transform: translate(0px, 0px);
	opacity: 1;
}
#content_section_company_c_map img {
	width: 100%;
	height: auto;
	float: left;
}


#content_section_company_d {
	background: #003D2C;
	position: relative;
	z-index: 3;
	padding: 100px 0px 200px 0px;
}








#company_d_title {
	position: relative;
	min-height: 1190px;
	margin: 0px 0px 0px 0px;
}
#company_d_title,
#company_d_title * {
	color: #fff;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#company_d_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
/* 	opacity: 0; */
	margin: -50px 0px 0px -200%;
}




.in_view #company_d_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}





#company_d_title span:nth-child(1) {
	-webkit-transition-delay: 0.9s !important;
	transition-delay: 0.9s !important;
}

#company_d_title span:nth-child(3) {
	-webkit-transition-delay: 1.25s !important;
	transition-delay: 1.25s !important;
}

#company_d_title span:nth-child(5) {
	-webkit-transition-delay: 1.45s !important;
	transition-delay: 1.45s !important;
}

#company_d_title span:nth-child(7) {
	-webkit-transition-delay: 1.75s !important;
	transition-delay: 1.75s !important;
}

#company_d_title span:nth-child(9) {
	-webkit-transition-delay: 1.95s !important;
	transition-delay: 1.95s !important;
}














#grass_b_cnt {
	position: absolute;
	left: 1000px;
	top:1800px;
	z-index: 9;
	transition: all 1s ease;
	z-index: 5;
	opacity: 0;
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}



.in_view #grass_b_cnt {
	opacity: 1;
}







#grass_c_cnt {
	position: absolute;
	left: 400px;
	top: 400px;
	z-index: 9;
	transition: all 1s ease;
	z-index: 5;
	opacity: 0;
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}



.in_view #grass_c_cnt {
	opacity: 1;
}



#company_d_content_a {
	font-family: 'Graphik-Light';
	color: #fff;	
	font-size: 45px;
	padding: 95px 0px 67px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}

.in_view #company_d_content_a {
	opacity: 1;
}

.c_btn {
	display: inline-block;
	min-width: 470px;
	border: 1px solid #F6E737;
	min-height: 56px;
	padding: 15px 67px 0px 67px;
	line-height: 1em;
	text-decoration: none;
	color: #F6E737;
	text-transform: uppercase;
	font-family: 'Graphik-Light';
	font-size: 30px;
	text-align: center;
}

#company_d_elements {
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}
.in_view #company_d_elements {
	opacity: 1;
}

#company_d_elements,
#company_d_elements * {
	vertical-align: top;
}
#company_d_elements img {
	float: left;
}
#company_d_elements .c_btn {
	float: right;
}








#company_d_content_b {
	font-family: 'Graphik-Light';
	color: #fff;	
	font-size: 45px;
	padding: 165px 0px 135px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}

.in_view #company_d_content_b {
	opacity: 1;
}




#company_d_content_c {
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}

.in_view #company_d_content_c {
	opacity: 1;
}
#company_d_content_c,
#company_d_content_c * {
	line-height: 1em;
	vertical-align: top;
	color: #fff;
}

#company_d_content_c > div {
	overflow: hidden;
	padding: 0px 0px 60px 0px;
}
.block_total {
	padding: 0px 0px 30px 0px !important;
}
#company_d_content_c > div > div {
	float: left;
}

#company_d_content_c > div > div:nth-child(1) {
	width: 345px;
}
#company_d_content_c > div > div:nth-child(1) strong {
	font-family: 'Canela-Regular';
	font-size: 83px;
	text-transform: uppercase;
}

#company_d_content_c > div > div:nth-child(2) {
	width: 360px;
}
#company_d_content_c > div > div:nth-child(2) img {
	float: left;
}
#company_d_content_c > div > div:nth-child(2) small {
	float: left;
	font-family: 'Graphik-Light';
	font-size: 44px;
	text-transform: uppercase;
	margin: 30px 0px 0px 20px;
}
#company_d_content_c > div > div:nth-child(3) {
	width: 180px;
}

#company_d_content_c > div > div:nth-child(3) em {
	font-family: 'Canela-Regular';
	font-size: 83px;
}

#company_d_content_c > div > div:nth-child(4) small {
	float: left;
	font-family: 'Graphik-Light';
	font-size: 44px;
	text-transform: uppercase;
	margin: 32px 0px 0px 0px;
}


#company_d_content_c p {
	float: left;
	clear: both;
	font-size: 17px;
	margin: 15px 0px 0px 135px;
}

#company_d_content_c .over {
	display: block;
	float: left;
	width: 825px;
	height: 1px;
	background: #fff;
	margin: -10px 0px 0px 345px;
}








.c_btn_limon_bio {
	float: right;
	background: transparent url("../img/icon_limon.png") no-repeat 90px 15px;
}



#content_section_company_e {
	background: #F7F7F7;
	z-index: 3;
	min-height: 200vh;
}


#lemon_zoom {
	position: fixed;
	top:50%;
	left: 50%;
	width: 0px;
	height: 0px;
	background-image: url("../svg/lemon.svg?v1");
}
/*

#lemon_zoom {
	position: fixed;
	top:calc(50% - 20px);
	left:calc(50% - 20px);
	width: 40px;
	height: 40px;
	background-image: url("../svg/lemon.svg");
}
*/

#lemon_zoom.zoom {
	top:-100%;
	left: -100%;
	width: 300%;
	height: 300%;
}







#content_section_company_e > strong {
	display: block;
	position: fixed;
	top:245px;
	left: 0px;
	font-family: 'Canela-Light';
	font-size: 77px;
	text-align: center;
	line-height: 1em;
	color: #003D2C;
	width: 100%;
	z-index: 4;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.1s !important;
	transition-delay: 0.1s !important;
	transform: translate(0px, 0px);
}

#content_section_company_e.in_view > strong {
	top:145px;
	display: block;
	opacity: 1;
}








#content_section_company_e_infos {
	position: fixed;
	width:100%;
	height: auto;
	left: 0px;
	top:400px;
	top:275px;
	z-index: 7;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.1s !important;
	transition-delay: 0.1s !important;
	transform: translate(0px, 45px);
	background: transparent url("../img/infos.png") no-repeat center center;
}
#content_section_company_e_infos > div {
	width: 1180px;
	height: 520px;
	margin: 0px auto !important;
}

#content_section_company_e_infos.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}

#content_section_company_e_infos > div > div {
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
}
#content_section_company_e_infos.in_view > div > div {
	opacity: 1;
}
#content_section_company_e_infos > div > div > div {
	float: left;
	width: 285px;
}

#content_section_company_e_infos > div > div > div:nth-child(1) {
	margin: 250px 0px 0px 350px;
}
#content_section_company_e_infos > div > div > div:nth-child(2) {
	margin: 250px 0px 0px 250px;
}
#content_section_company_e_infos > div > div > div p {
	padding: 0px 0px 30px 0px;
}
#content_section_company_e_infos > div > div > div p,
#content_section_company_e_infos > div > div > div p * {
	font-size: 14px;
	line-height: 1em;
	vertical-align: top;
}
#content_section_company_e_infos > div > div > div p > strong {
	display: inline-block;
	float: left;
	font-family: 'Graphik-Regular';
}


#content_section_company_e_infos > div > div > div:nth-child(1) p > strong {
	width: 57px;
}
#content_section_company_e_infos > div > div > div:nth-child(2) p > strong {
	width: 63px;
}


#content_section_company_e_infos > div > div > div p > strong > span {
	display: inline-block;
	font-family: 'Graphik-Semibold';
	margin: 0px 0px 0px 5px;
}
#content_section_company_e_infos > div > div > div p > span {
	display: inline-block;
	float: left;
	width: calc(100% - 70px - 35px);
	border-bottom: 1px dotted #242424;
	margin: 11px 0px 0px 5px;
}

#content_section_company_e_infos > div > div > div p > small {
	display: inline-block;
	float: right;
	width: 35px;
	font-family: 'Graphik-Regular';
	
}


#content_section_company_e_infos > div > div > div:nth-child(1) p > span {
	width: calc(100% - 70px - 35px);
}
#content_section_company_e_infos > div > div > div:nth-child(2) p > span {
	width: calc(100% - 77px - 35px);
}







































#content_section_products_a {
	background: #F7F7F7;
	padding: 225px 0px 50px 0px;
	z-index: 2;
}


#products_intro_title {
	position: relative;
	min-height: 1000px;
	z-index: 1;
}
#products_intro_title,
#products_intro_title span {
	color: #F6E737;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#products_intro_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
/* 	opacity: 0; */
	margin: -50px 0px 0px -200%;
}



body.loaded #products_intro_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}


#products_intro_title span:nth-child(1) {
	-webkit-transition-delay: 0.9s !important;
	transition-delay: 0.9s !important;
}

#products_intro_title span:nth-child(3) {
	-webkit-transition-delay: 1.25s !important;
	transition-delay: 1.25s !important;
}
#products_intro_title span:nth-child(5) {
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}


#products_intro_text {
	display: block;
	position: absolute;
	right: 0px;
	top:300px;
	float: right;
	width: 100%;
	max-width: 395px;
	z-index: 3;
	transition: all 0.5s ease;
	opacity: 0;
	-webkit-transition-delay: 1.3s !important;
	transition-delay: 1.3s !important;
}

body.loaded #products_intro_text {
	opacity: 1;
}
body.loaded_b #products_intro_text {
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

#products_intro_text img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0px auto !important;
}


#products_intro_text strong {
	display: block;
	width: 100%;
	padding: 50px 0px 20px 0px;
	font-family: 'Graphik-Light';
	font-size: 40px;
	line-height: 1em;
}

#products_intro_text p {
	font-size: 16px;
}

.btn_b {
	display: inline-block;
	position: relative;
	min-width: 180px;
	min-height: 85px;
	text-align: center;
	border: 1px solid #242424;
	font-family: 'Graphik-Light';
	font-size: 16px;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
/*
.btn_b:hover {
	background: rgba(0,0,0,0.01);
}
*/



#content_section_products_a .btn_b {
	position: absolute;
	left: calc(50% + 500px);
	bottom: 55px;
	opacity: 0;
}

body.loaded #content_section_products_a .btn_b {
	opacity: 1;
	-webkit-transition-delay: 0.9s !important;
	transition-delay: 0.9s !important;
}


#product_comp {
	background: #F7F7F7;
}

#product_comp_title {
	display: block;
	text-align: center;
	padding: 0px 17px 45px 17px;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.1em;
	color: #003D2C;
}

#product_comp_text {
	display: block;
	text-align: center;
	padding: 0px 17px 54px 17px;
}
#product_comp_text,
#product_comp_text * {
	font-family: 'Canela-Light';
	font-size: 22px;
	color: #003D2C;
}


#product_comp_icons {
	display: block;
	position: relative;
	max-width: 1195px;
	margin: 0px auto !important;
}
.product_comp_icon {
	display: block;
	position: relative;
	width: 25%;
	float: left;
	overflow: visible;
}
.product_comp_icon:nth-child(1)::after,
.product_comp_icon:nth-child(2)::after,
.product_comp_icon:nth-child(3)::after {
	display: block;
	position: absolute;
	top:0px;
	right: -4px;
	width: 8px;
	height: 100%;
	content: '';
	background: transparent url("../img/product_comp_icon_arrow.png") no-repeat center center;
	background-size: auto 39px !important;
}
.product_comp_icon > div {
	margin: 0px auto !important;
}
.product_comp_icon .c_table_cell {
	text-align: center;
	vertical-align: middle;
	height: 595px;
}
.product_comp_icon img {
	width: 100%;
	max-width: 200px;
}

.product_comp_icon {
	
}

.product_comp_icon_content {
	display: inline-block;
	width: 100%;
	padding: 20px 0px 20px 0px;
}

.product_comp_icon_content strong {
	display: inline-block;
	width: 100%;
	padding: 20px 0px 0px 0px;
	font-family: 'Graphik-Light';
	font-size: 18px;
	line-height: 1.1em;
	text-align: center;
	color: #003D2C;
}

#product_comp_imgs {
	width: 100%;
	max-width: 1420px;
	padding: 75px 20px 45px 20px;
	margin: 0px auto !important;
}
.product_comp_img {
	width: 33.33333%;
	float: left;
	padding: 0px 0px 45px 0px;
	text-align: center;
}
.product_comp_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 410px;
}
.product_comp_img strong {
	display: inline-block;
	width: 100%;
	font-family: 'Graphik-Light';
	font-size: 18px;
	line-height: 1.1em;
	text-align: center;
	color: #003D2C;
	padding: 25px 0px 0px 0px;
}

#product_a {
	background: #F6E737;
	padding: 130px 0px 100px 0px;
}

#product_comp_cert {
	padding: 0px 17px 145px 18px;
	text-align: center;
}
#product_comp_cert > strong {
	display: block;
	text-align: center;
	padding: 0px 17px 49px 17px;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.1em;
	color: #003D2C;
}
#product_comp_cert_imgs {
	text-align: center;
	padding: 0px 17px 35px 17px;
}
#product_comp_cert_imgs img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 63px;
}


.req_cert_link {
	display: block;
	text-align: center;
	font-family: 'Graphik-Light';
	font-size: 16px;
	line-height: 1em;
	padding: 11px 0px 0px 0px;
	min-height: 39px;
	width: 100%;
	max-width: 535px;
	border: 1px solid #003D2C;
	margin: 0px auto !important;
}


#product_a {
	background: #F6E737;
	padding: 130px 0px 100px 0px;
}

#product_a_intro_a {
	opacity: 0;
	transition: all 0.5s ease;
	transform: translate(0px, 30px);
	text-align: center;
}

#product_a_intro_a.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}


#product_a_intro_a p {
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.1em;
	color: #003D2C;
}


#product_a_intro_a img {
	margin: 0px 0px 45px 0px;
}

#product_a_separator {
	display: block;
	position: relative;
	width: 100%;
	max-width: 375px;
	height: 1px;
	margin: 115px auto 115px auto;
	background: #003D2C;
	opacity: 0;
	transition: all 0.5s ease;
	transform: translate(0px, 30px);
}
#product_a_separator.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}


#product_a_intro_b {
	padding: 0px 0px 80px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	transform: translate(0px, 30px);
	text-align: center;
}
#product_a_intro_b p {
	padding: 0px 0px 60px 0px;
}

#product_a_intro_b.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}


#product_a_intro_b p {
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.1em;
	color: #003D2C;
}




#product_b_intro {
	opacity: 0;
	transition: all 0.5s ease;
	transform: translate(0px, 30px);
	text-align: center;
	padding: 0px 0px 100px 0px;
}

#product_b_intro.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}


#product_b_intro p {
	font-family: 'Canela-Light';
	font-size: 77px;
	color: #fff;
	line-height: 1.1em;
}


#product_b_intro img {
	margin: 100px 0px 0px 0px;
}



.product_title {
	position: relative;
}
.product_title .cnt {
	min-height: 342px;
}

.product_title > strong {
	display: inline-block;
	position: absolute;
	left:-200%;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
	color: #fff;
	transition: all 0.9s ease;
}

.product_title.in_view > strong {
	left: 0px;
}



.rec {
	display: inline-block;
	position: absolute;
	right: 16px;
	bottom: 0px;
	border:1px solid #003D2C;
	width: 285px;
	height: 58px;
	font-family: 'Graphik-Light';
	font-size: 20px;
	line-height: 1.1em;
	padding: 5px 0px 0px 118px;
	background: transparent url("../img/rec.png") no-repeat 40px 10px;
	opacity: 0;
	transition: all 0.5s ease;
}


.product_title.in_view .rec {
	opacity: 1;
}


#lemon_c_cnt {
	position: absolute;
	bottom: 400px;
	left: 150px;
}
#garnet_b_cnt {
	position: absolute;
	bottom: 375px;
	left: 150px;
}
#grape_cnt {
	position: absolute;
	bottom: 200px;
	left: 150px;
}

#lemon_c_cnt img {
	width: 550px;
	height: auto;
}

.sheet {
	width: 100%;
	max-width: 800px;
	float: right;
	padding: 60px 0px 0px 0px;
}

.sheet_row {
	position: relative;
	transition: all 0.5s ease;
	opacity: 0;
	padding: 14px 12px 12px 14px;
	margin: 0px 0px 20px 0px;
	transform: translate(0px, 30px);
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}
.sheet_row.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}


#product_a .sheet_row {
/* 	border: 1px solid #FF0000; */
}



.sheet_header {
	overflow: hidden;
}
.sheet_header > div {
	overflow: hidden;
	margin: 0px -7px 0px -7px;
}
.sheet_header > div > div {
	overflow: hidden;
	width: 50%;
	float: left;
	padding: 0px 7px 3px 7px;
}
.sheet_header p {
	line-height: 1em;
	padding: 12px 0px 0px 0px;
	min-height: 50px;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	font-family: 'Canela-Light';
	font-size: 22px;
	line-height: 1em;
}
.sheet_header p small {
	float: right;
	font-family: 'Graphik-Light';
	font-size: 25px;
	margin: -5px 0px 0px 0px;
}
.sheet_header > div > div strong {
	display: block;
	line-height: 1em;
	font-family: 'Graphik-Light';
	font-size: 100px;
	padding: 19px 0px 0px 0px;
}

.sheet_varieties {
	padding: 3px 0px 0px 0px;
}
.sheet_varieties > div > div {
	width: 25%;
	float: left;
	min-height: 34px;
}
.sheet_varieties img {
	float: left;
	width: 32px;
	height: auto;
}
.sheet_varieties strong {
	float: left;
	font-family: 'Graphik-Light';
	font-size: 16px;
	line-height: 1em;
	margin: 3px 0px 0px 14px;
}

.sheet_varieties a {
	display: block;
	text-align: center;
	font-family: 'Graphik-Light';
	font-size: 20px;
	line-height: 1em;
	padding: 5px 0px 0px 0px;
	height: 33px;
	width: 100%;
	margin: 30px 0px 0px 0px;
	border: 1px solid #003D2C;
}

.sheet_varieties p {
	display: block;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Canela-Light';
	font-size: 18px;
	border-top: 1px solid rgba(0,0,0,0.4);
	padding: 15px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
.sheet_calendar {
	padding: 3px 0px 0px 0px;
}
.sheet_calendar > div {
	border-bottom: 1px solid rgba(0,0,0,0.4);
}
.sheet_calendar > div > div {
	float: left;
	width: calc( 100% / 12 );
	line-height: 1em;
	padding: 0px 0px 12px 0px;
	text-align: center;
}


.sheet_calendar img {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin: 23px 0px 21px 0px;
	line-height: 1em;
}
.sheet_calendar a {
	display: block;
	text-align: center;
	font-family: 'Graphik-Light';
	font-size: 20px;
	line-height: 1em;
	padding: 5px 0px 0px 0px;
	height: 33px;
	border: 1px solid #003D2C;
}




#product_b {
	background: #E95E65; /* #CC5E64 */
	padding: 200px 0px 100px 0px;
}










#product_b .sheet_varieties strong {
	margin: 11px 0px 0px 14px;
}




#product_b .sheet_calendar > div > div {
	width: calc( 100% / 7 );
}



#product_c {
	padding: 135px 0px 100px;
	background: #912A5B;
}

#product_c_intro {
	text-align: center;
	padding: 0px 0px 75px 0px;
}

#product_c_intro p {
	font-family: 'Canela-Light';
	font-size: 77px;
	color: #fff;
	line-height: 1.1em;
}


#product_c .sheet,
#product_c .sheet * {
	color: #fff;
}


#product_c .sheet_varieties > div > div {
	width: 33.3333%;
}


#product_c .sheet_calendar > div > div {
	width: calc( 100% / 3 );
}

#product_c .sheet_varieties strong {
	margin: 17px 0px 0px 14px;
}







#products_popup {
	display: none;
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	background: rgba(255,255,255,0.9);
}

#products_popup > div {
	max-width: 1057px;
	margin: 0px auto !important;
}
#products_popup .c_table_cell {
	vertical-align: middle;
	height: 100vh;
}


#products_popup_inner {
	display: inline-block;
	width: 100%;
}

#products_popup_inner > div {
	display: inline-block;
	float: left;
	width: 50%;
	min-height: 365px;
	padding: 59px 0px 59px 0px;
}

#products_popup_inner > div > aside {
	display: inline-block;
	width: 220px;
	float: left;
}

#products_popup_inner > div > div {
	display: inline-block;
	width: calc(100% - 220px);
	float: left;
}

#products_popup_inner img {
	display: inline-block;
	width: 100%;
	height: auto;
	max-width: 159px;
}



#products_popup strong {
	display: inline-block;
	width: 100%;
	font-family: 'Canela-Regular';
	font-size: 37px;
	color: #C73741;
	line-height: 1em;
	padding: 0px 0px 10px 0px;
}

#products_popup small {
	display: inline-block;
	width: 100%;
	font-family: 'Canela-Regular';
	font-size: 27px;
	color: #C73741;
	line-height: 1em;
}
#products_popup p {
	display: inline-block;
	width: 100%;
	padding: 20px 0px 0px 0px;
	font-family: 'Graphik-Regular';
	font-size: 15px;
	color: #C73741;
}


.dul {
	display: inline-block;
	width: 100%;
	color: #C73741;
}
.dul > span {
	font-family: 'Graphik-Regular';
	font-size: 18px;
	color: #C73741;
	margin: 0px 10px 0px 0px;
}


.dul_c {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0px 3px 0px 0px !important;
	border: 1px solid #C73741;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.dul_c.ok {
	background: #C73741;
}


















#content_section_packaging_a {
/* 	display: none; */
	min-height: 300vh;
	overflow: hidden;
	background: #003D2C;
	z-index: 1;
}

#falling {
	position: fixed;
	bottom: 35px;
	left: 0px;
	width: 100%;
}

#falling,
#falling * {
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 259px;
	font-size: 345px;
	color: #fff;
	overflow: visible;
}

#falling > div {
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 765px;
	margin: 0px auto !important;
}


.falling {
	display: block;
	position: absolute;
	float: left;
	width: 100%;
	text-align: center;
}

.falling_char {
	display: inline-block;
/* 	float: left; */
	color: #fff;
/* 	border: 1px solid red; */
	position: relative;
}

.falling_char > span {
	display: inline-block;
	position: relative;
	letter-spacing: -10px;
	z-index: 1;
	opacity: 0;
}
.falling_char > strong {
	display: inline-block;
	position: absolute;
	top:-1500px;
	left: 0px;
	letter-spacing: -10px;
	z-index: 2;
	transition: all 1s ease;
}

.falling_char.fallen > strong {
	top:0px;
}

#falling_a {
	top:66.665%;
}
#falling_b {
	top:33.33333%;
}
#falling_c {
	top:0px;
}



#content_section_packaging_b {
	background: #F7F7F7;
	z-index: 3;
	padding: 145px 0px 100px 0px;
}








#packaging_intro_text {
	position: fixed;
	width: 100%;
	top:0px;
	left: 0px;
	z-index: 1;
	text-align: center;
	padding: 275px 0px 0px 0px;
	padding: 195px 0px 0px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
	transform: translate(0px, 30px);
}
#packaging_intro_text,
#packaging_intro_text * {
	color: #fff;
	font-family: 'Canela-Light';
	font-size: 22px;
	line-height: 1.5em;
}
body.loaded #packaging_intro_text {
	opacity: 1;
	transform: translate(0px, 0px);
}


.product_intro_box {
	padding: 0px 0px 75px 0px;
	transition: all 0.4s ease;
	opacity: 0;
	transform: translate(0px, 30px);
}
.product_intro_box.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}
.product_intro_box,
.product_intro_box * {
	color: #003D2C;
}

.product_intro_box h1 {
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1em;
	text-align: center;
	padding: 0px 0px 50px 0px;
}
.product_intro_box p {
	text-align: center;
	font-family: 'Canela-Light';
	font-size: 22px;
	line-height: 1.5em;
}




.packaging_list {
	padding: 0px 0px 125px 0px;
}
.packaging_list_small {
	padding: 0px 0px 125px 0px;
}

.packaging_list h2 {
	text-align: center;
	font-family: 'Canela-Light';
	font-size: 22px;
	color: #003D2C;
	padding:  0px 0px 45px 0px;
	text-transform: uppercase;
	opacity: 0;
	transition: all 0.4s ease;
}


.packaging_list.in_view h2 {
	opacity: 1;
}



.packaging_list > div {
	overflow: hidden;
}
.packaging_list > div > div > div {
	width: 25%;
	float: left;
	text-align: center;
}
.packaging_list_small > div > div > div {
	width: 33.33333%;
}

.packaging_list > div > div > div a {
	display: block;
	width: 100%;
	height: 210px;
	text-align: center;
	position: relative;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
}
.packaging_list.in_view > div > div > div a {
	opacity: 1;
}

.packaging_list > div > div > div a img {
	position: absolute;
	bottom: 0px;
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}
.packaging_list > div > div > div a img:nth-child(1)  {
	z-index: 1;
	opacity: 0;
	transition: all 0.4s ease;
}
.packaging_list > div > div > div a img:nth-child(2)  {
	z-index: 2;
	opacity: 1;
	transition: all 0.4s ease;
}
.packaging_list > div > div > div a.opened img:nth-child(1),
.packaging_list > div > div > div a:hover img:nth-child(1) {
	opacity: 1;
}
.packaging_list > div > div > div a.opened img:nth-child(2),
.packaging_list > div > div > div a:hover img:nth-child(2) {
	opacity: 0;
}


.packaging_list > div > div > div > span {
	display: inline-block;
	position: relative;
	width: 100%;
	font-family: 'Graphik-Light';
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	padding: 30px 0px 0px 0px;
	transition: all 0.4s ease;
	opacity: 0;
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
	color: #003D2C;
}

.packaging_list.in_view > div > div > div > span {
	opacity: 1;
}




.pac_cols
.pac_cols * {
	color: #003D2C;
}


.pac_cols {
	transition: all 0.4s ease;
	opacity: 0;
	-webkit-transition-delay: 0.1s !important;
	transition-delay: 0.1s !important;
	text-align: center;
}
.pac_cols.in_view {
	opacity: 1;
}

.pac_cols > div {
	display: inline-block;
	width: auto;
	max-width: 475px;
	padding: 0px 30px 45px 30px;
	text-align: center;
/* 	color: #003D2C; */
	font-family: 'Graphik-Light';
	font-size: 40px;
}

.pac_cols img {
	max-width: 875px;
	height: auto;
}





#content_section_packaging_c {
	z-index: 3;
	background-image: url("../img/bg_a_v2.jpg");
}

#content_section_packaging_c .cnt {
	max-width: 1550px;
}
#content_section_packaging_c .c_table_cell {
	height: 100vh;
	vertical-align: middle;
}

#content_section_packaging_c .c_table_cell > span {
	color: #fff;
	font-family: 'Canela-Light';
	font-size: 150px;
	line-height: 1em;
}



.pack_list {
	display: none;
	width: 100%;
	position: relative;
	max-width: 1080px;
	vertical-align: top;
	transition: opacity 0.5s ease;
	opacity: 0;
}
.pack_list.opened {
	opacity: 1;
}

.pack_list,
.pack_list * {
	color: #003D2C;

}
.pack_list > div {
	overflow: hidden;
	vertical-align: top;
	padding: 0px 0px 50px 0px;
}
.pack_list > div > aside {
	overflow: hidden;
	width: 420px;
	float: left; 
	vertical-align: top;
	
}
.pack_list > div > div {
	overflow: hidden;
	width: 660px;
	float: left;
	vertical-align: top;
	padding: 45px 0px 0px 0px;
}

.pack_list h3 {
	position: relative;
	line-height: 1em;
	font-family: 'Canela-Light';
	font-size: 47px;
	color: #003D2C;
}
.pack_list h3::after {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
	height: 1px;
	content: '';
	background: #003D2C;
}

.pack_list > div > aside img {
	width: 100%;
	height: auto;
	max-width: 295px;
}


.pack_list > div > div p,
.pack_list > div > div p * {
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 22px;
}

.pack_list strong {
	font-family: 'Graphik-Semibold' !important;
}

.pack_list p {
	padding: 0px 0px 15px 0px;
}




#content_section_compromiso_a {
	background: #003D2C;
	padding: 250px 0px 70px 0px;
}
#content_section_compromiso_a .cnt {
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.9s !important;
	transition-delay: 0.9s !important;
	transform: translate(0px, 30px);
}
#content_section_compromiso_a .cnt.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}
#compromiso_intro_a {
	text-align: center;
}
#compromiso_intro_a,
#compromiso_intro_a * {
	color: #fff;
}

#compromiso_intro_a span {
	display: inline-block;
	width: 100%;
	font-family: 'Canela-Light';
	font-size: 77px;
}
#compromiso_intro_a strong {
	display: inline-block;
	width: 100%;
	position: relative;
	font-family: 'Canela-Regular';
	font-size: 143px;
}

#med,
#med * {
	color: #fff;
	vertical-align: top;
}

#med > strong {
	display: block;
	font-family: 'Graphik-Light';
	font-size: 20px;
	padding: 80px 0px 30px 0px;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid #fff;
}






#med > div {
	overflow: hidden;
}
#med > div > div {
	overflow: hidden;
	margin: 0px -20px 0px -20px;
}
#med > div > div > div {
	overflow: hidden;
	width: 33.33333%;
	float: left;
	padding: 0px 20px 40px 20px;
}
#med > div > div > div img {
	float: left;
}
#med > div > div > div > span {
	float: right;
	width: calc(100% - 120px);
	font-family: 'Graphik-Light';
	font-size: 20px;
	margin: 20px 0px 0px 0px;
}




#content_section_compromiso_b {
	background: #F7F7F7;
	padding: 50px 0px 0px 0px;
}






#compromiso_b_title {
	position: relative;
	min-height: 790px;
}
#compromiso_b_title,
#compromiso_b_title * {
	color: #003D2C;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#compromiso_b_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
	margin: -50px 0px 0px -200%;
}



.in_view #compromiso_b_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}


#compromiso_b_title span:nth-child(1) {
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

#compromiso_b_title span:nth-child(3) {
	-webkit-transition-delay: 0.3s !important;
	transition-delay: 0.3s !important;
}






.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe_wrap {
	overflow: hidden;
	position: relative;
}
.swipe_wrap > div {
	float:left;
	width:100%;
	position: relative;
}

.swipe img {
	width: 100%;
	height: auto;
	float: left;
}



#pira {
	text-align: center;
	padding: 130px 0px 0px 0px;
}




#pira > span {
	display: inline-block;
	position: relative;
	margin: 0px 0px 80px 0px;
	padding: 0px 0px 80px 0px;
	line-height: 1em;
	text-transform: uppercase;
	color: #003D2C;
	font-family: 'Graphik-Light';
	font-size: 40px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
	transform: translate(0px, 30px);
	
}



#pira > span:nth-child(1) {
	-webkit-transition-delay: 1.4s !important;
	transition-delay: 1.4s !important;
}
#pira > span:nth-child(2) {
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}
#pira > span:nth-child(3) {
	-webkit-transition-delay: 1.6s !important;
	transition-delay: 1.6s !important;
}
#pira > span:nth-child(4) a {
	-webkit-transition-delay: 1.7s !important;
	transition-delay: 1.7s !important;
}
#pira > span:nth-child(5) {
	-webkit-transition-delay: 1.8s !important;
	transition-delay: 1.8s !important;
}
#pira > span:nth-child(6) {
	-webkit-transition-delay: 1.9s !important;
	transition-delay: 1.9s !important;
}
#pira > span:nth-child(7) {
	-webkit-transition-delay: 2.0s !important;
	transition-delay: 2.0s !important;
}


.in_view #pira > span {
	opacity:1;
	transform: translate(0px, 0px);
}


#pira > span.with_line:after {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	content: '';
	background: #F6E737;
}





#content_section_compromiso_c {
	position: relative;
	background: #F7F7F7;
	min-height: 10vh;
}

#res_a {
	padding: 0px 0px 150px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}

.in_view #res_a {
	opacity:1;
	transform: translate(0px, 0px);
}


#res_a > span {
	display: block;
	text-align: center;
	font-size: 77px;
	color: #003D2C;
}

#res_b {
	padding: 150px 0px 120px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}

.in_view #res_b {
	opacity:1;
	transform: translate(0px, 0px);
}


#res_b > span {
	display: block;
	text-align: center;
	font-size: 77px;
	color: #003D2C;
}


.swipe_imgs {
	position: relative;
	min-height: 100vh;
	width: 100%;
}

.swipe_img {
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: all 0.1s linear;
}
/*
.swipe_img:nth-child(1) {
	left: 0px;
}
*/

#swipe_img_1 {
/* 	background: red; */
}
#swipe_img_2 {
/* 	background: blue; */
}
#swipe_img_3 {
/* 	background: green; */
}
#content_section_compromiso_d {
	min-height: 800px;
	position: relative;
	overflow: hidden;
	background: #003D2C;
}
#content_section_compromiso_d .fbg {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	top: -200px;
	height: calc(100% + 200px);
	left: 0px;
	background-image: url("../img/work.jpg");
	
	display: none !important;
}

#content_section_compromiso_d .fbg.moved {
	top:0px;
}

#content_section_compromiso_d .cnt {
	position: relative;
	z-index: 2;
}





#jobs_form {
	position: relative;
	padding: 250px 0px 0px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
	transform: translate(0px, 30px);
}



#jobs_form.in_view {
	opacity:1;
	transform: translate(0px, 0px);
}


#jobs_form > aside {
	width: 390px;
	float: left;
}
#jobs_form > div {
	width: calc(100% - 390px);
	float: left;
}

#jobs_form > aside strong {
/* 	color: #003D2C; */
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1em;
	color: #ffff;
}



.form_cols {
	overflow: hidden;
}
.form_cols > div {
	overflow: hidden;
	margin: 0px -6px 0px -6px;
}
.form_cols > div > div {
	overflow: hidden;
	width: 50%;
	float: left;
	padding: 0px 6px 0px 6px;
}






.cf_input {
	display: block;
	position: relative;
	width: 100%;
	resize: none;
	border:none;
	padding: 0px;
	margin: 0px;
	box-shadow: none;
	border-radius: 0px !important;
	padding: 0px 0px 0px 15px;
	border: none;
	background: #F7F7F7;
	min-height: 44px;
	margin: 0px 0px 12px 0px;
}
textarea.cf_input {
	padding: 12px 0px 0px 15px;
	height: 100px !important;
	overflow: hidden;
}




#cv {
	display: block;
	border: 1px solid #fff;
	min-height: 44px;
	color: #fff;
	text-align: center;
	font-family: 'Canela-Light';
	font-size: 18px;
	line-height: 1em;
	padding: 14px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}



#send {
	display: block;
	min-height: 44px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	font-family: 'Canela-Light';
	font-size: 18px;
	line-height: 1em;
	padding: 14px 0px 0px 0px;
}









#content_section_compromiso_e {
	background: #003D2C;
	min-height: 1px;
	padding: 60px 0px 60px 0px;
	overflow: hidden;
}






#compromiso_e_title {
	position: relative;
	min-height: 790px;
}
#compromiso_e_title,
#compromiso_e_title * {
	color: #fff;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#compromiso_e_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
	margin: -50px 0px 0px -200%;
}



.in_view #compromiso_e_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}


#compromiso_e_title span:nth-child(1) {
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

#compromiso_e_title span:nth-child(3) {
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
}

#compromiso_e_title span:nth-child(5) {
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}











#content_section_compromiso_f {
	background: #F7F7F7;
	padding: 120px 0px 120px 0px;
	min-height: 1px;
	width: 100%;
}
/*

#content_section_compromiso_f.fixed {
	position: fixed;
	top:0px;
	left: 0px;
}
*/

#compromiso_f_title {
	display: block;
	text-align: center;
	color: #242424;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.19em;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}

.in_view #compromiso_f_title {
	opacity:1;
	transform: translate(0px, 0px);
}




#compromiso_f_scrolling {
	min-height: 800px;
	position: relative;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.1s !important;
	transition-delay: 0.1s !important;
	transform: translate(0px, 30px);
}
#compromiso_f_scrolling.in_view {
	opacity:1;
	transform: translate(0px, 0px);
}



#compromiso_f_scrolling figure {
	display: block;
	position: absolute;
	z-index: 1;
	top:100px;
	left: calc(50% - 300px);
	width: 600px;
	height: 600px;
	background: #F6E737;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#compromiso_f_scrolling_inner {
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	text-align: center;
}
#compromiso_f_scrolling_inner span {
	display: block;
	position: relative;
	width: 100%;
	line-height: 1em;
	font-family: 'Graphik-Light';
	font-size: 45px;
	padding: 20px 0px 20px 0px;
	opacity: 0;
}


#compromiso_f_scrolling_inner span.visible {
	opacity: 1;
}






#content_section_compromiso_g {
	background: #F7F7F7;
	padding: 120px 0px 0px 0px;
}



#content_section_compromiso_g .cnt {
	position: relative;
	z-index: 4;
}


#crops {
	display: block;
	position: relative;
	overflow: hidden;
}
#crops > aside {
	display: block;
	position: relative;
	overflow: hidden;
	width: 385px;
	float: left;
}
#crops > div {
	display: block;
	position: relative;
	overflow: hidden;
	width: calc(100% - 385px);
	float: left;
}
#crops > aside > strong {
	display: block;
	color: #242424;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1em;
}


#crops > div > div {
	padding: 0px 0px 54px 0px;
}
#crops > div > div p {
	font-family: 'Graphik-Light';
	font-size: 40px;
	line-height: 1.19em;
}
#crops > div > div small {
	display: block;
	font-family: 'Graphik-Light';
	font-size: 18px;
	line-height: 1.19em;
}
#crops > div > div strong {
	display: block;
	font-family: 'Canela-Bold';
	font-size: 18px;
	line-height: 1.19em;
}

#crops .in_view_element {
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	opacity: 0;
	transform: translate(0px, 30px);
}
#crops .in_view_element.in_view {
	opacity: 1;
	transform: translate(0px, 0px);
}


#compromiso_g_title {
	display: block;
	text-align: center;
	color: #242424;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1em;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
	padding: 0px 0px 55px 0px;
}

.in_view #compromiso_g_title {
	opacity:1;
	transform: translate(0px, 0px);
}






#compromiso_g_text_a {
	display: block;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
	padding: 0px 0px 35px 0px;
}

.in_view #compromiso_g_text_a {
	opacity:1;
	transform: translate(0px, 0px);
}
#compromiso_g_text_a p {
	font-family: 'Graphik-Light';
	font-size: 40px;
	color: #242424;
	text-align: center;
}


#compromiso_g_text_b {
	display: block;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
	padding: 0px 0px 35px 0px;
}

.in_view #compromiso_g_text_b {
	opacity:1;
	transform: translate(0px, 0px);
}
#compromiso_g_text_b p {
	font-family: 'Graphik-Light';
	font-size: 36px;
	text-align: center;
}


#compromiso_g_text_c {
	display: block;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
	padding: 0px 0px 35px 0px;
}

.in_view #compromiso_g_text_c {
	opacity:1;
	transform: translate(0px, 0px);
}
#compromiso_g_text_c p {
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

#compromiso_g_text_d {
	display: block;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
	padding: 0px 0px 35px 0px;
}

.in_view #compromiso_g_text_d {
	opacity:1;
	transform: translate(0px, 0px);
}
#compromiso_g_text_d p {
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}




#mountains_a_cnt {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0px;
	width: 100%;
	z-index: 3;
	height: 100vh;
}

#trigger_compromiso_g_pin {
	display: block;
	position: absolute;
	top:50%;
	width: 100%;
	height: 1px;
	z-index: 999;
/* 	background: red; */
}
#mountains_a_cnt .c_table_cell {
	height: 100vh;
	vertical-align: bottom;
}

#mountains_a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
}
#mountains_a img {
	width: 100%;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
}

#mountains_a.fixed {
	position: fixed;
	bottom:0px;
	left: 0px;
	width: 100%;
}
#mountains_a_table {
	transition: all 0.2s ease;
}
#mountains_a_table.fixed {
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	z-index: 2;
}




#content_section_compromiso_h {
	min-height: 200vh;
	background: #F7F7F7;
	overflow: hidden;
}






#sol_cnt {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
	height: 100vh;
	z-index: 1;
}

#trigger_sol {
	display: block;
	position: absolute;
	top:calc(50% - 250px);
	width: 100%;
	height: 1px;
	z-index: 999;
/* 	background: red; */
}
#sol_cnt .c_table_cell {
	height: 100vh;
	vertical-align: bottom;
}
#sol_table {
	transition: all 0.2s ease;
}
#sol_table.fixed {
	position: fixed;
	top:250px;
	left: 0px;
	width: 100%;
}



#sol {
	display: block;
	position: absolute;
	text-align: center;
	width: 1100px;
	height: 1100px;
	background: #F9EA37;
	top:0px;
	left: calc(50% - 550px);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}




#sol > span {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #003D2C;
	padding: 99px 0px 0px 0px;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.1em;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
	transform: translate(0px, 50px);
}


#sol_table.fixed #sol > span {
	opacity: 1;
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
	transform: translate(0px, 0px);
}


#content_section_compromiso_i {
	background: #F7F7F7;
	z-index: 99;
	padding: 0px 0px 85px 0px;
}


#eco_cnt {
	position: relative;
	padding: 125px 0px 0px 0px;
}


#icons {
	width: 100%;
	height: auto;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}



.in_view #icons {
	opacity:1;
	transform: translate(0px, 0px);
}

#compromiso_i_title {
	display: block;
	text-align: center;
	line-height: 1em;
	font-family: 'Canela-Light';
	font-size: 77px;
	color: #242424;
	color: #003D2C;
	opacity: 0;
	padding: 0px 0px 140px 0px;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}


.in_view #compromiso_i_title {
	opacity:1;
	transform: translate(0px, 0px);
}







#eco_three {
	display: block;
	vertical-align: top;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.4s !important;
	transition-delay: 0.4s !important;
	transform: translate(0px, 30px);
	display: none;
}

.in_view #eco_three {
	opacity:1;
	transform: translate(0px, 0px);
}

#eco_three > span {
	display: block;
	float: left;
	vertical-align: top;
	color: #003D2C;
}

#eco_three > span:nth-child(1) {
	font-family: 'Canela-Bold';
	font-size: 107px;
	width: 250px;
	line-height: 1em;
}

#eco_three > span:nth-child(2) {
	width: calc(100% - 500px);
	font-family: 'Graphik-Light';
	font-size: 28px;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

#eco_three > span:nth-child(3) {
	font-family: 'Canela-Bold';
	font-size: 107px;
	width: 250px;
	line-height: 1em;
	text-align: right;
}



#eco_years {
	display: block;
	font-family: 'Canela-Bold';
	font-size: 150px;
	line-height: 1em;
	color: #003D2C;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.4s !important;
	transition-delay: 0.4s !important;
	transform: translate(0px, 30px);
}

.in_view #eco_years {
	opacity:1;
	transform: translate(0px, 0px);
}

#eco_years_text {
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 28px;
	color: #003D2C;
	text-align: center;
	opacity: 0;
	transition: all 0.7s ease;
	padding: 35px 0px 0px 0px;
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
	transform: translate(0px, 30px);
}
.in_view #eco_years_text {
	opacity:1;
	transform: translate(0px, 0px);
}


#eco_text {
	width: 50%;
	float: right;
	padding: 250px 0px 250px 0px;
	padding: 110px 0px 250px 0px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
	transform: translate(0px, 30px);
}

.in_view #eco_text {
	opacity:1;
	transform: translate(0px, 0px);
}
#eco_text,
#eco_text * {
	font-family: 'Canela-Light';
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 28px;
	color: #003D2C;
}

#eco_text a {
	display: inline-block;
	width: 100%;
	border: 1px solid #003D2C;
	min-height: 44px;
	padding: 12px 67px 0px 67px;
	line-height: 1em;
	text-decoration: none;
	color: #003D2C;
	text-transform: uppercase;
	font-family: 'Graphik-Light';
	font-size: 18px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}








#eco_arrow {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 545px;
	height: 0px;
	max-height: 0px;
	min-height: 0px;
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
	transition: all 0.5s ease;
/* 	background: transparent url("../svg/arrow_a.svg") no-repeat bottom center; */
/* 	background-size: 100% auto !important; */
/* 	display: none !important; */

	min-height: 1100px;
}


/*
#eco_cnt.in_view #eco_arrow {
	height: 1000px;
	max-height: 1000px;
	min-height: 1000px;
}
*/


#eco_arrow > span {
	display: block;
	position: absolute;
	bottom: 175px;
	left: 0px;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 2s !important;
	transition-delay: 2s !important;
}
#eco_cnt.in_view #eco_arrow > span {
	opacity: 1;
}
#eco_arrow > span > strong {
	font-family: 'Canela-Bold';
	line-height: 1em;
	color: #183C2B;
	font-size: 165px;
}
#eco_arrow > span > p,
#eco_arrow > span > p * {
	font-size: 27px;
	color: #183C2B;
}
#eco_arrow > span > p {
	font-family: 'Graphik-Light';
}
#eco_arrow > span > p b {
	font-family: 'Graphik-Bold';
}




#compromiso_i_text {
	padding: 35px 0px 0px 0px;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}


.in_view #compromiso_i_text {
	opacity:1;
	transform: translate(0px, 0px);
}

#compromiso_i_text,
#compromiso_i_text * {
	font-family: 'Canela-Light';
	color: #003D2C;
	font-size: 22px;
}
/*

#compromiso_i_text strong {
	font-family: 'Graphik-Bold';
}
*/











#content_section_compromiso_j {
	background: #F7F7F7;
	z-index: 99;
	overflow: hidden;
}

#content_section_compromiso_j_inner,
#content_section_compromiso_j_inner * {
	color: #fff;
}

#content_section_compromiso_j_inner {
	min-height: 100vh;
	padding: 350px 0px 0px 0px;
	background: url("../img/bg_b.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#content_section_compromiso_j_inner h5 {
	text-align: center;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 195px;
	line-height: 1em;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
}
#content_section_compromiso_j_inner .in_view h5 {
	opacity:1;
	transform: translate(0px, 0px);
}

#content_section_compromiso_j_cols {
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s ease;
	padding: 75px 0px 0px 0px;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
	transform: translate(0px, 30px);
}

.in_view #content_section_compromiso_j_cols {
	opacity:1;
	transform: translate(0px, 0px);
}

#content_section_compromiso_j_cols > div {
	overflow: hidden;
	margin: 0px -10px 0px -10px;
}
#content_section_compromiso_j_cols > div > div {
	overflow: hidden;
	width: 50%;
	float: left;
	padding: 0px 10px 0px 10px;
}


#content_section_compromiso_j_cols > div > div:nth-child(1) p,
#content_section_compromiso_j_cols > div > div:nth-child(1) p * {
/* 	font-size: 29px; */
	
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 28px;
	
}


#content_section_compromiso_j_cols p {
	font-family: 'Graphik-Light';
}


#content_section_compromiso_j_cols > div > div:nth-child(2) p,
#content_section_compromiso_j_cols > div > div:nth-child(2) p * {
/* 	font-size: 34px; */
	
	font-family: 'Graphik-Regular';
	font-size: 18px;
	line-height: 28px;
}


#content_section_compromiso_j_cols p b {
/* 	font-family: 'Graphik-Bold'; */
}





#content_section_compromiso_k {
	background: #F7F7F7;
	z-index: 99;
	overflow: hidden;
}

#content_section_compromiso_k_inner,
#content_section_compromiso_k_inner * {
	color: #003D2C;
}

#content_section_compromiso_k_inner {
	min-height: 100vh;
	padding: 350px 0px 0px 0px;
	background: url("../img/bg_c.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#content_section_compromiso_k_inner h5 {
	text-align: center;
	font-family: 'Canela-Light';
	text-transform: uppercase;
	font-size: 77px;
	line-height: 1em;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.8s !important;
	transition-delay: 0.8s !important;
	transform: translate(0px, 30px);
}
#content_section_compromiso_k_inner .in_view h5 {
	opacity:1;
	transform: translate(0px, 0px);
}




#section_compromiso_k_text,
#section_compromiso_k_text * {
	color: #003D2C;
	text-transform: uppercase;
	font-family: 'Graphik-Light';
	font-size: 40px;
}




#section_compromiso_k_text {
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
	transform: translate(0px, 30px);
	padding: 130px 0px 0px 0px;
}
.in_view #section_compromiso_k_text {
	opacity:1;
	transform: translate(0px, 0px);
}



#content_section_eco_a {
	position: relative;
	background: #F7F7F7;
	padding: 150px 0px 195px 0px;
}



#eco_intro {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background-image: url("../img/eco_bg.png");
	background-position: center center;
}
#eco_intro .c_table_cell {
	height: 945px;
	text-align: center;
	vertical-align: middle;
}
#eco_intro .c_table_cell strong {
	display: inline-block;
	width: 100%;
	font-family: 'Canela-Light';
	font-size: 77px;
	line-height: 1.1em;
	color: #003D2C;
}
#eco_intro .c_table_cell small {
	display: inline-block;
	width: 100%;
	font-family: 'Canela-Light';
	font-size: 22px;
	line-height: 1.1em;
	color: #003D2C;
}

#solcitrus_logo_cnt {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 83px;
	left: 0px;
	z-index: 1;
}
#solcitrus_logo_cnt.fixed {
	position: fixed;
	bottom: calc(50% - 18px);
}
#solcitrus_logo {
	display: block;
	position: relative;
	width: 322px;
	height: 115px;
	overflow: hidden;
	margin: 0px auto !important;
/* 	border: 1px solid red; */
}

#trigger_solcitrus_logo_pin {
	position: absolute;
	bottom: 89px;
	left: 0px;
}
#trigger_solcitrus_logo_sun {
	position: absolute;
	bottom: -100px;
	left: 0px;

}


#solcitrus_logo_part_a {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 27px;
	height: 36px;
	background: transparent url("../img/solcitrus_logo_part_a.png") no-repeat left bottom;
	background-size: auto 100% !important;
}
#solcitrus_logo_part_b {
	display: block;
	position: relative;
	width: 92px;
	height: 80px;
	bottom: -75px;
	left: 25px;
	overflow: hidden;
}

#solcitrus_logo_part_b::after {
	display: block;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	border: 4px solid #003D2C;
	content: '';
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#solcitrus_logo_part_c {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 203px;
	height: 36px;
	background: transparent url("../img/solcitrus_logo_part_c.png") no-repeat right bottom;
	background-size: auto 100% !important;
}


#diap {
	display: block;
	opacity: 0;
	width: 100%;
	max-width: 1024px;
	height: auto;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
	transform: translate(0px, 30px);
	margin: 0px auto !important;
}


#content_section_oranges {
	background-image: url("../img/oranges.jpg");
	min-height: 150vh;
}


.in_view #diap {
	opacity:1;
	transform: translate(0px, 0px);
}





#eco_intro_text {
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0.7s !important;
	transition-delay: 0.7s !important;
	transform: translate(0px, 30px);
	text-align: center;
	padding: 80px 0px 0px 0px;
}
#eco_intro_text,
#eco_intro_text * {
	color: #242424;
}

.in_view #eco_intro_text {
	opacity:1;
	transform: translate(0px, 0px);
}



#eco_intro_text p {
	font-family: 'Graphik-Light';
	font-size: 40px;
	padding: 0px 0px 20px 0px;
}
#eco_intro_text strong {
	font-family: 'Canela-Light';
	font-size: 18px;
}


#content_section_eco_b {
	background: #F7F7F7;
	padding: 125px 0px 95px 0px;
	z-index: 2;
}






#eco_b_title {
	position: relative;
	min-height: 1000px;
	z-index: 1;
}
#eco_b_title,
#eco_b_title span {
	color: #F6E737;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#eco_b_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
/* 	opacity: 0; */
	margin: -50px 0px 0px -200%;
}



.in_view #eco_b_title span {
	margin: -50px 0px 0px 0px;
}


#eco_b_text_cnt {
	position: absolute;
	top:400px;
	left: 0px;
	width: 100%;
	z-index: 2;
}


#eco_b_text {
	width: 60%;
	float: right;
	margin: 0px 100px 0px 0px;
	opacity: 0;
	transition: opacity 0.5s ease;
}


.in_view #eco_b_text {
	opacity: 1;
}

#eco_b_text p,
#eco_b_text p * {
	color: #003D2C;
	font-family: 'Graphik-Light';
	font-size: 40px;
}
#eco_b_text p {
	padding: 0px 0px 25px 0px;
}
#eco_b_text p strong {
	font-family: 'Graphik-Bold';
}



#content_section_eco_c {
	z-index: 2;
}





#content_section_eco_c {
	background: #F6E737;
	padding: 175px 0px 135px 0px;
	text-align: center;
}


#eco_c h1 {
	
}

#eco_c * {
	color: #003D2C;
}





#eco_c h1 {
	opacity: 0;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
	transform: translate(0px, 30px);
	font-family: 'Graphik-Light';
	font-size: 40px;
	line-height: 1em;
	padding: 0px 0px 50px 0px;
	text-transform: uppercase;
}


.in_view #eco_c h1 {
	opacity:1;
	transform: translate(0px, 0px);
}





#eco_c h2 {
	opacity: 0;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.4s !important;
	transition-delay: 0.4s !important;
	transform: translate(0px, 30px);
	font-family: 'Canela-Regular';
	font-size: 315px;
	line-height: 1em;
	padding: 0px 0px 60px 0px;
	text-transform: uppercase;
}
.in_view #eco_c h2 {
	opacity:1;
	transform: translate(0px, 0px);
}



#eco_c figure {
	opacity: 0;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.6s !important;
	transition-delay: 0.6s !important;
	transform: translate(0px, 30px);
	display: block;
	position: relative;
	margin: 0px auto 70px auto;
	width: 90%;
	max-width: 1154px;
	height: 1px;
	background: #003D2C;
}


.in_view #eco_c figure {
	opacity:1;
	transform: translate(0px, 0px);
}



#eco_c h3 {
	opacity: 0;
	transition: all 0.4s ease;
	-webkit-transition-delay: 0.8s !important;
	transition-delay: 0.8s !important;
	transform: translate(0px, 30px);
}
#eco_c h3,
#eco_c h3 * {
	font-family: 'Canela-Regular';
	font-size: 315px;
	line-height: 1em;
	padding: 0px 0px 60px 0px;
	text-transform: uppercase;
}




.in_view #eco_c h3 {
	opacity:1;
	transform: translate(0px, 0px);
}




#eco_c p {
	opacity: 0;
	transition: all 0.4s ease;
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
	transform: translate(0px, 30px);
	font-family: 'Graphik-Light';
	font-size: 40px;
}


.in_view #eco_c p {
	opacity:1;
	transform: translate(0px, 0px);
}




#content_section_contacts_a {
	background: #F6E737;
	padding: 395px 0px 85px 0px;
}


#contacts_intro_title {
	position: absolute;
	min-height: 790px;
	z-index: 2;
	top:0px;
	left: 0px;
	width: 100%;
	padding: 225px 0px 0px 0px;
}
#contacts_intro_title,
#contacts_intro_title * {
	color: #fff;
	line-height: 1em;
	font-family: 'Canela-Regular';
	text-transform: uppercase;
	font-size: 395px;
}
#contacts_intro_title span {
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	transition: all 0.9s ease;
/* 	opacity: 0; */
	margin: -50px 0px 0px -200%;
}



body.loaded #contacts_intro_title span {
	opacity: 1;
	margin: -50px 0px 0px 0px;
}


#content_section_eco_c .cnt {
	position: relative;
	z-index: 2;
}









#contacts_info {
	opacity: 0;
	z-index: 1;
	position: relative;
	transition: all 0.5s ease;
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
	transform: translate(0px, 30px);
}


.in_view #contacts_info {
	opacity:1;
	transform: translate(0px, 0px);
}

#contacts_info > img {
	float: left;
	width: 100%;
}
#contacts_info,
#contacts_info * {
	vertical-align: top;
}
#contacts_info > div {
	border-top:1px solid #242424;
	border-bottom:1px solid #242424;
	padding: 40px 0px 40px 0px;
	margin: 40px 0px 0px 0px;
}


#contacts_info > div > div:nth-child(1) {
	width: 40%;
	float: left;
}
#contacts_info > div > div:nth-child(2) {
	width: 60%;
	float: right;
}
#contacts_info .fa {
	float: right;
	margin: 0px 30px 0px 0px;
	font-size: 20px;
}




#contacts_info > div > div > div {
	overflow: hidden;
}
#contacts_info > div > div > div > div {
	overflow: hidden;
	width: 50%;
	float: left;
	padding: 0px 28px 0px 0px;
}

#contacts_info > div > div > div > div,
#contacts_info > div > div > div > div * {
	font-family: 'Graphik-Regular';
	font-size: 22px;
	color: #242424;
}




#page_footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 99;
	background: #4D4D4D;
	padding: 45px 0px 0px 0px;
}
#page_footer,
#page_footer * {
	vertical-align: top;
	color: #B2B2B2;
	font-family: 'Graphik-Regular';
}

#page_footer a {
	transition: all 0.3s ease;
}
#page_footer a:hover {
	color: #fff;
}

#page_footer_inner {
	min-height: 170px;
}


#page_footer_left {
	float: left;
	width: calc(100% - 200px);
}
#page_footer_left ul {
	min-height: 14px;
	padding: 25px 0px 0px 0px;
}
#page_footer_left ul li {
	display: inline-block;
	float: left;
	border-right: 1px solid #B2B2B2;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	line-height: 1em;
}
#page_footer_left ul li:last-child() {
	border: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}
#page_footer_left ul li a {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1em;
}
#page_footer_left p {
	font-size: 10px;
	padding: 30px 0px 0px 0px;
}

#page_footer_right {
	float: right;
	width: 200px;
	text-align: right;
}
#page_footer_right,
#page_footer_right * {
	font-size: 14px;
}










#logo_footer {
	display: inline-block;
	position: relative;
	width: 178px;
	height: 28px;
}


#logo_footer:after {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	background: transparent url("../svg/logo_frugarva_white.svg") no-repeat top left;
	transition: all 0.3s ease;
	content: '';
}