/** reset */
*{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; list-style: none; box-sizing: border-box;}
/** max-width */
.mxw{
	width: 100%;
	max-width: 1024px;
	margin: auto;
}
/* flex */
.flx{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flx-c{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flx-row{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
/* clears */
.clear{ clear: both; }
.clr:before{
	display: block;
	content: "";
	clear: both;
	height: 0.1px;
}
/**/
.trns{
	transition-duration: .2s;-o-transition-duration: .2s;-moz-transition-duration: .2s;-webkit-transition-duration: .2s;
}
.cp{
	cursor: pointer;
}
:focus{
	outline: 0;
}

/* columnas */
.c1{
	width: 100%;	
}
.c2{
	width: 50%;
}
.c3{
	width: 33.333%;
}
.c3a{
	width: 66.667%;
}
.c4{
	width: 25%;
}
.c4a{
	width: 75%;
}
.c5{
	width: 20%;
}
.c5a{
	width: 80%;
}
.c6{
	width: 16.666%;
}
.c6a{
	width: 83.33%;
}
.c6b{
	width: 66.668%;
}
/* blqs */
.blq-1{
	width: 100%;
}
.blq-2{
	width: 49.5117%;
}
.blq-3{
	width: 32.6822%
}
.blq-3a{
	width: 66.3409%;
}
.blq-4{
	width: 24.2675%
}
.blq-4a{
	width: 74.7555%;
}
.blq-5{
	width: 19.2187%
}
.blq-5a{
	width: 79.8043%;
}
.blq-6{
	width: 15.8528%
}
.blq-6a{
	width: 83.17%;
}
/* margenes */
.m{
	margin: 20px;
}
.mt{
	margin-top: 20px;
}
.mr{
	margin-right: 20px;
}
.mb{
	margin-bottom: 20px;
}
.ml{
	margin-left: 20px;
}
.mm{
	margin: 10px;
}
.mt-m{
	margin-top: 10px;
}
.mr-m{
	margin-right: 10px;
}
.mb-m{
	margin-bottom: 10px;
}
.ml-m{
	margin-left: 10px;
}
/* padding */
.pd{
	padding: 20px;
}
.pt{
	padding-top: 20px;
}
.pr{
	padding-right: 20px;
}
.pb{
	padding-bottom: 20px;
}
.pl{
	padding-left: 20px;
}
.pd-m{
	padding: 10px;
}
.pt-m{
	padding-top: 10px;
}
.pr-m{
	padding-right: 10px;
}
.pl-m{
	padding-left: 10px;
}
.pb-m{
	padding-bottom: 10px;
}
.pd-mm{
	padding: 5px;
}
.pt-mm{
	padding-top: 5px;
}
.pr-mm{
	padding-right: 5px;
}
.pl-mm{
	padding-left: 5px;
}
.pb-mm{
	padding-bottom: 5px;
}
/* text align */
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.tac{
	text-align: center;
}
.ttu{
	text-transform: uppercase;
}

.img{
	width: 100%;
	vertical-align: top;
}

/* enlaces */
.sl{
	text-decoration: none;
}
.sl i{
	margin-right: 4px;
}
.sl-b{
	color: #fff;
}
.sl-v{
	color: #61B016;
}
.sl-vb{
	color: #273500;
}
.sl-g{
	color: #f1f1f1;
}
.sl-n{
	color: #333;
}

.btn{
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 1px;
}


.btn i{
	margin-right: 4px;
	color: #fff;
}

/* backgrounds */
.bg-b, .btn-b{
	background: #fff;
}
.bg-v, .btn-v{
	background: #61B016;
	/*! background: #7eae2f; */
}
.bg-vb, .btn-vb{
	background: #273500;
}
.bg-g, .btn-g{
	background: #f1f1f1;
}
.bg-n, .btn-n{
	background: #333;
}
.bg-nb{
	background: #1c1c1c;
}

/*********************************/
body{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	background: #fafafa;
}

h1, h2, h3, h4{
	font-family: 'Poppins';
	font-weight: 700;
}
h1{
	font-size: 22px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 14px;
}

/* nav */
#logo, #logo a{
	display: block;
	width: 160px;
	height: 53px;
	overflow: hidden;
	text-indent: -9999px;
}
#logo a{
	background: url('img/nemsa_160x53.png') no-repeat;
}
#nav_clp{
	display: none;
	height: 93px;
}
#menu_clp{
	display: none;
}
nav ul{
	display: inline-block;
	overflow: hidden;
}
nav li{
	float: left;
	margin: 10px;
}
nav li a{
	display: block;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}
.sec{
	padding-top: 60px;
	padding-bottom: 60px;
}
#menu_wsp{
	display: block;
	width: 140px;
	height: 41px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('img/whatsapp_nemsa.png') no-repeat;
	margin-left: 20px;
	margin-top: 5px;
}

/* slider */

.item_slider h4{
	display: block;
	width: 50%;
	position: absolute;
	background: rgba(97,176,22,.8);
	top: 50%;
	margin-top: -49px;
	text-align: right;
}

