.open {
    display: none;
    position: relative;
    text-align: right;
	bottom: 2px;
}

.fixed_menu .open {
	bottom: -5px;
}


.icono_menu{
    float: left;
	text-align: right;
}

.icono_menufixed{
    float: right;
	text-align: right;
	position: relative;
	top: 3.5px;
}

.raya_menu1{
    display: block;
    width: 35px;
    height: 2px;
    background-color: #29abe2;
	position: relative;
    border-radius: 1.5px;
}

.raya_menu{
    display: block;
    width: 35px;
    height: 2px;
    background-color: #29abe2;
    margin-top: 6px;
	position: relative;
    border-radius: 1.5px;
}

@media screen and (min-width: 1900px) {

.summer, .winter, .punto_exacto{
    background-size: cover;
    -webkit-background-size: cover !important;
}

.bubbles1{
	bottom: -2850px;
}

.short {
    bottom: -1400px;
}

.bubbles2 {
    left: 23.5%;
	top: -5%;
}

.bub3 {
	top: -17%;
}

.bub4 {
	top: -16%;
}
}

@media screen and (min-width: 1800px) {

#logo{
    margin-left: 150px;
}

.redes{
    margin-right: 150px;
}

.wrap_flag{
    right: 150px;
}

.wrap_flag_pic{
    right: 150px;
}
.flag_youtube_main{
    right: 250px;
}

.wrap_rec{
    right: 150px;
}

.navbar{
    padding: 13px 150px 15px 0;
}

.logolittle{
    margin-left: 150px;
}

.menu{
    margin-right: 113px;
}

.articulo{
    margin-left: 150px;
}

.align{
    margin-right: 150px;
}

.wrap_fotos{
    right: 150px;
}

.wrap_clientes {
    right: 90px;
}

.slideshow_grupos, .fotofija {


}

#idiomboxfooter{
    margin-left: 150px;
}

.formulario_float{
    margin-right: 150px;
}

.copyright{
    margin: 0 150px;
}

.display_wrap {
	right: 150px;
}
}

@media screen and (min-width: 1750px) {

.text_nosotros{
	width: 95%;
	margin: 25px 0;
}
}

@media screen and (min-width: 1650px) {

.tuberiasbg {
    background-image: url(../img/tuberias6502.jpg);
}
}

@media screen and (min-width: 1440px) {
.texto_gresites{
    width: 60%;
}
}

@media screen and (min-width: 1315px) {



.logolittle{
    margin-right: 40px;
}

.logolittle{
    margin-right: 25px;
}

.menu{
    display: block;
}

.flag_hide{
	display: none;
}

.menu .submenu a{
	padding: 10px 68px 10px 30px;
}

.menu a{
	padding: 5px 20px 4px 20px;
}

.menu p{
	padding: 0 20px;
}

.flex3{
float: right;
}

.submenu_flag{
	/*right: inherit;*/
    margin-left: 20px;
}

.submenu_youtube{
	right: 23%;
    margin-left: 20px;
}
}

@media screen and (min-width: 1440px) and (max-width: 1799px) {

#logo{
    margin-left: 110px;
}

.redes{
    margin-right: 110px;
}

.wrap_flag{
    right: 110px;
}

.wrap_flag_pic{
    right: 110px;
}
.flag_youtube_main{
	margin-right: 52px;
}

.wrap_rec{
    right: 110px;
}

.navbar{
    padding: 13px 110px 15px 0;
}

.logolittle{
    margin-left: 110px;
}

.menu{
    margin-right: 73px;
}

.articulo{
    margin-left: 110px;
}

.align{
    margin-right: 110px;
}

.wrap_fotos{
    right: 110px;
}

.wrap_clientes{
	right: 50px;
}

#idiomboxfooter{
    margin-left: 110px;
}

.formulario_float{
    margin-right: 110px;
}

.copyright{
    margin: 0 110px;
}

.display_wrap {
	right: 110px;
}
}

@media screen and (min-width: 1400px)and (max-width: 1600px) {

.formulario_float{
    width: 35%;
}
}

/* start error list*/


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

.errorlist {
    font-size: 1.4em;
    margin-left:0;
    margin-bottom:10px;
	float: left;
	width: 100%;
    top: 13px; 	
}
}

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

.errorlist {
    font-size: 1.1em;	
}
}
/* finish error list*/

@media screen and (max-width: 1500px) {
.wrap_clientes h4 {
    text-align: right;
}
}
 @media screen and (max-width: 1450px) {
.wrap_clientes img {
    width: 130px;
}

.wrap_clientes img:nth-child(3) {
    width: 170px;
}
.wrap_clientes img {
    bottom: -3px;
}
}
 @media screen and (max-width: 1260px) {
.wrap_clientes img {
    width: 100px;
}

.wrap_clientes img:nth-child(3) {
    width: 140px;
}
.wrap_clientes img {
    bottom: -30px;
}
}

 @media screen and (max-width: 1150px) {
	 
.wrap_clientes {
    width: 350px;
}

.wrap_clientes img {
    bottom: 50px;
    float: right;
    width: 120px;
}

.wrap_clientes img:nth-child(3) {
    width: 160px;
    bottom: 80px;
    margin: 0 30px 0 0;
}
.wrap_clientes img:nth-child(5) {
    margin: 0 45px 0 5px;
}
}

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

.fullcontact_article{
    width: 525px;
}

.no_problem{
    width: 400px;
}

#idiomboxfooter textarea {
    height: 278px;
}
}

@media screen and (min-width: 1283px) and (max-width: 1899px) {
.summer {
    background-size: auto;
    -webkit-background-size: auto  !important;
}
}

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

.menu .nosotrosnav2{
    -webkit-flex: 1.03;
    -ms-flex: 1.03;
    flex: 1.03;
}

.menu .flex_ale2{
    -webkit-flex: 0.9;
    -ms-flex: 0.9;
    flex: 0.9;
}

.menu .flex1{
    -webkit-flex: 1.08;
    -ms-flex: 1.08;
    flex: 1.08;
}

.menu .flex2{
    -webkit-flex: 1.45;
    -ms-flex: 1.45;
    flex: 1.45;
}

.menu .flex_ale3{
    -webkit-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4;
}

 /*menu flex con icono bandera*/
 
.menu .flex1{
    -webkit-flex: 1.1;
    -ms-flex: 1.1;
    flex: 1.1;
}

.menu .flex_ale{
    -webkit-flex: 1.65;
    -ms-flex: 1.65;
    flex: 1.65;
}
 
  /*menu flex con icono bandera*/
}

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

.menu .nosotrosnav2{
    -webkit-flex: 1.03;
    -ms-flex: 1.03;
    flex: 1.03;
}

.menu .flex_ale2{
    -webkit-flex: 0.9;
    -ms-flex: 0.9;
    flex: 0.9;
}

.menu .flex1{
    -webkit-flex: 1.10;
    -ms-flex: 1.10;
    flex: 1.10;
}

.menu .flex_ale{
    -webkit-flex: 1.65;
    -ms-flex: 1.65;
    flex: 1.65;
}

.menu .flex2{
    -webkit-flex: 1.45;
    -ms-flex: 1.45;
    flex: 1.45;
}

.menu .flex_ale3{
    -webkit-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4;
}

 /*menu flex con icono bandera*/
 
 
  /*menu flex con icono bandera*/

.AlturaGresites{
    height: 1200px;
}

.tuberiasbg {
    background-image: url(../img/tuberias2.jpg);
    background-size: cover;
    -webkit-background-size: cover  !important;
}
}

/*MANTENIMIENTO START*/

@media screen and (min-width: 1099px) {


.aspir_repair {
    top: 825px;
}

.aspir1 {
	top: -1745px;
}

.aspir2 {
	top: -1400px;
}

.aspirbub_blur {
	top: -4045px;
}

.aspirbub {
	top: -1545px;
}

.aspirbubsola {
	top: -810px;
}
}

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

.aspir1 {
    width: 17%;
	
}

.aspir2 {
    width: 16%;

}

.aspir_repair {
    width: 24%;

}

