/* #Table of Contents

1. Site Styles
2. Header
3. Top Section
   3.1. Slider
   3.2. Form
4. Main Section
   4.1. Features
   4.2. Projects
   4.3. Testimonials
   4.4. Buy Now
5. Footer Section
   5.1. Subscribe
   5.2. About
   5.3. Copyright
6. CSS Hacks
7. Media Queries
================================================== */



/* ========================= 1. Site Styles ========================= */

/* Page Styles */

* { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
}

body {
	font-family:'PT Sans', Arial, sans-serif;
	color:#5a5a5a;
	font-size:15px;
	line-height:21px;
}

h1, h2, h3, h4, h5, h6 {
	color:#0570B7;
	font-family:'Titillium Web', Arial, sans-serif;
	font-weight:normal;
	text-rendering:auto;
}

figure { margin:0px; }
	figure img { width:100%; }

ul { margin:0px; }

/* Links */

a, a:visited {
	color:#67b118;
	-webkit-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover {
	text-decoration:none;
	color:#4a4a4a;
}

/* Site Elements */

input[type="text"], input[type="password"], input[type="email"] {
	height:40px;
	padding:0px 12px;
	font-family:'Titillium Web', Arial, sans-serif;
	outline:none;
	font-size:14px;
	color:#5a5a5a;
	border:1px solid #e0e0e0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset -1px 1px 1px #e0e0e0;
	-webkit-box-shadow:inset -1px 1px 1px #e0e0e0;
	box-shadow:inset -1px 1px 1px #e0e0e0;
}
textarea {
	width: 100%;
	height: 90px;
	padding:12px;
	font-family:'Titillium Web', Arial, sans-serif;
	border:1px solid #e0e0e0;
	outline:none;
	font-size:14px;
	color:#7a7a7a;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset -1px 1px 1px #e0e0e0;
	-webkit-box-shadow:inset -1px 1px 1px #e0e0e0;
	box-shadow:inset -1px 1px 1px #e0e0e0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border:1px solid #c0c0c0;
	-moz-box-shadow:inset -1px 1px 1px #e0e0e0;
	-webkit-box-shadow:inset -1px 1px 1px #e0e0e0;
	box-shadow:inset -1px 1px 1px #e0e0e0;	
}

.btn {
	padding:9px 20px;
	color:#FFF !important;
	line-height:40px;
	font-size:13px;
	font-family:'PT Sans', Arial, sans-serif;
	text-transform:uppercase;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-repeat:repeat-x;
	background-color:#48820a;
	border:1px solid #3d7205;
	text-shadow:1px 1px 1px #223f03;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5dab0a), to(#48820a));
	background:-webkit-linear-gradient(top, #5dab0a, #48820a);
	background:-moz-linear-gradient(top, #5dab0a, #48820a);
	background:-o-linear-gradient(top, #5dab0a, #48820a);
}
input[type="button"].btn, input[type="submit"].btn, input[type="reset"].btn, button.btn {
	line-height:1;
	padding:12px 20px 13px;
}
.btn:hover {
	background-color:#3a6908;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#509209), to(#3a6908));
	background:-webkit-linear-gradient(top, #509209, #3a6908);
	background:-moz-linear-gradient(top, #509209, #3a6908);
	background:-o-linear-gradient(top, #509209, #3a6908);
}
.btn:disabled { background:#a0a0a0; }

figure.figure-hover { position:relative; }
	figure.figure-hover div {
		position:absolute;
		text-align:center;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(../images/base-figure-overlay.png) repeat;
		display:none;
	}
		figure.figure-hover div .icon-hover {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		
		/* Figure hover icon */		
		figure.figure-hover div .icon-hover.icon-hover-zoom { background:url(../images/icon-hover-zoom.png) no-repeat center center; }
		
.scrollup {
    width:54px;
    height:54px;
    position:fixed;
    bottom:0px;
    right:20px;
	display:none;
    text-indent:-9999px;
    background:url('../images/back-to-top.png') no-repeat;
	z-index:400;
}



/* ========================= 2. Header ========================= */

#header {
	text-align:center;
	padding: 20px 0px 40px 0px;
}
	#header .logo { margin-bottom:15px; }
		#header .logo img { height:100px; }
	#header p {
		font-family:'Titillium Web', Arial, sans-serif;
		color:#a9a9a9;
		font-size:18px;
		line-height:24px;
		margin:0px;	
	}
	
.hidden-txt {
opacity: 0;
font-size: 1px;
}	
	
/* ========================= 3. Top Section ========================= */

#top {
	color:#d0d0d0;
	background:#2a2a2a url(../images/base-top.jpg) no-repeat center center;
	padding-top:40px;
	background-size:100%;
}

#back-top{
width: 100%;
height: 100%;
margin: 0;
left: 0;
top: 0;
position: absolute;
z-index: -99999;
padding: 0;
opacity: 0.3;
}

/* Slider */

#top .slider {
	background:url(../images/base-slider.png) no-repeat;
	background-size:100%;
	height:450px;
	padding:2.35% 7.7% 0 7.7%;
	margin-bottom:-22px;
}

/* Text */

#top .text { padding-top:30px; }
	#top .text h4 {
		font-size:24px;
		font-weight:bold;
		color:#FFF;
		margin:0px 0px 10px;
		line-height:30px;
	}
	#top .text p { margin-bottom:20px; }
	#top .text form { margin:0px; }
	#top .text input {
		width:100%;
		display:block;
		margin-bottom:20px;
	}
	#top .text input[type="text"], #top .text input[type="text"]:focus { border:0px; }
	#top .text input[type="submit"] {
		font-size:15px;
		padding:14px 20px;
		margin:0px;
	}
	
	
	
/* ========================= 4. Main Section ========================= */

#main {
	background:#f9f9f9 url(../images/base-main.png) repeat;
	padding:10px 0px 20px;
}
	#main .header {
		text-align:center;
		margin-bottom:40px;
	}
		#main .header h2 {
			font-size:28px;
			margin:0px 0px 5px;
			font-weight:bold;
			font-family:'PT Sans', Arial, sans-serif;
			text-transform:uppercase;
			line-height:34px;
		}
		#main .header p {
			font-family:'Titillium Web', Arial, sans-serif;
			margin:0px;
			color:#9a9a9a;
			font-size:18px;
		}
	#main .sep-border {
		clear:both;
		height:16px;
		background:url(../images/sep-border-main.png) center center no-repeat;
		margin-bottom:40px;
	}
		
