@charset "UTF-8";
/* CSS Document */

*, img,div,ul, li,a{
	padding: 0;
	margin: 0;
}
body, html {
	background: #ffffff;
	height:100%;
	font-size:20px;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	font-family: 'Muli', sans-serif;}
a{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;text-decoration: none;}

header{position:relative;width:100%;background-color:rgba(29,31,37,0.8) ;z-index: 5000;padding: 1% 0;}
.logo{position:relative;padding:10px;width:auto; }
.logo img{max-width: 250px;float: left;}
/*.opacity_gradient{background-color: #1d202b;-webkit-mask-image: -webkit-gradient(linear, 90% 0,
    100% 0, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}*/
.logo a{color:#fff;}
.logo span{font-size: .8em; display: block;float: left;margin: 30px 0 0 10px;}
nav{position:relative;margin:0 auto;}
.navright{
	float: right;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left; margin: 0 30px;}
#cssmenu > ul > li > a{padding:10px 0; letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{border-bottom:5px solid #d5a82b!important;-webkit-transition:border .3s ease;-ms-transition:border .3s ease;transition:border .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:nth-child(even){background-color:rgba(24,26,33,0.95)}
#cssmenu li:hover > ul{left:auto;}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;min-width:200px;font-size:.7em;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;background-color: #d5a82b;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

/* BANNER */
.banner{
	width: 100%;
	position: relative;
	margin-bottom: -150px;
}
.banner_text{
	position: absolute;
	top: 180px;
	left:5%;	
}
.banner_text ul{
	list-style:none;
	font-size:1.5em;
	color:#fff;
		text-shadow: 2px 2px 2px #000;
		margin:30px;
}
.banner_text ul li:before{
	content: "• ";
	color:#d5a82b;
	}
.banner_text h1{
	font-size: 3em;
	line-height: 1.5;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	text-transform: uppercase;
}
.banner_text .btn_banner a{
	padding: 10px 30px;	
	border: 3px solid #d5a82b;
	color: #fff;
	float: left;
	margin-right: 40px;
		text-shadow: 2px 2px 2px #000;
}
.banner_text .btn_banner a:hover{
	color: #d5a82b;
	background-color: #fff;
	border-color: #fff;
	text-shadow: none;
}
.parallax_banner {
	top:-130px;
    /* The image used */
    background-image: url("../images/bg_banner.jpg");
    /* Set a specific height */
    height: 800px; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* BLOQUES CON ICONO*/
.icn_box{
	width: 70%;
	margin: 50px 15%;
	padding: 50px;
}
.icn_box img{
	display:block;
	float:left;
	max-height:150px;
	border-right:5px solid  #d5a82b;
	padding:0 5%;
	margin-right:5%;
}
.icn_box h2{
	text-transform: uppercase;
	color: #d5a82b;
}
.icn_text:nth-of-type(1){
	width: 100%;
}
.icn_text{
	display: block;
	width: 70%;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}
.icn_box hr{
	display:none;
}
/* SERVICIOS CONTENEDORES COLORES */
.nosotros video{
	width: 50%;
	float: left;
	z-index: 1000 !important;
}
.dots_img {
	margin:  50px 0; 
}
.dots_img ul{
	list-style: none;
	margin:  50px 0; 
}
.dots_img ul li{
	width: 29%;
	margin: 0 2%;
	float: left;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}
.dots_img ul li img{
	border: 5px solid #d5a82b;
	width: 100%;
}
.parallax { 
    /* The image used */
    background-image: url("../images/banner_seguridad.png");
    /* Set a specific height */
    height: 350px; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner_seguridad{
	margin-top: 50px;
	position: relative;
}
.banner_seguridad h2{
	color: black;
	font-size: 2em;
	text-align: center;
}
.banner_seguridad img{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 90%;
}
/* SERVICIOS */
.servicio{
	overflow: hidden;
}
.slide_video{
	width: 100%;
}
.col_2_slide{
	width: 50%;
	height: 450px;
	float: left;
}
.servicio .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 20px;
  margin-top: 0;
}
.servicio .bx-wrapper img{
width: 100%;
}
.servicio .col_2{
	position: relative;
	height: 350px;
}
.servicio .col_2:nth-of-type(odd){
	float:left!important;	
}
.servicio .col_2 p{
	max-height: 200px;
	overflow-y: auto;
	float:left;	
}
.servicio ul{
	margin: 0; 
}
.servicio ul li{
	width: 40%;
	margin: 0 5%;
	float: left;
}
.bg_mant_indu_vid{
	display: block;
	padding: 0;
	margin-top: -5px;
	z-index: -5000px;
}
.btn_info{
	margin: 20px 0;
	padding: 10px 30px;	
	display:inline-block;
}
.btn_black{
		border: 3px solid #000;
		color:#000;
}
.btn_black:hover{
	background-color: #fff;
	border-color: #fff;
	text-shadow: none;
}
.btn_white{
		border: 3px solid #fff;
			color:#fff;
}
.btn_white:hover{
	background-color: #fff;
	border-color: #fff;
	text-shadow: none;
	color:#000;
}
.formato_texto{
	padding: 5%;
}
.formato_texto h3{
	text-transform:uppercase;
}
.formato_texto p{
}
.bg_yellow{
	background-color: #d5a82b;
}
.bg_gris{
	background-color: #dcdcdc;
}
.bg_cyan{
	background-color: #2badd3;
}
/* SELLOS */
.sellos{
	position:relative;
	text-align:center;
}
.parallax_sellos { 
    /* The image used */
    background-image: url("../images/sellos.png");
    /* Set a specific height */
    height: 400px; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat-y;
	background-size: contain;
}
.sellos img{
	width: 100%;
}
.sellos_texto{
	position:absolute;
	top:20%;
	width:100%;
	height:60%;
	background-color:rgba(29,31,37,0.3);
	color:#fff;
}
.sellos_texto .col_2{
	float:left;
	margin: 0; 
	padding:2% 5%;
}
.sellos_texto ul{
	margin: 0;
	list-style:none;
}
.sellos_texto ul li{
	width: 40%;
	margin: 0 5%;
	float: left;
}
/* CLEINTES */
.clientes {
}
.clientes ul{
	list-style: none;
	margin:  50px 0; 
}
.clientes ul li{
	width: 33.3%;
	padding:50px 0;
	margin: 0;
	float: left;
	position:relative;
}
.clientes ul li span{
	position:absolute;
	right:10px;
	bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.clientes ul li:nth-child(even){
	background-color:#ccc;
}
.clientes ul li img{
	max-width: 50%;
	width:auto;
	max-height:100px;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/* FORMULARIO CONTACTO */
.contenedor_contacto h3{
	text-align: center;
	color: #fff;
	font-size: 2em;
}
.formulario_contacto{
	padding: 30px 50px;
	margin: 0 auto;
}
.col_2{
	width: 40%;
	margin: 0;
	float:left;
	padding: 5%;
}
#contact-area {
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 100%;
	font-size: 1em;
	margin: 0px 0px 15px 0px;
	font-family: 'Muli', sans-serif;
	background-color: #363636;
	border: none;
	color: #fff;
	max-width: 400px;
}
#contact-area textarea {
	height: 100px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}
#contact-area input.btn_banner {
	border: 3px solid #d5a82b;
	color: #fff;
	cursor: pointer;
	max-width: 150px;
}
#contact-area input.btn_banner:hover {
		color: #d5a82b;
	background-color: #fff;
	border-color: #fff;
}
label {
	float: left;
	display: none;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}
