@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/* CSS Document */

html, body{margin:0; padding:0; width:100%;}

a img{border:none;}

a{text-decoration:none; color:rgba(200,200,200,1);}

a:hover{color:rgba(248,196,0,1.00); -webkit-transition:all 1s ease-in-out;}

.clear{float:none; clear:both;}

p{font-family:'Open Sans', sans-serif; font-size:1em; text-align:justify;}

h1{font-size:1.5em; font-family:'Open Sans Condensed', sans-serif; border-bottom:solid rgba(155,1,3,1.00); color:rgba(155,1,3,1.00);}

h2{font-size:1.3em; font-family:'Open Sans Condensed', sans-serif; color:rgba(218,31,0,1.00);}

h3{padding:0; margin:0; font-family:'Open Sans Condensed', sans-serif; font-size:2em; font-weight:100; font-style:italic; text-transform:uppercase; color:rgba(248,196,0,1.00);}

/* HEADER */
header.top{background:linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00)); background:-webkit-linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00)); background:-o-linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00)); background:-moz-linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00)); width:100%; position:fixed; top:0;}

.logo{float:left; width:10%; min-width:100px; margin:0.5% 1%;}

.logo img{width:100%;}

.brasfruit {float:left;width:20%;margin:1.5% 2% 0 2%;}

.brasfruit p{font-family:'Open Sans Condensed', sans-serif;font-size:1.5em;margin:0;padding:0;text-align:center;color:rgba(200,200,200,1);}

.language{margin:1%;float:right;width:auto;text-align:right;}

/* MENU */
.head-menu{margin:1%;float:right;width:45%;text-align:right;}

ul.nav{display:block;width:100%;margin:0;padding:0;}

ul.nav li{display:inline;margin:0 2%;}

ul.nav li a{font-family:'Open Sans Condensed', sans-serif;text-decoration:none;text-transform:uppercase;color:rgba(200,200,200,1);font-size:1.3em;}

ul.nav li a:hover{color:rgba(248,196,0,1.00);-webkit-transition:all 1s ease-in-out;}

.head-menu img{display:none;}

ul.nav-mobile{display:none;}

.content{padding:5% 15% 0% 15%;}

.inside{margin:0 2.5%;}

/* HOME */
.home{width:100%;height:100%;text-align:center;padding:0;margin:0;}

.home .content{padding:25%;}

.home video{min-width:100%;min-height:100%;width:auto;height:auto;position:fixed;top:0;left:0;z-index:-1000;}

.home img{margin:0 auto;width:60%;}

/* ABOUT */
.about{background-color:rgba(255,255,255,0.7);}

.about p{font-size:1.2em;}

/* CERTIFICATE */
.certificate{width:90%;text-align:center;padding:0 5%;}

.certificate a img{margin:0 2.5%;}

/* PICS */
.pics{text-align:center;padding:5%;}

.pics a img{height:125px;}

/* PRODUCTS */
.products{width:100%;background-color:rgba(255,255,255,1.00);}

.fruits{padding:1% 10%;}

.fruits img{width:20%;min-width:170px;margin:0 2.5%;float:right;}

/* OTHER PRODUCTS */
.other-fruits{width:15%;float:left;margin:0 5%;}

.other-fruits p{text-align:center;}

.other-fruits img{width:100%;}

/* CONTACT */
.contact{width:100%;background-color:rgba(255,255,255,1.00);}

.contact-info{float:left;width:40%;}

.contact iframe{float:right;width:55%;}

.contact p a{color:rgba(155,1,3,1.00);}


/* FOOTER */
.footer{position:relative;bottom:0;margin-bottom:0;width:98%;padding-bottom:0;padding:1% 1% 0 1%;text-align:center;font-size:0.8em;color:rgba(255,255,255,1.00);background:linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00));background:-webkit-linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00));background:-o-linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00));background:-moz-linear-gradient(rgba(218,31,0,1.00),rgba(155,1,3,1.00));}

.copyright{width:50%;float:left;}

.design{width:50%;float:right;}

.design p{text-align:right;font-size:0.8em;}

/*MOBILE - PORTRAIT*/
@media screen and ( orientation :portrait ) and (max-width:600px){

	p{font-family:'Open Sans', sans-serif; font-size:1em; text-align:justify;}

	h1{font-size:1.5em; font-family:'Open Sans Condensed', sans-serif; border-bottom:solid rgba(155,1,3,1.00); color:rgba(155,1,3,1.00);}

	h2{font-size:1.3em; font-family:'Open Sans Condensed', sans-serif; color:rgba(218,31,0,1.00);}

	h3{font-size:1em;}

/*MOBILE - HEADER*/
	header.top{min-width:90%;}	
	
	.logo{float:left; width:25%; margin:2%;}

	.brasfruit{float:left; width:auto; margin:3% 0 0 2%;}

	.brasfruit p{font-family:'Open Sans Condensed', sans-serif; font-size:1em; margin:0; padding:0; text-align:center; color:rgba(200,200,200,1);}	
	
	.language{margin:2% 5%; float:right; width:5%;}

/*MOBILE - MENU*/
	.head-menu{position:absolute; right:15%; width:auto; margin:2,25% 3%;}

	ul.nav{display:none;}

	.head-menu img{display:block; float:right;}

	ul.nav-mobile{text-align:center; clear:both; margin:0; padding:0; background-color:rgba(155,1,3,1.00); border-radius:0 0 20px 20px;}

	ul.nav-mobile li{width:100%; margin:2%; padding:3%; list-style:none;}

	ul.nav-mobile li a{padding:0 20%; font-family:'Open Sans Condensed', sans-serif; text-decoration:none; text-transform:uppercase; color:rgba(200,200,200,1); font-size:1.5em; line-height:2em;}

	ul.nav-mobile li a:hover{color:rgba(248,196,0,1.00); -webkit-transition:all .5s ease-in-out;}

/*MOBILE - HOME*/
	.home{background:url(images/bg-mob.jpg); background-size:auto; background-repeat:no-repeat; background-position:top center; padding:50% 0;}

	.home video{display:none;}

	.home img{width:100%;}
	
	.content{padding:12% 3% 5% 3%;}
	
/*MOBILE - CERTIFICATE*/
	.certificate{width:98%; padding:0 1%;}
	
	.certificate a img{margin:0 5%; height:30px;}

/*MOBILE - PICS*/

	.pics a img{height:75px;}

/*MOBILE - PRODUCTS*/

	.fruits img{width:40%;}

	img.mobile{display:block; float:none; margin:1% auto;}
	
	.other-fruits{width:30%; margin:10%;}
	
/* MOBILE - CONTACT */

	.contact-info{float:none; width:100%; margin:10% auto;}

	.contact iframe{float:none; width:100%;}

	.footer{width:100%; padding:0; margin:0;}

	.copyright{width:100%; clear:both; float:none;}

	.copyright p{text-align:center;}

	.design{width:100%; clear:both; float:none;}
	
	.design p{text-align:center; font-size:0.8em;}
    

}

/* 1280 */
@media screen and (max-width:1280px){

	.brasfruit p{font-size:1.2em;}	

	.home .content{padding:20% 15%;}

	.content{padding:10% 5%;}
}

/* 1024 */
@media screen and (max-width:1024px){

	.brasfruit p{font-size:1.2em;}	

	.home{background:url(images/bg.jpg); background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}

	.home video{display:none;}

	.home .content{padding:20% 15%;}

	.content{padding:10% 5% 0 5%;}

	.fruits{padding:2% 3% 1% 3%;}

	.fruits p{font-size:1em;}

	.list{float:left; width:50%; margin:0;}

}