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


@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');


body::-webkit-scrollbar {
    width: 10px;
}
 
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(242,146,0,1);
  border-radius:5px;
  
}
 
body::-webkit-scrollbar-thumb {
  background-color:rgba(242,146,0,1);
  outline: 1px solid slategrey;
}

body::-webkit-scrollbar-thumb:hover {
  background-color:rgba(242,146,0,1);
}

body::-webkit-scrollbar-thumb:active {
  background-color:rgba(242,146,0,1);
}


body
{
	margin:0;
}

*
{
	box-sizing:border-box;	
}

a
{
	text-decoration:none;
}

.apagar_movil
{
	display:none;
}

#menu_movil
{
	display:none;
}

#menu_tablet
{
	display:none;	
}

.apagar_tablet
{
	display:none;
}

.apagar_pc
{
	display:none;
}


.cont1
{
	width:100%;
	height:auto;	
}

.cont2
{
	width:50%;
	height:auto;	
}

.cont3
{
	width:33.33%;
	height:auto;	
}

.cont4
{
	width:25%;
	height:auto;	
}

.cont6
{
	width:16.66%;
	height:auto;	
}

.cont66
{
	width:66.66%;
	height:auto;	
}

.cont75
{
	width:75%;
	height:auto;	
}

.centrar
{
	display:flex;
	align-items:center;
	justify-content:center;	
}

.div_centrado
{
	width:100%;
	max-width:1190px;
	height:auto;	
}

.light
{
	font-weight: 300;
}

.bold
{
	font-weight: 700;
}

.montserrat
{
	font-family: 'Montserrat', sans-serif;	
}

.amarillo
{
	color: #f29200;	
	/* rgba(242,146,0,1.0); */
}

.blanco
{
	color: #fff;	
}

.texto
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	color: #686868;	
	font-weight: 400;
	line-height: 18px;
}

.titulo1
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 60px;
	color: #333;	
}

.titulo2
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 40px;
	color: #333;	
}

.titulo3
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 24px;
	color: #333;	
}

.padding
{
	padding-left: 90px;
	padding-right: 90px;	
}



