/* GLOBAL STYLES */

html, body {
	position: relative;
	height: 100%;
	background-color: #fff;
}

body {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	/* color: #5a5a5a; */
	color: white;
	padding-top: 100px;
}

a { text-decoration: none; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
a:hover { text-decoration: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s;	-o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a:focus { text-decoration: none; }

img { max-width: 100%; }

/* HEADER */

#header { position: relative; z-index: 9999; }
.topper { background: #ededed; text-align: right; }
.topper p { font-size: 10px; line-height: 20px; color: #000000; margin: 0; letter-spacing: 1px; }
.topper p span.separator { margin: 0 5px; }
.logo { display: block; margin: -12px 0 10px 0; }
.logo a { display: block; width: 100%; height: 100%; }
.logo a img { display: block; }
.navbar-default { min-height: 100px; background: #fff; border: 0; padding: 0; text-align: right; border-bottom: 1px solid #eee; }
.navbar-nav { float: none; margin-top: 28px; }
.navbar-nav > li { margin-right: 25px; display: inline-block; float: none; }
.navbar-nav > li:last-child { margin: 0px; }
.navbar-nav > li > a { padding: 0; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a { color: #000; }
.navbar-default .navbar-nav > li > a.active { font-weight: 900; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ccc; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #3D9C58; background: none; }

/* MAIN */

.title { margin: 45px 0 30px 0; }
.title h1 { font-size: 24px; line-height: 26px; font-weight: 900; color: #454545; margin: 0; }
.wrapper-cont { margin-bottom: 60px; }
.wrapper-cont p { font-size: 12px; line-height: 20px; color: #000000; margin-bottom: 20px; }
.wrapper-cont h2 { font-size: 13px; font-weight: 700; color: #3D9C58; display: block; text-transform: uppercase; margin: 0 0 20px; }

/* FOOTER */
#footer { padding: 35px 0 0 0; background: #fff; border-top: 1px solid #ededed; }

#footer ul { padding: 0; margin: 0 0 35px 0; }
#footer ul li { display: inline-block; margin-right: 25px; }
#footer ul li:last-child { margin: 0; }
#footer ul li a { font-size: 11px; line-height: 14px; color: #000000; text-transform: uppercase; letter-spacing: 0.5px; }
#footer ul li a:hover { color: #454545; }
.social { text-align: right; }
.social a{ display: inline-block; margin-right: 10px; width: 22px; height: 22px; background-image: url(../img/sprite.svg); background-repeat: no-repeat; opacity: 0.4; }
.social a.facebook { background-position: -186px -113px; }
.social a.instagram { background-position: -218px -113px; }
.social a.twitter { background-position: -250px -113px; }
.social a:hover { opacity: 0.6; }

#footer p {	font-size: 10px; line-height: 12px; color: #000000; letter-spacing: 0.5px; }

#footer .legal { background: #eee; }
#footer .copyright { margin-top: 10px; text-align: right; }
#footer .powered { margin-top: 5px; }
#footer .ing { display: inline-block; width:50px; height:10px; background: url(../img/sprite.svg) no-repeat -192px -93px; opacity: 0.2; }
#footer .ing:hover { opacity: 1; }
#footer .ing a { display: block; width: 100%; height: 100%; }

/* HOME */
.swiper-container { height: 510px;}
.swiper-container > .container { }
.swiper-container .swiper-slide { background: url(../img/slide1.jpg);background-size: cover; background-repeat: no-repeat; background-position: center; }
.swiper-container .swiper-slide.slide1 { background-image: url(../img/slide1.jpg); }
.swiper-container .swiper-slide.slide2 { background-image: url(../img/slide2.jpg); }
.swiper-container .swiper-slide.slide3 { background-image: url(../img/slide3.jpg); } 
.swiper-container .swiper-slide .txt-slide { padding: 150px 0 0 0; }
.swiper-container .swiper-slide .txt-slide h1 { font-size: 50px; line-height: 53px; font-weight: 700; color: #fff; margin-bottom: 20px; }
.swiper-container .swiper-slide .txt-slide p { font-size: 12px; line-height: 20px; color: #fff; }

.swiper-button-prev, .swiper-button-next, .swiper-brands-prev, .swiper-brands-next { background: none; width: 26px; height: 17px; margin: 0 10px; background-image: url(../img/sprite.svg); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -22px; z-index: 9999; cursor: pointer;}
.swiper-button-prev { background-position: -133px -8px; }
.swiper-button-next { background-position: -164px -8px; }
.swiper-brands-prev {background-position: -133px -25px; left: 10px; opacity: 0.3;}
.swiper-brands-next {background-position: -164px -25px; right: 10px; opacity: 0.3;}
.swiper-button-prev:hover, .swiper-button-next:hover, .swiper-brands-prev:hover, .swiper-brands-next:hover { opacity: 0.6; }
.swiper-pagination { bottom: 35px; width: 100%; left: 0; }
.swiper-pagination-bullet { width: 10px; height: 10px;display: inline-block; border-radius: 100%; background: none; opacity: 1; border: 1px solid #fff; margin: 0 3px; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px; }
.swiper-pagination-bullet-active { background: #fff; }

.wrapper-inst { background: #3D9C58; padding: 60px 0; text-align: center; }
.wrapper-inst p { font-size: 18px; line-height: 32px; color: #fff; }

.wrapper-accesos { padding: 40px 0; }
.wrapper-accesos .dest-home { background: #ededed; margin: 30px 0; }
.wrapper-accesos .dest-home .foto { height: 270px; background: url(../img/servicios-home.jpg) no-repeat center; background-size: cover; }
.wrapper-accesos .dest-home .foto a { display: block; height: 100%; width: 100%; }
.wrapper-accesos .dest-home .txt { padding: 20px 15px 0 0; margin-left: -5px; }
.wrapper-accesos .dest-home h2 { font-size: 24px; line-height: 26px; font-weight: 900; color: #454545; margin: 25px 0; }
.wrapper-accesos .dest-home p { font-size: 12px; line-height: 20px; color: #454545; margin-bottom: 20px; }
.wrapper-accesos .dest-home p a { color: #3D9C58 }
.wrapper-accesos .dest-home.traza { background: #454545; }
.wrapper-accesos .dest-home.traza .foto { background-image:url(../img/trazabilidad-home.jpg); }
.wrapper-accesos .dest-home.traza h2, .wrapper-accesos .dest-home.traza p { color: #fff; }

.wrapper-contact { position: relative; }
.wrapper-contact.home { background: #ededed; position: relative; height: 460px; }
.wrapper-contact.home #map { width: 60%; position: absolute !important; height: 460px; right: 0; top: 0; }
.wrapper-contact h2 { font-size: 24px; line-height: 26px; font-weight: 900; color: #454545; margin: 100px 0 25px 0; }
.wrapper-contact p { font-size: 12px; line-height: 20px; color: #454545; margin-bottom: 20px; }
.wrapper-contact p strong { font-size: 11px; font-weight: 700; color: #3D9C58; display: block; text-transform: uppercase; }

#map { width:100%; height: 260px; position: relative; }

/* Quiénes Somos */
.wrapper-cont .col-quienes { margin-top: 50px; margin-left: 15px; }

.wrapper-quienes { background: #ededed; padding: 60px 0 70px 0; }
.wrapper-quienes .mod-info .icon { display: block; width: 56px; height: 55px; background-image: url(../img/sprite.svg); background-repeat: no-repeat; }
.wrapper-quienes .mod-info .icon.one { background-position: -4px -86px; }
.wrapper-quienes .mod-info .icon.two { background-position: -64px -86px; }
.wrapper-quienes .mod-info .icon.three { background-position: -124px -86px; }
.wrapper-quienes .mod-info h2 { font-size: 18px; font-weight: 700; line-height: 22px; color: #3D9C58; margin-bottom: 20px; }
.wrapper-quienes .mod-info p { font-size: 12px; line-height: 20px; color: #000000; margin-bottom: 20px; }

.wrapper-cont .foto-section { width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.wrapper-cont .foto-section.nosotros { height: 510px; background-image: url(../img/nosotros.jpg); }

/* Servicios */
.wrapper-cont .foto-section.servicios { background-image: url(../img/servicios.jpg); }

/* Trazabilidad */
.wrapper-cont .foto-section.trazabilidad { height: 330px; background-image: url(../img/trazabilidad.jpg); }

/* Politica de Calidad */
.wrapper-cont .foto-section.politica { background-image: url(../img/politica.jpg); }
.wrapper-cont .col-politica { margin-top: 103px; }
.wrapper-cont .col-politica p { line-height: 14px; }
.wrapper-cont .col-politica .right { margin-top: 34px; }

/* Contacto */
.contact-form { margin: 80px 0 60px 0; }
.contact-form input {display: block;width: 100%;border: 1px solid #ededed;padding: 10px 10px;background: none;font-size: 13px;color: #454545;margin-bottom: 20px;}
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color: #000000; }
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { color: #000000; }
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder  { color: #000000; }
.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { color: #000000; }

.contact-form label { font-size: 13px; font-weight: normal; color: #000; letter-spacing: 1px; margin-bottom: 5px; }
.contact-form textarea { display: block; width: 100%; height: 110px; padding:10px; border: 1px solid #ededed;color: #454545; background: none; }
.contact-form button { border: 0; font-size: 13px; font-weight: 900; color: #fff; height: 40px; width: 110px; text-transform: uppercase; margin-top: 20px; border-radius: 0; padding: 0; background: #3D9C58;}
.contact-form button:hover { background: #37bdf1; color: #fff;}

.contact-form input, .contact-form textarea { -webkit-appearance: none; border-radius: 0; }
.contact-form input:focus, .contact-form textarea:focus { border: 1px solid #fff; }

p.contact-ok { font-size: 14px; color: #000; margin: 50px 0; } 



/* RESPONSIVE CSS */

@media (max-width: 1200px) and (min-width: 992px) {
	.navbar-nav > li { margin-right: 20px; }
}

@media (max-width: 991px) and (min-width: 768px) {
	.logo { margin-top: 6px; }
	.navbar-nav > li { margin-right: 10px; }
	.navbar-nav > li > a { font-size: 9px; }

}


@media (max-width: 767px) {
	
	#navbar { float: none; border: 0; margin: 15px 0 0 0; text-align: left; position: fixed; width: 100%; left: 0; background: #fff; border-bottom: 1px solid #eee; }
	.navbar-nav { margin: 0; padding: 10px 0; }
	.navbar-nav > li { display: block; margin: 0; }
	.navbar-toggle { padding: 2px; border: 0; margin: 25px 0 0 0; }
	.navbar-default .navbar-collapse { border: 0; -webkit-box-shadow: none; box-shadow: none; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #000; }
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px; }
	
	.nav-tabs > li { width: 44%; vertical-align: top; display: inline-block; margin-right: 10px; float: none; }
	
	.swiper-container { height: 400px; }
	.swiper-container .swiper-slide .txt-slide { padding: 100px 35px 0 35px; }
	.swiper-container .swiper-slide .txt-slide h1 { font-size: 32px; line-height: 34px; }
	
	.wrapper-accesos .dest-home .txt { margin-left: 15px; }
	
	.cont-section { padding: 30px 0; }
	.foto-section { height: 300px; }
	
	#map { height: 300px; }
	.wrapper-contact h2 { margin-top: 25px; }
	.wrapper-contact.home { height: auto; }
	.wrapper-contact.home #map { width: 100%; position: relative !important; }
	
	.wrapper-cont .foto-section.nosotros, .wrapper-cont .foto-section.trazabilidad { height: 200px; }
	.wrapper-cont .col-quienes { margin: 50px 0; }
	
	.wrapper-cont .col-politica { margin-top: 50px; }
	.wrapper-cont .col-politica .right { margin-top: 0; }
	
	#footer, #footer .powered, #footer .copyright, .social { text-align: center; }
	.social { margin-bottom: 20px; }


	#footer .powered { margin-top: 15px; }

}

.no-mar { margin: 0 !important; }
.no-pad { padding: 0; }