* 																{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body															{background:#fff; font-family: 'Montserrat', sans-serif; padding:0; margin:0;}
h1,h2,h3,h4,p,span												{font-family: 'Montserrat', sans-serif; padding:0; margin:0; font-weight:normal;}
ul,li															{font-family: 'Montserrat', sans-serif; padding:0; margin:0; list-style-type:none;}
a																{font-family: 'Montserrat', sans-serif; text-decoration:none;}
img																{border:0;}
input,select,textarea,label,fieldset,button						{font-family: 'Montserrat', 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;}

:root {
  --header-bg: #000;
}


#notification{position: fixed; width: 325px; height: 325px; left: 0; right:0; top: 0; bottom: 0; margin: auto; text-align: center; z-index: 999999}
#notification .success { position: relative; width: 325px; height: 280px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); padding: 20px;}
#notification .success .icon {color: #fff; position: absolute; margin: 0 auto; left: 0; right: 0;  top: -42.5px; width: 95px; height: 95px; border-radius: 50%; -webkit-border-radius: 50%; z-index: 9; background: #000060; padding: 15px; text-align: center; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); font-size: 46px; line-height: 70px;}
#notification .success .title {text-align: center; font-size: 26px; margin: 60px 0 0 0 !important; color:#636363;}
#notification .success .content {padding: 15px; color:#636363; font-size: 14px; line-height:16px;}
#notification .success .btn {margin: 15px 0 0 0; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; background: #000060; width: 250px; line-height: 40px; height: 40px; font-size: 16px; display: inline-block;}
#notification_mask {background:rgba(0,0,0,.5); position: fixed; z-index: 999998; left: 0; top:0; width: 100%; height: 100%;}
@media (min-width: 769px){

#btn-actions {display: none;}	

.left {float:left;}
.right {float:right;}
	
#m1 															{width:100%; min-width:1200px; background:rgba(0,0,0,0,.0); position: absolute; top:0; left:0; z-index: 99; height:120px;}
#m1 .b1															{width:1200px; padding:20px 0; margin:0 auto;}
#m1 .b1 .d1														{float:left;}
#m1 .b1 .d1	img													{height:80px;}
#m1 .b1 .d2														{float:right;}
#m1 .b1 .d2 .t1													{border: 2px solid #000060; padding: 0 20px; cursor: pointer; border-radius: 30px; float:right; font-size:16px; color:#fff; font-weight:700; line-height:40px; height: 40px;}
#m1 .b1 .d2 .t2 												{float:right; margin: 0 0 0 10px;}
#m1 .b1 .d2 .t2 a												{background:#000060; font-size:16px; font-weight:600; color:#fff; border-radius:30px; line-height:40px; padding:0 20px; display:block; cursor:pointer;}
#m1 .b1 .d2 .t2 a:hover											{opacity: 0.8;}
#m1 .b1 .d2 .t3													{display:none;}
#m1 .b1 .d2 .whatsapp											{background:#00c853; cursor: pointer; border-radius: 100%; height:65px; width:65px; text-align: center; position: fixed; right:30px; bottom:30px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.5);}
#m1 .b1 .d2 .whatsapp a											{font-size:35px; color:#fff; font-weight:700; line-height:65px;}

#m3 {
	width:100%; 
	 
	min-width:1200px; 
	
	background:
	url(../imagenes/banner-home.jpg) no-repeat center center; 
	
	position:relative;
	}

#m3 .b1															{width:1200px; height:825px; margin:0 auto; padding:160px 0;}
#m3 .b1 .d1														{float:right; width:370px; background:rgba(0,0,0,.6); padding:40px 30px; text-align:center; position:relative; z-index:10;}
#m3 .b1 .d1 label												{color:#fff; font-size:31px; font-weight:200; letter-spacing:3.5px; display:block; line-height: 30px;}
#m3 .b1 .d1 label:nth-of-type(2)								{color:#fff; font-size:30px; font-weight:900; letter-spacing:1px; line-height: 30px; margin:0 0 10px 0; }
#m3 .b1 .d1 label:nth-of-type(3)								{color:#fff; font-size:16px; font-weight:300; letter-spacing:0; line-height: 20px; letter-spacing: 2px; margin:0 0 20px 0 ;}
#m3 .b1 .d1 span 												{color:#fff; background:#000060;  font-weight: 900; padding: 0 3px; font-size: 14px; line-height: 26px;  }
#m3 .b1 .d1 input												{width:88%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#fff; font-size:14px; border-radius:3px;}
#m3 .b1 .d1 textarea											{width:88%; height:80px; padding:10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#fff; font-size:14px; border-radius:3px;}
#m3 .b1 .d1 select												{width:88%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0)color:#fff; font-size:14px; border-radius:3px;}
#m3 .b1 .d1 button												{background:#000060; width:89%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;}
#m3 .b1 .d1 button:hover										{opacity: .8;}
#m3 .b1 .d1 .i-error											{border:1px dashed #eb340a; background:#faebe7;}

#m3 .b1 .d2														{float:left; width: 400px; position:relative; z-index:10;}
#m3 .b1 .d2 h1													{font-size: 58px; line-height: 60px; color:#fff; margin:80px 0 25px 0; font-weight: 400;}
#m3 .b1 .d2 p													{font-size: 24px; line-height: 30px; color:#fff; font-weight: 300;}
	

#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:28px; color:#333; font-weight:700; margin: 0 0 5px 0;}
#m4 .b1 p														{font-size:22px; color:#858585; margin:0 0 50px 0;}
#m4 .b1 li														{width:25%; float: left;}
#m4 .b1 li .icon												{width:60px; height:60px; display:inline-block; line-height:60px; margin:0 0 20px 0;}
#m4 .b1 li .icon img											{width:60px; vertical-align: middle;}
#m4 .b1 li .title												{font-size:14px; color:#888; font-weight: 700; display:block; padding: 0 20px;}


#marcas 														{background: #fff; width: 100%; min-width: 1200px; border-bottom: 1px solid #ddd; }
#marcas .b1 													{width: 1200px; margin: auto; padding:60px 0; text-align: center;}
#marcas .b1 li 													{float:left; width: 25%; }
#marcas .b1 li .icon 											{width: 220px; height:220px; position: relative; display: inline-block; line-height: 220px;}
#marcas .b1 li .icon img 										{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; max-width: 100%; }
#marcas .b1 .title 												{font-size:28px; color:#333; font-weight:700; margin: 0 0 5px 0;}

#m5																{width:100%; min-width:1200px; padding:40px 0; background: #fbfbfb;}
#m5 .b1															{width:100%; width: 1200px; margin: auto;}
#m5 .b1 .d1														{width:50%; height: 500px;  position:relative; text-align:center; overflow:hidden;}
#m5 .b1 .d1 .image												{width:100%; height: 500px; background-size: cover; background-position: center center;}
#m5 .b1 .d1 .image:after 										{content: ''; position: absolute; width: 30px; height: 100%; left:47%; background:#fff; top:0;}
#m5 .b1 .d2														{width:50%; padding:50px; height: 500px;  position: relative;}
#m5 .b1 .d2 h1													{color:#848484; font-weight:700;     margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size: 16px; position: relative;}
#m5 .b1 .d2 h1:after 											{background-color: #00c853; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}
#m5 .b1 .d2 h2													{font-size: 28px; line-height: 30px; margin: 0 0 25px; color:#000; font-weight: bold;}
#m5 .b1 .d2 p 													{font-size: 16px; font-weight: 400; line-height: 22px; color: #555; padding: 0 0 30px 0;}
#m5 .b1 .d2 a													{background:#000060; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}
#m5 .b1 .d2 a:hover												{opacity: 0.8;}
#m5 .b1 .d2 li													{display:block; font-size: 16px; color: #555; line-height: 24px;}


#m7 															{width:100%; height:auto;  position:relative; padding: 60px 0 0 0;}
#m7 .b3															{width:1200px;  margin:auto; background: #fff;  text-align:left; padding: 0 0 60px 0;}
#m7 .b3 .datos 													{width: 50%; float: left; padding:50px 0; display: inline-grid;}
#m7 .b3 .datos .content 										{float: left; display: block; margin: 0 0 30px 0;}
#m7 .b3 .datos .icono 											{position: relative; float: left; width:50px; height:50px;line-height:48px; font-size:20px;margin:0 15px 0 0 ; color:#000060;  display: inline; border-radius: 100%; border:solid 2px #000060; text-align: center;}
#m7 .b3 .datos .text 											{float: left; display: inline-grid; margin:6px 0 0 0 ; }
#m7 .b3 .datos .text span 										{font-size: 12px; text-transform: uppercase; color:#000060;  font-weight: 700;}
#m7 .b3 .datos .text a 											{font-size: 16px; font-weight: 700; color: #000;}

#m7 .b3 .form 													{position: relative; width: 45%; float: right;}
#m7 .b3 .form label												{color:#000; font-weight:700; font-size:31px; letter-spacing:3.5px; display:block; line-height: 30px; margin:0 0 20px 0;}
#m7 .b3 .form span 												{color:#000; background:#000060;  font-weight: 900; padding: 0 3px; font-size: 14px; line-height: 26px;  }
#m7 .b3 .form input												{width:88%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#555; font-size:14px; border-radius:3px;}
#m7 .b3 .form textarea											{width:88%; height:80px; padding:10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#555; font-size:14px; border-radius:3px;}
#m7 .b3 .form select											{width:88%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0)color:#555; font-size:14px; border-radius:3px;}
#m7 .b3 .form button											{background:#000060; width:89%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;}
#m7 .b3 .form button:hover										{opacity: .8;}
#m7 .b3 .form .i-error											{border:1px dashed #eb340a; background:#faebe7;}

#m7 .b1															{width:400px; height:450px; position:absolute; z-index:3; top:110px; left:10px; right:0;}
#m7 .b1 ul														{width:400px; background:#fff; padding:40px; float:left;}
#m7 .b1 li														{display:block; margin:0 0 30px 0;}
#m7 .b1 li strong												{font-size:16px; color:#333; margin:0 0 15px 0;}
#m7 .b1 li a													{display:block; font-size:14px; color:#777;}
#m7 .b1 li p													{display:block; font-size:14px; color:#777;}
#m7 .b1 li:last-child											{margin:0;}
#m7 .b1 li:last-child a											{background:#16A400; font-size:16px; color:#fff; text-align:center; border-radius:30px; line-height:44px; padding:0 30px; display:block; cursor:pointer;}
#m7 .b1 li:last-child a:hover									{opacity: .8}

#m7 .b2															{width:100%; min-width:1200px; height:600px; position:relative;}
#m7 .b2 iframe 													{width:100%; height:600px; border:0;}

#footer															{background:#fff;}
#footer .b1														{width:1200px; background:#fff; margin:0 auto; padding:40px 0;}
#footer .b1 .d1													{float:left; line-height:20px; color:#777; font-size:14px;}
#footer .b1 .d1 a												{color:#777; font-size:14px;}
#footer .b1 .d2													{float:right;}
#footer .b1 .d2 a												{float:right; width:87px; height:20px; background:url(../imagenes/signos.png) no-repeat left center;}

}

@media (max-width: 768px){



#btn-actions{position:fixed; width: 100%; right: 10px; bottom:10px;z-index:100; display:block}
#btn-actions li{width:55px;height:55px; line-height:55px; text-align: center; display: inline-block; margin:0 5px;float: right; color:#fff; background:#25d366; border-radius: 100%;}
#btn-actions li a{color:#fff}
#btn-actions li i{font-size:25px; line-height: 55px; }
#btn-actions li:last-child{border:0}
#btn-actions .whatsapp{display:block}
	
#m1 															{width:100%; background:var(--header-bg); position: fixed; z-index: 999; border-bottom: 1px solid #ddd;}
#m1 .b1															{display:block; text-align:center; padding:10px 20px;}
#m1 .b1 .d1														{display: inline-block;}
#m1 .b1 .d1	img													{height:40px;}
	
#m1 .b1 .d2														{display:none;}

	
#m3 															{width:100%; position:relative;}
#m3 .b1															{display:block; height:auto;}
#m3 .b1 .d1														{width: 100%; background:rgba(0,0,0,.9); padding:25px;  text-align:center; position:relative; z-index:10;}
#m3 .b1 .d1 label												{color:#fff; font-size:31px; font-weight:200; letter-spacing:3.5px; display:block; line-height: 30px;}
#m3 .b1 .d1 label:nth-of-type(2)								{color:#fff; font-size:30px; font-weight:900; letter-spacing:1px; line-height: 30px; margin:0 0 10px 0; }
#m3 .b1 .d1 label:nth-of-type(3)								{color:#fff; font-size:16px; font-weight:300; letter-spacing:0; line-height: 20px; letter-spacing: 2px; margin:0 0 20px 0 ;}
#m3 .b1 .d1 span 												{color:#fff; background:#000060;  font-weight: 900; padding: 0 3px; font-size: 14px; line-height: 26px;  }
#m3 .b1 .d1 input												{width:100%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#fff; font-size:14px; border-radius:3px;}
#m3 .b1 .d1 textarea											{width:100%; height:80px; padding:10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#fff; font-size:14px; border-radius:3px;}
#m3 .b1 .d1 select												{width:100%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0)color:#fff; font-size:14px; border-radius:3px;}
#m3 .b1 .d1 button												{background:#000060; width:100%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;}
#m3 .b1 .d1 button:hover										{opacity: .8;}
#m3 .b1 .d1 .i-error											{border:1px dashed #eb340a; background:#faebe7;}

#m3 .b1 .d2														{position:relative; z-index:10; display: block; width: 100%; height: 415px;  background:url(../imagenes/banner-mobile.jpg) center center; background-size:cover; }
#m3 .b1 .d2 h1													{font-size: 40px; line-height: 38px; color:#fff; margin:70px 0 25px 0; font-weight: 400;}
#m3 .b1 .d2 p													{font-size: 24px; line-height: 30px; color:#fff; font-weight: 300; margin: 0 0 30px 0;}
	
#m4																{background:#fff; width:100%; border-top: 1px solid #ddd;}
#m4 .b1															{text-align:center; padding:30px;}

#m4 .b1 h1														{font-size:32px; 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; padding: 0 0 20px 0; margin:0 0 20px 0;}
#m4 .b1 li .icon												{width:60px; height:60px; display:inline-block; line-height:60px; margin:0 0 20px 0;}
#m4 .b1 li .icon img											{width:60px; vertical-align: middle;}
#m4 .b1 li .title												{font-size:16px; color:#333; display:block; padding: 0 20px;}


#marcas 														{background: #fff; width: 100%;  border-bottom: 1px solid #ddd; }
#marcas .b1 													{margin: auto; padding:30px; text-align: center;}
#marcas .b1 li 													{float:left; width: 100%; }
#marcas .b1 li .icon 											{width: 120px; height:120px; position: relative; display: inline-block; line-height: 220px;}
#marcas .b1 li .icon img 										{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; max-width: 100%; }
#marcas .b1 .title 												{font-size:28px; color:#333; font-weight:700; margin: 0 0 5px 0;}


#m5 .b1															{width:100%;}
#m5 .b1 .d1														{width:100%; border:1px solid #ddd; position:relative; text-align:center; overflow:hidden;}
#m5 .b1 .d1 .image												{width:100%; height:350px; background-size: cover; background-position: center center;}
#m5 .b1 .d2														{width:100%; padding: 30px;}
#m5 .b1 .d2 h1													{color:#848484; font-weight:700;     margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size: 16px; position: relative;}
#m5 .b1 .d2 h1:after 											{background-color: #00c853; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}
#m5 .b1 .d2 h2													{font-size: 32px; line-height: 38px; margin: 0 0 25px; color:#444;}
#m5 .b1 .d2 a													{background:#000060; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}
#m5 .b1 .d2 li													{display:block; font-size: 16px; color: #555; line-height: 24px;}
#m5 .b1 .d2 p 													{margin:0 0 15px 0;}


#m8																{width:100%; background:url(../imagenes/banner-footer.jpg) center top no-repeat; background-size:cover; position:relative;}
#m8 .b1															{padding:100px 0;position:relative;}
#m8 .b1 .d1														{display:block; padding:30px; z-index:99; position:relative;}
#m8 .b1 .d1 h1													{color:#fff; font-weight:700;     margin-bottom: 35px; text-transform: uppercase; padding-bottom: 20px;margin: 0 0 20px; font-size:30px; position: relative;}
#m8 .b1 .d1 h1:after 											{background-color: #fff; bottom: -2px; content: ''; height: 2px; left: 0; position: absolute; width: 60px;}
#m8 .b1 .d1 li													{font-size: 20px; line-height:26px; color:#fff; font-weight: 300;}
#m8 .b1 .d1 a													{background:#000060; font-size:16px; color:#fff; border-radius:30px; line-height:44px; padding:0 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0;}

#m7 															{width:100%; height:auto;  position:relative; padding:0; border-top:solid 1px #ddd;}
#m7 .b3															{width:100%;  margin:auto; background: #fff;  text-align:left; padding: 0 0 60px 0;}
#m7 .b3 .datos 													{width:100%; float: left; padding:50px 10px; display: inline-grid;}
#m7 .b3 .datos .content 										{float: left; display: block; margin: 0 0 30px 0;}
#m7 .b3 .datos .icono 											{position: relative; float: left; width:40px; height:40px;line-height:38px; font-size:20px;margin:0 5px 0 0 ; color:#000060;  display: inline; border-radius: 100%; border:solid 2px #000060; text-align: center;}
#m7 .b3 .datos .text 											{float: left; display: inline-grid;}
#m7 .b3 .datos .text span 										{font-size: 12px; text-transform: uppercase; color:#000060;  font-weight: 700;}
#m7 .b3 .datos .text a 											{font-size: 14px; font-weight: 700; color: #000; word-break:keep-all;}

#m7 .b3 .form 													{position: relative; width: 100%; float: right; padding: 0 20px;}
#m7 .b3 .form label												{color:#000; font-weight:700; font-size:26px; letter-spacing:3.5px; text-align: center; display:block; line-height: 30px; margin:0 0 20px 0;}
#m7 .b3 .form span 												{color:#000; background:#000060;  font-weight: 900; padding: 0 3px; font-size: 14px; line-height: 26px;  }
#m7 .b3 .form input												{width:100%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#555; font-size:14px; border-radius:3px;}
#m7 .b3 .form textarea											{width:100%; height:80px; padding:10px; background:rgba(255,255,255,.0); border:1px solid #ccc; color:#555; font-size:14px; border-radius:3px;}
#m7 .b3 .form select											{width:100%; height:40px; line-height:40px; padding:0 10px; background:rgba(255,255,255,.0)color:#555; font-size:14px; border-radius:3px;}
#m7 .b3 .form button											{background:#000060; width:100%; height:45px; line-height:35px; border-radius:3px; border:0; color:#fff; font-size:16px; cursor:pointer;}
#m7 .b3 .form button:hover										{opacity: .8;}
#m7 .b3 .form .i-error											{border:1px dashed #eb340a; background:#faebe7;}

#m7 .b2															{width:100%; height:500px; position:relative; display: none;}
#m7 .b2 #mapa													{width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}
#m7 .b2 #google-map												{width:100%; height:500px;}

#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;}

}