.boton_fantasma
{
	width:200px;
	height: auto;
	display:block;
	text-align:center;
	border: 1px solid #f29200;	
	padding-left: 15px;
	padding-right: 15px;
	padding-top:15px;
	padding-bottom:15px;
	color: #f29200;
	font-size:16px;
	font-family: 'Roboto', sans-serif;

	cursor: pointer;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.boton_fantasma:hover
{
    background-color: #f29200;
	color: #fff;
	outline:none;
}

.vinculo_menu
{
	width:auto;
	height:80px;
	padding-left:20px;
	padding-right:20px;
	color: #fff;
	
	font-family: 'Montserrat', sans-serif;	
	font-size: 18px;
	cursor: pointer;
	font-weight: 300;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	
	
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;	
}

.vinculo_menu:hover
{
	background-color: rgba(242,146,0,0.8);
}

.sub_vinculo
{
	display:block; 
	cursor:pointer;	
	text-align: center;
	background-color: rgba(242,146,0,0.8);
	padding:10px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	transition:all .2s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
}

.sub_vinculo:hover
{
	background-color: #c97900;
}


.separador_grande
{
	display:block; 
	width:200px; 
	height:2px; 
	background-color: #f29200; 
	margin:0 auto;	
	margin-top: 20px;
}

.separador_chico
{
	display:block; 
	width:70px; 
	height:2px; 
	background-color: #f29200; 
	margin-top: 20px;
}

.altura_slider
{
	width:100%;
	height:600px;
	min-height:600px;
}


.acerca_padding
{
	margin-left:120px;	
}

.flex_column
{
	flex-direction: row;	
}

.parallax
{
	background-attachment:fixed;
	background-repeat: no-repeat;
}

.div_estadisticas
{
	height:auto;
	min-height:235px; 
	padding-top: 60px; 
	padding-bottom:80px;	
	
	background: linear-gradient(rgba(0,0,0,0.50), rgba(0,0,0,0.50)),url(../images/estadisticas.jpg); 
	background-size:cover; 
	background-repeat:no-repeat; 
	background-position:center;
	background-attachment:fixed;
}

.estadistica
{
	border-right: 1px solid #fff; 
	color:#fff; 
	flex-direction:column;
}	

.div_texto_servicios
{
	align-items:stretch; 
	margin-left:25px;
	margin-bottom:70px;
}

.texto_servicios
{
	margin-left:25px;  
	display:flex; 
	align-items:flex-start; 
	justify-content:center; 
	flex-direction:column;	
}

.proyecto
{
	width:100%;
	height:inherit;
	padding:20px;
	color: #fff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.div_proyecto
{
	width:400px;
	height:435px;
	flex-direction:column; 
	margin-top: 60px; 
	margin-left:20px; 
	margin-right:20px;	
	
	
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	
}

.separador_proyecto
{
	display:none; 
	width:50px; 
	height:2px; 
	background-color: #f29200; 
}

.div_proyecto:hover .separador_proyecto
{
	display:block;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.desc_proyecto
{
	color: #fff;
	margin-top:20px; 
	display:none; 
	text-align:center;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.div_proyecto:hover .proyecto
{
	background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.div_proyecto:hover .desc_proyecto
{
	display:block;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.boton_proyecto
{
	width:200px;
	height: auto;
	display:none;
	text-align:center;
	border: 1px solid #f29200;	
	padding-left: 15px;
	padding-right: 15px;
	padding-top:15px;
	padding-bottom:15px;
	color: #f29200;
	font-size:16px;
	font-family: 'Roboto', sans-serif;

	cursor: pointer;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.boton_proyecto:hover
{
    background-color: #f29200;
	color: #fff;
	outline:none;
}


.div_proyecto:hover .boton_proyecto
{
	display:block;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.proyecto .titulo3
{
	display:none;	
}

.div_proyecto:hover .titulo3
{
	display:block;
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.fondo_empresa
{
	background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,.1)), url(../images/empresa_fondo.jpg); 
	background-attachment:fixed; 
	background-repeat: no-repeat; 
	background-position:center; 
	background-size:cover;	
}

.div_img_empresa
{
	margin-left:50px;	
}


.textbox_contacto
{
  width:100%; 
  height: auto;
  border: 1px solid #d1d1d1;
  font-size: 16px;
  font-weight:300;
  padding:10px;
  color: #000;
  background-repeat:no-repeat;
  background-color: transparent;
  box-sizing:border-box;
  resize: none;
  font-family: 'Roboto', sans-serif;	
  background-position: left center;  
}

.textbox_contacto::placeholder 
{ 
 	color: #000;
}

.textbox_contacto:hover
{
  color: #FFB0B1;
  outline:0px;
}

.textbox_contacto:focus
{
  color: #f29200;
  outline:none;
  outline:0px;
}

.form_contacto_index
{
	height:500px; 
	margin-top:100px;
	padding-left:50px;
	padding-right:50px;
	margin-bottom: 80px;
}

.desc_servicio
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	color: #fff;	
	font-weight: 400;
	line-height: 18px;
	text-align:center;
}

.div_servicio
{
	width:385px;
	height:320px; 
	margin: 10px;
	background-size:cover; 
	background-position:center;	
}

.div_galeria
{
	position:relative;
	overflow:hidden;
	max-width:340px;
	margin: 10px;
}

.div_galeria:hover .color_galeria
{
	bottom:0px;
}

.img_galeria
{
	width:100%;
	height:385px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

.color_galeria
{
	width:100%; 
	height:385px; 
	background-color: rgba(242,146,0, 0.7); 
	position:absolute; 
	z-index:2;
	bottom:-700px;	
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

.lupa
{
	font-size:28px; 
	position:absolute; 
	z-index:3; 
	color:#fff;	
	
}

.texto_portafolio
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	color: #fff;	
	font-weight: 400;
	line-height: 20px;
	margin-top:10px;
}

.color_portafolio
{
	width:100%; 
	height:385px; 
	padding: 15px;
	background-color: rgba(242,146,0, 0.8); 
	position:absolute; 
	z-index:2;
	bottom:-700px;	
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

.div_galeria:hover .color_portafolio
{
	bottom:0px;
}



/*  ======= PC ========= */





























/* ============ TABLET ================ */

/* ======== 	TABLET 	=========== */


@media only screen and (max-width:980px)
{

#menu_tablet
{
	display:flex;	
}

#menu_pc
{
	display:none;	
}

#menu_movil
{
	display:none;	
}

.apagar_tablet
{
	display:none;
}

.cont2
{
	width:50%;
	height:auto;	
}

.cont3
{
	width:50%;
	height:auto;	
}

.cont4
{
	width:50%;
	height:auto;	
}

.cont6
{
	width:100%;
	height:auto;	
}

.cont66
{
	width:100%;
	height:auto;	
}

.padding
{
	padding-left: 20px;
	padding-right: 20px;	
}

.vinculo_menu_movil
{
	width:auto;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	color: #fff;
	
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	cursor: pointer;
	font-weight: 300;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.altura_slider
{
	width:100%;
	height:500px;
	min-height:500px;
}

.abrir_menu
{
	left: 0;
}





.div_texto_servicios
{
	align-items:center;
	justify-content:center; 
	flex-direction:column;
	margin-bottom:70px;
}

.texto_servicios
{
	margin-left:0px;
	margin-top: 30px;  
	display:flex; 
	align-items:flex-start; 
	justify-content:center; 
	flex-direction:column;	
}

.desc_proyecto
{
	display:block;
}

.proyecto
{
	background: linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0.30));
	padding-right:70px;
	padding-left:70px;
	padding-top:30px;
	padding-bottom:30px;
}

.flex_column_tablet
{
	flex-direction: column;	
}

.separador_proyecto
{
	display:block; 
}

.textbox_contacto
{
	font-size: 11px;	
}

.margen_columnas2
{
	margin-bottom: 50px;	
}

}


/* ================= /TABLET ===================== */













/* ============= MOVIL ================ */




@media only screen and (max-width:750px)
{
	
#menu_tablet
{
	display:none;	
}
	
#menu_pc
{
	display: none;
}

#menu_movil
{
	display:block;
}

.apagar_movil
{
	display:none;
}

.cont2
{
	width:100%;
	height:auto;	
}

.cont3
{
	width:100%;
	height:auto;	
}

.cont4
{
	width:100%;
	height:auto;	
}

.cont6
{
	width:100%;
	height:auto;	
}	

.cont66
{
	width:100%;
	height:auto;	
}

.padding
{
	padding-left: 20px;
	padding-right: 20px;	
}


.titulo1
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 36px;
	color: #333;	
}

.titulo2
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 26px;
	color: #333;	
}

.titulo3
{
	font-family: 'Montserrat', sans-serif;	
	font-size: 18px;
	color: #333;	
}

.vinculo_menu_movil
{
	width:auto;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	color: #fff;
	
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	cursor: pointer;
	font-weight: 300;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.altura_slider
{
	width:100%;
	height:400px;
	min-height:400px;
}

.vinculos_movil
{
	
	height:100%;   
	 position:fixed; 
	 z-index:1000; 
	 width:60%; 
	 padding-bottom:10px; 
	 background-color: #333333; 

	 transform-origin: left center;
	transform: rotate3d(0,-1,0,90deg); 	 	

	transition:all 5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
}
	
.vinculos_movil.abrir_menu
{
	transform: rotate3d(0,0,0,0deg);
}

.acerca_padding
{
	margin-left:0px;	
}

.flex_column
{
	flex-direction: column;	
}


.div_texto_servicios
{
	align-items:center;
	justify-content:center; 
	flex-direction:column;
	margin-bottom:70px;
}

.texto_servicios
{
	margin-left:0px;  
	margin-top: 30px;  
	display:flex; 
	align-items:flex-start; 
	justify-content:center; 
	flex-direction:column;	
}



.desc_proyecto
{
	display:block;
}

.proyecto
{
	background: linear-gradient(rgba(0,0,0,0.30), rgba(0,0,0,0.30));
}

.separador_proyecto
{
	display:block; 
}

.fondo_empresa
{
	background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,.1)), url(../images/empresa_fondo_movil.jpg); 
}

.acerca_padding
{
	margin-left:0px;	
	margin-top:50px;
}

.form_contacto_index
{
	padding-bottom: 100px;
}

.textbox_contacto
{
	font-size: 10px;	
}

.margen_columnas2
{
	margin-bottom: 50px;	
}

}