* 																{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body															{background:#fff; font-family: 'Roboto', sans-serif; padding:0; margin:0;}
h1,h2,h3,h4,p,span												{font-family: 'Roboto', sans-serif; padding:0; margin:0; font-weight:normal;}
ul,li															{font-family: 'Roboto', sans-serif; padding:0; margin:0; list-style-type:none;}
a																{font-family: 'Roboto', sans-serif; text-decoration:none;}
img																{border:0;}
input,select,textarea,label,fieldset,button						{font-family: 'Roboto', sans-serif; padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a,input,select,textarea,img,button								{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
input,select,textarea											{box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin:0 0 10px 0;}
.clear 															{clear:both;}
::-ms-clear 													{display:none;}
:focus 															{outline:none;}
::-webkit-input-placeholder										{color:inherit;}
i																{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.mask_b1														{position:absolute; width:100%; height:100%; background:url(../imagenes/bg.png); z-index:9;}
.mask_b2														{position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:8;}

.white {background: #ffffff;}
.gray {background: #f4f4f4;}


@media (min-width: 769px){

#btn-actions {display: none;}	

.left {float:left;}
.right {float:right;}
	
#m1 															{width:100%; min-width:1200px;  background:url(../imagenes/banner-home.jpg) no-repeat center top;position: relative;}
#m1:before 														{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 180px; background-image: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.7)); z-index: 8;}
#m1:after 														{content: ''; position: absolute; left: 0; bottom:0; right: 0; height: 180px; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7)); z-index: 8;}
#m1 .b1															{width:1200px;height: 900px; margin:0 auto; padding:15px 0; position: relative;}

/*logo*/
#m1 .b1 .d1														{position: absolute; top: 30px; left: 0; z-index:9; }
#m1 .b1 .d1	img													{height:120px;}

/*datos de contacto*/
#m1 .b1 .d2														{position: absolute; top: 30px; right: 0; z-index:9;}
#m1 .b1 .d2 .t1													{padding-left:20px; cursor: pointer;  float:right;  color:#fff;  line-height:40px; }
#m1 .b1 .d2 .t1	a												{font-weight: 700; font-size:20px; color:#fff; line-height:40px;  display:block; cursor:pointer;}
#m1 .b1 .d2 .t2 												{float:right; padding-left:20px; }
#m1 .b1 .d2 .t2 a												{font-weight: 700; font-size:20px; color:#fff; line-height:40px;  display:block; cursor:pointer;}
#m1 .b1 .d2 .t2 a:hover											{opacity: 0.8;}
#m1 .b1 .d2 .t3													{display:none;}
#m1 .b1 .d2 .whatsapp											{cursor: pointer;  float:right;   text-align: center; }
#m1 .b1 .d2 .whatsapp a											{font-size:20px; color:#fff; font-weight:700; line-height:40px; width: 40px; height: 40px;}

/*texto*/
#m1 .b1 .d3														{top: 240px; left:0; width: 520px; position:absolute; z-index:10;}
#m1 .b1 .d3 h1													{text-shadow: 1px 1px 1px rgba(0,0,0,.3); font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 62px; line-height: 64px; color:#fff; margin:80px 0 25px 0; font-weight: 700;}
#m1 .b1 .d3 span												{color:rgba(255,255,255,3); font-family:Poppins, sans-serif; display: inline-block;}
#m1 .b1 .d3 span img											{height: 40px;}

#m1 .b1 .d3 p													{text-shadow: 1px 1px 1px rgba(0,0,0,.3); font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 30px; color:#fff; font-weight: 300;}

/*formulario*/
#m1 .b1 .d4														{top:200px; right: 0; width:420px; background:#fff; padding:40px; text-align:center; position:absolute; z-index:10;}
#m1 .b1 .d4 label												{color:#333; font-size:26px; font-weight:700; display:block;}
#m1 .b1 .d4 label:nth-of-type(1) 								{font-family: 'Poppins', sans-serif;}
#m1 .b1 .d4 label:nth-of-type(2)								{color:#777; font-size:20px; font-weight:400; margin:0 0 10px 0;}
#m1 .b1 .d4 input												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 textarea											{width:100%; height:80px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 select												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 button												{background:#16a400; width:100%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;  box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);}
#m1 .b1 .d4 button:hover										{opacity: .8;}
#m1 .b1 .d4 .i-error											{border:1px dashed #eb340a; background:#faebe7;}

/*beneficios*/
#m1 .b1 .beneficios 											{text-align: center; position: absolute; bottom: 30px; right:80px; z-index: 10; }
#m1 .b1 .beneficios li 											{width: 250px; position: relative; display: inline-block; margin-right: 52px;}
#m1 .b1 .beneficios img 										{float: left; width: 25%;	}
#m1 .b1 .beneficios span 										{text-align: left; position: relative; display: inline-block; width: 165px; margin-left: 10px; font-size: 14px; line-height: 20px; padding-right: 15px; color: #fff;}

#m4																{background:#fff; width:100%; min-width:1200px; border-top: 1px solid #ddd;}
#m4 .b1															{text-align:center; padding:60px 0; width: 1200px; margin: 0 auto;}
#m4 .b1 h1														{font-size:36px; color:#333; font-weight:500; margin: 0 0 5px 0;}
#m4 .b1 p														{font-size:16px; color:#858585; margin:0 0 50px 0;}
#m4 .b1 li														{width: 20%; float: left;}
#m4 .b1 li .icon												{width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;}
#m4 .b1 li .icon img											{width:80px; vertical-align: middle;}
#m4 .b1 li .title												{font-size:16px; color:#333; display:block; padding: 0 20px;}
#m4 .b1 i 														{color: #fbd957;}

#m5																{width:100%; min-width:1200px; background: #f9f9f9;}
#m5 .b1															{width: 1200px; margin:0 auto; text-align:center; padding:60px 0;}
#m5 .b1 h1 														{font-size:38px; color:#333; margin: 0 0 30px 0; font-family: 'Poppins', sans-serif; text-transform: uppercase;}
#m5 .b1 li 														{width:50%; float:left; padding: 10px;}
#m5 .b1 li .box 												{background:#fff; border-radius: 3px 3px 0 0; box-shadow: 0 1px 3px rgba(0,0,0,.1);}
#m5 .b1 li .img 												{width: 100%; height: 360px; position: relative; overflow: hidden; border-radius: 3px 3px 0 0;}
#m5 .b1 li .img:before 											{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 142px; background-image: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.5)); z-index: 8;}
#m5 .b1 li .img:after 											{content: ''; position: absolute; left: 0; bottom:0; right: 0; height: 142px; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7)); z-index: 8;}
#m5 .b1 li .img .oferta 										{font-family: 'Poppins', sans-serif; position: absolute; top: 10px; right: 10px; height:70px; width:70px; line-height: 100%; padding: 14px 0 0 0; border-radius: 100%; background:#fc0; color:#fff; text-align: center; font-size: 20px; z-index:10; box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);}
#m5 .b1 li .img .oferta p 										{font-size: 18px; font-weight: 700; text-align: center; font-family: 'Poppins', sans-serif;}

#m5 .b1 li .img .text2 											{position: absolute; top: 20px; left: 30px; z-index: 9; color:#fff;font-weight: 700; text-align: left;}
#m5 .b1 li .img .text2 h4										{font-size: 22px; font-family: 'Poppins', sans-serif; }

#m5 .b1 li .img .text 											{position: absolute; bottom: 20px; left: 30px; z-index: 9; color:#fff;font-weight: 700; text-align: left;}
#m5 .b1 li .img .text h2										{font-size: 22px;}
#m5 .b1 li .img .text h3										{font-size: 18px;}
#m5 .b1 li .img img 											{width:100%; margin:0 0 -4px 0;}

#m5 .b1 li .content 											{padding: 30px;}
#m5 .b1 li .content p 											{text-align: left; line-height:30px;  font-size: 18px; color:#333;}
#m5 .b1 li .cta 												{padding: 15px 0; border-top: solid #ddd 1px;}
#m5 .b1 li .cta a 												{cursor:pointer;font-size: 18px; height: 45px; line-height: 45px; padding: 0 15px; background: #eb1b00; border-radius: 4px; color:#fff; display: inline-block; box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);}

#footer															{width:100%; text-align:center;}
#footer .b1														{background:#f4f4f4; padding:30px;}
#footer .b1 .d1													{color:#777; font-size:14px;}
#footer .b1 .d1 a												{color:#777; font-size:14px;}
#footer .b1 .d2													{display:inline-block; margin:10px 0 0 0;}
#footer .b1 .d2 a												{float:right; width:87px; height:20px; background:url(../imagenes/signos.png) no-repeat left center;}


}

@media (max-width: 768px){

body {padding: 0 0 65px 0;}


#btn-actions{width:100%;height:64px;position:fixed;bottom:0;z-index:100;box-shadow:0 0 6px 0 hsla(0,0%,51%,.5); background:#25d366;display:block}
#btn-actions li{width:50%;float:left;border-right:1px solid #fff;line-height:24px;padding:20px 0;text-align:center;font-size:16px;color:#fff}
#btn-actions li a{font-size:16px;color:#fff}
#btn-actions li i{width:24px;height:24px;line-height:24px;display:inline-block;margin:0 10px 0 0;font-size:20px}
#btn-actions li:last-child{border:0}
#btn-actions .whatsapp{display:block}
	
#m1 															{width:100%; background:url(../imagenes/banner-home-response.jpg) no-repeat center top; background-size:cover; position: relative;}
#m1:before 														{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 140px; background-image: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.7)); z-index: 8;}
#m1:after 														{content: ''; position: absolute; left: 0; bottom:0; right: 0; height: 200px; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); z-index: 8;}
#m1 .b1															{width:100%; height: 880px; margin:0 auto; padding:20px; position: relative;}

/*logo*/
#m1 .b1 .d1														{position: absolute; top: 10px; text-align: center; right:0;left: 0; z-index:9; margin:0 auto; }
#m1 .b1 .d1	img													{height:120px;}

/*datos de contacto*/
#m1 .b1 .d2														{display:none; position: absolute; top: 30px; right: 0; z-index:9;}
#m1 .b1 .d2 .t1													{padding: 0 20px; cursor: pointer;  float:right;  color:#fff;  line-height:40px; }
#m1 .b1 .d2 .t1	a												{font-weight: 700; font-size:20px; color:#fff; line-height:40px; padding:0 10px; display:block; cursor:pointer;}
#m1 .b1 .d2 .t2 												{float:right; }
#m1 .b1 .d2 .t2 a												{font-weight: 700; font-size:20px; color:#fff; line-height:40px; padding-left: 10px; display:block; cursor:pointer;}
#m1 .b1 .d2 .t2 a:hover											{opacity: 0.8;}
#m1 .b1 .d2 .t3													{display:none;}
#m1 .b1 .d2 .whatsapp											{cursor: pointer;  float:right; padding:0 10px;  text-align: center; }
#m1 .b1 .d2 .whatsapp a											{font-size:20px; color:#fff; font-weight:700; line-height:40px; width: 40px; height: 40px;}

/*texto*/
#m1 .b1 .d3														{top:120px; left:20px; position:absolute; z-index:10;}
#m1 .b1 .d3 h1													{font-family:Poppins, sans-serif; text-transform: uppercase; font-size: 38px; line-height: 100%; color:#fff; margin:40px 0 15px 0; font-weight:800; text-shadow: 1px 1px 1px rgba(0,0,0,.3)}

#m1 .b1 .d3 span												{color:rgba(255,255,255,3); font-family:Poppins, sans-serif; display: inline-block;}
#m1 .b1 .d3 span img											{height: 30px;}

#m1 .b1 .d3 p													{font-family:Poppins, sans-serif; font-size: 20px; line-height: 100%; color:#fff; font-weight: 300;}

/*formulario*/
#m1 .b1 .d4														{top:370px;  width:88%; background:#fff; padding:20px; text-align:center; position:absolute; z-index:10;}


#m1 .b1 .d4 label												{color:#333; font-size:20px; font-weight:700; display:block}
#m1 .b1 .d4 label:nth-of-type(1)								{font-family:Poppins, sans-serif; line-height: 100%;}

#m1 .b1 .d4 label:nth-of-type(2)								{color:#777; font-size:18px; font-weight:400; margin: 5px 0 10px 0;}
#m1 .b1 .d4 input												{width:49%; display: inline-block; float:left; margin-right: 1%; height:35px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 input[type="email"]									{width:100%; display: inline-block; float:left;  height:35px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 textarea											{width:100%; height:60px; padding:10px; background:#fff; border:1px solid #ccc; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 select												{width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; color:#222; font-size:14px; border-radius:3px;}
#m1 .b1 .d4 button												{background:#16a400; width:100%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;}
#m1 .b1 .d4 button:hover										{opacity: .8;}
#m1 .b1 .d4 .i-error											{border:1px dashed #eb340a; background:#faebe7;}


/*beneficios*/
#m1 .b1 .beneficios 											{text-align: center; position: absolute; z-index: 10; left: 0; bottom: 30px; width: 100%; height: 100px;}

#m1 .b1 .beneficios li 											{width:100%; float: left; padding: 0 15px;}
#m1 .b1 .beneficios img 										{width:50px; display: inline-block; margin:0 0 10px 0;}
#m1 .b1 .beneficios span 										{display: inline-block; font-size: 14px; line-height: 100%; color: #fff;}


#m4																{background:#fff; width:100%;  border-top: 1px solid #ddd;}
#m4 .b1															{text-align:center; padding:60px 0; width: 100%; margin: 0 auto;}
#m4 .b1 h1														{font-size:36px; color:#333; font-weight:500; margin: 0 0 5px 0;}
#m4 .b1 p														{font-size:16px; color:#858585; margin:0 0 50px 0;}
#m4 .b1 li														{width: 100%; float: left;}
#m4 .b1 li .icon												{width:80px; height:80px; display:inline-block; line-height:80px; margin:0 0 20px 0;}
#m4 .b1 li .icon img											{width:80px; vertical-align: middle;}
#m4 .b1 li .title												{font-size:16px; color:#333; display:block; padding: 0 10px;}
#m4 .b1 i 														{color: #fbd957;}

#m5																{width:100%; background: #f9f9f9;}
#m5 .b1															{width:100%;}
#m5 .b1 h1 														{font-size:28px; line-height: 100%; padding:0  color:#333; padding:15px; text-align: center; font-family: 'Poppins', sans-serif; text-transform: uppercase;}
#m5 .b1 li 														{width:100%;}
#m5 .b1 li .box 												{background:#fff; margin: 0 0 10px 0; box-shadow: 0 1px 3px rgba(0,0,0,.1);}
#m5 .b1 li .img 												{width: 100%; height: 200px; position: relative; overflow: hidden;}
#m5 .b1 li .img:before 											{content: ''; position: absolute; left: 0; top: 0; right: 0; height: 142px; background-image: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.5)); z-index: 8;}
#m5 .b1 li .img:after 											{content: ''; position: absolute; left: 0; bottom:0; right: 0; height: 142px; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7)); z-index: 8;}
#m5 .b1 li .img .oferta 										{font-family: 'Poppins', sans-serif; position: absolute; top: 10px; right: 10px; height:60px; width:60px; line-height: 100%; padding: 12px 0 0 0; border-radius: 100%; background:#fc0; color:#fff; text-align: center; font-size: 18px; z-index:10; box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);}
#m5 .b1 li .img .oferta p 										{font-family: 'Poppins', sans-serif; font-size: 16px;  letter-spacing: -1px; }

#m5 .b1 li .img .text2 											{position: absolute; top: 20px; left: 15px; z-index: 9; color:#fff;font-weight: 700; text-align: left;}
#m5 .b1 li .img .text2 h4										{font-size: 20px; font-family: 'Poppins', sans-serif;width: 220px; }
#m5 .b1 li .img .text 											{position: absolute; bottom: 20px; left: 15px; z-index: 9; color:#fff;font-weight: 700; text-align: left;}
#m5 .b1 li .img .text h2										{font-size: 20px;}
#m5 .b1 li .img .text h3										{font-size: 16px;}
#m5 .b1 li .img img 											{width:100%; margin:0 0 -4px 0;}
#m5 .b1 li .content 											{padding: 25px 15px 15px 15px;}
#m5 .b1 li .content p 											{text-align: left; line-height:120%; margin: 0 0 10px 0; font-size:16px; color:#333;}
#m5 .b1 li .cta 												{padding: 15px; text-align: center}
#m5 .b1 li .cta a 												{font-size: 18px; height: 45px; line-height: 45px; padding: 0 10px; background: #eb1b00; border-radius: 4px; color:#fff; display: inline-block; box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);}

#footer															{width:100%; text-align:center;}
#footer .b1														{background:#f4f4f4; padding:30px;}
#footer .b1 .d1													{color:#777; font-size:14px;}
#footer .b1 .d1 a												{color:#777; font-size:14px;}
#footer .b1 .d2													{display:inline-block; margin:10px 0 0 0;}
#footer .b1 .d2 a												{float:right; width:87px; height:20px; background:url(../imagenes/signos.png) no-repeat left center;}

}


.notification										{width:100%; margin:0 0 20px 0;}
.error												{padding:15px; border:1px solid #ebccd1; background:#f2dede; color:#a94442; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}
.success											{padding:15px; border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}
.warning											{padding:15px; border:1px solid #f5e79e; background:#f8f0c3; color:#8a6d3b; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}
.info												{padding:15px; border:1px solid #bce8f1; background:#d9edf7; color:#31708f; font-size:14px; border-radius:3px; line-height:15px; text-align:center; display:block;}