/* Features */
.catalogo{
padding: 25px 0 0 0;
text-align: center;
}
.btn-catalogo{
padding: 10px 135px;
font-size: 20px;
width: 55%;
}
#main .features {
	padding:30px 0px 20px;
	color:#7a7a7a;
}
	#main .features .item {
		margin-bottom:40px;
		overflow:hidden;
	}
		#main .features .item img {
			float:left;
			width:10%;	
		}
		#main .features .item .content {
			float:right;
			width:86%;
		}
			#main .features .item .content h4 {
				font-size:20px;
				font-weight:600;
				margin-top:0px;
				line-height:26px;
			}
			
/* Projects */

#main .projects {
	position:relative;
	padding-bottom:80px;
}
	#main .projects .flex-viewport { max-height:none; }
	#main .projects figure {
		margin-bottom:30px;
		background-color:#FFF;
		padding:4px;
		border:1px solid #d0d0d0;
	}
		#main .projects figure.figure-hover div {
			top:5px;
			bottom:5px;
			left:5px;
			right:5px;
		}
	#main .projects .flex-control-nav { bottom:60px; }
	#main .projects .flex-control-paging li a {
		width:40px;
		height:10px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		background:#c4ed98;
	}
		
.flex-control-paging li a:hover { background:#67b118; }
.flex-control-paging li a.flex-active { background:#67b118; }
/* Testimonials */

#main .testimonials { padding-bottom:30px; }
	#main .testimonials .item {
		text-align:center;
		padding-bottom:35px;
	}
		#main .testimonials .item img {
			width:140px;
			height:140px;
			margin-bottom:25px;	
		}
		#main .testimonials .item p { margin-bottom:28px; }
		#main .testimonials .item .name {
			background:url(../images/border-name-testimonials.png) center center repeat-x;
			-webkit-transition:background .2s ease;
			-moz-transition:background .2s ease;
			-ms-transition:background .2s ease;
			-o-transition:background .2s ease;
			transition:background .2s ease;
		}
		#main .testimonials .item:hover .name { background:url(../images/border-name-testimonials-hover.png) center center repeat-x; }
			#main .testimonials .item .name span {
				color:#FFF;
				text-transform:uppercase;
				font-size:13px;
				font-weight:bold;
				background-color:#67b118;
				padding:8px 15px;
				line-height:18px;
				-moz-border-radius:17px;
				-webkit-border-radius:17px;
				border-radius:17px;
				-webkit-transition:background-color .2s ease;
				-moz-transition:background-color .2s ease;
				-ms-transition:background-color .2s ease;
				-o-transition:background-color .2s ease;
				transition:background-color .2s ease;
			}
			#main .testimonials .item:hover .name span { background-color:#41abce; }
			