#slider_001{
	background-image: url('img/slider/slider_001.jpg');
}
#slider_002{
	background-image: url('img/slider/slider_002.jpg');
}
#slider_003{
	background-image: url('img/slider/slider_004.jpg');
}
.item_slider{
	display: block;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 520px;
}
/* nosotros */
#nosotros .c3a{
	font-size: 18px;
	color: #fff;
	padding: 60px 20px 60px 0;
}
#nosotros_bg{
	background: url('img/nosotros_bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* productos */
#productos h3{
	font-size: 42px;
	text-transform: uppercase;
	color: #606060;
	margin-bottom: 20px;
}
.box_producto_thumb{
	display: block;
	position: relative;
	margin-bottom: 10px;
}
.box_producto_thumb h2{
	display: block;
	position: absolute;
	left: -12px;
	bottom: 30px;
	color: #fff;
	font-weight: normal;
	padding: 6px 12px 6px 20px;
}
.box_producto_thumb h2:before{
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	bottom: -14px;
	background: url('img/tri.png') no-repeat;
}
.box_producto_thumb img{
	border-radius: 3px;
}
.box_producto_btn{
	font-weight: 700;
	font-size: 16px;
}

/* servicios */
#servicios{
	background: url('img/servicios_bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#servicios h3{
	color: #fff;
	font-size: 42px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#servicios li{
	color: #fff;
	padding: 14px 0;
}
#servicios li img{
	float: left;
	margin-right: 10px;
}
.li_help{
	padding-top: 12px;
}


#instalaciones_bg{
	background: url('img/instalaciones_bg.jpg');
}
#logistica_bg, #logistica_bg_mobile{
	background: url('img/logistica_bg.jpg');
}
#catem_bg{
	background: url('img/catem_bg.jpg');
}
#instalaciones_bg, #logistica_bg, #catem_bg, #logistica_bg_mobile{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#instalaciones p, #logistica p, #catem p{
	color: #606060;
}
#instalaciones h3, #logistica h3, #catem h3{
	text-transform: uppercase;
	font-size: 22px;
}

#logistica_bg_mobile{
	display: none;
	width: 100%;
	height: 210px;
}

/* contacto */
/* frm */
.frm input, .frm textarea{
	font-family: 'FontAwesome','Roboto',sans-serif;
	padding: 14px;
	border-radius: 3px;
	background: #F7F8FA;
}
.frm input[type="text"]:focus,  .frm textarea:focus,
.post_blimpo input[type="text"]:focus, .post_blimpo textarea:focus{
	border: 1px solid #ababab;
}
.frm textarea{
	resize: vertical;
}

.frm_contacto input[type="text"], .frm_contacto textarea{
	border: 2px solid #cecece;
}
.frm_contacto input[type="text"]:focus,  .frm_contacto textarea:focus{
	border: 2px solid #ababab;
}
.frm input[type="submit"]{
	background: #5B871B;
	cursor: pointer;
}
.frm input[type="submit"]:focus{
	color: #ffffff;
}
.input_error{
	border: 2px solid #e64e29 !important;
}

.frm_load{
	display: none;
	width: 100%;
	min-height: 200px;
	background: url('img/loading.gif') center center no-repeat;
}
.frm_final{
	display: none;
}
.frm_final i{
	font-size: 38px;
	color: #a8cf45;
	margin-bottom: 20px;
}
.frm_final p{
	font-weight: 700;
	color: #cdcdcd;
}
#mapa{
	height: 250px;
}
#datos li{
	padding-bottom: 10px;
}
#datos i{
	color: #5B871B;
}