.aspirbub_blur {
    width: 20%;

}
}

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

.aspir1 {
    top: -2495px;
}

.aspir2 {
    top: -2050px;
}

.aspir_repair {
    top: 50px;
}

.aspirbub_blur {
	top: -4595px;
}

.aspirbub {
	top: -1610px;
}

.aspirbubsola {
	top: -1350px;
}
}

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

.aspir1 {
    width: 17%;
	
}

.aspir2 {
    width: 16%;
}

.aspir_repair {
    width: 24%;
}
}

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

.aspir1 {
    top: -2795px;
}

.aspir2 {
    top: -2350px;
}

.aspir_repair {
    top: -350px;
}

.aspirbub_blur {
	top: -4895px;
}

.aspirbub {
	top: -1910px;
}

.aspirbubsola {
	top: -1650px;
}
}

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

.aspir1 {
    width: 21%;
    top: -2770px;
	
}

.aspir2 {
    width: 20%;
    top: -2325px;

}

.aspir_repair {
    width: 31%;
    top: -410px;

}

.aspirbub_blur {
	top: -4970px;
    width: 40%;

}

.aspirbub {
	top: -2370px;
    width: 20%;

}

.aspirbubsola {
	top: -1735px;

}
}

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

.aspir1 {
    width: 21%;
    top: -2945px;
	
}

.aspir2 {
    width: 20%;
    top: -2500px;

}

.aspir_repair {
    width: 31%;
    top: -585px;

}

.aspirbub_blur {
	top: -5145px;
    width: 40%;

}

.aspirbub {
	top: -2545px;
    width: 20%;

}

.aspirbubsola {
	top: -1910px;

}
}

/*MANTENIMIENTO FINISH*/

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

    .fixed-ale .menu a, .fixed-ale .menu p{
         font-size: 1.1em;
    }

}

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

    .navbar-ale .nosotrosnav a, .navbar-ale #menu .nosotrosnav p  {
         font-size: 1.3em;
    }

}

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

 /*menu flex con icono bandera*/
 
.menu .flex1{
    -webkit-flex: 1.12;
    -ms-flex: 1.12;
    flex: 1.12;
}

.menu .flex_ale{
    -webkit-flex: 1.6;
    -ms-flex: 1.6;
    flex: 1.6;
}
 
.submenu_flag {
    /*right: 29.9%;*/
}
 
.flex3{
    -webkit-flex: 2.3;
    -ms-flex: 2.3;
    flex: 2.3;
}

.like_youtube{
    height: 46.5px;
    width: 46.5px;
    top: 4px;
    right: 10px;
}
 
  /*menu flex con icono bandera*/
.menu li ul {
    top: 29px;
}
.menu{
    top: 7px;
}

.menu a{
    font-size: 1.1em;
    padding: 7px 20px 6px 20px;
}

.fixed-ale .menu a, .fixed-ale .menu p{
    font-size: 0.95em;
}
.fixed-ale .menu p{bottom: 3px;}

.menu p{
   font-size: 1.1em;
   bottom: 1px;
}
}

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

    .navbar-ale .nosotrosnav a, .navbar-ale #menu .nosotrosnav p  {
         font-size: 1.2em;
    }
}

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

    .navbar-ale .nosotrosnav a, .navbar-ale #menu .nosotrosnav p  {
         font-size: 1.1em;
    }
}

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

    .navbar-ale .nosotrosnav a, .navbar-ale #menu .nosotrosnav p  {
         font-size: 1em;
    }
}

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

.menu .nosotrosnav2{
    -webkit-flex: 0.85;
    -ms-flex: 0.85;
    flex: 0.85;
}

.menu .flex_ale2{
    -webkit-flex: 0.87;
    -ms-flex: 0.87;
    flex: 0.87;
}

 /*menu flex con icono bandera*/

 
 .menu .flex1{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.menu .flex_ale{
    -webkit-flex: 1.6;
    -ms-flex: 1.6;
    flex: 1.6;
}

.menu .flex2{
    -webkit-flex: 1.1;
    -ms-flex: 1.1;
    flex: 1.1;
}

.menu .flex_ale3{
    -webkit-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
}

.menu .flex_ale a{
	padding: 5px 10px 4px 10px;
	padding: 8px 10px 7px 10px\9
}

.menu .flex_ale2 a{
	padding: 5px 10px 4px 10px;
	padding: 8px 10px 7px 10px\9
}
 
  /*menu flex con icono bandera*/

}

@media screen and (max-width: 1290px) {
.nosotrosnav a {padding: 20px;}
.full_submenu a {
    padding: 10px 30px;
}
#menu p {padding: 0 0 0 10px;}

}

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

.fullcontact_article{
    width: 420px;
}
}

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

 /*menu flex con icono bandera*/
 
.submenu_flag {
    /*right: 28.4%;*/
}
 
.flex3{
  -webkit-flex: 2.1;
    -ms-flex: 2.1;
    flex: 2.1;
}
 
  /*menu flex con icono bandera*/

}

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

 /*menu flex con icono bandera*/
 
.menu .flex1{
    -webkit-flex: 0.9;
    -ms-flex: 0.9;
    flex: 0.9;
}

.menu .flex_ale{
    -webkit-flex: 1.6;
    -ms-flex: 1.6;
    flex: 1.6;
}
 
.submenu_flag {
    /*right: 29.9%;*/
}
 
.flex3{
    -webkit-flex: 2.3;
    -ms-flex: 2.3;
    flex: 2.3;
}

.like_youtube{
    height: 45px;
    width: 45px;
	top: 2px;
}
 
  /*menu flex con icono bandera*/

.menu{
	top: 7px;
}

.menu a{
    font-size: 0.95em;
	padding: 7px 15px 6px 15px;
}

#menu li ul {
	top: 58px;
}

.menu li ul {
	top: 29px;
}

@-o-keyframes submenu3{
    0%{
        top: -29px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 29px;
        opacity: 1;
    }
}

@-webkit-keyframes submenu3{
    0%{
        top: -29px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 29px;
        opacity: 1;
    }
}

@-moz-keyframes submenu3{
    0%{
        top: -29px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 29px;
        opacity: 1;
    }
}

@keyframes submenu3{
    0%{
        top: -29px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 29px;
        opacity: 1;
    }
}

.menu p{
    font-size: 0.95em;
    bottom: 3px;
}


.menu .submenu_flag a {
    top: -7px;
}

.like_little{
	top: 1px;
}

.flag_youtube_main{
	margin-right: 6px;
}

.nosotrosnav a{
	padding: 20px 25px 20px 25px;
    font-size: 1.3em;
}

.full_submenu a{
	padding: 10px 25px;
    font-size: 1em;
}

#menu p{
	padding: 0 0 0 24px;
    font-size: 1.3em;
    letter-spacing: 1.3px;
}

.redes img{
    height: 23px;
    width: 23px;
}

.facebook img{
    height: 23px;
    width: 19px;
}

.twitter img{
    height: 23px;
    width: 27px;
}

.redes a{
    padding-top: 15px;
}

.navbar{
    padding: 13px 0 15px 0;
    right: 80px;
}		
}

@media screen and (max-width: 1150px) {
.nosotrosnav a {padding: 15px;}
.full_submenu a {
    padding: 10px 25px;
}
#menu p {padding: 0 0 0 10px;}

}

/*MEDIA QUERIES SLOGAN*/

@media screen and (min-width: 1800px) {
.slogan{
    right: 124px;
}
}


@media screen and (min-width: 1600px) and (max-width: 1800px){

.slogan{
right: 85px;
}
}

@media screen and (min-width: 1440px) and (max-width: 1599px) {

.slogan{
right: 75px;
}
}

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

.slogan	{
    bottom: 390px;
    font-size:42px;
    width: 600px;
    right: 5px;
}

.slogan_ale	{
    bottom: 390px;
    font-size: 33px;
    right: 37px;
    width: 600px;
}

.slogan_eng {
    font-size: 35px;
    width: 700px;
    right: 30px;
}

.slogan em	{
    top: 6px;
}

.slogan em.slogan_em {
    font-size: 43.3px;
    margin-left: 0;
    opacity: 1;
    top: 4px;
}