/* Buy Now */

.buynow {
	background:#293139 url(../images/base-buynow.jpg) top center no-repeat;
	padding:45px 0px;
	text-align:center;
}
	.buynow .btn {
		font-size:16px;
		cursor: default;
	}



/* ========================= 5. Footer Section ========================= */

#footer { padding-top:40px; }
	#footer .header { margin-bottom:20px; }
		#footer .header h4 {
			font-size:18px;
			font-weight:bold;
			line-height:24px;
			margin:0px;
		}
	#footer .half-column {
		width:50%;
		float:left;
		margin-bottom:40px;
	}
	#footer .sep-border {
		clear:both;
		height:2px;
		background:url(../images/sep-border-footer.png) repeat-x;	
	}
	
/* Subscribe */

#footer .subscribe {
	padding-right:30px;
	border-right:1px solid #e0e0e0;
}
	#footer .subscribe form { margin:0px; }
	#footer .subscribe input[type="text"] {
		margin:0px;
		width:72%;
		margin-right:4px;
	}

/* About */

#footer .about {
	padding-left:30px;
	border-left:1px solid #f6f6f6;
}
		
/* Copyright */

#footer .copyright {
	text-align:center;
	padding:15px 0px;
	font-size:13px;
	color:#9a9a9a;
}



/* ========================= Customize ========================= */

#customize {
	background-color: #37729c;
	width: 80px;
	position: fixed;
	top: 3.5%;
	left:0;
	color: #FFF;
	text-transform: uppercase;
	z-index:99999;
	text-align:center;
}
	#customize h5 {
		margin:0px;
		color:#FFF;
		line-height:1em;
		cursor:pointer;
		padding:15px 0px;
		font-weight:bold;
		font-size:13px;
	}
	#customize h5:hover { background-color:#1d6395; }
	#customize .wrapper { display:none; }
	#customize .colors { margin:15px 0px; }
		#customize .colors a {
			display: inline-block;
			width: 24px;
			height: 24px;
			margin: 1px;
			border: 2px solid #FFF;
			 -webkit-transition: opacity .2s ease-in-out;
			 -moz-transition: opacity .2s ease-in-out;
			 -ms-transition: opacity .2s ease-in-oute;
			 -o-transition: opacity .2s ease-in-out;
			 transition: opacity .2s ease-in-out;	
		}
		#customize .colors a:hover {
			 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
			 filter: alpha(opacity=70);
			 opacity: 0.7;
		}
	


/* ========================= 6. CSS Hacks ========================= */

.ie input[type="text"], input[type="password"], input[type="email"] { line-height:40px; }