/* footer */
footer h3{
	display: block;
	position: relative;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 14px;
	margin-bottom: 30px;
	overflow: hidden;
}
footer h3:before{
	content: '';
	display: block;
	position: absolute;
	width: 60px;
	border-bottom: 3px solid #61B016;
	bottom: 0;
	left: 0;
}
footer li{
	margin-bottom: 10px;
}
footer li a, footer li span{
	display: block;
	background: url('img/footer_icon.png') left top no-repeat;
	padding-left: 24px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
footer li a:hover{
	text-decoration: underline;
}
/* paginas */
.paginas{padding:20px;height:50px;overflow:hidden;}
.paginas{padding-top:10px;}
.paginas ul{float:right;}
.paginas ul li{display:inline-block;text-align:center;margin-left:5px;}
.paginas span{font-size:12px;text-transform:uppercase;font-weight:800;color:#e0e0e0;}
.paginas a{display:block;width:32px;height:32px;background:#202020;color:#f0f0f0;font-size:12px;font-weight:700;text-decoration:none;border-radius:16px;padding-top:8px;}
.paginas a:hover, .paginas_sel{background:#facd00 !important;text-shadow:0 1px 0 #000 !important;color:#000 !important;}

/* tipsy */
.tipsy { font-family:Arial; color: #cdcdcd; padding: 0 0 4px 0; font-size: 12px; position: absolute; z-index: 100000;}
.tipsy-inner { padding: 8px 10px; background: #000000; /* Old browsers */
 color: #cdcdcd; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.tipsy-arrow { position: absolute; background: url('img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left;}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


.animated  {
  -webkit-animation-duration : 3s  ;
  animation-duration : 3s  ;

  -webkit-animation-delay : 500ms  ;
  animation-delay : 500ms  ;
}

.animate-out {
  -webkit-animation-delay : 0ms  ;
  animation-delay : 0ms  ;
}

#wsp_fixed{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
}
#wsp_fixed a{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	font-size: 28px;
	padding-top: 4px;
	background: #25d366;
	box-shadow: 0 0 8px rgba(10,10,10,.4);
}
#wsp_fixed p{
	display: block;
	position: fixed;
	padding: 10px;
	font-size: 14px;
	color: #303030;
	border-radius: 5px;
	background: #fff;
	bottom: 26px;
	right: 78px;
	box-shadow: 0 0 8px rgba(10,10,10,.4);
}


.blimpo{padding:20px;text-align:center;font-size:12px;color:#DEDEDE;background:#404040;}
.blimpo a{color:#DEDEDE;font-size:12px;text-decoration:none;}
.blimpo a img{width:80px;height:auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.blimpo img:hover{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;}


/* responsive */
@media only screen and (max-width: 1060px){
	.mxw{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 860px){
	#nav_clp, #menu_clp{
		display: block;
	}
	nav{
		position: fixed;
		top: 0;
		left: 0; right: 0;
		z-index: 9999;
	}
	nav ul{
		display: none;
		position: fixed;
		top: 93px; left: 0; right: 0; bottom: 0;
		border-top: 1px solid #50960a;
	}
	nav ul.pt-m{
		padding-top: 0;
	}
	nav ul li{
		display: block;
		float: none;
		border-bottom: 1px solid #50960a;
		margin: 0;
	}
	nav li a{
		font-size: 18px;
		padding: 20px 0;
	}
	nav li a:hover, nav li a:active{
		background: #50960a;
	}
	#menu_principal.flx{
		display: block;
	}
	#menu_wsp{
		display: inline-block;
		margin: auto;
		float: left;
	}
	#menu_clp{
		float: right;
		margin-left: 60px;
		margin-right: 10px;
		color: #fff;
		font-size: 32px;
	}
	.item_slider h4{
		width: 90%;
		text-align: center;
	}
	#nosotros .c2:first-child{
		width: 70%;
	}
	#nosotros .c2:last-child{
		width: 30%;
	}
	#nosotros .c3,
	#instalaciones .c3 > .c3,
	#logistica .c3 > .c3,
	#catem .c3 > .c3{
		width: 1%;
	}
	#nosotros .c3a,
	#instalaciones .c3a > .c3a,
	#logistica .c3a > .c3a,
	#catem .c3a > .c3a{
		width: 98%;
	}
	#logistica .c3a > .c3a{
		padding-left: 20px;
	}
	#contacto .c2{
		width: 100%;
	}
	#wsp_fixed{
		display: block;
	}
}
@media only screen and (max-width: 780px){
	#productos .c3{
		width: 50%;
	}
}
@media only screen and (max-width: 680px){
	#servicios .c5a{
		width: 50%;
	}
	#servicios .blq-2{
		width: 100%;
	}
	#nosotros .c2:first-child{
		width: 100%;
	}
	#nosotros .c2:last-child{
		width: 100%;
	}
	#nosotros_bg{
		height: 290px;
	}
}
@media only screen and (max-width: 540px){
	#servicios .c5a{
		width: 80%;
	}
	footer .c3{
		width: 50%;
	}
	#instalaciones .c3 > .c3,
	#instalaciones .c3a,
	#logistica .c3 > .c3,
	#logistica .c3a,
	#catem .c3 > .c3,
	#catem .c3a{
		width: 100%;
	}
	#instalaciones .c3a > .c3a,
	#logistica .c3a > .c3a,
	#catem .c3a > .c3a{
		width: 100%;
	}
	#logistica .c3a > .c3a{
		padding-left: 20px;
	}
	#instalaciones_bg, #logistica_bg_mobile, #catem_bg{
		display: block;
		width: 100%;
		height: 210px;
	}
}
@media only screen and (max-width: 520px){
	#productos .c3{
		width: 100%;
	}
}
@media only screen and (max-width: 480px){
	#menu_wsp{
		display: none;
	}
	#menu_clp{
		margin-left: 0;
	}
	.item_slider h4{
		width: 100%;
		text-align: center;
	}
	#servicios .c5a{
		width: 100%;
	}
	.item_slider img{
		width: 100%;
		height: auto;
		vertical-align: top;
	}
}
@media only screen and (max-width: 420px){
	footer .c3{
		width: 100%;
	}
	#servicios h3, #productos h3{
		font-size: 32px;
	}
}