.slogan em.slogan_ale_em {
    font-size: 32.1px;
}

.slogan em.slogan_eng_em{
    font-size: 38px;
    letter-spacing: 0.5px;
}

.slogan strong {
    font-size: 27.5px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: -40px;
}

.slogan_ale strong {
    font-size: 26.4px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 15px;
}

.slogan_eng strong{
    font-size: 33px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 17px;
}

@-moz-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 300px;
	}

	60%{
	bottom: 425px;
	}

	100%{
	bottom: 390px;
	}
}

@-webkit-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 300px;
	}

	60%{
	bottom: 425px;
	}

	100%{
	bottom: 390px;
	}
}

@-o-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 300px;
	}

	60%{
	bottom: 425px;
	}

	100%{
	bottom: 390px;
	}
}

@keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 300px;
	}

	60%{
	bottom: 425px;
	}

	100%{
	bottom: 390px;
	}
}	
}

@media screen and (max-width: 1050px) {
.slogan{
	right: -20px;
}

.slogan_ale{
	right: 20px;
}

.slogan_eng{
	right: 30px;
}

}

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

.slogan{
    font-size:39px;
	right: 10px;
	width: 508px;
}

.slogan em.slogan_em {
    font-size: 40.3px;
    margin-left: 0;
    opacity: 1;
    top: 4px;
}

.slogan_ale	{
    bottom: 390px;
    font-size: 33px;
    right: 37px;
    width: 600px;
}

.slogan_eng {
    font-size: 35px;
    width: 700px;
    right: 30px;
}

.slogan strong {
    font-size: 25.8px;
    letter-spacing: 0.35px;
    top: -40px;
}

.slogan_ale strong {
    font-size: 26.5px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 15px;
}

.slogan_eng strong{
    font-size: 33.1px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 17px;
}

.slogan em.slogan_ale_em {
    font-size: 32.1px;
}
.slogan em.slogan_eng_em{
    font-size: 38px;
    letter-spacing: 0.5px;
}
}
@media screen and (max-width: 1005px) {
	
.slogan{
    font-size: 40px;
    right: 10px;
    width: 550px;
}

.slogan_ale	{
    font-size: 33px;
    right: 20px;
    width: 600px;
}

.slogan_eng {
    font-size: 35px;
    width: 700px;
    right: 30px;
}

.slogan em.slogan_em {
    font-size: 41.3px;
}
.slogan em.slogan_ale_em {
    font-size: 32.1px;
}
.slogan em.slogan_eng_em{
    font-size: 38px;
    letter-spacing: 0.5px;
}
.slogan strong {
    font-size: 26.5px;
    letter-spacing: 0.3px;
    top: -40px;
}
.slogan_ale strong {
    font-size: 26.4px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 15px;
}
.slogan_eng strong{
    font-size: 33px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 17px;
}
}

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

.slogan{
    font-size: 40px;
    right: 42px;
    width: 518px;
}
.slogan_ale	{
    font-size: 33px;
    right: 20px;
    width: 600px;
}

.slogan_eng {
    font-size: 35px;
    width: 700px;
    right: 30px;
}

.slogan em.slogan_em {
    font-size: 41.1px;
}
.slogan em.slogan_ale_em {
    font-size: 32.1px;
}
.slogan em.slogan_eng_em{
    font-size: 38px;
    letter-spacing: 0.5px;
}

.slogan strong {
    font-size: 26.3px;
    letter-spacing: 0.35px;
}
.slogan_ale strong {
    font-size: 26.4px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 15px;
}
.slogan_eng strong{
    font-size: 33px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 17px;
}
}

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

@-moz-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 350px;
	}

	60%{
	bottom: 440px;
	}

	100%{
	bottom: 400px;
	}
}

@-webkit-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 350px;
	}

	60%{
	bottom: 440px;
	}

	100%{
	bottom: 400px;
	}
}

@-o-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 350px;
	}

	60%{
	bottom: 440px;
	}

	100%{
	bottom: 400px;
	}
}

@keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	27%{
	bottom: 800px;
	}

	41%{
	bottom: 350px;
	}

	60%{
	bottom: 440px;
	}

	100%{
	bottom: 400px;
	}
}

.slogan{
    font-size: 40px;
    right: -26px;
    width: 593px;
	bottom: 400px;
}

.slogan_ale	{
    font-size: 33px;
    right: 20px;
    width: 600px;
	bottom: 400px;
}

.slogan_eng {
    font-size: 35px;
    width: 700px;
    right: 10px;
}

.slogan strong {
    font-size: 26px;
    letter-spacing: 0.5px;
    top: -36px;
}

.slogan_ale strong {
    font-size: 26.4px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 15px;
}
.slogan_eng strong{
    font-size: 33px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 17px;
}
}

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

.slogan{
	right: 10px;
    width: 550px;
    font-size: 40px;
}

.slogan_ale	{
    font-size: 33px;
    right: 20px;
    width: 600px;
	bottom: 400px;
}

.slogan_eng {
    font-size: 30px;
    right: -80px;
    width: 700px;
}

.slogan em.slogan_eng_em {
    font-size: 32.5px;
    letter-spacing: 0.5px;
}

.slogan strong {
    font-size: 26.5px;
    letter-spacing: 0.3px;
    top: -38px;
}

.slogan_ale strong {
    font-size: 26.4px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 15px;
}

.slogan_eng strong{
    font-size: 28.3px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 15px;
}

@-moz-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 50px;
	}	
	62%{
	bottom: 120px;
	}	
	100%{
	bottom: 100px;
	}
}
@-webkit-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 50px;
	}	
	62%{
	bottom: 120px;
	}	
	100%{
	bottom: 100px;
	}
}
@-o-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 50px;
	}	
	62%{
	bottom: 120px;
	}	
	100%{
	bottom: 100px;
	}
}
@keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 50px;
	}	
	62%{
	bottom: 120px;
	}	
	100%{
	bottom: 100px;
	}
}

.slogan{
	bottom:100px;
}
}

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

.slogan{ 
	left: 30px;
    right: inherit;
}
}

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

@-moz-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 195px;
	}	
	62%{
	bottom: 265px;
	}	
	100%{
	bottom: 250px;
	}
}
@-webkit-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 195px;
	}	
	62%{
	bottom: 265px;
	}	
	100%{
	bottom: 250px;
	}
}
@-o-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 195px;
	}	
	62%{
	bottom: 265px;
	}	
	100%{
	bottom: 250px;
	}
}
@keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: 195px;
	}	
	62%{
	bottom: 265px;
	}	
	100%{
	bottom: 250px;
	}
}
.slogan{
    bottom: 250px;
    font-size: 36px;
    right: 10px;
    width: 467px;
}

.slogan_ale	{
    font-size: 27px;
    right: 20px;
    width: 500px;
	bottom: 250px;
}

.slogan_eng {
    font-size: 23px;
    left: inherit;
    right: -60px;
    width: 500px;
}

.slogan em.slogan_em {
    font-size: 37.1px;
}
.slogan em.slogan_ale_em {
    font-size: 26.3px;
}
.slogan em.slogan_eng_em {
    font-size: 24.7px;
    letter-spacing: 0.5px;
}

.slogan strong {
    font-size: 23.3px;
    letter-spacing: 0.5px;
    top: -31px;
}
.slogan_ale strong {
    font-size: 21.3px;
    letter-spacing: 0.6px;
    padding: 5px 11px;
    top: 12px;
}

.slogan_eng strong{
    font-size: 21.5px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 14px;
}
}

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

.slogan{
    font-size: 28px;
    right: 10px;
    top: 120px;
    width: 416px;
}

.slogan_ale	{
    font-size: 22px;
    right: 20px;
    width: 400px;
	bottom: 250px;
    top: 120px;
}

.slogan_eng {
    font-size: 23px;
    left: inherit;
    right: -60px;
    width: 500px;
}


.slogan em.slogan_em {
    font-size: 28.8px;
}

.slogan em.slogan_ale_em {
    font-size: 21.4px;
}

