form #website{ display:none!important; }

.regresarbt{
    width: 70%;
    margin: 36px 0 0 15%;
}
::-webkit-input-placeholder { color:#454545!important; }
::-moz-placeholder { color:#454545!important; } /* firefox 19+ */
:-ms-input-placeholder { color:#454545!important; }/* ie */
input:-moz-placeholder { color:#454545!important; }
.mejor, a:link {
  text-decoration: none!important;
  font-family: 'Aller', sans-serif;
  color: #0cf;
  font-size: 11px;
  text-align: center;
}

.headgracias{
  padding-top:20px!important;
}
.contactosec1{
    position: relative;
    width: 15vw;
    margin-left: 20vw;
    margin-top: -130px;

}
.txtpreciospro {
      margin-top: 10vh;
    margin-bottom: 10px;
    /* letter-spacing: 2px; */
    font-family: Gentona, regular;
    color: white;
    font-weight: 400;
    text-align: center;

}
.sechead22{
	 position: fixed;
  z-index: 1010!important;
  width: 100%;
  margin-top: 0;
  padding-top: 5px;
  background-color: white;
    -webkit-box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.6);
box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.6);
  color: white;
}
.tituloformal {
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: -15%!important;
    margin-right: -15%;
    color: #0cf!important;
    font-family:'Aller'!important;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 33px;
    text-shadow: black 0px 1px 0px;
}

.servicioslast{


}
.procesop{
        position: fixed;
    width: 60vw;
    left: 20vw;

}
  .contactotelf{
  	width: 20px;
    margin-left: 5px;
  }
  .imgcontactocolf{
  	width: 30px;
    margin-left: -7px;
  }
.imgcontactomailf{
	width: 35px;
	margin-top:3px;
    margin-left: -7px;
}
.contactotel{
  	   width: 22px;
    margin-left: -7px;
  }
.contactosec1:hover{
    -webkit-transform:  scale(1.2);
    
    -moz-transform:  scale(1.2);
    -o-transform:  scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition-timing-function: linear;
    transition: 1s ease-in-out;


}
.trisec2{
	       z-index: 999;
    left: 10vw;
    top: -5%;
    width: 80vw;
}
.trisec3{
	   z-index: 999;
}
.lefttri{
 z-index: 999;
    top: 20%;
}
.lineafondo{
	position: absolute;
    z-index: 0;
    left: 0;
     bottom: 32px;
    width: 100vw;
    height: 70px;
}
.lineafondo1{
	position: absolute;
    z-index: 0;
    left: 0;
    bottom:-20px;
    width: 100vw;
    height: 40px;
      -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.logosecserv{
    position: fixed;
    width: 34vw;
    left: 33vw;
    margin-top: 10vh;
    z-index: 0;
}
.secnoresize{
background-color: rgba(0,0,0,0.85);
height:100vh;
width: 100vw;
position:fixed;
z-index: 9999;
display: none;
}
.tabb{
	width:18vw;

}
.tababajo{
	    position: fixed;
    bottom: 4vh;

}
.tabb:hover {
  animation: aniprueba linear 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: aniprueba linear 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: aniprueba linear 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: aniprueba linear 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: aniprueba linear 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes aniprueba{
  0% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  50% {
    transform:  scaleX(1.05) scaleY(1.05) ;
  }
  100% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes aniprueba{
  0% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  50% {
    -moz-transform:  scaleX(1.05) scaleY(1.05) ;
  }
  100% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes aniprueba {
  0% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  50% {
    -webkit-transform:  scaleX(1.05) scaleY(1.05) ;
  }
  100% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes aniprueba {
  0% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  50% {
    -o-transform:  scaleX(1.05) scaleY(1.05) ;
  }
  100% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes aniprueba {
  0% {
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  50% {
    -ms-transform:  scaleX(1.05) scaleY(1.05) ;
  }
  100% {
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}


.nuevv{
	    margin-left: 6vw;
	}

/* Style the tab */
div.tab {
    overflow: hidden;
        padding: 10px 0 0 0;
        z-index:999;
}

/* Style the links inside the tab */
div.tab a,div.tab img {
    float: left;
    display: block;
    color: black;

    text-align: center;
    padding: 0;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}
.contsec1{

  margin-left: auto;
  margin-right: auto;
  max-width: 80vw;

}
/* Style the tab content */
.tabcontent {
    display: none;
    margin: 10px auto;
    width: 50vw;
    z-index: 999;
    margin-left: 16vw;
    position: fixed;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;}

.tabscontent{

}
.tabvis{visibility:normal;}
.tabnovis{display:none!important;}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.imgnoresize{
  width: 70vw;
  margin: 25vh 16vw!important;

}


.padtopnav{

    margin-top: 66vh!important;

}

.rowctct {
  margin-top: 25px;
}

.txtplan {    margin-bottom: 4px;
    font-family: 'Aller', sans-serif;
    color: #b4dbf1;
    font-size: 0.7em;
    margin-left: 0px;
    text-align: center;
}
.plan2{
	margin-left:0px!important;
}

.rowradio {
  height: 30px;
  max-height: 30px;
}

.secslider{
position: relative;
  height: 100vh;
  margin-top: 35px;
  margin-top: 101px;
  background-image: -webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 50px;
  z-index: 0!important;
margin-top: 0px;
    width: 100vw;
    padding-top: 30vh;
        z-index: 150!important;
      }


@font-face {
  font-family: 'Aller';
  src: url('../fonts/Aller_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Aller_Lt';
  src: url('../fonts/Aller_Lt.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'KiloGram_KG';
  src: url('../fonts/KiloGram_KG.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gentona';
  src: url('../fonts/Rene Bieder - Gentona ExtraBold DEMO.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gentona_It';
  src: url('../fonts/Rene Bieder - Gentona ExtraBold Italic DEMO.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Aller_Bd';
  src: url('../fonts/Aller_Bd.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
.txtprecios2 {
      margin-top: -50px;
    margin-bottom: 10px;
    /* letter-spacing: 2px; */
    font-family: Gentona, regular;
    color: white;
    font-weight: 400;
    text-align: center;

}
.imgcontacto{
  width:80%;
}
.mail2{
  padding-top:5px;
}
.btn-ct1 {
        padding-top: 36vh;
    width: 90%;
    margin: 100px 0 0 4px;
  }
.btn-ct2{
        padding-top: 46.5vh;
    width: 90%;
    margin: 100px 0 0 10px;
}
.btn-ct3{
      padding-top: 68vh;
    width: 90%;
    margin: 100px 0 0 14px;
}
.div-logo {
  display: block;
  width: 28%;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 2%;
  border-radius: 100%;
  background-color: #fff;
}
.imglogo {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 6%;
}

.divagra {
  display: block;
  width: 43vw;
  margin-top: 62px;
  margin-right: auto;
  margin-left: auto;
  padding: 1% 2% 2%;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, .1);
  font-family: 'Aller', sans-serif;;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  text-shadow: 1px 1px 3px #000;
}

.tituloag {
  font-family: 'Gentona', serif;
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-size: 50px;
  color: #22a2dc;
}
.secservicios.agradecim {
  overflow: hidden;
  height: 100vh;
}

.logo {
  display: block;
  width: 33%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.girar{
  z-index: 0;
  width: 60%;
  left:20%;
  top:5vh;
}
.fondoinfoc{
background-color: rgba(255,255,255,0.15);
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 14px 10px 10px 10px;
    margin-top: 0;
}
.contacto1 {
  padding-left: 13px;
  font-family: 'Aller', sans-serif;
  color: rgba(0, 0, 0, 0.43);
  font-size: 1em;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px;
}
.contacto2 {
  padding-left: 0;
  font-family: 'Aller', sans-serif;
  color: white;
  font-size: 1em;
  text-shadow: rgb(0, 0, 0) 1px 2px 1px;
}
.padtop30{
  padding-top: 30px;
  
}
.contacto1.mail {
  padding-top: 6px;
}

.secservicios {
  width: 100vw;
  position: relative;
  height: 100vh;
  margin-top: 35px;
  margin-top: 70px;
  background-color:white;
  z-index: 0!important;
}
.secservicios11 {
  width: 100vw;
  position: relative;
  height: 100vh;
  margin-top: 35px;
  margin-top: 70px;
  background-color:white;
  z-index: 0!important;
   background-image: -webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.8)), url('../images/patronf.png');
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.8)), url('../images/patronf.png');
}
.serv2{
  width: 60%;
  margin: 0 auto;
}
.secservicios3 {
  position: relative;
  height: 100vh;
  width: 100vw;
  padding-top: 20vh;
  background-image: -webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 50px;
  z-index: 1000!important;
  top:0;
}

.secservicios2 {
  position: relative;
  height: 100vh;
  width: 100vw;
  padding-top: 30vh;
  background-image: -webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 50px;
  z-index: 1000!important;
  top:0;
}

.secservicios._2 {
  margin-top: 0px;
}

.secservicios._2222 {
 margin-top: 0px;
    width: 100vw;
    padding-top: 130px;
        z-index: 150!important;
}

.headserv {
  font-family: 'Gentona', serif;
  color: rgba(253, 253, 253, 0.95);
  font-weight: 400;
  text-align: center;
  text-shadow: black 2px 2px 3px;
}
.exclamacion{
	  font-family: 'KiloGram_KG', serif;
  color: rgba(253, 253, 253, 0.95);
  font-weight: 400;
  text-align: center;
  
  color: #38a7cf;
  font-size: 40px!important;
}
.exclamacion2{
    font-family: 'KiloGram_KG', serif;
  color: rgba(253, 253, 253, 0.95);
  font-weight: 400;
  text-align: center;
  
  color: #38a7cf;
  font-size: 16px!important;
}
}
.divfondogira{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.headserv.tituloform {
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: -15%!important;
    margin-right: -15%;
    color: #0cf;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 33px;
    text-shadow: black 0px 1px 0px;
}

.headserv.tituloform._2 {
  color: #38a7cf;
  font-size: 40px!important;
}
.scroll3{
  margin-left:45%;
  width:100px;
}
.scroll4{
 padding-top: 200px;
    width: 80px;
    position: absolute;
    opacity: 0.5;
    margin: 0 auto;
    left:50%;
    margin-left: -40px;
}
.divserv {
  margin-top: -20px;
}
.divserv2{
  margin-top:0px;
  top:0;
}
.divserv._2 {
  margin-top: 58px;
}

.imgserv {
  display: block;
  width: auto;
  height: 58px;
  margin-right: auto;
  margin-left: auto;
}
.imgserv2 {
   display: block;
  width: auto;
  height: 50px;
  margin:10px auto;
}

.imgserv._2 {
  width: 66px;
  height: 38px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.divform {
  margin-top: -20px;
  margin-right: 30px;
  margin-left: 30px;
  padding: 6px 26px 0px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.13);
}

.boton1 {
  display: block;
  width: 203px;
  height: 40px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 64px 0px 0px;
  background-color: transparent;
  background-image: url('../images/boton.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;

}
.btn-ct1:hover,.btn-ct2:hover,.btn-ct3:hover,.regresarbt:hover{
  cursor: pointer; cursor: hand;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  -webkit-animation: animationFrames3 linear 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: animationFrames3 linear 1s;
  -moz-animation-iteration-count: infinite;
  -o-animation: animationFrames3 linear 1s;
  -o-animation-iteration-count: infinite;
  -ms-animation: animationFrames3 linear 1s;
  -ms-animation-iteration-count: infinite;
}
/*animacion en css*/
.boton1:hover,.boun:hover{
  animation: animationFrames2 linear 2s;
  cursor: pointer; cursor: hand;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames2 linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames2 linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames2 linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames2 linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames2{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50%{
            transform: translate(0px, -5px);
transform: scale(1.3);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-moz-keyframes animationFrames2{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50%{
            transform: translate(0px, -5px);
transform: scale(1.3);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-webkit-keyframes animationFrames2 {
 0% {
    transform:  translate(0px,0px)  ;
  }
  50%{
            transform: translate(0px, -5px);
transform: scale(1.3);
  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-o-keyframes animationFrames2 {
 0% {
    transform:  translate(0px,0px)  ;
  }
  50%{
            transform: translate(0px, -5px);
transform: scale(1.3);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-ms-keyframes animationFrames2 {
  0% {
    transform:  translate(0px,0px)  ;
  }
  50%{
            transform: translate(0px, -5px);
transform: scale(1.3);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}
/*fin animacion en css*/
/*.boton1:hover {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}
*/
keyframes animationFrames3{
  
  50%{
          
transform: scale(1.1);

  }

}

@-moz-keyframes animationFrames3{
  
  50%{
      
transform: scale(1.1);

  }

}

@-webkit-keyframes animationFrames3 {

  50%{
          
transform: scale(1.1);
  }

}

@-o-keyframes animationFrames3 {

  50%{
           
transform: scale(1.1);

  }
  
}

@-ms-keyframes animationFrames3 {

  50%{
          
transform: scale(1.1);

  }
  
}

.boton1.horizontal {
  margin-top: 0px;
  padding-top: 100px;
}

.txtform {
      margin-bottom: 0px;
    padding: 0.5vh 0px 0.5vh 0px;
    border-bottom: 1px none rgba(245, 245, 245, 0.5);
    font-family: 'Aller', serif;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    text-shadow: black 0px 2px 0px;
 
}
.txtform2 {
     margin-bottom: 0px;
    padding: 6px 46px 14px 40px;
    border-bottom: 1px none rgba(245, 245, 245, 0.5);
    font-family: 'Aller', serif;
    
    color: #38a7cf;
    font-size: 29px;
    line-height: 20px;
    text-align: center;
    margin-left: -25%!important;
    margin-right: -25%;
}

.txtform.titserv {
  margin-right: 10%;
  margin-bottom: 6px;
  margin-left: 10%;
  font-family:'Gentona';
  border-bottom: 1px solid rgba(245, 245, 245, 0.57);
  font-size: 23px;
}

.txtform._2 {
  color: #636363;
  font-size: 18px;
  text-shadow: black 0px 1px 0px;
}

.sec1 {
  width:100%;
  height: 100%;
  background-image: -webkit-radial-gradient(50% 50%, circle, #4da8d1, #1b659e), url('../images/fondo1.png');
  background-image: radial-gradient(circle at 50% 50%, #4da8d1, #1b659e), url('../images/fondo1.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 100% 100%;
  background-repeat: repeat, no-repeat;
  z-index: 3;
}

.imgcuerpo {
  position: absolute;
  z-index: 13;
  text-align: center;
  height: 100vh;
  left:50%;
  margin-left:-18vh;
  

}
.scroll2{
  position:absolute;
  left:50%;
  top:40%;
  width:20vw;
  margin-left:-100px;
  z-index:9999;
}
/*animacion en css*/
.bouncecss{
  animation: animationFrames linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  20%{
    transform: translate(0px, 20px);
  }
  40%{
        transform: translate(0px, 0px);
      }
  60%{
            transform: translate(0px, 15px);

  }
  80%{
            transform: translate(0px, 0px);

  }
  90%{
            transform: translate(0px, 10px);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  20%{
    transform: translate(0px, 20px);
  }
  40%{
        transform: translate(0px, 0px);
      }
  60%{
            transform: translate(0px, 15px);

  }
  80%{
            transform: translate(0px, 0px);

  }
  90%{
            transform: translate(0px, 10px);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-webkit-keyframes animationFrames {
 0% {
    transform:  translate(0px,0px)  ;
  }
  20%{
    transform: translate(0px, 20px);
  }
  40%{
        transform: translate(0px, 0px);
      }
  60%{
            transform: translate(0px, 15px);

  }
  80%{
            transform: translate(0px, 0px);

  }
  90%{
            transform: translate(0px, 10px);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-o-keyframes animationFrames {
 0% {
    transform:  translate(0px,0px)  ;
  }
  20%{
    transform: translate(0px, 20px);
  }
  40%{
        transform: translate(0px, 0px);
      }
  60%{
            transform: translate(0px, 15px);

  }
  80%{
            transform: translate(0px, 0px);

  }
  90%{
            transform: translate(0px, 10px);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    transform:  translate(0px,0px)  ;
  }
  20%{
    transform: translate(0px, 20px);
  }
  40%{
        transform: translate(0px, 0px);
      }
  60%{
            transform: translate(0px, 15px);

  }
  80%{
            transform: translate(0px, 0px);

  }
  90%{
            transform: translate(0px, 10px);

  }
  100% {
    transform:  translate(0px,0px) ;
  }
}
/*fin animacion en css*/
.imgtxt {
    margin: 0px 29%;
    width: 40%;
    z-index: 100;
    left: 0%;
}
.imgtxt3{
margin:0 13%;
width:80%;  
z-index:500;
left:-3%;
top:14%;
}
.input {
  height: 30px;
  margin-bottom: 6px;
  border: 1px solid black;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.58);
  box-shadow: rgba(0, 0, 0, 0.61) 0px 0px 4px 0px inset;
  font-family: 'Aller', sans-serif;
  color: white;
  font-style: normal;
}

.input.mnsje {
  position: static;
  height: 85px;
}
.input.mnsje2 {
  position: static;
  height: 102px;
}

.rowserv {
  margin-top: 6px;
}

.imgscroll {
  position: absolute;
  left: 0px;
  top: 280px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 12%;
  margin-right: auto;
  margin-left: auto;
}
.imgscrolln1 {
     position: absolute;
    left: 2vw;
    top: 27vh;
    display: block;
    width: 11vw;
}
.imgscrolln2 {
      position: absolute;
    right: 2vw;
    top: 27vh;
    display: block;
    width: 11vw;
}
.imgscroll2{
  position: absolute;
    left: 0px;
    top: 410px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 7%;
    margin-right: auto;
    margin-left: auto;
}

.sechead {
  position: fixed;
  z-index: 1010!important;
  width: 100%;
  margin-top: -102px;
  padding-top: 5px;
  background-color: white;
    -webkit-box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.6);
box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.6);
  color: white;
}

.sechead._2 {
  position: absolute;
}

.rowhead {
  margin-top: 23px;
}

.sec2 {
  bottom:0;
  z-index: 10;
  width: 100%;
  background-image: -webkit-radial-gradient(50% 50%, circle, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0), black), url('../images/patronf.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 50px;
}

.secprecios {
  background-image: url('../images/patronf.png');
  background-position: 0px 0px;
  background-size: 50px;
  height: 100vh;
  width: 100vw;
  padding-top: 80px;
  padding-bottom: 30px;
}

.sectarjeta {
  bottom:0;
  z-index: 1!important;
  width: 100%;
  background-image: -webkit-radial-gradient(50% 50%, circle, #4da8d1, #1b659e);
  background-image: radial-gradient(circle at 50% 50%, #4da8d1, #1b659e);
}

.seccont {
  height: 100%;
    width: 100%;
  top: 75px;
    padding-top: 18vh;
  background-color: #494949;
  background-image: -webkit-linear-gradient(#c4d4f1, white);
  background-image: linear-gradient(#c4d4f1, white);
  box-shadow: rgba(0, 0, 0, 0.63) 1px 1px 3px 0px;
  z-index: 1;

}
.imglogoslog{
  
  width: 600px;
  top:300px;
  margin-top: -175px;
  left:50%;
 margin-left: -300px;
    
}
.imgslogancintas{
     top: 360px;
    width: 1056px;
    margin-left: -5.5%;
}
.imgmano {
  top:-30vh;
    height: 120vh;
    margin: 0 auto;
    z-index: 100;
}

.slogan {
  display: block;
  font-size: 13pt;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gentona', serif;
  color: #38a7cf;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 2px;
}

.txtprecios {
  margin-top: 33px;
  font-family: Oswald, sans-serif;
  color: white;
  font-weight: 400;
  text-align: center;
}


.imgprecios {

height: 100vh;
    display: block;
    background-image: url('../images/precios.png');
    background-size: 100% 69vh;
    background-position-y: 139px;
    background-position-x: center;
    margin: -100px auto 0px;
    background-repeat: no-repeat;
}

.containerpiso1 {
  position: relative;
}
.piso2{
  z-index: 5;
  bottom: 0px;
}
.botcero{
  bottom: 0;
}
.divpiso1 {
  
  z-index: 5;
  position: relative;
  width: 100%;
  height: 200px;
  background-image: -webkit-linear-gradient(#151515, #575555);
  background-image: linear-gradient(#151515, #575555);
}

.divpiso1._1 {
  background-image: -webkit-linear-gradient(bottom, #4da8d1, #1b659e);
  background-image: linear-gradient(to top, #4da8d1, #1b659e);
}

html.w-mod-js *[data-ix="bounce"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="hover-bounce"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}


@media (max-width: 991px) {
  .txtprecios2{
       font-size: 30px;
    margin-bottom: 0!important;
  }


  .imglogoslog{
  
     width: 600px!important;
    
    left: 45%!important;
   
    
}
.imgslogancintas{
  top:360px;
  
    left:0%;
    bottom: none;

}
  .contacto1 {
    padding-left: 5px;
  }
  .imgscroll {
    margin-top: 47px;
  }
  .divpiso1 {
    height: 150px;
  }
}

@media (max-width: 767px) {
  .secnoresize{

display: block;
}
  .divagra {
    width: 80vw;
  }
  .imgprecios {
  width: 90%;}
  .seccont{
    height: 100vh;
  }
  .boton1 {
    width: 90%;
  }
.headserv.tituloform {
   font-size: 20px;
  line-height: 38px;
 }
  .txtform {
  
  padding: 6px 0px 14px 0px;
  font-size: 14px;
  line-height: 23px;
 
}
   .imglogoslog{
     width: 500px!important;
    left: 52%!important;
}
.imgslogancintas{
  top:55vh;
}
  .girar{
  z-index: 0;
  width: 80%;
  left:10%;
  top:15vh;
}
  .logo {
    width: 43%;
  }
  

  
  .divform._4444 {
    margin-top: 40px;
  }
  .txtform.titserv {
    margin-bottom: 10px!important;
  }
  .imgscroll {
    margin-top: -30px;
  }
  .rowhead {
    position: relative;
    width: 200px;
  }
  .rowhead._222 {
    left: -63px;
  }
  .divpiso1 {
    height: 100px;
  }
  .divpiso1._1 {
    height: 100px;
  }
  .coltel {
    padding-left: 0px;
  }
  .imgserv {
    height: 50px;
  }
  .imgserv._2 {
    width: 55px;
    height: 32px;
  }
  .headserv{
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .imgprecios {
  width: 95vw;}
  .imgscroll {
    margin-top: -50px;
  }
  .divform{
     margin-top: 130px;
  margin-right: 0px;
  margin-left: 0px;

  
  
  }
  .imglogoslog{
     width: 200px!important;
    margin-left: -40%!important;
}
.imgslogancintas{
  top:30vh;
}
  .imgmano{margin-top: 23vh!important;
    height:70vh!important;}
  .contacto {
    width: 17px;
    margin-left: -7px;
  }
 .contactotel{
  	   width: 10px;
    margin-left: -7px;
  }

  .contacto1 {
    width: 80px;
    font-family: 'Aller', sans-serif;
    margin-left: -18px;
    padding-left: 0px;
    font-size: 11px;
  }
  .contacto1.mail {
    margin-left: -17px;
    padding-left: 0px;
    font-size: 10px;
  }
  
  .headserv.tituloform {
    font-size: 25px;
    line-height: 37px;
  }
  .imgserv {
    height: 50px;
  }
  .imgserv._2 {
    width: 55px;
    height: 32px;
  }
  .divform._4444 {
    margin-right: 5px;
    margin-left: 5px;
  }
  
  
  .imgcuerpo {
    margin-bottom: -50px;
  }
  
 
  .sechead {
    position: absolute;
   
  }
  .rowhead {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .rowhead._222 {
    left: auto;
    display: block;
    margin: 3px auto 5px -21px;
  }
  .rowhead._44 {
    position:static;
   left:0px;
   right: 0px;
   margin-top: 0px;
   margin-left: 0px;
  }
  .slogan {
    margin-top: 3px;
  }
  .divpiso1 {
    height: 60px;
  }
  .divpiso1._1 {
    height: 60px;
  }
  .col1p {
   
    margin-right: auto;
    margin-left: auto;
  }
  .blockdisp{
    display: inline-block;
  }
}