@import url('../vendor/skdslider/skdslider.css');

* {outline:none; }
*:focus {outline:none; }
a:focus {outline:none; }
*:active {outline:none; }
*:hover {outline:none; }
::-moz-selection { background: #eee; text-shadow: none; }
::selection { background: #eee; text-shadow: none; }

body { position:relative; }

.venta { position:fixed; right:-20px; top: 110px; z-index:999; }

.masthead { position:relative; }
.masthead h1 { text-transform:none !important; font-weight:400 !important; }
.masthead .h-left { position: absolute; left: 6.5%; bottom:0; background:rgba(129, 93, 25, .8); color:#FFF; }
.masthead .h-left p { color:#FFF; font-size: 17px !important; padding: 30px 30px 15px 30px; font-weight:300; line-height:30px; }
.masthead .h-right { position: absolute; left: 6.5%; bottom:30px; background:rgba(172, 131, 77, .8); color:#FFF; width:auto; }
.masthead .h-right h1 { color:#FFF; font-size: 34px !important; padding: 25px 30px 0 30px; font-weight:300 !important; line-height:42px; }
.masthead .h-right p { padding: 0 30px; line-height: 26px; }

#about { width: 100%; max-width:100%; }
#about .container { padding: 0; width: 100%; }

.about { border:0; overflow:hidden; width:100%; float:none; clear:both; padding: 0; background: #ddd; margin-top: 0; }
.about .a-left { float:left; width:50%; text-align:center; }
.about .a-left h3 { font-size: 40px; font-weight:300; margin: 80px auto 30px auto; color: #002020; } 
.about .a-left h3 span { font-size: 16px; display:block; margin-top: 5px; }
.about .a-left ul { width: 70%; margin: 0 auto; list-style-type: none; padding:0; }
.about .a-left ul li { font-size: 16px; color:#444; font-weight:300; text-align:left; margin: 0 auto; line-height: 30px; }
.about .a-right { float:right; width:50%; text-align:center; height:400px; }

.c1 { border:0; overflow:hidden; width:100%; float:none; clear:both; padding: 20px 0 40px 0; background:#f1f1f1; padding:20px 0  20px 20px; }
.c1 .c1-left { float:left; width:50%; text-align:center; }
.c1 .c1-right { float:right; width:40%; text-align:left; padding-top: 35px; padding-right:60px; }
.c1 .c1-right h3 { font-size: 40px; font-weight:300; margin: 30px auto; color:#754A22; }
.c1 .c1-right p { font-size: 20px; color:#545454; font-weight:300; }
.c1 .c1-mobile { display:none; }

.c2 { margin: 40px auto; border:0; overflow:hidden; width:100%; float:none; clear:both; background:none; padding:20px 0  20px 20px; }
.c2 .c2-left { float:left; width:40%; text-align:center; padding-top: 35px; }
.c2 .c2-left h3 { font-size: 40px; font-weight:300; margin: 30px auto; color:#754A22; }
.c2 .c2-left h4 { font-size: 30px; font-weight:700; margin: 100px auto 30px auto; color:#815D19; letter-spacing:1px; }
.c2 .c2-left p { font-size: 20px; color:#545454; font-weight:300; }
.c2 .c2-right { float:right; width:50%; text-align:center; }

#intro { background:#002020; }
#intro h2 { color: #FFF; margin: 0 auto 30px auto; font-size: 30px; }
#intro p { color:#FFF !important; font-size:19px; font-weight:300; max-width: 84%; text-align: center;  margin: 0 auto; }

#services { background:#AC834D; }
#services h2 { color:#FFF; font-weight:300; font-size: 40px; margin-bottom:50px; }
#services h3 { color:#FFF; font-size:32px; font-weight:300; margin: 35px auto !important; }
#services p { color:#FFF !important; font-size:17px; font-weight:300; }

#distribution { padding: 6rem 0 1.5rem 0; width: 94%; margin: 0 auto; }
#distribution .text-black-50 { margin-bottom: 45px !important; }

#portfolio { background:#f5f5f5; padding: 60px 0 80px 0; }
#portfolio h2 { color:#333; font-size:40px; margin:30px auto 50px !important; }
#portfolio .row { width:90%; margin:0 auto !important; }
#portfolio .container-fluid .portfolio-box .portfolio-box-caption { background: rgba(0,0,0,.1); }
#portfolio .container-fluid .portfolio-box i { color:#eee !important; font-size: 20px; background:rgba(0,0,0,.5); border-radius:50%; width: 50px; height:50px; line-height: 50px; }
#portfolio p { max-width: 1000px; margin: 0 auto; color:#777; }

#plantas { background:#FFF; padding: 60px 0 80px 0; }
#plantas h2 { color:#333; font-size:40px; margin:30px auto 10px !important; }
#plantas p { color:#888; font-weight:100; font-size:18px; margin-bottom: 40px; }
#plantas .row { width:90%; margin:0 auto !important; }
#plantas .container-fluid .portfolio-box .portfolio-box-caption { background: rgba(0,0,0,.1); }
#plantas .container-fluid .portfolio-box i { color:#eee !important; font-size: 20px; background:rgba(0,0,0,.5); border-radius:50%; width: 50px; height:50px; line-height: 50px; }
#plantas .col-lg-5 { margin: 30px; border:10px solid #E5E5E5; }
#plantas h3 { text-align:center; padding: 20px 0; background:#f5f5f5; margin-bottom:0; font-size:20px !important; font-weight:700; letter-spacing:1px; }
#plantas .col-lg-5 a { text-decoration:none; color:#333333; }

#plantas .plantas { background:#212121; padding: 50px; margin: 30px auto; border-radius:7px; }
#plantas .plantas h4 { color:#96E196; margin: 0 auto 20px auto; font-weight:300; }
#plantas .plantas p { font-size: 14px; color: #999; max-width: 87%; margin: 0 auto; }


#galeria { background:#333 url(../img/bg-galeria.jpg) center center no-repeat; padding: 60px 0 80px 0; }
#galeria h2 { color:#FFF; font-size:40px; margin:30px auto 50px !important; }
#galeria .row { width:90%; margin:0 auto !important; }
#galeria .container-fluid .portfolio-box .portfolio-box-caption { background: rgba(0,0,0,.1); }
#galeria .container-fluid .portfolio-box i { color:#eee !important; font-size: 20px; background:rgba(0,0,0,.5); border-radius:50%; width: 50px; height:50px; line-height: 50px; }

#contact { background: #202123 !important; text-align:left !important; padding: 4rem 0 2rem 0 !important; }
#contact .container { padding: 0; }
#contact .row { padding: 0; margin:0; }
#contact h2 { color:#FFF; font-size:32px; font-weight:300; text-transform:uppercase; }
#contact p { color:#bbb !important; margin:  30px 0 10px 0 !important; }
#contact .pc { font-size: 1.2rem !important; font-weight:300 !important; color:#eee !important; margin-top:30px !important; }
#contact a { color:#FFF !important; text-decoration:none; transition:1s; }
#contact a:hover { color:#AAA !important; text-decoration:none; }
#contact .fa-check { color:#AC834D; }
#contact .text-right p { font-size: 12px; color:#ccc; text-align:left; margin: 20px auto; max-width: 86%; }

#contact .frm-contacto { background: none; float: left; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; border: 0; }
#contact .frm-contacto .input { padding: 13px 10px; font-size: 16px; font-weight:500; color: #FFF; margin: 0 auto 15px auto; width: 100%; float:none; border:0; background:#414243; }
#contact .frm-contacto .mensaje { padding: 13px 10px; height:90px; font-size: 16px; font-weight:500; color: #FFF; margin: 0 auto 10px auto; width: 100%; float:none; border:0; background:#414243; }
#contact .frm-contacto .rut { width: 72%; margin-right: 4%; float:left; }
#contact .frm-contacto .dv { width: 10%; float:right; text-align:center; }
#contact .frm-contacto .boton {color:#FFF; border:0; margin: 0; text-align: center; float: none; padding: 13px 0; font-weight: 600; width: 100%; background: #AC834D; letter-spacing:1px; } 

#contact #resultado { color:#FFF; font-size: 15px; margin: 10px 0; }


::-webkit-input-placeholder { color: #ddd; text-transform:none; }
::-moz-placeholder { color: #ddd; text-transform:nonee; }
:-ms-input-placeholder { color: #ddd; text-transform:none; }
:-moz-placeholder { color: #ddd; text-transform:none; }

#footer { background: #000; display:block; width: 100%; margin:0 auto; padding:0; }
#footer  p { width: 90%; max-width: 1000px; text-align:left; color:#ddd; font-size: 12px; font-weight:400; margin:0; padding:0; line-height: 20px; }


/*@media (max-width: 640px) {*/
@media (max-width: 767px) {
	.venta { display:block;}

	#intro p { margin-bottom: 40px !important; }

	header.masthead {padding-top: 20rem; background-position: top center; }
	.masthead { position:relative; }	
	.masthead .h-left { display:none; }
	.masthead .h-right { position: absolute; left:5%; right: auto; bottom:0; width:90%; }
	.masthead .h-right h1 { color: #FFF; font-size: 22px !important; padding: 15px 30px 5px 30px; font-weight: 300 !important; line-height: 30px; } 

	#about { padding: 2rem 0 !important; }
	#about h2 { font-size:30px !important; }
	#about .text-black-50 { max-width: 86%; text-align: left; margin: 25px auto; }

	.about { border:0; overflow:hidden; width:100%; float:none; clear:both; padding: 20px 0 40px 0; }
	.about .a-left { float:none; width:90%; text-align:center; margin:0 auto; }
	.about .a-left h3 { font-size: 40px; margin:30px auto; }
	.about .a-right { float:none; width:90%; text-align:center; margin:0 auto; display:none; }
	.about .a-right img { width: 100%; height:auto; }

	.c1 { border:0; overflow:hidden; width:100%; float:none; clear:both; padding: 20px 0 40px 0; background:#f1f1f1; padding:0; }
	.c1 .c1-left { float:none; width:100%; text-align:center; margin:0 auto; }
	.c1 .c1-right { display:none; float:none; width:90%; text-align:center; margin:0 auto; padding: 30px 0 20px 0; }
	.c1 .c1-right h3 { font-size: 30px; margin:5px auto 15px auto; }
	.c1 .c1-right p { font-size: 20px; color:#545454; font-weight:300; }

	.c1 .c1-mobile { display:block; float:none; width:90%; text-align:center; margin:0 auto; padding: 30px 0 20px 0; }
	.c1 .c1-mobile h3 { font-size: 30px; margin:5px auto 15px auto; color:#754A22; }
	.c1 .c1-mobile p { font-size: 20px; color:#545454; font-weight:300; }

	.c2 { margin: 0 auto; border:0; overflow:hidden; width:100%; float:none; clear:both; background:none; padding:0; }
	.c2 .c2-left { float:none; width:90%; text-align:center; padding: 30px 0 20px 0; margin:0 auto; }
	.c2 .c2-left h3 { font-size: 36px; font-weight:300; margin: 30px auto; color:#754A22; }
	.c2 .c2-left h4 { font-size: 30px; font-weight:700; margin: 25px auto; }
	.c2 .c2-left p { font-size: 20px; color:#545454; font-weight:300; }
	.c2 .c2-right { float:none; width:100%; text-align:center; margin:0 auto; }

	#services { padding: 4rem 0; }
	#services h2 { font-size:36px; }

	#portfolio .p-5 { padding: .5rem 0 !important; }
	#portfolio p { margin-bottom: 50px; }

	#plantas .plantas { border-radius: 0; }
	#plantas .plantas p { max-width:100%; }
	#plantas .plantas h4 { margin: 20px auto; }
	#plantas .row { width: 100%; }

	#galeria { background: #333 url(../img/bg-galeria.jpg) top center repeat; }
	
	#contact .col-lg-3 { width:80%; margin:0 auto; }
	#contact .col-lg-9 { display:none; }
}