.slogan em.slogan_eng_em {
    font-size: 24.7px;
    letter-spacing: 0.5px;
}

.slogan strong {
    font-size: 17.6px;
    letter-spacing: 0.5px;
    top: -22px;
}

.slogan_ale strong {
    border-radius: 3px;
    font-size: 17.5px;
    letter-spacing: 0.6px;
    padding: 5px 5px;
    top: 13px;
}

.slogan_eng strong{
    font-size: 21.5px;
    letter-spacing: -0.3px;
    padding: 5px 10px;
    top: 15px;
}

/* MOTION IPAD SLOGAN SALE DE ABAJO*/

@-o-keyframes AnimationSlogan{
	0%{
	top: 1200px;
	}
	25%{
	top: 1200px;

	}
	42%{
	top: 50px;
	}		
	100%{
	top: 120px;
	}
}
@-webkit-keyframes AnimationSlogan{
	0%{
	top: 1200px;
	}
	25%{
	top: 1200px;

	}
	42%{
	top: 50px;
	}		
	100%{
	top: 120px;
	}
}

@-moz-keyframes AnimationSlogan{
	0%{
	top: 1200px;
	}
	25%{
	top: 1200px;

	}
	42%{
	top: 50px;
	}		
	100%{
	top: 120px;
	}
}

@keyframes AnimationSlogan{
	0%{
	top: 1200px;
	}
	25%{
	top: 1200px;

	}
	42%{
	top: 50px;
	}		
	100%{
	top: 120px;
	}
}
}

@media only screen and (max-width: 430px) {
.slogan{
    font-size: 22px;
    left: 15px;
    right: inherit;
    top: inherit;
    width: 303px;
    bottom: 29px;
}

.slogan_ale	{
    font-size: 18px;
    width: 320px;
}
.slogan_eng {
    font-size: 20.3px;
    width: 290px;
    letter-spacing: 0.5px;
}

.slogan em.slogan_em {
    font-size: 22.6px;
}

.slogan em.slogan_ale_em {
    font-size: 17.5px;
}

.slogan em.slogan_eng_em {
    font-size: 20.3px;
    letter-spacing: 0.5px;
    top: 0;
}

.slogan strong {
    font-size: 13.9px;
    letter-spacing: 0.5px;
    margin-left: 4px;
    padding: 5px 7px;
    right: 4px;
    top: -12px;
}

.slogan_ale strong {
    border-radius: 3px;
	font-size: 14px;
    letter-spacing: 0.6px;
    padding: 5px 5px;
    top: 13px;
}

.slogan_eng strong{
    font-size: 11.1px;
    letter-spacing: -0.5px;
    padding: 5px;
    top: 4px;
}

@-o-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: -40px;
	}	
	62%{
	bottom: 75px;
	}	
	100%{
	bottom: 29px;
	}
}
@-webkit-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: -40px;
	}	
	62%{
	bottom: 75px;
	}	
	100%{
	bottom: 29px;
	}
}

@-moz-keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: -40px;
	}	
	62%{
	bottom: 75px;
	}	
	100%{
	bottom: 29px;
	}
}

@keyframes AnimationSlogan{
	0%{
	bottom: 800px;
	}
	25%{
	bottom: 800px;
	}
	42%{
	bottom: -40px;
	}	
	62%{
	bottom: 75px;
	}	
	100%{
	bottom: 29px;
	}
}
}

/* ACABA MEDIA QUERIES SLOGAN*/



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

.fondo_contacta {
	background-image: url(../img/contacta_large.jpg);
}
}

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

.otros_servicios {
	background-image: url(../img/otros_servicios8.jpg);
	background-size: cover;
	-webkit-background-size: cover !important;
}

.winter {
	background-image: url(../img/reparacion_fondo5.jpg);
	background-size: cover;
	-webkit-background-size: cover !important;
}
}

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

 /*menu flex con icono bandera*/
.menu .flex1{
    -webkit-flex: 0.95;
    -ms-flex: 0.95;
    flex: 0.95;
}

.menu .flex_ale{
    -webkit-flex: 1.62;
    -ms-flex: 1.62;
    flex: 1.62;
}
 
.submenu_flag {
   /*right: 30.8%;*/
}
 
.flex3{
  -webkit-flex: 2.5;
    -ms-flex: 2.5;
    flex: 2.5;
}
 
  /*menu flex con icono bandera*/

.menu_footer a{
    font-size: 1.2em;
}

.menu_footer p{
    font-size: 1.2em;
}	

.tambien{
	padding: 3em 0 2em 0;
}
}

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

h3{
    letter-spacing: -0.5px;
    font-size: 1.45em;
}

.no_problem{
    width: 350px;
}

.fullcontact_article a{
    font-size: 1.45em;
}

.fullcontact_article p{
    font-size: 1.45em;
}

.experiencia{
	width: 46%;
}

.experiencia img{
	width: 80%;
}

#idiomboxfooter textarea {
    height: 252px;
}
}

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

#logo{
    margin-left: 60px;
}

.redes{
    margin-right: 60px;
}

.wrap_flag{
    right: 60px;
}

.wrap_flag_pic{
    right: 60px;
}

.flag_youtube_main{
	margin-right: 0;
	right: 167px;
}

.wrap_rec{
    right: 60px;
}

.navbar{
    padding: 13px 0 15px 0;
    right: 60px;
}

.logolittle{
    margin-left: 60px;
}

.menu{
    margin-right: 23px;
}

.articulo{
    margin-left: 60px;
}

.align{
    margin-right: 60px;
}

.wrap_fotos{
    right: 60px;
}

#idiomboxfooter{
    margin-left: 60px;
}

.formulario_float{
    margin-right: 60px;
}

.copyright{
    margin: 0 60px;
}
.wrap_clientes {
    right: 0;
}	

.display_wrap {
	right: 60px;
}	
}

@media screen and (min-width: 1900px){

.tubRep{
	bottom: -1450px;
}
}

@media screen and (min-width: 1691px) and (max-width: 1900px) {

.bubbles1{
	bottom: -2450px;
}

.tubRep{
	bottom: -1250px;
}

.short {
	bottom: -1500px;
}		
}

@media screen and (min-width: 1501px) and (max-width: 1690px) {

.bubbles1{
	bottom: -2000px;
}

.tubRep{
	bottom: -1050px;
}

.short {
	bottom: -1250px;
}		
}

@media screen and (min-width: 1270px) and (max-width: 1500px) {

.bubbles1{
	bottom: -1750px;
}

.tubRep{
	bottom: -1050px;
}

.short {
	bottom: -1000px;
}		
}

@media screen and (min-width: 1040px) and (max-width: 1269px) {

.bubbles1{
	bottom: -1500px;
}

.tubRep{
	bottom: -1000px;
}

.short {
	bottom: -850px;
}		
}

/* EMPIEZA CAMARA */

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

.tub_vector{
    right: 10%;
}		
}

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

.tub_vector{
    width: 210px;
    bottom: 1095px;
}

.cam_alone{
    width: 210px;
    bottom: -900px;
}		
}

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

.texto_camaras{
    width: 550px;
}

.display_wrap {
	width: 28%;
}

}

@media screen and (min-width: 699px) and (max-width: 930px) {

.section4{
    height: 700px;
}		
}

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

.texto_camaras{
    width: 430px;
}

.tub_vector{
    right: 14%;
}
}

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

.tub_vector{
    right: 10%;
}
}

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

.tub_vector{
    right: 8%;
}

.texto_camaras{
    width: 400px;
}

.rec_type {
    width: 55px;
}

.rec_round {
    width: 22px;
    height: 22px;
    bottom: 5px;
}

.tv_width {
    height: 130px;
    top: 397px;
    width: 82px;
}

