@import 'reset.css';

html, body{height:100%;}
body{font-family:'Open Sans'}
h1, h2,h3,h4,h5,h6{font-family: 'Staatliches'}
p{line-height:normal;font-size:14px;color:#555;}
hr{border:0;height:1px;background:#ddd;width:100%;display:block;}
figure{position:relative;}

.pacifico{font-family: 'Courgette';}

.main-header{padding:15px 0;position:fixed;left:0;top:0;width:100%;z-index:9999;transition:all .3s ease;}
.main-header.fixed{background:rgba(0,0,0,.7);padding:5px 0;}
.main-header img{width:100%;display:block;}
.main-header nav ul{text-align:right;}
.main-header nav ul li{display:inline-block;margin-right:30px;font-size:14px;vertical-align:middle;}
.main-header nav ul li a{display:block;text-decoration:none;color:#fff;text-transform:uppercase;transition:all .3s ease;}
.main-header nav ul li:hover a{color: #fff}
.main-header nav ul li:last-of-type{margin-right:0;}
.main-header nav ul li a.social-icon{padding: 10px;border-radius: 100%;width: 43px;box-sizing: border-box;text-align: center;color: #fff;font-size: 23px;height: 43px;transition:all .3s ease;}
.main-header nav ul li a.facebook{background: #4267b2;}
.main-header nav ul li a.facebook:hover{background: #314B82;}
.main-header nav ul li a.linkedin{background: #0077b5;}
.main-header nav ul li a.linkedin:hover{background: #0C6498;}

.main-banner{padding:200px 0;width:100%;position: relative;background-size: cover;background-position: center;background-repeat:no-repeat;}
.main-banner.home{background-image: url(../images/bg1.jpg);}
.main-banner.about{background-image: url(../images/bg2.jpg);}
.main-banner.products{background-image: url(../images/bg3.jpg);}
.main-banner.full{height:100%;padding:0}
.main-banner:after{content:"";display: block;width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0,0,0,.3);}

.main-banner:before{content:"";height:50%;width:100%;top:0;left:0;position:absolute;background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}

.main-banner .cont{text-align: center;}
.main-banner .cont h1{font-size:65px;color:#fff;font-weight:600;}
.main-banner .cont p{color:#fff;font-size:23px;font-weight:300}

.main-footer .sup-footer{padding:30px 0;background:#222;}
.main-footer .sup-footer .row > div{text-align: center;}
.main-footer .sup-footer .row > div p{color:#fff;}
.main-footer .sup-footer .row > div p span{margin-right:10px;}
.main-footer .sub-footer{padding:15px 0;background:#181818;text-align:center;}
.main-footer .sub-footer p{font-size:12px;color:#fff;}

.title-section .title{font-size:30px;margin-bottom:10px;color:#333;}
.second-title{font-size:25px;color:#555;}

.products-list .cont{overflow:hidden;border-radius:5px;transition:all .3s ease;}
.products-list li:hover .cont{box-shadow:0 0 5px 2px rgba(0,0,0,.1)}
.products-list .product-name{display:block;padding:20px 15px;background:#fff;font-size:20px;color:#555;}

.fruits-calendar{width:100%;}
.fruits-calendar thead tr th:first-child{width:25%;background:#fff;}
.fruits-calendar thead tr th{font-size:12px;text-transform:uppercase;background:#eee;padding:10px;color:#555;border:solid 1px #fff}
.fruits-calendar tbody tr td:first-child{text-align:left;text-transform:uppercase;font-weight:600;color:#555;background:#eee;font-size:14px;}
.fruits-calendar tbody tr td{text-align: center;padding:10px;color:#fff;font-size:12px;border:solid 1px #fff;background: #f5f5f5}
.fruits-calendar.normal .red{background: #ae495b}
.fruits-calendar.normal .green{background: #69853b}
.fruits-calendar.normal .blue{background: #577aa8}
/*.fruits-calendar.normal tbody tr td{color: #555;}*/

#fruits-mobile{display:none;}
#fruits-mobile ul li{margin-bottom:15px;}
#fruits-mobile ul li:last-of-type{margin-bottom:0;}
#fruits-mobile .row{margin:0;}
#fruits-mobile .row > *{padding:.5px}
#fruits-mobile .fruits-content h3{padding:10px 15px;color:#fff;}
#fruits-mobile .fruits-content .month-holder div, #fruits-mobile .fruits-content .check-holder div{background:#eee;font-size:11px;text-transform:uppercase;padding:10px 5px;}
#fruits-mobile .fruits-content .month-holder div span, #fruits-mobile .fruits-content .check-holder div span{height:12px;display:block;}

.open-lightbox, .products-list a{text-decoration:none;}
#toggleNav{display:none;font-size:30px;color: #fff;height:30px;}

@media screen and (max-width: 480px){
	.table-responsive{overflow-y: hidden;min-height: .01%;overflow-x: auto;width:100%;}
	.table-responsive .table{border-collapse: collapse;border-spacing: 0;width:100%;max-width:100%;}
	.main-header{position:static;background:#222 !important;}
	.main-header .nav-holder{display:none;}
	.main-header nav ul{text-align:left;}
	.main-header img{max-width:65%;}
	.main-header nav ul li{display:block;border-bottom:1px solid rgba(255,255,255,.1);margin-right:0;}
	.main-header nav ul li a{padding:15px 0;}
	.main-header nav ul li:last-of-type{margin-left:0;border-bottom:0;margin-top:15px;}
	#toggleNav{position:absolute;right:30px;top: 0;bottom: 0;margin: auto;display:block;}

	.main-banner.full{height:50%;}
	.main-banner, .seccion{padding:120px 0;}
	.main-banner .cont h1{font-size:45px;}

	#fruits-calendar{display:none;}
	#fruits-mobile{display:block;}
}