@import url(css/normalize.css);
@import url(css/velositey-grid.css);
@import url(css/Euro/stylesheet.css);
@import url(css/Beba/stylesheet.css);
@import url(css/Beba/beba2/stylesheet.css);
img.responsive{
		max-width: 100%;
		height: 350px;
		width: 350px;
}
/************************
 Estilos Personalizados
*************************/
body{
	font-family: "eurostileregular";
background: #ecedee;
}
a {
	color: black;
	text-decoration: none;
	font-family: "bebas_neue_regularregular"
}
h1,
h3{ 

font-family: "bebas_neuebold";
	
	}
h2{
text-align: center;
font-family: "bebas_neuebook"
}
h9{ 

font-family: "bebas_neuebold";
font-size: 38px;
	
	}	
a:hover{
	text-decoration: none;
}
.pagina {

		
		box-shadow: 0 0 20px #aaa;
		background: #fff;
		margin: 10px auto;
}
.pie {
background-color: white;
font-size: 13px;
color: black;
}
.borde {
border-top: 5px solid #ea6060;
}
.borde2 {
border-top: 5px solid white;
}

.bordes {border-bottom: 10px solid #ea6060;}
/*header* botonera*/
nav ul, nav ol {
	list-style: none;
	padding: 0;
	margin: 0;
	
}
.titulo {
		padding: 20px;
		width: 289px;
	    height: 54px;
		margin:auto;
		
}
.tituloss{
width: 60%;
	 
		padding-top: 40px;
		padding-bottom: 40px;

		
		
}
.titu{
background-color: white;
background-image: url(img/sky-o.gif);
   background-repeat: no-repeat;
	background-size: cover;
 text-align: center;
 margin: auto;
 padding: 0;
 display: inline-block;
 float: none;
 font-size: 0;
 transition: all 0.5s linear;
}
.titu2{
background-color: white;
background-image: url(img/rayo.gif);
   background-repeat: no-repeat;
	background-size: cover;
 text-align: center;
 margin: auto;
 padding: 0;
 display: inline-block;
 float: none;
 font-size: 0;
 transition: all 0.2s linear;
}
h1 .fa-user{
color: grey;
padding: 5px;

}
h1 .fa-bolt{
color: grey;
padding: 5px;

}
h1 .fa-suitcase, .fa-tablet{
color: grey;
padding: 5px;

}
.fa-home,
.fa-bolt,
.fa-bars,
.fa-suitcase, 
.fa-user,
.fa-paper-plane,
.fa-backward{
color: white;
padding: 5px;
}
.menu2{
	border-bottom: 1px solid #black;
	margin-top: 30px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	
}
.menu2 li{
	float: left;
	border-left: 3px solid grey;
	
}
.menu2 li:last-child {
	border-right: 3px solid grey;
}
.menu2 a{
	padding: 5px 10px;
	display: block;
	letter-spacing: 2px;
	margin: 0 20 px;
	color: white;
	
	
}


.menu2 a:hover{

	text-decoration: none;
	color: grey;
	

}
.prima{
margin-left: 15%;

}
.menu{
	border-bottom: 1px solid #black;
	margin-top: 25px;
	
}
.menu li{
	float: left;
}
.menu a{
	padding: 15px 5px;
	display: block;
	letter-spacing: 1px;
	margin: 0 5px;
	border-bottom: 2px solid transparent;
	color: white;
	font-family: "bebas_neue_regularregular";
}
.menu a:hover{

	text-decoration: none;
	color: grey;
	

}
 figure {margin: 0;}
	  img {width: 100%;}
.button{
	padding: 15px 30px 15px;
	margin: 30px;
	color: #black;
	display: inline-block;
	border: 1px solid black;
	transition: .3s all linear;
	}
	.button:hover {
		text-decoration: none;
		background-color: #ea6060;
		color: white;
		border: 1px solid #ea6060;
		
		
	}
	.buttonil{
	padding: 15px 30px 15px;
	margin: 30px;
	color: #black;
	display: inline-block;
	border: 1px solid black;
	transition: .3s all linear;
	}
	.buttonil:hover {
		text-decoration: none;
		background-color: #84C31C;
		color: white;
		border: 1px solid #84C31C;
		
		
	}
.links{
	margin: 0;
	padding: 0;
	list-style: none;
}
.links li {
	border-bottom: 1px solid gray;

}
.links li:first-child {
	border-top: 1px solid gray;
}
.links a{
	display: block;
	padding: 12px 0 12px 0;
}
.links a:before{
	content: "";
	display: inline-block;
	border: solid transparent 5px;
	border-left-color: #ebebeb;
	width: 0;
	height: 0;
	margin-right: 0.5em;
	

}
.links a:hover{
	text-decoration: none;
	background-color: #ebebeb;
}
.links a:hover:before{
border-left-color: black;
}
.negro{
  background-color: black;
  padding-bottom: 10px;
  color: white;

}

.negro2{
  background-color: black;
  padding-bottom: 10px;
  color: white;

}
.contactos{
  background-color: black;
  color: white;

}
.centro{
 text-align: center;
 margin: auto;
 padding: 0;
 display: inline-block;
 float: none;
 font-size: 0;
}
.titular {
padding-bottom:20%;
padding-top: 20%;


}
.center{
 text-align: center;
 margin: auto;
 
 padding-bottom: 10px;
 padding-top: 0px;

}
.centers{
 text-align: center;
 margin: auto;
 
 padding-bottom: 0px;
 padding-top: 0px;

}
.aside figure {
			position: relative;
			width: auto;
			overflow: hidden;
			float: left;
			
		}
		.aside  figure:nth-child(4n+1) {
			margin-right: 0;
		}
		
		.aside  figure img {
			position: relative;
			display: block;
			transition: all 0.3s linear;
		}
		.aside  figure:hover img {
			-webkit-transform: scale(1.3);
		}
		.aside figcaption {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.aside  figcaption a {
			display: block;
			position: absolute;
			text-decoration: none;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			transition: all 0.3s linear;
		}
		.aside  figcaption a:hover {
			background: rgba(102,102,102,0.4);
		}
		.aside  figcaption p {
			text-align: center;
			color: #fff;
			font-weight: normal;
			position: relative;
			top: -300px;
			transition: all 0.3s linear;
		}
		.aside  figcaption a:hover p {
			top: 5px;
		}
		.aside  figcaption i {
			color: #fff;
			background: rgba(0,0,0,0.5);
			width: 30px;
			height: 30px;
			display: block;
			text-align: center;
			line-height: 30px;
			border-radius: 50%;
			position: relative;
			margin: 80px auto;
			bottom: -300px;
			transition: all 0.3s linear;
		}
		.aside  figcaption a:hover i {
			bottom: -30px;
		}
		.centro figure{
			float:none;
			display:inline-block;
			font-size: 20px;
			text-align:center;
		}
		
		.btn-social {
	text-decoration: none;
	display: inline-block;
	border: 2px solid white;
	width: 90px;
	height: 90px;
	border-radius: 50px;
	line-height: 100px;
	margin:  10px;
	text-align: center;
	transition: .3s all linear;
}
.fa-pencil-square, .fa-linkedin-square, .fa-skype, .fa-behance, .fa-instagram {
color: white;
font-size: 35px;

}

.fa-map-marker, .fa-phone{
color: white;
font-size: 25px;
padding-left: 15px;
padding-right: 5px;

}
.fa-comment, .fa-envelope{
padding-right: 4px;
}

.btn-social:hover {
	border-color: #ea6060;
	background-color: #ea6060;
}
.sectionnav {
	background-color: grey;
	color: white;
	width: 245px;
	padding: 5px 5px 0 5px;
	position: absolute;
	top: 0px;
	z-index: 499;
	transition: all 0.3s linear;
	float: left;
	display: block;
  
}

.nav-cerrado {
	top: -50px;
	color: rgba(0,0,0,0.0);
	background-color: rgba(0,0,0,0.0);
	z-index: -500;
	
}
		.col-55 {
		float: right;
		padding: 0 0 0 0;
		}
.produ li{
	list-style: none;
	
	
}
.produ  a{
	padding: 1px;
	display: block;
	letter-spacing: 1px;
	margin: 0 5px;
	border-bottom: 2px solid transparent;
	color: white;
}
.produ  a:hover{

	text-decoration: none;
	border-bottom-color: black;
	

}

}
.sliderp{
height: 29em;


}
  .portada1{
background: url(img/slider1.jpg);
    background-repeat: no-repeat;
	background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  }
  .portads{
background-color: transparent;
 position: relative;
background-size: cover;
 	
}
.portads:after {
  content: "";
  background: url(img/giphy.gif);
    background-repeat: no-repeat;
	  background-size: cover;
 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
  }
.portadas{
background-color: transparent;
 position: relative;
background-size: cover;
 	
}
.portadas:after {
  content: "";
  background: url(img/9611.gif);
    background-repeat: no-repeat;
	  background-size: cover;
 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
  }
  .portadas2{
background: url(img/tFLe5.gif);
    background-repeat: no-repeat;
	  background-size: cover;
 background-position: bottom;

  }
    .portadas3{
background: url(img/cafe.gif);
    background-repeat: no-repeat;
	  background-size: cover;
	   background-position: bottom;
	   
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  }
  .gracias{
  background: url(img/reunion.gif);
    background-repeat: no-repeat;
	  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  
  }
  .buttonnn:before{
	padding: 8px;
    color: white;
	display: block;
	position: absolute;
	border-radius: 10%;
	right:50px;
	top:600px;
	content: "visitar sitio web";
    background-color: #84C31C;
   text-align: center;
	font-size: 20px;
	z-index: 51;
	}
	.button223:before{
	padding: 8px;
    color: white;
	display: block;
	position: absolute;
	border-radius: 10%;
	right:50px;
	top:310px;
	content: "congratulate me for updating!";
    background-color: #ea6060;
   text-align: center;
	font-size: 20px;
	z-index: 51;
	}
.button23:before{
	padding: 8px;
    color: white;
	display: block;
	position: absolute;
	border-radius: 10%;
	right:50px;
	top:310px;
	content: "Escribime";
    background-color: #ea6060;
   text-align: center;
	font-size: 20px;
	z-index: 51;
	}
	.button24:before{
	padding: 8px;
    color: white;
	display: block;
	position: absolute;
	border-radius: 10%;
	right:50px;
	top:310px;
	content: "Yo invito el Café ;)";
    background-color: #ea6060;
   text-align: center;
	font-size: 20px;
	z-index: 51;
	}
	.button2:before{
	padding: 8px;
    color: white;
	display: block;
	position: absolute;
	border-radius: 10%;
	right: 50px;
	top: 310px;
	content: "ver portfolio";
    background-color: #ea6060;
   text-align: center;
	font-size: 20px;
	z-index: 51;
	}
	.button22:before{
		text-decoration: none;
		background-color: #d52e2e;
		color: white;
	}
	.gracie {

		padding-top: 120px;
		font-family: "bebas_neuebold";
		font-size: 90px; 
		color: white;
		font-weight: 1em;
	}
	.gracie2 {

		padding-top: 10px;
		font-family: "eurostileregular";
		font-size: 50px; 
		color: #ea6060;
		font-weight: 1em;
	}

	.textg {
		padding-left: 75px;
		padding-top: 35px;
		font-family: "bebas_neuebold";
		font-size: 150px; 
		font-weight: 1em;
		color: white;
	}
	.textg1 {
		padding-left: 75px;
		padding-top: 35px;
		font-family: "bebas_neuebold";
		font-size: 150px; 
		font-weight: 1em;
		color: black;
	}
	.textg2 {
		padding-left: 75px;
		padding-bottom: 10px;
		font-family: "bebas_neuebold";
		font-size: 150px; 
		font-weight: 100%;
		 margin-top: -30px;
		color: #ea6060;
	
	height: auto;
		
	
	}.textg3 {
		padding-left: 75px;
		padding-top: 35px;
		font-family: "bebas_neuebold";
		font-size: 150px; 
		color: white;
	
	}
	.textg4 {
		padding-left: 75px;
	    padding-bottom: 10px;
		font-family: "bebas_neuebold";
		font-size: 150px; 
		
		 margin-top: -30px;
		color: #ea6060;
	}
.fa-home {
font-size: 40px;
padding: 20px;
transition: all 0.3s linear;
}
.fa-homee{
color: #ea6060;
transition: all 0.3s linear;
}
.fa-home2 {
font-size: 40px;
color: black;
padding: 20px;
}
.fa-home2 :hover{
color: #ea6060;
transition: all 0.3s linear;}

.mobil {
color: #ea6060;
display: none;
font-size: 13px;
}
.robelogos{
        width: 600px;
	
		margin:auto;
		padding: 30px;
		display:block;
}
.robelogo{
        width: 300px;
	
		margin:auto;
		padding: 30px;
		display:block;
}
.consil{ 
display:block;
background-image: url(img/consi/fondo.jpg);
color:black;

}

.mailme, .grapu2, .graco2, .impre2, .carte2, .webi2, .fulana2, .reina2, .muka2, .avent2, .fire2, .nii2{
display:block;
background-color: white;
color:black;

}
.mailmece, .grapu, .graco, .impre, .carte, .webi, .fulana, .reina, .muka, .avent, .fire, .consil2, .nii{
display:none;
}

textarea, .nombre, .email{
  display: block;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  padding: 8px 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
  margin: 0px;
  color: white;
  background: #C5C6C6;
  border: none;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .email:hover, .email:focus, .nombre:hover, .nombre:focus, select:hover, select:focus, textarea:hover, textarea:focus {
    outline: none;
    box-shadow: none;
	color: black;
    background: #ECECEC; }
  input.error, select.error, textarea.error {
    background: #ea6060; }
  input.error:hover, input.error:focus, select.error:hover, select.error:focus, textarea.error:hover, textarea.error:focus {
    background: #ea6060a; }
  input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: white; }
  input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    /* Firefox 18- */
    color: white; }
  input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: white; }
  input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: white; }
	.buttonf{
	padding: 15px 30px 15px;
	margin-right: 10px;
	color: #black;
	display: inline-block;
	border: 1px solid black;
	transition: .3s all linear;
	}
	.buttonf:hover {
		text-decoration: none;
		background-color: #898989;
		color: white;
		border: 1px solid #898989;
		
		
	}
	/******************
	perfil
	*******************/
	.lineat{
display: none;
}
	.rowi {
	margin: -20px;
	
}
	.ulti {background: url(img/line/ulti.jpg);
    background-repeat: no-repeat;
	  background-size: cover;
	  
	  height: 100%;
	  
}
.la3 {background: url(img/line/03.jpg);
    background-repeat: no-repeat;
	 background-size: cover;
	 height: 100%;

}
.la2{background: url(img/line/02.jpg);
    background-repeat: no-repeat;
	 background-size: cover;
	 height: 100%;

}
	.la1{background: url(img/line/01.jpg);
    background-repeat: no-repeat;
	 background-size: cover;
	 height: 100%;
	

}
.la4{background: url(img/line/04.jpg);
    background-repeat: no-repeat;
	 background-size: cover;
	 height: 100%;
transition: .5s all linear;
}
	
	.colortitu{
	color:  #ea6060;
	padding-top: 150px;
	text-shadow: 0 0 3px #aaa;
	
	
	}
	.parrafa{
	text-align: center;
	margin-bottom: 150px;
	padding: 10px;
	background-color: rgba(255,255,255,0.7);
	}
	.parrafa2{
	text-align: center;
	color: white;
	margin-bottom: 150px;
	padding: 10px;
	background-color: rgba(0,0,0,0.7);
	}
.icons1, .ano1{ margin-left: 60px;}
.ano2{ margin-left: 200px;}
.icons2{ margin-left: 150px;}
.icons3{margin-left: 170px;}
.ano3 {margin-left: 300px;}
.icons4{ margin-left: 70px;}
.ano4 {margin-left: 220px;}
.ano5{ margin-left: 150px;}


.ano1 {
background-image: url(img/line/19841.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 110px;
	height: 110px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	transition: .3s all linear;
	}
	.ano1:hover{
	background-image: url(img/line/19842.png);
	transition: .3s all linear;
	}
	.ano2 {
background-image: url(img/line/20021.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 135px;
	height: 135px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	transition: .3s all linear;
	}
	.ano2:hover{
	background-image: url(img/line/20022.png);
	transition: .3s all linear;
	}
	.ano3 {
background-image: url(img/line/20101.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 35px;
	height: 45px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	transition: .3s all linear;
	}
	.ano3:hover{
	background-image: url(img/line/20102.png);
	transition: .3s all linear;
	}
	.ano4 {
background-image: url(img/line/20141.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 35px;
	height: 45px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	transition: .3s all linear;
	}
	.ano4:hover{
	background-image: url(img/line/20142.png);
	transition: .3s all linear;
	}
	.ano5{
background-image: url(img/line/hoy1.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 35px;
	height: 45px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	transition: .3s all linear;
	}
	.ano5:hover{
	background-image: url(img/line/hoy2.png);
	transition: .3s all linear;
	}
	.icons1 {
background-image: url(img/line/01.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 130px;
	height: 130px;
	margin-bottom: 0px;

	padding-bottom: 0px;
	transition: .3s all linear;
	}
	.icons1:hover {
background-image: url(img/line/011.png);
	transition: .3s all linear;
	}
	.icons2 {
background-image: url(img/line/02.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 200px;
	
	margin-bottom: 0px;
	margin-top: 20px;

	margin-right: 10px;
	padding-bottom: 0px;
	padding-top: 100px;

	padding-right: 0px;
	transition: .3s all linear;
	}
	.icons2:hover {
background-image: url(img/line/022.png);
	transition: .3s all linear;
	}
	.icons3{
background-image: url(img/line/03.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 100%;
	text-decoration: none;
	display:inline-block;
	width: 200px;
	
	margin-bottom: 0px;
	margin-top: 20px;
	
	padding-bottom: 0px;
	padding-top: 100px;

	padding-right: 0px;
	transition: .3s all linear;
	}
	.icons3:hover {
background-image: url(img/line/033.png);
	transition: .3s all linear;
	}
		.icons4{
background-image: url(img/line/04.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 90%;
	text-decoration: none;
	display:inline-block;
	width: 180px;

	margin-bottom: 0px;
	margin-top: 0px;
	
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 100px;
	padding-left: 0px;
	padding-right: 0px;
	transition: .3s all linear;
	}
	.icons4:hover {
background-image: url(img/line/044.png);
	transition: .3s all linear;
	}
		.icons5{
background-image: url(img/line/05.png);
float: left;
	background-repeat: no-repeat;
	 background-size: 80%;
	text-decoration: none;
	display:inline-block;
	width: 65px;
	
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 100px;

	padding-right: 0px;
	transition: .3s all linear;
	}
	.icons5:hover {
background-image: url(img/line/055.png);
	transition: .3s all linear;
	}
	
	/******************
	service
	*******************/
	.dg, .we, .im, .ve{
display:block;
background-color: white;
color:black;

}
.dg2, .we2, .im2, .ve2{
display:none;
}
.textt{
text-align: left;
}
	
	.btserv {
background-image: url(img/grafi.png);
	  background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 90px;
	display: inline-block;
	border: 3px solid black;
	width: 200px;
	height:200px;
	border-radius: 100px;
	line-height: 200px;
	margin: 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btserv:hover {
background-image: url(img/grafi2.png);
	border-color:#ea6060;
	background-color:#ea6060;}
		.btserv2 {
background-image: url(img/webico.png);
	  background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 90px;
	display: inline-block;
	border: 3px solid black;
	width: 200px;
	height:200px;
	border-radius: 100px;
	line-height: 200px;
	margin: 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btserv2:hover {
background-image: url(img/webico2.png);
	border-color:#ea6060;
	background-color:#ea6060;}
	.btserv3 {
background-image: url(img/folle.png);
	  background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 90px;
	display: inline-block;
	border: 3px solid black;
	width: 200px;
	height:200px;
	border-radius: 100px;
	line-height: 200px;
	margin:5px;
	text-align: center;
	transition: .3s all linear;
	}
.btserv3:hover {
background-image: url(img/folle2.png);
	border-color:#ea6060;
	background-color:#ea6060;}
		.btserv4 {
background-image: url(img/vehi.png);
	  background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 90px;
	display: inline-block;
	border: 3px solid black;
	width: 200px;
	height:200px;
	border-radius: 100px;
	line-height: 200px;
	margin: 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btserv4:hover {
background-image: url(img/vehi2.png);
	border-color:#ea6060;
	background-color:#ea6060;}
	
	.aside2 figure {
			position: relative;
			width: auto;
			
			overflow: hidden;
			
			
		}
		.aside2  figure:nth-child(4n+1) {
			margin-right: 0;
		}
		
		.aside2  figure img {
			position: relative;
			display: block;
			transition: all 0.3s linear;
		}
		.aside2  figure:hover img {
			-webkit-transform: scale(1.3);
		}
		.aside2 figcaption {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.aside2  figcaption a {
			display: block;
			position: absolute;
			text-decoration: none;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			transition: all 0.3s linear;
		}
		.aside2  figcaption a:hover {
			background: rgba(102,102,102,0.4);
		}
		.aside2 figcaption p {
			text-align: center;
			color: #fff;
			font-weight: normal;
			position: relative;
			top: -300px;
			transition: all 0.3s linear;
		}
		.aside2  figcaption a:hover p {
			top: 5px;
		}
		.aside2  figcaption i {
			color: #fff;
			background: rgba(0,0,0,0.5);
			width: 30px;
			height: 30px;
			display: block;
			text-align: center;
			line-height: 30px;
			border-radius: 50%;
			position: relative;
			margin: 80px auto;
			bottom: -300px;
			transition: all 0.3s linear;
		}
		.aside2  figcaption a:hover i {
			bottom: 20px;
		}
	
	
	
	
/**************
PORTFOLIO
***************/
.webb{
text-align: left;
color: grey;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.webbt{
padding-top: 30px;
padding-left: 40px;
padding-bottom: 30px;

 width: 25%;

}
.webbt2{
padding-top: 60px;
padding-left: 40px;


 width: 25%;

}
.titulos{
width: 10%;
	    height: 8%;
		padding-top: 30px;
		padding-bottom: 0px;
		 opacity: 0.5;
		
		
}

.titlep{
font-size: 20px;
}
.titlep2{
font-size: 20px;
color: grey;
}

.porti{

		width: 100%;
	    height: 10px;
		
	
		
}


.btnport {
background-image: url(img/grafi.png);
	  background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 30px;
	display: inline-block;
	border: 3px solid black;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	line-height: 177px;
	margin: 0 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btnport:hover {
background-image: url(img/grafi2.png);
	border-color:#ea6060;
	background-color:#ea6060;
}
.btnport1{
background-image: url(img/corpo.png);
	  background-size: 65%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 30px;
	display: inline-block;
	border: 3px solid black;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	line-height: 177px;
	margin: 0 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btnport1:hover {
background-image: url(img/corpo2.png);
	border-color:#ea6060;
	background-color: #ea6060;
}
.btnport2{
background-image: url(img/folle.png);
	  background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 30px;
	display: inline-block;
	border: 3px solid black;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	line-height: 177px;
	margin: 0 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btnport2:hover {
background-image: url(img/folle2.png);
	border-color:#ea6060;
	background-color: #ea6060;
}
.btnport3{
background-image: url(img/cart.png);
	  background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 30px;
	display: inline-block;
	border: 3px solid black;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	line-height: 177px;
	margin: 0 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btnport3:hover {
background-image: url(img/cart2.png);
	border-color:#ea6060;
	background-color: #ea6060;
}
.btnport4{
background-image: url(img/web.png);
	  background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration: none;
	padding: 30px;
	display: inline-block;
	border: 3px solid black;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	line-height: 177px;
	margin: 0 5px;
	text-align: center;
	transition: .3s all linear;
	}
.btnport4:hover {
background-image: url(img/web2.png);
	border-color:#ea6060;
	background-color: #ea6060;
}
/**************
Roberto Sanchez
***************/
.buttonrs{
	padding: 15px 30px 15px;
	margin: 30px;
	color: #black;
	display: inline-block;
	border: 1px solid yellow;
	transition: .3s all linear;
	}
	.buttonrs:hover {
		text-decoration: none;
		background-color: black;
		color: yellow;
		border: 1px solid black;
		
		
	}
	/**************
 Consilium
***************/

	.consi {
        width: 300px;
	
		margin:auto;
		padding: 10px;
		display:block;
}
	.wood {background-image: url(img/consi/fondo.jpg);

	
	}
	.blancco{
	color: white;
	}
	.buttonc{
	padding: 15px 30px 15px;
	margin: 30px;
	color: #white;
	display: inline-block;
	border: 1px solid white;
	transition: .3s all linear;
	}
	.buttonc:hover {
		text-decoration: none;
		background-color: #00A0E3;
		color: white;
		border: 1px solid #00A0E3;
		
		
	}
	.consilu{
	 width: 900px;
	
		margin:auto;
		padding: 10px;
		display:block;
	}
	/**************
 dequien
***************/
.dqc{
background-color:black;
color: white;
}
/**************
 Indializate
***************/
.Indializate{
        width: 300px;
	
		margin:auto;
		padding: 10px;
		display:block;
}
.naranja{
background-color:#F29415;
}
.buttoni{
	padding: 15px 30px 15px;
	margin: 30px;
	color: #black;
	display: inline-block;
	border: 1px solid white;
	transition: .3s all linear;
	}
	.buttoni:hover {
		text-decoration: none;
		background-color: #BB111C;
		color: white;
		border: 1px solid #BB111C;
		
		
	}
	/**************
Aventino
***************/
.avent{
background-color: #F5AF0F;
}
.avenlogo{
        width: 160px;
	
		margin:auto;
		padding: 10px;
		padding-top: 15px;
		display:block;
}
.buttona{
	padding: 15px 30px 15px;
	margin: 30px;
	color: #black;
	display: inline-block;
	border: 1px solid #6B2524;
	transition: .3s all linear;
	}
	.buttona:hover {
		text-decoration: none;
		background-color: #6B2524;
		color: white;
		border: 1px solid #6B2524;
		
		
	}
/**************
 Responsive
***************/
@media only screen and (min-width: 1024px) {
	.sliderp{
height: 29em;}

}
@media only screen and (max-width: 1024px) {
	.sliderp{
height: 22em;
}
.icons1{ margin-left: 10px;}
.icons2{ margin-left: 60px;}
.icons3{ margin-left: 60px;}
.icons4{ margin-left: 20px;}
.icons5{ margin-left: 0px;}
.ano1{ margin-left: 40px;}
.ano2{ margin-left: 100px;}
.ano3 {margin-left: 210px;}
.ano4 {margin-left: 150px;}
.ano5{ margin-left: 90px;}

}

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

.textg, .textg1, .textg2, .textg3, .textg4 {
	
		font-size: 130px; 

	}
	.sliderp{
height: 20em;

}
.button2:before, .button23:before, .button24:before; .buttonnn:before; .button23:before{
top:270px;

}
}

@media only screen and (max-width: 768px) {
.prima{
margin-left: 3%;
}
.textg, .textg1, .textg2, .textg3, .textg4 {
	
		font-size: 95px; 
	}
		.sliderp{
height: 15em;

}


.button2:before, .button23:before, .button24:before .buttonnn:before; .button23:before{
top: 190px;

}
.mobil,  .fa-mobile {
display: block;
color: #ea6060;
}
.titulo {
		margin:auto;
		
}
.pagina{
margin-left: -10px;
		margin-right: -10px;
}
.icons1, .icons2, .icons3, .icons4, .icons5, .ano1, .ano2, .ano3, .ano4 , .ano5, .lineati{
display: none;

}
.lineat{
display: block;
margin-bottom: 20px;
}

.ulti, .la1, .la2, .la3, .la4 {
	  height: 250px;
	  
}
.colortitu{
	
	padding-top: 50px;
	
	
	}
	.parrafa{
	
	margin-bottom: 50px;
	padding: 5px;
	
	}
	.parrafa2{
	margin-bottom: 50px;
	padding: 5px;

	}
	.rowi{
	margin-left:-15px;
	margin-right:-15px;
	}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {
.prima{
margin-left: 0%;
}
.consilu{
	 width: 550px;
	
		margin:auto;
		padding: 10px;
		display:block;
	}
	nav.col-7 {

	width: 75%;
}
.servis{
width: 95%;
}
.pagina{
margin-left: -10px;
		margin-right: -10px;
}
.titlep, .titlep2{
font-size: 17px;
}
h9{ 

font-size: 30px;
	
	}	
}

@media only screen and (max-width: 480px) {
.consilu{
	 width: 300px;
	
		margin:auto;
		padding: 10px;
		display:block;
	}
.textg, .textg1, .textg2, .textg3, .textg4 {
	
		font-size: 50px;
		padding-bottom:10px;
		padding-top:10px;
		padding-left: 10px;
		

	}
			.sliderp{
height: 8em;

}
.button2:before, .button23:before, .button24:before{
top: 95px;
padding: 5px;
font-size: 15px;

}
.mobil,  .fa-mobile {
display: block;
color: #ea6060;
}
.tituloss{
width: 70%;
	 
		padding-top: 30px;
	

		
		
}
.titulo {
		padding: 20px 20px 20px;
		
}
.pagina{
margin-left: -10px;
		margin-right: -10px;
}
.titlep, .titlep2{
font-size: 15px;

}
.gracie2{
font-size: 30px;
padding-top: 40px;
}
.gracie{
font-size: 40px;
padding-top: 50px;
}
.webbt, .webbt2{
padding-top: 0px;
padding-left: 0px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0px;

 width: 60%;

}
.webb {
text-align: center;
}
	.parrafa2{
	margin-bottom: 90px;
	padding: 5px;

	}
.la3{
	  height: 400px;
	  
}
h9{ 

font-size: 15px;
	
	}
.menu2{

	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	
}

.menu2 a{
	padding: 1px 1px;
	padding-top: 1px:
	letter-spacing: 1px;
	margin: 0 1px;
	
	color: white;
	font-family: "bebas_neue_regularregular";
}	
.menu2 li{
	float: left;
	border-left: 1px solid grey;
	
}
.menu2 li:last-child {
	border-right: 1px solid grey;
}
.negro2{
 
  padding-bottom: 0px;
  padding-top: 0px;
 text-align: center;
 margin: auto;

 display: inline-block;
 float: none;

}

}