body{
	margin:0;
	padding:0;
	font-family:Century Gothic, sans-serif;
	overflow-x:hidden;}
.linease{
	height:1px; width:75%; margin-top:10px; background-color:#FFF; float:right;}
a{
	text-decoration:none;}
.scroll img{
	transform: scale(1);
	transition: all 0.2s linear;
	}
.scroll img:hover{
	transform: scale(1.2);}
.clientes_img{
	 transform: scale(1);
	 transition: all .2s ease-in-out;
}
.clientes_img:hover{
	 transform: scale(1.2);
}

/*MENU STYLE*/
header{
	background-color:rgba(1,0,2,0.6);
	position:absolute;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	z-index:9999;
	/* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;}
header.sticky{
	background-color:rgba(1,0,2,1);
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	}
header .logo{
	width:170px;}
.navegation{
	padding-top:3px;
	float:right;
	}
.navegation ul li a{
	color:#FFF}
.navegation ul li{
	list-style:none;
	margin-right:20px;
	padding:5px;
	float:left;
	color:#FFF;
	font-size:18px;
	}
ul .fin{
	margin-right:0 !important;
	}
.link-externo{
	float:left;
	padding-bottom:5px;
	}
.link-externo ul li{
	list-style:none;
	margin-right:20px;
	float:left;}
.link-externo ul li img{
	width:40px;
	}
.slider_1{
	background-image:url(../images/fondo-slider1.jpg);
	background-size:cover;
	position:absolute;
	height:100%;
	width:100%;
	top:0;}
.sumilla{
	float:right;
	text-align:right;
	margin-top:16.5%;}
.sumilla .small{
	color:#FFF;
	font-size:32px;
	font-weight:400;
	margin-bottom:0;
	margin-top:10px;
	}
.sumilla .long{
	margin-top:-25px;
	color:#FFF;
	font-size:60px;
	line-height:115px;
	font-weight:800;
	}
.ligth{
	font-weight:400;
	}
.botter{
	color:#FFF;
	margin-top:-40px;
	font-size:60px;
	line-height:115px;
	font-weight:800;
	line-height:0px !important;
	}
.slider_2{
	position:absolute;
	height:100%;
	width:100%;
	top:100%;}

.text_izq{
	padding-left:15%;
	padding-top:20%;
	padding-right:20%;
	}
.text_izq h2{
	text-align:center;
	font-size:45px;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;;
	}
.text_izq p{
	color:#000;
	font-size:15px;
	text-align:center;
	}
.slider_3{
	position:absolute;
	background-image:url(../images/background2.jpg);
	background-size:cover;
	height:100%;
	width:100%;
	top:200%;}
.servicios{
	padding-top:40px;
	}
.serv{
	width:20% !important;
	color:#fff !important;
	font-size:37px !important;
	border-bottom:1px solid #fff !important;
	border-top:1px solid #fff !important;}
.servicios img{
	width:190px;
	margin:0 auto !important;
	display: block;
	}
.servicios h2{
	color:#FFF;
	font-weight:400;
	text-align:center;}
.servicios .triangulo{
	padding-top:20px;
	width:50px;
	margin:0 auto !important;
	}
.line_servi{
	height:1px; background-color:#FFF; width:100%; position:absolute; bottom:15px;}
.slider_3 .grid_12{
	padding-top:12%;}
.grid_12 h2{
	text-align:center;
	width:17%;
	margin:0 auto;
	font-size:42px;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;;
	}
.slider_4{
	position:absolute;
	background-size:cover;
	height:100%;
	width:100%;
	top:300%;}
.slider_4 .grid_12{
	padding-top:10%;}
.relaciones{
	width:35% !important;
	color:#000 !important;
	font-size:37px !important;
	border-bottom:1px solid #6D6D6C !important;
	border-top:1px solid #6D6D6C !important;
	}
.slider_4 .grid_12 p{
	padding-left:10%;
	padding-right:10%;
	margin-top:30px;
	text-align:center;
	color:#000;}
	
.slider_5{
	position:absolute;
	background-image:url(../images/background5.jpg);
	background-size:cover;
	height:100%;
	width:100%;
	top:400%;}
.slider_5 .grid_12{
	padding-top:10%;}
.slider_5 .relaciones{
	width:30% !important;
	color:#fff !important;
	font-size:37px !important;
	border-bottom:1px solid #fff !important;
	border-top:1px solid #fff !important;
	}
.slider_5 .grid_12 p{
	padding-left:10%;
	padding-right:10%;
	margin-top:30px;
	text-align:justify;
	color:#fff;}

.slider_6{
	position:absolute;
	background-color:#000;
	background-size:cover;
	height:100%;
	width:100%;
	top:500%;}
	
.integral{
	text-align:left !important;
	font-size:40px !important;
	padding-top:5px !important;
	color:#fff !important;
	border-bottom:1px solid #fff !important;
	border-top:1px solid #fff !important;
	}
.marketing_integral{
	color:#fff !important;
	text-align:justify !important;
	font-size:16px !important;
	}
.color li{
	color:#fff;
	font-size:16px;
	}
.slider_8{
	position:absolute;
	height:100%;
	width:100%;
	top:600%;
	background-size:cover;}

.slider_9{
	position:absolute;
	height:95%;
	width:100%;
	top:700%;
	background-image:url(../images/background_eventos.png);
	background-size:cover;}


.slider_7{
	position:absolute;
	height:100%;
	width:100%;
	top:795%;
	background-image:url(../images/background6.jpg);
	background-size:cover;}

.contacto{
	font-size:40px !important;
	width:55%;
	padding-top:0px !important;
	color:#fff !important;
	border-bottom:1px solid #fff !important;
	border-top:1px solid #fff !important;
	margin-bottom:-5px;
	}
.slider_7 p{
	color:#FFF;}
.slider_7 .grid_6{
	padding-top:10%;
	}
.pading{
	padding-left:10%;
	}
.form_contac label{
	float:left;
	color:#FFF;
	width:100px;
	}
.form_contac input{
	float:left;
	padding:5px;
	width:70%;
	height:20px;
	border:1px solid #C6C6C6;
	background-color:rgba(0,0,0, 0.5);
	color:#FFF;
	}
.form_contac textarea{
	color:#FFF;
	float:left;
	width:70%;
	min-height:110px;
	padding:5px;
	border:1px solid #C6C6C6;
	background-color:rgba(0,0,0, 0.5);
	}
.label_form{
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:20px;}
.form_contac input[type=submit]{
	clear:both;
	float:right;
	width:30%;
	margin-right:9.5%;
	margin-top:18px;
	height:35px;	
}
.contacto_externo{
	padding-top:20%;
	}
.contact_fijo{
	clear:both;
	width:60%;
	margin-left:40px;
	padding-top:5px;
	padding-bottom:0px;
	
	border-top:1px solid #FFF;
	}
.contact_fijo img{
	float:left;
	width:37px;
	margin-right:25px;}
.contact_fijo h4{
	margin-top:8px;
	font-weight:400;
	margin-left:5px;
	color:#FFF;}

@media only screen and (min-width: 780px) and (max-width: 1024px) {
.slider_1{
	background-image:url(../images/fondo-slider1.jpg);
	background-size:cover;
	position:relative;
	padding-top:15%;
	padding-bottom:15%;
	width:100%;
	top:0;}
.sumilla{
	float:right;
	text-align:right;
	margin-top:6%;}
header{
	padding-bottom:5px;
	}
header .logo{
	width:160px;}
.navegation{
	padding-top:2px;
	}
.navegation ul{
	padding-left:0;}
.navegation ul li{
	list-style:none;
	margin-right:17px;
	font-size:17px;
	}
.link-externo{
	float:right;
	padding-bottom:5px;
	}
.link-externo ul{
	padding-left:0;}
.link-externo ul li{
	list-style:none;
	margin-right:6px;
	float:left;}
.link-externo ul li img{
	width:35px;
	}	
/*** SLIDER 2 ****/
.slider_2{
	position:relative;
	width:100%;
	padding-top:10%;
	padding-bottom:10%;}
.text_izq{
	padding-left:15%;
	padding-top:0;
	padding-right:15%;
	}
/*** SLIDER 3 ****/
.slider_3{
	position:relative;
	width:100%;
	padding-top:13%;
	padding-bottom:10%;}
.slider_3 .grid_12{
	padding-top:0%;}
.serv{
	width:30% !important;}
.servicios img{
	width:150px;
	margin:0 auto !important;
	display: block;
	}
.servicios .triangulo{
	margin:0 auto !important;
	}
.line_servi{
	height:1px; background-color:#FFF; width:100%; position:absolute; bottom:-21%;
	}

/*** SLIDER 4 ****/
.slider_4{
	position:relative;
	background-size:cover;
	padding-top:13%;
	padding-bottom:10%;
	width:100%;}
.slider_4 .grid_12{
	padding-top:0%;}
.relaciones{
	width:60% !important;
	}
.slider_4 .grid_12 p{
	padding-left:15%;
	padding-right:15%;
	margin-bottom:4%;
	}
/*** SLIDER 5 ****/
.slider_5{
	position:relative;
	background-image:url(../images/background5.jpg);
	background-size:cover;
	width:100%;
	padding-top:13%;
	padding-bottom:10%;}
.slider_5 .grid_12{
	padding-top:0%;}
.slider_5 .relaciones{
	width:50% !important;
	}
.slider_5 .grid_12 p{
	padding-left:11%;
	padding-right:11%;
	text-align:center;
	}
/*** SLIDER 6 ****/
.slider_6{
	position:relative;
	background-color:#000;
	background-size:cover;
	width:100%;
	padding-top:12%;
	padding-bottom:10%;}

/*** SLIDER 7 ****/
.slider_8{
	position:relative;
	height:100%;
	padding-top:2%;
	padding-bottom:10%;
	background-size:cover;}

.slider_9{
	position:relative;
	width:100%;
	background-image:url(../images/background_eventos.png);
	padding-top:11%;
	padding-bottom:10%;
	background-size:cover;}

.slider_7{
	position:relative;
	width:100%;
	background-image:url(../images/background6.jpg);
	background-size:cover;
	padding-top:20%;
	padding-bottom:15%;}

.contacto{
	font-size:40px !important;
	width:85%;
	padding-top:0px !important;
	color:#fff !important;
	border-bottom:1px solid #fff !important;
	border-top:1px solid #fff !important;
	margin-bottom:-5px;
	}
.slider_7 p{
	color:#FFF;}
.slider_7 .grid_6{
	padding-top:0%;
	}
.pading{
	padding-left:5%;
	}
.form_contac label{
	width:100px;
	font-weight:400;
	}
.form_contac input{
	float:left;
	padding:5px;
	width:65%;
	height:20px;
	border:1px solid #C6C6C6 !important;
	background-color:rgba(0,0,0, 0.5);
	color:#FFF;
	}
.form_contac textarea{
	color:#FFF;
	float:left;
	width:65%;
	min-height:110px;
	padding:5px;
	border:1px solid #C6C6C6;
	background-color:rgba(0,0,0, 0.5);
	}
.label_form{
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:20px;}
.form_contac input[type=submit]{
	clear:both;
	float:right;
	width:30%;
	margin-right:3.5%;
	margin-top:18px;
	height:35px;	
}
.contacto_externo{
	padding-top:5%;
	}
.contact_fijo{
	clear:both;
	width:90%;
	margin-left:40px;
	padding-top:5px;
	}
.contac{
	margin-left:25px !important;
	float:left;
	padding-left:90px;}
.contact_fijo img{
	float:left;
	width:31px;
	margin-left:15px;
	margin-right:20px;}
.contact_fijo h4{
	margin-top:8px;
	font-weight:400;
	margin-left:5px;
	font-size:14px;
	color:#FFF;}	
}
@media only screen and (max-width: 780px) {
	.linease{
	height:1px; width:100%; margin-top:10px; background-color:#FFF; float:right;}
header{
	background-color:rgba(1,0,2,0.8);
	position:absolute;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	z-index:9999;
	/* set animation */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;}
header.sticky{
	background-color:rgba(1,0,2,0.93);
	padding-top:15px;
	padding-bottom:10px;
	position:fixed;
	}
.navegation{
	padding-top:2px;
	margin:0 auto !important;
	width:300px;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
.navegation ul{
	}
.navegation ul li{
	list-style:none;
	padding:4px;
	margin-left:0px;
	margin-right:0.3px;
	font-size:11.5px;
	}
.logo{
	width:180px !important;
	margin:0 auto !important;
	margin-bottom:-5px !important;}
.navegation{
	padding-top:0px;
	}
.link-externo{
	width:285px;
	margin:0 auto !important;
	float:none;
	padding-bottom:5px;
	}
.link-externo ul li{
	margin-right:5px;
	margin-left:5px;
}
.slider_1{
	background-image:url(../images/fondo-slider1.jpg);
	background-size:cover;
	position:relative;
	padding-top:180px;
	padding-bottom:150px;
	width:100%;
	top:0;}
.sumilla{
	float:right;
	text-align:center;
	margin-top:90px;}
.sumilla .small{
	color:#FFF;
	font-size:19px;
	font-weight:400;
	margin-bottom:5px;
	margin-top:10px;
	}
.sumilla .long{
	margin-top:0px;
	font-size:45px;
	line-height:45px;
	}
.botter{
	margin-top:-30px;
	font-size:45px;
	line-height:45px !important;
	}
/*** SLIDER 2 ****/
.slider_2{
	position:relative;
	width:100%;
	padding-top:150px;
	padding-bottom:80px;}
.text_izq{
	padding-left:0%;
	padding-top:50px;
	padding-right:0%;
	}
.text_izq h2{
	font-size:40px;
	}
/*** SLIDER 3 ****/
.slider_3{
	position:relative;
	width:100%;
	padding-top:130px;
	padding-bottom:120px;}
.slider_3 .grid_12{
	padding-top:110px;}
.serv{
	width:70% !important;
	font-size:37px !important;}

.servicios img{
	width:150px;
	margin:0 auto !important;
	display: block;
	}
.servicios .triangulo{
	margin:0 auto !important;
	}
.line_servi{
	height:1px; background-color:#FFF; width:100%; position:absolute; bottom:-21%;
	}

/*** SLIDER 4 ****/
.slider_4{
	position:relative;
	background-size:cover;
	padding-top:120px;
	padding-bottom:10%;
	width:100%;}
.slider_4 .grid_12{
	padding-top:120px;}
.relaciones{
	width:95% !important;
	font-size:32px !important;
	}
.slider_4 .grid_12 p{
	padding-left:0%;
	padding-right:0%;
	margin-bottom:4%;
	}
/*** SLIDER 5 ****/
.slider_5{
	position:relative;
	background-image:url(../images/background5.jpg);
	background-size:cover;
	width:100%;
	padding-top:120px;
	padding-bottom:80px;}
.slider_5 .grid_12{
	padding-top:120px;}
.slider_5 .relaciones{
	width:80% !important;
	font-size:32px !important;
	}
.slider_5 .grid_12 p{
	padding-left:2%;
	padding-right:2%;
	text-align:center;
	}

/*** SLIDER 6 ****/
.slider_6{
	position:relative;
	background-color:#000;
	background-size:cover;
	width:100%;
	padding-top:130px;
	padding-bottom:70px;}

.slider_8{
	position:relative;
	height:100%;
	padding-top:130px;
	padding-bottom:70px;
	background-size:cover;}

.slider_9{
	position:relative;
	width:100%;
	height: 400px;
	background-image:url(../images/background_eventos.png);
	background-size:cover;}
	
/*** SLIDER 7 ****/
.slider_7{
	position:relative;
	width:100%;
	background-image:url(../images/background6.jpg);
	background-size:cover;
	padding-top:240px;
	padding-bottom:50px;}

.contacto{
	font-size:35px !important;
	width:90%;
	text-align:center;
	margin:0 auto;
	}
.slider_7 p{
	color:#FFF;}
.slider_7 .grid_6{
	padding-top:0%;
	}
.pading{
	padding-left:0%;
	}
.form_contac label{
	width:100px;
	font-weight:400;
	}
.form_contac input{
	width:100%;
	border:1px solid #C6C6C6 !important;
	}
.form_contac textarea{
	width:100%;
	}
.label_form{
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:20px;}
	
.form_contac input[type=submit]{
	margin-right:-10px;
}
.contacto_externo{
	padding-top:0%;
	padding-left:0;
	}
.contact_fijo{
	width:100%;
	margin-left:0px;
	padding-top:5px;
	}
.contac{
	margin-left:0px !important;
	float:left;
	padding-left:10px;
	margin-bottom:20px !important;}
.contact_fijo img{
	float:left;
	width:31px;
	margin-left:25px;
	margin-right:20px;}
.contact_fijo h4{
	margin-top:8px;
	font-weight:400;
	margin-left:5px;
	font-size:12px;
	color:#FFF;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.servicios img{
	width:150px;
	margin:0 auto !important;
	display: block;
	}
	.servicios .triangulo{
	margin:0 auto !important;
	}
	.sumilla .small{
	color:#FFF;
	font-size:25px;
	font-weight:400;
	margin-bottom:5px;
	margin-top:10px;
	}	
	.serv{
	width:50% !important;
	font-size:37px !important;}
	.navegation{
	margin:0 auto !important;
	width:410px;
	}
	.navegation ul li{
	list-style:none;
	margin-left:3px;
	padding:5px;
	margin-right:4px;
	font-size:16px;
	}
	.contacto{
	font-size:38px !important;
	width:80%;
	text-align:center;
	margin:0 auto;
	}
	.form_contac input{
	width:70%;
	border:1px solid #C6C6C6 !important;
	}
.form_contac textarea{
	width:70%;
	border:1px solid #C6C6C6;
	}
.form_contac input[type=submit]{
	clear:both;
	float:right;
	width:30%;
	margin-right:3.5%;
	margin-top:18px;
	height:35px;	
}
.contact_fijo{
	width:100%;
	margin-left:0px;
	padding-top:5px;
	}
.contac{
	margin-left:10px !important;
	margin-bottom:10px !important;
	float:left;
	padding-left:70px;}
.contacto_externo{
	padding-top:5%;
	}
.contact_fijo img{
	float:left;
	width:31px;
	margin-left:65px;
	margin-right:30px;}
.contact_fijo h4{
	margin-top:8px;
	font-weight:400;
	margin-left:5px;
	font-size:15px;
	color:#FFF;}
	}
	
	.popup {
	position: fixed;
	top: 0%;
	width: 100%;
	left: 0%;
	height: 100%;
	z-index:999999999999;
}
.popup-container {
position: relative;
color:#fff;
background-color:#000;
height:auto;
width:40%;
top:50%;
left:50%;
margin-left:-21%;
margin-top:-19.5%;
-webkit-box-shadow: 3px 0px 12px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    3px 0px 12px 0px rgba(50, 50, 50, 1);
box-shadow:         3px 0px 12px 0px rgba(50, 50, 50, 1);
}
button{
	background-color: transparent;
	border: none;
	color: #FFF;
	font-weight:bold;
	position: absolute;
	top: 2%;
	right: 1%;
	font-size:20px;
}