@keyframes tubTv{
    0%{
    width: 40px;
    height: 40px;
    border-radius: 40px;
	left: 31px;
	bottom: 46px;
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(255,255,255,0),
    0 0 0 0 rgba(255,255,255,0) inset,
	0 0 0 0 rgba(255,255,255,0) inset;
    }
	
    45%{
    box-shadow: 3px 3px 10px 5px rgba(255,255,255,0.6),
    2px 2px 10px 5px rgba(255,255,255,0.2) inset,
	-2px -2px 10px 5px rgba(255,255,255,0.2) inset;
    }
	
    55%{
   box-shadow: 2px 2px 5px 2px rgba(255,255,255,0.6),
    2px 2px 10px 2px rgba(255,255,255,0.2) inset,
	-2px -2px 10px 2px rgba(255,255,255,0.2) inset;
    }

    100%{
    width: 220px;
    height: 220px;
    border-radius: 220px;
	left: -59px;
	bottom: -44px;
    opacity: 1;
    box-shadow: 2px 2px 2px 0 rgba(255,255,255,0.6),
    2px 2px 10px 2px rgba(255,255,255,0.2) inset,
	-2px -2px 10px 2px rgba(255,255,255,0.2) inset;
    }
}
}

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

.tub_vector{
    right: 5%;
}
}

/* FIN CAMARA */

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

.tubRep{
    bottom: -2150px;
}
}

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

.tubRep{
    bottom: -2500px;
}
}

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

.tubRep{
    bottom: -1900px;
}
}

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

.tubRep{
    bottom: -2100px;
}
}


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

/*.nosotrosnav a{
	padding: 20px 22px 20px 22px;
}*/

.full_submenu a{
	padding:  10px 22px;
}

.menu .flex2{
    -webkit-flex: 1.1;
    -ms-flex: 1.1;
    flex: 1.1;
}

.menu .flex_ale3{
    -webkit-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
}

 /*menu flex con icono bandera*/
.menu .flex1{
    -webkit-flex: 0.95;
    -ms-flex: 0.95;
    flex: 0.95;
}

.menu .flex_ale{
    -webkit-flex: 1.62;
    -ms-flex: 1.62;
    flex: 1.62;
}
 
.menu .flex_ale2{
    -webkit-flex: 0.82;
    -ms-flex: 0.82;
    flex: 0.82;
}
 
  /*menu flex con icono bandera*/
		
}



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

.fullcontact_article{
    width: 420px;
}

.experiencia{
	margin-bottom: 55px;
}
}

@media screen and (max-width: 1005px) {
.summer {
	background-image: url(../img/foto_home_ok_heigh1060cinturon.jpg);
}

.bubbles2 {
	top: -20px;
	left: 255px;
	width: inherit;
}

.bub3 {
	width: 210px;
	top: -120px;
}

.bub4 {
	width: 247px;
	left: 210px;
	top: -110px;
}
}

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

#logo img{
   height: 80px;
}

header{ 
    height: 166px;
}

.redes a{
    padding-top: 12px;
}

.redes img{
    height: 20px;
    width: 20px;
}

.facebook img{
    height: 20px;
    width: 16px;
}

.twitter img{
    height: 20px;
    width: 24px;
}

.wrap_flag{
    top: 9px;
}

.wrap_flag_pic{
    top: 15px;
}

.flag_youtube_main{
    right: 162px;
    top: 12px;
    width: 50px;
}

.flag_pic {
    background-size: 15px 15px;
    height: 15px;
    margin-left: 5px;
    top: 3px;
    width: 15px;
}

.text_flag{
    font-size: 14px;
    top: 2px;

}

.flag_pic img{
    width: 15px;
    margin-left: 5px;
    top: 3px;
}

.flag1{
    font-size: 13.5px;
    color: #b2b2b2;
}

.nosotrosnav a{
	/*padding: 20px 27px 20px 27px;*/
    font-size: 1.1em;
}

.full_submenu a{
	padding:  10px 27px;
    font-size: 1em;
}

#menu li ul {
	top: 58px;
}

#menu p{
	/*padding: 0 0 0 24px;*/
    font-size: 1.1em;
    letter-spacing: 1.1px;
}

#menu img{	
	top: 5px;
    height: 23px;
}

.navbar{
    padding: 15px 60px 15px 0;
}

.menu{
	top: 8px;
}	

.menu a{
    font-size: 1em;
	padding: 8px 20px 7px 20px;
}

.menu li ul {
	top: 28px;
}

@-o-keyframes submenu3{
    0%{
        top: -28px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 28px;
        opacity: 1;
    }
}

@-webkit-keyframes submenu3{
    0%{
        top: -28px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 28px;
        opacity: 1;
    }
}

@-moz-keyframes submenu3{
    0%{
        top: -28px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 28px;
        opacity: 1;
    }
}

@keyframes submenu3{
    0%{
        top: -28px;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 28px;
        opacity: 1;
    }
}

.menu p{
   font-size: 1em;
   bottom: 4px;  
}

.img_phone{	
	top: 4px;
}

.flag_fixed{	
	top: 4px;
}

.menu .submenu_flag a {
    top: -8px;
}

.like_little{
	top: 0;
	bottom: 1px;
}

 /*menu flex con icono bandera*/
.submenu_flag {
    right: 29%;
}
 
.flex3{
   -webkit-flex: 2.2;
    -ms-flex: 2.2;
    flex: 2.2;
}
 
  /*menu flex con icono bandera*/

/*logo más grande*/

#logo img{
   height: 110px;
    position: relative;
    top: -15px;
}
.navbar {
    float: none;
	right: 60px;
    top: -15px;
}

.redes {
    top: 70px;
}

.wrap_flag_pic {
    top: 30px;
}

.flag_youtube_main {
    top: 29px;
}

.text_flag {
    font-size: 16px;
}

/*logo más grande*/	
}

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

 /*menu flex con icono bandera*/
 
.menu .flex1{
    -webkit-flex: 1.14;
    -ms-flex: 1.14;
    flex: 1.14;
}
 
  /*menu flex con icono bandera*/
	
}

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

.fullcontact_article{
    width: 295px;
}

.experiencia{
	width: 70%;
	margin-bottom: 52px;
}

.experiencia img{
	width: 75%;
}
 
  /*menu flex con icono bandera*/

}

@media screen and (max-width: 930px) {
    .nosotrosnav a {
    padding: 15px 12px;
}
.full_submenu a {
    padding: 10px 27px;}
}

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

.open :hover .raya_menu{
    background-color: #62CCE8;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s;
}

.open :hover .raya_menu1{
    background-color: #62CCE8;
    -moz-transition: background-color 0.3s ease-in-out 0s;
    -webkit-transition: background-color 0.3s ease-in-out 0s;
    -o-transition: background-color 0.3s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s;
}

.menu {
    display: none;
}

.absolute {
	display: inline-block;
    float: right;
	margin-right: 60px;
}

.telfixed{	
    display: inline-block;
}

.flag_hide{
	top: 4px;
    right: 13px;
}

.like_youtube{
    float: right;
    height: 50px;
    margin-right: 5px;
    position: relative;
    top: 6px;
	width: 51px;
	margin: 0 11px 0 0;
	right: 1px;
}

.flag_fixed{
	background-size: 24px 24px;
}

.submenu_flag{
    right: -33px;
}

.menu .submenu_flag a {
    padding: 0 17px 15px;
    opacity: 0.8;
    top: -5px;
}

.menu .submenu_flag .submenu a {
    padding: 19px 17px;
    top: 2px;
}

.flag_hide{	
    display: inline-block;
}

.telfhide img {
    height: 22px;
    margin-right: 6px;
    top: 2px;
}

.AlturaGresites{
    height: 1400px;
}

#pageslide .flag_youtube_main{ 
    top: 81px;
    float: right;
    position: relative;
    right: 292px;
}

#pageslide { 
    background-color: #1A1A1A;
    width: 380px;
}

#pageslide .nosotrosnav {
    position: relative;
}

#pageslide .nosotrosnav span {
    display: inline-block;
}

#pageslide .nosotrosnav a{ 
    padding: 10px 0 10px 30px;
	display: inline-block;
	width: 380px;
	border-radius: 0;
	border-bottom: 1px solid #383838;
}

#pageslide .nosotrosnav :hover{
    position: relative; 
    z-index: 1500;
}

#pageslide .nosotrosnav a:hover{
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#pageslide .wrapper_facebook{ 
    display: inline-block;
    padding: 0 0 5px 30px;
    width: 120px;
    margin-top: 22px;	
}