footer{
	background-color: #454545;
	color: #fff;
}
footer h2{
	color:#d5a82b;
	text-align:center;
	margin:40px 5%;
	display:block;
	text-transform:uppercase;
}
footer hr{
	height:10px;
	background-color:#fff;
	border:none;
	width:200px;
	margin:0 auto;
	display:block;
}
.ftr_col{
	width: 40%;
	margin: 5%;
	float: left;
}
.ftr_col ul{
	padding-left: 30px;
	text-decoration: none;
}
.ftr_col a{
	text-decoration: none;
	color: #fff;
}
.ftr_col a:hover{
	text-decoration: underline;
	color: #c9771f;
}
.ftr_col{
	text-decoration: none;
}
.pleca_copy{
	background-color: #fff;
	padding: 20px;
	color:#000;
	text-align: center;
}
/* Media Queries
--------------------------------------------- */
@media screen and (min-width: 1890px) {
}
@media screen and (min-width: 1780px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width : 1545px) {
}
@media screen and (max-width : 1440px) {
}
@media screen and (max-width : 1260px) {

}
@media screen and (max-width : 1200px) {
}
@media screen and (max-width : 1180px) {
/* HEADER */
header{background-color:rgba(29,31,37,1) ;}	
.navright{	float: right;font-size: .7em;}
.parallax_banner {top:-160px;}
/* BANNER */
.banner_text h1{font-size: 2em;}
}
@media screen and (max-width:1060px){
/* NAV */
.navright{margin-top: 20px;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width : 950px) {
.icn_box{width: 90%;margin: 50px 0;padding: 0;}
/* SERVICIOS CONTENEDORES COLORES */
.nosotros video{width: 100%;float: left;}
.col_2{width: 90%;}
/* SERVICIOS */
.servicio{border-top: solid 15px #fff!important;}
.slide_video{width: auto;height: 200px;display: block;margin-left: auto;margin-right: auto;}
.col_2_slide{width: 100%;height: 250px;overflow: hidden;}
.servicio .col_2{height: auto;}
.servicio .col_2 p{max-height: 500px;overflow-y: none;}
.bg_mant_indu_vid{display: none;}
/* BANNER SEGURIDad */
.banner_seguridad h2{font-size: 2em;}
/* SELLOS */
.parallax_sellos{height: 400px;}
.sellos_texto .col_2{width: 90%;}
.sellos_texto{top:0;height:100%;background-color:rgba(29,31,37,0.5);}
/* CLIENTES */
.clientes span{font-size: .5em;}
}
@media screen and (max-width : 700px) {
.logo{height:auto;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
	.logo span{font-size: .5em; position: absolute;left:250px;top: 30px;}

nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444;margin: 0;min-height: 46px;}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none;margin: 0;padding-left: 15px;}
#cssmenu ul ul li a{padding-left:25px;font-size: 1em;}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff; border: none;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{border-bottom:none!important;}
	
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:20px;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
/* FOOTER */
#contact-area input, #contact-area textarea {max-width: 90%;}
.ftr_col{width: 90%;margin: 5%;float: left;}
}
@media screen and (max-width : 630px) {
/* CLIENTES */
.clientes ul li{height: 100px;width: 50%;float: left;}
.clientes ul li:nth-child(even){background-color:#fff;}
.clientes span{text-align: center;font-size: .7em;}
}
@media screen and (max-width : 480px) {
.logo span{display:none;}
/* BANNER SEGURIDad */
.banner_seguridad h2{font-size: 2em;}
/*SELLOS*/
.sellos{font-size: .7em;}
.dots_img {margin:  50px 0; }
/*DOTS IMGS*/
.dots_img ul li{width: 98%;margin: 0 1%;}
.dots_img ul li img{width: 90%;}
/* BLOQUES CON ICONO*/
.icn_box{width: 90%;margin: 50px 5%;padding: 0px;}
.icn_box img{display:none;}
/*BANNER*/
.banner_text .btn_banner a{margin-bottom:10px;}
.banner_text h1{font-size: 1.5em;}
}
@media screen and (max-width : 330px) {
}