.ie #top { padding-top:20px; }
.ie #top .slider {
	height:360px;
	margin-top:20px;
	margin-bottom:-14px;
	background:url(../images/base-slider2.png) no-repeat;
}
.ie #top .text { padding-top:0px; }
.ie #top .text h4 {
	font-size:22px;
	line-height:28px;
}
.ie #top .text input { margin-bottom:15px; }

.ie #main .features .item img { width:12%; }
.ie #main .features .item .content { width:82%; }

.ie #footer .subscribe input[type="text"] { width:66%; }

/* IE7 */

.ie7 #top .slider {
	background:none;
	padding:0px;
	margin:10px 0px 0px;
	padding-bottom:40px;
	height:auto;
}
.ie7 #top .text input[type="text"] { width:92%; }

.ie7 #main .projects .flex-control-nav { bottom:50px; }
.ie7 #main .projects figure {
	padding:0px;
	border:0px;
}

.ie7 #footer .half-column {
	border:0px;
	padding-left:0px;
	padding-right:0px;
}
.ie #footer .subscribe input[type="text"] { width:58%; }



/* ========================= 7. Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {
	
	#top { padding-top:20px; }
	#top .slider {
		height:365px;
		margin-top:20px;
		margin-bottom:-18px;
	}
	#top .text { padding-top:0px; }
	#top .text h4 {
		font-size:22px;
		line-height:28px;
	}
	#top .text input { margin-bottom:15px; }
	
	#main .features .item img { width:12%; }
	#main .features .item .content { width:82%; }
	
	#footer .subscribe input[type="text"] { width:66%; }
		
}

@media (min-width: 768px) and (max-width: 979px) {
	
	#top { padding-top:20px; }
	#top .slider {
		height:280px;
		margin-top:20px;
		margin-bottom:-14px;
	}
	#top .text { padding-top:0px; }
	#top .text h4 {
		font-size:20px;
		line-height:26px;
	}
	#top .text p { display:none; }
	#top .text input { margin-bottom:10px; }
	
	#main .features .item img { width:14%; }
	#main .features .item .content { width:80%; }
	
	#footer .subscribe input[type="text"] { width:55%; }
		
}

@media (max-width: 767px) {
	
	.scrollup { display:none !important; }
	
	#top, #main, .buynow {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;	
	}
	
	#top { padding-bottom:45px; }
	#top .slider {
		height:auto;
		margin:0px;
		padding:0px;
		background:#3a3a3a;
		padding:2px;
		border:25px solid #202020;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
	}
	
	#main .features { text-align:center; }
	#main .features .item img {
		float:none;
		width:64px;
		height:64px;
		margin-bottom:20px;
	}
	#main .features .item .content {
		float:none;
		width:100%;
	}
	
	#footer { text-align:center; }
	#footer .half-column {
		border:0px;
		float:none;
		width:100%;
		padding:0px;
	}
	#footer .subscribe input[type="text"] {
		margin:0px;
		width:100%;
	}
	#footer .subscribe input[type="submit"] {
		margin-top:10px;
		display:block;
		width:100%;
	}
		
}

@media (max-width: 540px) {
	
	#header p {
		font-size:15px;
		line-height:21px;
	}
	
	.buynow .btn {
		display:block;
		line-height:22px;
	}
	
}

@media (max-width: 480px) {
	
	#top .slider { display:none; }
	#top .text { padding-top:0px; }
		
}

.btn-orange, .wpcf7-submit {
background-color: #e67e22;
border: 1px solid #d35400;
text-shadow: 1px 1px 1px #d35400;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f39c12), to(#e67e22));
background: -webkit-linear-gradient(top, #f39c12, #e67e22);
background: -moz-linear-gradient(top, #f39c12, #e67e22);
background: -o-linear-gradient(top, #f39c12, #e67e22);
}

.btn-orange:hover, .wpcf7-submit:hover {
background-color: #d35400;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e67e22), to(#d35400));
background: -webkit-linear-gradient(top, #e67e22, #d35400);
background: -moz-linear-gradient(top, #e67e22, #d35400);
background: -o-linear-gradient(top, #e67e22, #d35400);
}