#pageslide iframe{ 
    /*padding: 0 0 5px 0;*/	
}

#pageslide .fbook{
    position: relative;
    right: 5px;
    margin-bottom: 10px;
}

#pageslide .shadow_menu { 
    display: inherit;
	width: 20px;
	height: 100%;
	background: red;
	position: fixed;
	top: 0;
    /*z-index: 1000;*/
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(2,2,2,1) 9%, rgba(22,22,22,0) 84%, rgba(26,26,26,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(9%,rgba(2,2,2,1)), color-stop(84%,rgba(22,22,22,0)), color-stop(100%,rgba(26,26,26,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(2,2,2,1) 9%,rgba(22,22,22,0) 84%,rgba(26,26,26,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(2,2,2,1) 9%,rgba(22,22,22,0) 84%,rgba(26,26,26,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(2,2,2,1) 9%,rgba(22,22,22,0) 84%,rgba(26,26,26,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(2,2,2,1) 9%,rgba(22,22,22,0) 84%,rgba(26,26,26,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#001a1a1a',GradientType=1 ); /* IE6-9 */
}

#pageslide .shadow_right { 
	right: 0;
    background: -moz-linear-gradient(left,  rgba(26,26,26,0) 0%, rgba(10,10,10,0) 61%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(26,26,26,0)), color-stop(61%,rgba(10,10,10,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(26,26,26,0) 0%,rgba(10,10,10,0) 61%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(26,26,26,0) 0%,rgba(10,10,10,0) 61%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(26,26,26,0) 0%,rgba(10,10,10,0) 61%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(26,26,26,0) 0%,rgba(10,10,10,0) 61%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1a1a', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

#pageslide #menu p{ 
    display: none;
}

#pageslide #menu li ul {
    position: relative;
	top: 0;
	background-color: transparent;
	z-index: inherit;
}

#pageslide #menu li:hover ul{
    display: block;
    -o-animation-name: submenu2;
    -webkit-animation-name: submenu2;
    -moz-animation-name: submenu2;
    animation-name: submenu2;
}

@-o-keyframes submenu2{
    0%{
        top: 0;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes submenu2{
    0%{
        top: 0;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes submenu2{
    0%{
        top: 0;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 0;
        opacity: 1;
    }
}

@keyframes submenu2{
    0%{
        top: 0;
        opacity: 0;
    }
    50%{
        top: 0;
        opacity: 0;
    }

    100%{
        top: 0;
        opacity: 1;
    }
}

#pageslide .full_submenu a{
	width: 320px;
    font-size: 1.1em;
	padding-right: 40px;
	border-top: 1px solid #383838;
	border-bottom: none;
}

.full_submenu{
	padding: 0;
}

#pageslide .full_submenu {
    box-shadow: 4px 30px 35px 0px rgb(0 0 0 / 90%);
}

.designed{
	padding: 2.5em 0 3em 0;	
}
}

@media screen and (max-width: 1000px) {
.text_nosotros {
    width: 100%;
}
}
@media screen and (max-width: 900px) {

.marginfurgo {
    margin: 0 0 15px;
}
.wrap_clientes {
	width: 100%;
	float: left;
    margin-bottom: 100px;
}
.wrap_clientes h4{
	text-align: left;
}

.wrap_clientes img{
    float: none;
    margin: 2% 1% 2% 0;
    width: 23%;
}

.wrap_clientes img:nth-child(2) {
    margin: 2% 0;
}
.wrap_clientes img:nth-child(3) {
    bottom: 50px;
    margin: 2% 1% 2% 0;
    top: inherit;
    width: 25%;
}

.wrap_clientes img:nth-child(5) {
    margin: 2% 1% 2% 0;
}
}
@media screen and (max-width: 925px) {

.bub_repair {
    left: 75%;
}

.AlturaGresites{
    height: inherit;
}

.texto_gresites{
    width: 95%;
}

.texto_gresites .ver_video{
    width: 100%;
	height: 50px;
	align-items: center;
	-webkit-align-items: center;
    display: none;
}

.wrap_fotos .ver_video {
    display: inherit;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 20px 60px;
    position: relative;
	height: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.wrap_fotos {
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    right: inherit;
    top: inherit;
	width: 100%;
    margin: 150px 0 80px;
}

.slideshow_grupos, .fotofija {
    -ms-flex:1 1 0;
	-webkit-flex:1 1 0;
	flex: 1 1 0;
    position: relative;

}

.altura1{
    margin-left: 60px;
}

.altura2{
    margin: 0 20px;
}

.altura3{
    margin-right: 60px;
}
}

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

.nosotrosnav a{
	/*padding: 20px 20px 20px 20px;*/
}

.full_submenu a{
	padding:  10px 20px;
}

.navbar{
    padding: 15px 60px 15px 0;
}		
}

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

.camaras{
    width: 90%;
}
}

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

.tuberias{
    width: 520px;
}

.align h2{
    float: right;
}
}

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

h2{ 
	font-size: 3em;
	width: 500px;
}

.textoblanco{ 
	width: 400px;
}
}

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

#formulario{
    top: 610px;
}

.fullcontact_article{
    width: 100%;
}

.formulario_float{
	float: left;
	margin-top: 70px;
	width: 93%;
}

h3{ 
    font-size: 1.6em;
}

.fullcontact_article a{
    font-size: 1.6em;
}

.fullcontact_article p{
    font-size: 1.6em;
}

.email_article{
	margin: 7.5px 0;
}

.no_problem{
	width: 100%;
}

.experiencia{
	width: 37%;
	margin-bottom: 52px;
	float: right;
	position: absolute;
	text-align: right;
	right: 0;
	margin-right: 12%;
}

.experiencia img{
	width: 75%;
	margin-right: 3px;
}

.redesfull_contact{ 
	width: 60%;
	float: left;
}

.redes_contact{ 
	margin-bottom: 0;
}

.logo_contact{ 
	width: 60%;
	float: left;
}

#idiomboxfooter{
    margin-left: 60px;
}

.fondo_contacta {
    height: 1720px;
}

.fondonegro{
	background-color: #000000;
    box-shadow: -18px 15px 20px 5px rgba(0,0,0,0.95),
    18px -15px 20px 5px rgba(0,0,0,0.95),
	-18px -15px 20px 5px rgba(0,0,0,0.95),
	18px 5px 20px 5px rgba(0,0,0,0.95);
	z-index:1000;
}

.tuberiasParall .ver_info{
    background-color: #000000;
    box-shadow: -18px 15px 20px 5px rgba(0,0,0,0.95),
    18px -15px 20px 5px rgba(0,0,0,0.95),
    -18px -15px 20px 5px rgba(0,0,0,0.95),
    18px 5px 20px 5px rgba(0,0,0,0.95);
}

.fondonegro2{
	z-index:1000;
}

/*.fondonegro_texto{
    background-color: #141414;
    border-radius: 20%;
    box-shadow: -40px 1px 50px 50px rgba(20, 20, 20, 0.95), 
	40px -15px 40px 50px rgba(20, 20, 20, 0.95),
	-18px -15px 50px 5px rgba(20, 20, 20, 0.95),
	50px 100px 100px 100px rgba(20, 20, 20, 0.95);
}*/

.fondoSalina{
   /* background-image: url("../img/sal_mobile.jpg");*/
}
}


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

#logo{
    margin-left: 40px;
}
/*logo más grande*/
.navbar {
	right: 40px;
}
/*logo más grande*/
.redes{
    margin-right: 40px;
}

.wrap_flag{
    right: 40px;
}

.wrap_flag_pic{
    right: 40px;
}

.flag_youtube_main{
    right: 142px;
}

.wrap_rec{
    right: 40px;
}

.navbar{
    padding: 15px 0 15px 0;
}

.nosotrosnav a{
	/*padding: 20px 15px 20px 15px;*/
}

.full_submenu a{
	padding:  10px 15px;
}		
}
		
@media screen and (max-width: 830px) {

.bub_repair {
    left: 80%;
}
}

@media screen and (max-width: 890px) {
    .nosotrosnav a {
    padding: 15px 10px;
}

.full_submenu a {
    padding: 10px 20px;
}

#menu p {
    padding: 0;
}
}

@media screen and (max-width: 820px) {
    .nosotrosnav a {
    padding: 15px 7px;
}
#menu p {
    padding: 0 0 0 7px;
}
}

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

.autumn {
    height: 850px;
}
.widthfugas{
    width: 90%;
}
}

@media screen and (max-width: 805px) {
.summer {
	background-size: auto;
	-webkit-background-size: auto  !important;
}
}		
		
@media screen and (max-width: 800px) {

header{ 
	width: 100%;
	z-index: 5000;
}

h3{ 
    font-size: 1.7em;
	margin-right: 60px;
}

#idiomboxfooter{
    margin-left: 60px;
}

.contacto{
    text-align: left;
	margin: 0 0 15px 0;
}

.no_problem{
	width: 400px;
}

#formulario{
    top: 655px;
}
		 
#menu {
    display: none;
}

.open {
    display: inline-block;
}

@-o-keyframes submenu{
    0%{
        top: 0;
    }
    50%{
        top: 0;
    }

    100%{
        top: 0;
    }
}

@-webkit-keyframes submenu{
    0%{
        top: 0;
    }
    50%{
        top: 0;
    }

    100%{
        top: 0;
    }
}

@-moz-keyframes submenu{
    0%{
        top: 0;
    }
    50%{
        top: 0;
    }

    100%{
        top: 0;
    }
}

@ keyframes submenu{
    0%{
        top: 0;
    }
    50%{
        top: 0;
    }

    100%{
        top: 0;
    }
}

.telfhide {
    display: inline-block;
}


#logo{
    margin-left: 60px;
}

.redes{
    margin-right: 60px;
}

.wrap_flag{
    right: 60px;
}

.wrap_flag_pic{
    right: 60px;
}
.flag_youtube_main {
    right: 161px;
}

.wrap_rec{
    right: 60px;
}

.navbar{
    padding: 12px 0 12px 0;
}

/*logo más grande*/
.navbar {
	right: 60px;
}
/*logo más grande*/
		 
}

@media screen and (max-width: 800px) {
.slideshow_grupos, .fotofija {

}

.altura2{

}
.fondo_contacta{ 
	height: 1780px;
}
}

@media screen and (max-width: 630px) {
.slideshow_grupos, .fotofija {

}

.altura2{

}

/*logo más grande*/
.navbar {
	right: 40px;
}
/*logo más grande*/

}

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

.redesfull_contact{ 
	float: none;
}

.redes_contact{ 
	margin-bottom: 0;
}

.logo_contact{ 
	width: 60%;
	float: none;
}

.experiencia{
	width: 45%;
	margin-bottom: 52px;
	float: none;
	position: relative;
	text-align: left;
	left: 0;
	margin-right: 0;
	margin-top: 50px;
}

#formulario{
    top: 910px;
}

#formulariofull{
	width: 93%;
}

.formulario_float{
	margin-top: 20px;
}

.fondo_contacta{ 
	height: 2030px;
}
}


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

.bub_repair {
    left: 70%;
}

.articulo{ 
	width: 500px;
}

.texto{ 
	width: 500px;
}

.textomante {
    width: 600px;
}
}

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

#formulario{
    top: 950px;
}
}

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

#logo{
    margin-left: 40px;
}

.logolittle{
    margin-left: 40px;
}

.articulo{
    margin-left: 40px;
}

.align{
    margin-right: 40px;
}

.absolute {
	margin-right: 40px;
}

.redes{
    margin-right: 40px;
    width: 165px;
}

.wrap_flag{
    right: 40px;
}

.wrap_flag_pic{
    right: 40px;
}

.flag_youtube_main{
    right: 142px;
}

.wrap_rec{
    right: 40px;
}

.navbar{
    padding: 13px 0 15px 0;
}

.wrap_fotos .ver_video {
    margin: 20px 40px;
}

.altura1{
    margin-left: 40px;
}

.altura2{

}

.altura3{
    margin-right: 40px;
}

#idiomboxfooter{
    margin-left: 40px;
}

#formulariofull{
	width: 95%;
}

.copyright{
    margin: 0 40px;
}

.display_wrap {
	right: 40px;
}

}

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

.fondo_contacta{
    background-size: auto;
    -webkit-background-size: auto  !important;
}

.email_article{
	margin: 15px 0;
}

.texto{ 
	font-size: 1.35em;
}

h2{ 
	font-size: 2.5em;
	width: 400px;
}

.articulo{
    top: 20px;
}

#idiomboxfooter{
	top: 80px;
}

.align h2{
    float: right;
}
.tuberias, .camaras {
    width: 450px;
}

.textonegro, .textoblanco{ 
	width: 400px;
}

.altura1, .altura2 , .altura3{

}
}

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

#formulario{
    top: 980px;
}
}

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

#formulario{
    top: 800px;
}

#pageslide { 
    width: 260px;
}

#pageslide .flag_youtube_main{ 
    right: 175px;
}

#pageslide .shadow_right { 
	background: none;
}

#pageslide .nosotrosnav a{ 
    padding: 9px 0 8px 30px;
	display: inline-block;
	width: 260px;
	border-radius: 0;
}

#pageslide .full_submenu a{
	width: 230px;
    font-size: 0.9em;
	padding-right: 40px;
	padding-top: 8px;
	padding-bottom: 6px;
}

#pageslide .full_submenu li:nth-child(3) a{
    letter-spacing: -0.5px;
}
}

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

.articulo{ 
	width: 90%;
}
.wrap_clientes {
    width: 90%;
}
.wrap_clientes img {
    width: 45%;
	margin: 2% 2% 2% 0;
}

.wrap_clientes img:nth-child(2) {
    margin: 2% 2.5% 2% 0;
}

.wrap_clientes img:nth-child(3) {
    width: 45%;
}
.wrap_clientes img:nth-child(5) {
    margin: 2% 1% 2% 0;
}
}

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

.wrap_fotos {
    margin: 100px 0 20px;
}

.wrap_fotos .ver_video {
    margin: 30px 40px;
}
}
@media screen and (max-width: 600px) {



.logo_contact{ 
	width: 80%;
}

.texto{ 
	width: 80%;
}

.textomante{ 
    width: 100%;
}

.textoblanco{
	background-color: #000000;
    box-shadow: -18px 15px 20px 5px rgba(0,0,0,0.95),
    18px -15px 20px 5px rgba(0,0,0,0.95),
	-18px -15px 20px 5px rgba(0,0,0,0.95),
	18px 15px 20px 5px rgba(0,0,0,0.95);
}

.marginfurgo{
	margin: 0 0 0 0;	
}
}


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

.texto{ 
	font-size: 1.35em;
	width: 350px;
}
.textoblanco{ 
	width: 300px;
}

.textomante{ 
    width: 100%;
}

h2{ 
	font-size: 35px;
	width: 350px;
}

.camaras{ 
	width: 85%;
}

.tuberias{ 
	width: 350px;
}

.marginfurgo{
    width: 75%;
}

.altura1, .altura2 , .altura3{

}

.slideshow_grupos, .fotofija {
    height: 120px;
}

.fotofija li span {
    -webkit-border-radius: 5px;
    -webkit-background-size: cover  !important;
    background-size: cover;
    height: 120px;
}

.slideshow_grupos li span {
    -webkit-background-size: cover  !important;
    background-size: cover;
    height: 120px;
}
}

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

.no_problem{
	width: inherit;
}
}

@media screen and (max-width: 470px) {
.summer {
    background-image:  url(../img/foto_home_ok_heigh_iphone9cinturon.jpg);
    background-size: auto;
    -webkit-background-size: auto  !important;
	height: 401px;
}

.bubbles2 {
	top: -10px;
	left: 150px;
	width: 100px;
}

.bub3 {
	width: 160px;
	top: -110px;
}

.bub4 {
	width: 197px;
	left: 105px;
	top: -105px;
}
}

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

h3{ 
	margin-right: 15px;
}
}

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

.bub_repair {
    left: 65%;
}

#logo{
    margin-left: 30px;
}

.logolittle{
    margin-left:30px;
}

.absolute {
	margin-right: 30px;
}

.redes{
    margin-right: 30px;
}

.wrap_flag{
    right: 20px;
}

.wrap_flag_pic{
    right: 30px;
}

.flag_youtube_main{
    right: 132px;
}

.wrap_rec{
    right: 30px;
}

.navbar{
    padding: 13px 0 15px 0;
}

/*logo más grande*/
.navbar {
	right: 30px;
}
/*logo más grande*/

.articulo{
    margin-left: 30px;
}

.texto strong{
    padding-top: 67px;
}

#idiomboxfooter{
    margin-left: 30px;
}

h3{
    font-size: 1.3em;
}
.no_problem{
	width: 280px;
    letter-spacing: -1.2px;
}

.fullcontact_article a{
    font-size: 1.2em;
}

.fullcontact_article p{
    font-size: 1.2em;
}

.redesfull_contact{ 
	width: 80%;
}

.align{
    margin-right: 0;
    text-align: left;
}

.align .ver_video {
    right: inherit;
}

h2{
    font-size: 28px;
    width: 280px;
}

.tuberias{
    width: 310px;
}

.align h2{
    float: none;
	margin-left: 0;
}

.fondonegro{
	background-color: #000000;
    box-shadow: -18px 15px 20px 5px rgba(0,0,0,0.95),
    18px -15px 20px 5px rgba(0,0,0,0.95),
	-18px -15px 20px 5px rgba(0,0,0,0.95),
	18px 5px 20px 5px rgba(0,0,0,0.95);
	z-index:1000;
}

.texto{ 
	font-size: 1.15em;
	width: 90%;
}

.parrafo{
    text-align: left;
    float: left;
	margin-left: 0;
}

.copyright{
	margin: 0 30px;
}

.winter p{ 
	color: black;
}

.wrap_fotos {
    margin: 100px 0 50px;
}

.wrap_fotos .ver_video {
    height: 60px;
    margin: 20px 30px;
	-webkit-order: 4;
	order: 4;
}

.slideshow_grupos, .fotofija {
    flex: 1 1 100%;
    position: relative;
}

.slideshow_grupos, .fotofija, .fotofija li span, .slideshow_grupos li span {
    height: 200px;
}

.altura1, .altura3{
    margin: 0 30px;
}

.altura2{
    margin: 20px 30px;
}

.telfhide{	
    font-size: 1.2em;
}

.telf_float{	
	top: 0;
}

.telfhide img{	
    display: none;
}

.experiencia{
	width: 65%;
}

.fondo_contacta{ 
	height: 1900px;
}
.telf_float img {
    display: none;
}
.telfhide {
    margin-top: 5px;
}
}


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

#formulariofull{
	width: 94%;
}
.experiencia{
	margin-top: 40px;
	margin-bottom: 20px;
}

h4 {
    font-size: 1.1em;
	padding: 5px 12px;
    border-radius: 4px;
}

.arterisco{
	height: 33px; 
}

.arterisco h4{
	font-size: 3.5em;
	bottom: 6.5px;
}


#idiomboxfooter input[type='text'] {
    border-radius: 4px;
	font-size: 1.1em;
    padding:  5px 10px;
    margin: 9px 0;
}

#idiomboxfooter textarea {
    height: 150px;
    margin: 10px 0;
	font-size: 1.1em;
    padding:  0.5em 8px 0.5em 10px;
}

#botonenviarentero input[type='submit']{
    padding: 0.7em 10px;
    font-size: 1.4em;
}

.fondo_contacta{ 
	height: 1604px;
}
}

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

#formulariofull{
	width: 92%;
}
}

@media screen and (max-width: 350px) {
.logo_zlabs{
	margin-left: 6em;
}
}

@media screen and (max-width: 321px) {
.logo_zlabs{
	margin-left: 1.8em;
}
}

/* PUNTO PRECISO */


/*EMPIEZA APARTADO DISPLAY */

@media screen and (max-width: 1430px) {
.preciso{
	width: 680px;
}
}

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

.cctv {
    width: 55%;
}

.display_wrap {
    width: 32%;
}
}

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

.punto_exacto{
	height: 700px;
}
}

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

.punto_exacto{
	height: 750px;
}
}

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

.punto_exacto{
	height: 925px;
}
}

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

.preciso_full{
	top: 10px;
}	
	
.preciso{
	width: 90%;
}

.texto_preciso{
	width: 90%;
}
.display_wrap {
    height: 150px;
    top: 150px;
    width: 90%;
	right: inherit;
	float: left;
}

.gas {
	font-size: 2em;
	margin-top: 0;
	margin-bottom: 0;
    -webkit-flex: 0.7;
    -ms-flex: 0.7;
    flex: 0.7;
}

.wrap_barra_full {
    height: inherit;
}

.wrap_barra {
    height: inherit;
}

.barra {
    height: 26px;
}

.wrap_barra_vertical {
    height: 76px;
    margin-bottom: 5px;
}

.medicion_vertical_wrap {
    height: 78px;
}
.wrap_barra_full span {
    bottom: -7px;
}

.wrap_datos {
    margin-bottom: 2px;
    height: inherit;
    -webkit-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
}

.datos {
    height: 33px;
}

.wrap_datos .datos:nth-child(1) img {
    width: 22%;
}

.wrap_datos .datos:nth-child(3) img {
    width: 27%;
}
}

@media only screen and (min-width: 580px)and (max-width: 750px) {

.wrap_barra_vertical {
    height: 60px;
    margin-bottom: 5px;
}

.medicion_vertical_wrap {
    height: 62px;
}
}

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

.texto_preciso{
	width: 100%;
}

.display_wrap {
	width: 100%;
}

.wrap_barra_extra_full {
    -webkit-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    bottom: 4px;
	position: relative;
}


.wrap_barra_full {
    bottom: 3px;
}

.wrap_barra_full span {
    font-size: 1.6em;
}

.wrap_barra_vertical {
    margin-bottom:0;
}

.medicion_wrap {
    height: 3px;
}

.gas {
    -webkit-flex: 0.2;
    -ms-flex: 0.2;
    flex: 0.2;
}

.barra {

}

.wrap_datos {
    -webkit-flex: 0.3;
    -ms-flex: 0.3;
    flex: 0.3;
}

.wrap_datos .datos:nth-child(1) img {
    width: 23%;
}

.wrap_datos .datos:nth-child(3) img {
    width: 25%;
}

.datos span {
    font-size: 1.3em;
}
}

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


.display_wrap {
	height: 170px;
}

.barra {
    height: 30px;
}

.wrap_barra_vertical .barra {
    background-color: black none repeat scroll 0 0;
    height: 30px;
    margin: 2px;
    width: 26px;
	position: relative;
	 z-index: 2000000;
	 display: block;
}

.wrap_barra_full span {
    bottom: 0;
}

.gas {
    margin-bottom: 7px;
}

.wrap_datos .datos:nth-child(3) img {
    width: 45%;
}

.wrap_datos .datos:nth-child(1) img {
    width: 30%;
}
}

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

.texto_preciso{
	width: 80%;
}

.display_wrap {
	width: 90%;
}
}

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

.display_wrap {
	width: 90%;
}
}

/*ACABA APARTADO DISPLAY */


@media screen and (max-width: 500px) {	
.preciso_full{
	top: -20px;
}
	
.preciso{
	width: 90%;
}

.texto_preciso{
	letter-spacing: -1.06px;
}
}

@media screen and (max-width: 430px) {
	
.texto_preciso{
	letter-spacing: inherit;
    width: 90%;
}


.wrap_datos .datos:nth-child(1) img {
    width: 40%;
}
}

@media screen and (max-width: 400px) {
	
.preciso{
	width: 260px;
}

.display_wrap {
	width: 87%;
}

}

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

}

@media screen and (max-width: 470px) {
	
.tub_vector{
	right: -100px;
}
.wrap_rec {
    right: 12px;
}
}