/* ==============================================================================================================*/
/* Generales                                                                                                     */
/* ==============================================================================================================*/

/* Resetear el fichero css*/
*{  margin: 0;
    padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}


html, body{
    width: 100%;
    height: 100%;
}

/* deshabilitar linea en link y poner color fijo*/
a:link, a:visited, a:active, a:hover {text-decoration:none; color: #575757 } 

/* Esconder un campo en un formuario para evitar el spam */
.secret{ display: none; } 


/* ==============================================================================================================*/
/* Cookies y privacidad y textos legales                                                                         */
/* ==============================================================================================================*/

.area-cookies {
    width:100%;
    position:fixed;
    bottom: 0px;
    left: 0px;
    background: #3c3f45;   
    border-top: 1px solid #d9d9d9;
    display: block;
    opacity: 1.9;
    z-index: 3;
}
.cookie {
    font-size: 12px; 
    font-weight: normal; 
    line-height:20px;
    margin: 0px 10px 10px 10px;
    z-index: 1;
}
.icon-pos-close-cookie {       
    position: absolute; right: 10px; top: 10px; z-index: 2;
}

.cursor {
    cursor: pointer;
}


/* ==============================================================================================================*/
/* Espacios Margenes                                                                                             */
/* ==============================================================================================================*/

.start-section {
    padding-top: 65px;    
}

.end-section {
    padding-top: 65px;
}

.end-page {
    padding-top: 45px;
}

/*********************************************************************************/
/* Fondos                                                                        */
/*********************************************************************************/
.bgr-img{
   
    /* localiza la imagen y la oscurece */
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../images/bg.jpg);          
   
    /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento */
    background-position: center center;

    /* La imagen de fondo no se repite */
    background-repeat: no-repeat;

    /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
    la altura del contenido supere la altura de la imagen. */
    background-attachment: scroll;

    /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
    del navegador */
    background-size: cover; 
    width: 100%;
    height: 100%;
    min-height: 100%;

}

.bgr-f1{
    /*background-image: url(../images/fondopapel.jpg);
    /* background: #dedede; */
    border-bottom: 2px solid #e0dadb;
}

.bgr-f2{
    /*background-image: url(../images/fondopapel.jpg);
    /* background: #e6e6e6; */
    border-bottom: 2px solid #e0dadb;     
}

.bgr-f3{
    /*background-image: url(../images/fondopapel.jpg);
    /* background: #4a4646; */
    border-bottom: 2px solid #e0dadb;
}

.bgr-f5{
   background: #4a4646; 
    border-bottom: 2px solid #e0dadb;
}

.bgr-f4{
    background: #dedede; 
    border-bottom: 2px solid #e0dadb;
}



/*********************************************************************************/
/* Areas                                                                         */
/*********************************************************************************/
.header {
    width:100%;
    height: 60px;
    position:fixed;
    top: 0px;
    left: 0px;
    /*background: white;   */
    border-bottom: 1px solid #dadbe0;
    z-index: 3;
}

.footer {
    width:100%;
    height: 30px;
    position:fixed;
    bottom: 0px;
    left: 0px;
    background: #ffffff;   
    border-top: 1px solid #dadbe0;
    display: block;
}




.content-prin {
    width:100%;
}

.content {  
    height: 100vh;
    margin: auto;
    display: block;
    padding:0px 20px 0px 20px;
}

.content1 {
    height: auto;
    margin: auto;
    display: block;
    padding:0px 20px 0px 20px;
}


.video {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
    background: cornsilk;
    color: cornsilk;
    z-index: 1;
}

.fondovideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.fondovideo video {
    position: inherit;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
}

.video-overlay {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: #303952;
    z-index: 2;
    overflow: hidden;
    opacity: .55;
}

.video-content {
    max-width: 45rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
    text-align: center;
    overflow: hidden;
    z-index: 3;
}


/*********************************************************************************/
/* Iconos                                                                        */
/*********************************************************************************/

.button-direct {
      background-color: #eb5c03;
      border: none;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 14px;
      margin: 4px 2px;
      cursor: pointer;
}

.button-phone {
      background-color: #034aeb;
      border: none;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;     
}

/* ================================================================================
/* Textos                                                                        */
/* ==============================================================================*/
p,span,label,a{text-shadow: 0px 0px 0px 0px; font-family: 'Montserrat', sans-serif;}

.izq{text-align: left;}
.cen{text-align: center;}
.jus{text-align: justify;}
.der{text-align: right;}

.normal  {font-weight: normal;}
.negrita {font-weight: bold;}

.black {color: #575757 !important;} /* color modificado a negro agrisado */
.white {color: #ffffff !important;}
.green {color: #85d04d !important;}

.info {font-size: 12px; font-weight: normal; color: #efefef;  margin:10px 80px 0px 80px;}

.icon {float:left; margin:0px 80px 0px 80px;}

.menu-options {font-size: 16px; text-align: left;    display:block ; font-weight: normal; color: #bababa; margin: 7px 0px 0px 0px !important;}
.legal-title  {font-size: 18px; text-align: left;    font-weight: bold; color: #de2727; margin: 15px 10px 15px 10px;line-height:20px;}
.legal-text   {font-size: 16px; text-align: justify; font-weight: normal; color: #797272; margin: 15px 10px 15px 10px;line-height:20px;}





/* ================================================================================
/* Iconos                                                                        */
/* ==============================================================================*/
.material-icons.md-30-white { font-size: 30px; color:#ffffff;cursor: pointer; } 
.material-icons.md-24-gray  { font-size: 24px; color:#b7b7b7;cursor: pointer; } 
.material-icons.md-30-blue { font-size: 30px; color:dodgerblue;cursor: pointer; }


.icon-pos-right-1 {
    position: fixed;
    top:18px;
    right:10px;
}

/* ================================================================================
/* Formulario                                                                    */
/* ==============================================================================*/
input[type=text],input[type=password], input[type=email], input[type=number], input[type=tel], select, textarea{
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    color:#000000;
    background-color: transparent;
    border: 1px solid #a2a2a2;
    padding: 12px;
    border-radius: 0px;
    box-sizing: border-box;
    resize: vertical;
    margin: -1px 0px 0px 0px;
}


input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled {
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    color:#000000;
    background-color: #dddddd;
    opacity: .75;
    padding: 12px;
    border: 1px solid #a2a2a2;
    border-radius: 0px;
    box-sizing: border-box;
    resize: vertical;
    margin: -1px 0px 0px 0px;
}

textarea{
    width: 100%;
    max-height: 100px;
    min-height: 100px;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    color:#000000;
    background-color: transparent;
    border: 1px solid #a2a2a2;
    padding: 12px;
    border-radius: 0px;
    box-sizing: border-box;
    resize: none;
    margin: -1px 0px 0px 0px;
}

/*textarea {width:100%; max-height:100px; min-height: 100px; margin:2px 0 6px; padding-left:6px; border-radius:3px; border:0; text-align: left; resize: none;}*/

.label-space{
    line-height:10px;
}

input[type=submit] {
    width: 100%;
    background-color: #9d9da0;
    color:#000000;
    font-size: 14px;
    padding: 12px 20px;
    float: right;
    cursor: pointer;
    border: 1px solid #9d9da0;
     margin: -1px 0px 0px 0px;
}

input[type=submit]:hover {
    background-color: #9d9da0;
    color:#ffffff;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #ffffff;
}

input[type=reset] {
     width: 100%;
    background-color: #e30505;
    color:#ffffff;
    font-size: 14px;
    padding: 12px 20px;
    border: none;
    float: right;
    cursor: pointer;
}

input[type=reset]:hover {
    background-color: #0218c3;
    color:#ffffff;
    font-size: 16px;
    cursor: pointer;
}


input[type="checkbox"] {
	display: none;
    cursor: pointer;
     
}
 input[type="checkbox"] + label span {
	display: inline-block;
	width: 33px;
	height: 20px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../images/off.png);
	background-size: cover;
	cursor: pointer;
}
input[type="checkbox"]:checked + label span {
	background: url(../images/on.png);
	background-size: cover;
    cursor: pointer;
}

/* Bordes cuadrados en iphone   */
input[type=image] {
    -webkit-border-radius:0px;
    -webkit-appearance: none; 
    -webkit-focus-ring-color: none;
}
 
input[type=submit] { 
    -webkit-border-radius:0px; 
    -webkit-appearance: none; 
    -webkit-focus-ring-color: none;
} 
 
input[type=submit] { 
    -webkit-border-radius:0px; 
    -webkit-appearance: none; 
    -webkit-focus-ring-color: none;
}

input[type=reset] { 
    -webkit-border-radius:0px; 
    -webkit-appearance: none; 
    -webkit-focus-ring-color: none;
}

select, textarea {
    -webkit-border-radius:0px;
    -webkit-appearance: none; 
    -webkit-focus-ring-color: none;
    padding: 12px;
}








/* ================================================================================
/* Para eliminar el telefono                                                     */
/* ==============================================================================*/

@media (max-width: 950px) {    
    #phone {display:none !important;}
     .logo-central{
        width: 90%;
    }
}



/* ==============================================================================================================*/
/* ==============================================================================================================*/
/* Para dispositivos desktop    (mayor 900 px)                                                                   */
/* ==============================================================================================================*/
/* ==============================================================================================================*/
@media only screen and (min-width: 720px) {
    
    #header-phone {display:none !important;}
    #header-desktop {display:hidden !important;}
.anim-text-flow span,
.anim-text-flow-hover:hover span {
  -webkit-animation-name: anim-text-flow-keys;
          animation-name: anim-text-flow-keys;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anim-text-flow-keys {
  0% {
    color: #d65cbc;
  }
  5% {
    color: #d6915c;
  }
  10% {
    color: #d6ba5c;
  }
  15% {
    color: #d6935c;
  }
  20% {
    color: #d65ca5;
  }
  25% {
    color: #b1d65c;
  }
  30% {
    color: #5ed65c;
  }
  35% {
    color: #d69d5c;
  }
  40% {
    color: #d6975c;
  }
  45% {
    color: #ccd65c;
  }
  50% {
    color: #5c5ed6;
  }
  55% {
    color: #b65cd6;
  }
  60% {
    color: #70d65c;
  }
  65% {
    color: #5cd699;
  }
  70% {
    color: #705cd6;
  }
  75% {
    color: #d6995c;
  }
  80% {
    color: #be5cd6;
  }
  85% {
    color: #5cd672;
  }
  90% {
    color: #d6955c;
  }
  95% {
    color: #5cadd6;
  }
  100% {
    color: #d65c6e;
  }
}
@keyframes anim-text-flow-keys {
  0% {
    color: #d65cbc;
  }
  5% {
    color: #d6915c;
  }
  10% {
    color: #d6ba5c;
  }
  15% {
    color: #d6935c;
  }
  20% {
    color: #d65ca5;
  }
  25% {
    color: #b1d65c;
  }
  30% {
    color: #5ed65c;
  }
  35% {
    color: #d69d5c;
  }
  40% {
    color: #d6975c;
  }
  45% {
    color: #ccd65c;
  }
  50% {
    color: #5c5ed6;
  }
  55% {
    color: #b65cd6;
  }
  60% {
    color: #70d65c;
  }
  65% {
    color: #5cd699;
  }
  70% {
    color: #705cd6;
  }
  75% {
    color: #d6995c;
  }
  80% {
    color: #be5cd6;
  }
  85% {
    color: #5cd672;
  }
  90% {
    color: #d6955c;
  }
  95% {
    color: #5cadd6;
  }
  100% {
    color: #d65c6e;
  }
}
.anim-text-flow span:nth-of-type(1),
.anim-text-flow-hover:hover span:nth-of-type(1) {
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2),
.anim-text-flow-hover:hover span:nth-of-type(2) {
  -webkit-animation-delay: -19.6s;
          animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3),
.anim-text-flow-hover:hover span:nth-of-type(3) {
  -webkit-animation-delay: -19.4s;
          animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4),
.anim-text-flow-hover:hover span:nth-of-type(4) {
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5),
.anim-text-flow-hover:hover span:nth-of-type(5) {
  -webkit-animation-delay: -19s;
          animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6),
.anim-text-flow-hover:hover span:nth-of-type(6) {
  -webkit-animation-delay: -18.8s;
          animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7),
.anim-text-flow-hover:hover span:nth-of-type(7) {
  -webkit-animation-delay: -18.6s;
          animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8),
.anim-text-flow-hover:hover span:nth-of-type(8) {
  -webkit-animation-delay: -18.4s;
          animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9),
.anim-text-flow-hover:hover span:nth-of-type(9) {
  -webkit-animation-delay: -18.2s;
          animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10),
.anim-text-flow-hover:hover span:nth-of-type(10) {
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11),
.anim-text-flow-hover:hover span:nth-of-type(11) {
  -webkit-animation-delay: -17.8s;
          animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12),
.anim-text-flow-hover:hover span:nth-of-type(12) {
  -webkit-animation-delay: -17.6s;
          animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13),
.anim-text-flow-hover:hover span:nth-of-type(13) {
  -webkit-animation-delay: -17.4s;
          animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14),
.anim-text-flow-hover:hover span:nth-of-type(14) {
  -webkit-animation-delay: -17.2s;
          animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15),
.anim-text-flow-hover:hover span:nth-of-type(15) {
  -webkit-animation-delay: -17s;
          animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16),
.anim-text-flow-hover:hover span:nth-of-type(16) {
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17),
.anim-text-flow-hover:hover span:nth-of-type(17) {
  -webkit-animation-delay: -16.6s;
          animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18),
.anim-text-flow-hover:hover span:nth-of-type(18) {
  -webkit-animation-delay: -16.4s;
          animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19),
.anim-text-flow-hover:hover span:nth-of-type(19) {
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20),
.anim-text-flow-hover:hover span:nth-of-type(20) {
  -webkit-animation-delay: -16s;
          animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21),
.anim-text-flow-hover:hover span:nth-of-type(21) {
  -webkit-animation-delay: -15.8s;
          animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22),
.anim-text-flow-hover:hover span:nth-of-type(22) {
  -webkit-animation-delay: -15.6s;
          animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23),
.anim-text-flow-hover:hover span:nth-of-type(23) {
  -webkit-animation-delay: -15.4s;
          animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24),
.anim-text-flow-hover:hover span:nth-of-type(24) {
  -webkit-animation-delay: -15.2s;
          animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25),
.anim-text-flow-hover:hover span:nth-of-type(25) {
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26),
.anim-text-flow-hover:hover span:nth-of-type(26) {
  -webkit-animation-delay: -14.8s;
          animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27),
.anim-text-flow-hover:hover span:nth-of-type(27) {
  -webkit-animation-delay: -14.6s;
          animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28),
.anim-text-flow-hover:hover span:nth-of-type(28) {
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29),
.anim-text-flow-hover:hover span:nth-of-type(29) {
  -webkit-animation-delay: -14.2s;
          animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30),
.anim-text-flow-hover:hover span:nth-of-type(30) {
  -webkit-animation-delay: -14s;
          animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31),
.anim-text-flow-hover:hover span:nth-of-type(31) {
  -webkit-animation-delay: -13.8s;
          animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32),
.anim-text-flow-hover:hover span:nth-of-type(32) {
  -webkit-animation-delay: -13.6s;
          animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33),
.anim-text-flow-hover:hover span:nth-of-type(33) {
  -webkit-animation-delay: -13.4s;
          animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34),
.anim-text-flow-hover:hover span:nth-of-type(34) {
  -webkit-animation-delay: -13.2s;
          animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35),
.anim-text-flow-hover:hover span:nth-of-type(35) {
  -webkit-animation-delay: -13s;
          animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36),
.anim-text-flow-hover:hover span:nth-of-type(36) {
  -webkit-animation-delay: -12.8s;
          animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37),
.anim-text-flow-hover:hover span:nth-of-type(37) {
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38),
.anim-text-flow-hover:hover span:nth-of-type(38) {
  -webkit-animation-delay: -12.4s;
          animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39),
.anim-text-flow-hover:hover span:nth-of-type(39) {
  -webkit-animation-delay: -12.2s;
          animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40),
.anim-text-flow-hover:hover span:nth-of-type(40) {
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41),
.anim-text-flow-hover:hover span:nth-of-type(41) {
  -webkit-animation-delay: -11.8s;
          animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42),
.anim-text-flow-hover:hover span:nth-of-type(42) {
  -webkit-animation-delay: -11.6s;
          animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43),
.anim-text-flow-hover:hover span:nth-of-type(43) {
  -webkit-animation-delay: -11.4s;
          animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44),
.anim-text-flow-hover:hover span:nth-of-type(44) {
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45),
.anim-text-flow-hover:hover span:nth-of-type(45) {
  -webkit-animation-delay: -11s;
          animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46),
.anim-text-flow-hover:hover span:nth-of-type(46) {
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47),
.anim-text-flow-hover:hover span:nth-of-type(47) {
  -webkit-animation-delay: -10.6s;
          animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48),
.anim-text-flow-hover:hover span:nth-of-type(48) {
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49),
.anim-text-flow-hover:hover span:nth-of-type(49) {
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50),
.anim-text-flow-hover:hover span:nth-of-type(50) {
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51),
.anim-text-flow-hover:hover span:nth-of-type(51) {
  -webkit-animation-delay: -9.8s;
          animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52),
.anim-text-flow-hover:hover span:nth-of-type(52) {
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53),
.anim-text-flow-hover:hover span:nth-of-type(53) {
  -webkit-animation-delay: -9.4s;
          animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54),
.anim-text-flow-hover:hover span:nth-of-type(54) {
  -webkit-animation-delay: -9.2s;
          animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55),
.anim-text-flow-hover:hover span:nth-of-type(55) {
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56),
.anim-text-flow-hover:hover span:nth-of-type(56) {
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57),
.anim-text-flow-hover:hover span:nth-of-type(57) {
  -webkit-animation-delay: -8.6s;
          animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58),
.anim-text-flow-hover:hover span:nth-of-type(58) {
  -webkit-animation-delay: -8.4s;
          animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59),
.anim-text-flow-hover:hover span:nth-of-type(59) {
  -webkit-animation-delay: -8.2s;
          animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60),
.anim-text-flow-hover:hover span:nth-of-type(60) {
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61),
.anim-text-flow-hover:hover span:nth-of-type(61) {
  -webkit-animation-delay: -7.8s;
          animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62),
.anim-text-flow-hover:hover span:nth-of-type(62) {
  -webkit-animation-delay: -7.6s;
          animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63),
.anim-text-flow-hover:hover span:nth-of-type(63) {
  -webkit-animation-delay: -7.4s;
          animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64),
.anim-text-flow-hover:hover span:nth-of-type(64) {
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65),
.anim-text-flow-hover:hover span:nth-of-type(65) {
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66),
.anim-text-flow-hover:hover span:nth-of-type(66) {
  -webkit-animation-delay: -6.8s;
          animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67),
.anim-text-flow-hover:hover span:nth-of-type(67) {
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68),
.anim-text-flow-hover:hover span:nth-of-type(68) {
  -webkit-animation-delay: -6.4s;
          animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69),
.anim-text-flow-hover:hover span:nth-of-type(69) {
  -webkit-animation-delay: -6.2s;
          animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70),
.anim-text-flow-hover:hover span:nth-of-type(70) {
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71),
.anim-text-flow-hover:hover span:nth-of-type(71) {
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72),
.anim-text-flow-hover:hover span:nth-of-type(72) {
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73),
.anim-text-flow-hover:hover span:nth-of-type(73) {
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74),
.anim-text-flow-hover:hover span:nth-of-type(74) {
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75),
.anim-text-flow-hover:hover span:nth-of-type(75) {
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76),
.anim-text-flow-hover:hover span:nth-of-type(76) {
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77),
.anim-text-flow-hover:hover span:nth-of-type(77) {
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78),
.anim-text-flow-hover:hover span:nth-of-type(78) {
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79),
.anim-text-flow-hover:hover span:nth-of-type(79) {
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80),
.anim-text-flow-hover:hover span:nth-of-type(80) {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81),
.anim-text-flow-hover:hover span:nth-of-type(81) {
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82),
.anim-text-flow-hover:hover span:nth-of-type(82) {
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83),
.anim-text-flow-hover:hover span:nth-of-type(83) {
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84),
.anim-text-flow-hover:hover span:nth-of-type(84) {
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85),
.anim-text-flow-hover:hover span:nth-of-type(85) {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86),
.anim-text-flow-hover:hover span:nth-of-type(86) {
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87),
.anim-text-flow-hover:hover span:nth-of-type(87) {
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88),
.anim-text-flow-hover:hover span:nth-of-type(88) {
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89),
.anim-text-flow-hover:hover span:nth-of-type(89) {
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90),
.anim-text-flow-hover:hover span:nth-of-type(90) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91),
.anim-text-flow-hover:hover span:nth-of-type(91) {
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92),
.anim-text-flow-hover:hover span:nth-of-type(92) {
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93),
.anim-text-flow-hover:hover span:nth-of-type(93) {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94),
.anim-text-flow-hover:hover span:nth-of-type(94) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95),
.anim-text-flow-hover:hover span:nth-of-type(95) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96),
.anim-text-flow-hover:hover span:nth-of-type(96) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97),
.anim-text-flow-hover:hover span:nth-of-type(97) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98),
.anim-text-flow-hover:hover span:nth-of-type(98) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99),
.anim-text-flow-hover:hover span:nth-of-type(99) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100),
.anim-text-flow-hover:hover span:nth-of-type(100) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}    
    
    
    .logo-pos-top-left {
        width:100%;
        max-width:180px;
        margin: auto;
        position:fixed;
        top: 8px;
        left: 15px;
        background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),url(../images/papel.jpg); 
    }
    
    .logo-pos-top-left:hover {
        cursor: pointer;
    }
       
    .t1{ font-size: 25px; color: #575757; text-align: center; font-weight: 700; font-style: italic;   }
    .t2{ font-size: 20px; color: #696969; text-align: center; font-weight: 700; }
    .t3{ font-size: 15px; color: #575757; text-align: justify; font-weight: 500;  padding: 0px 10px 0px 20px; line-height:20px;}
    .t4{ font-size: 20px; color: #575757; text-align: left; font-weight: 700;  padding: 0px 10px 0px 10px; line-height: 1.5;}
    .t5{ font-size: 14px; color: #575757; text-align: left; font-weight: 500;  padding: 0px 10px 0px 10px; line-height:20px;}
    .privacidad {font-size: 14px; color: #575757; text-align: center; font-weight: 500; }
    .direccion {font-size: 14px; color: #575757; text-align: center; font-weight: 500; }
    
    .material-icons.md-orange   { font-size: 40px; color:#6170b1;cursor: pointer; } 
    
    #button {
        padding: 16px 0px 0px 200px;
    }

    #button li {
        display: inline;
    }

    #button li a {
        font-weight: bold;
        font-size:15px;      
        text-decoration: none;
        float:left;
        padding: 10px;
        margin-right: 3px;
        border-radius: 3px;
        background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),url(../images/papel.jpg); 
        /*background-color: azure;*/
        color: dodgerblue;
    }
    
    #button li a:hover {
        margin-top:-1px;
        background: dodgerblue;
        color: white;
        padding-bottom:12px;
    }
    
    .icon-red-phone {
        width:100%;
        max-width:30px;
        margin: auto;
        position:fixed;
        top: 18px;
        right: 200px;    
    }
    
    .contact-icon-red-phone {
        width:100%;
        max-width:30px;
        display: inline;
    }
    
    .call-phone {
        font-size: 26px;
        float: right;
        font-weight: bold;
        color: black;
        margin: 5px 30px 0px 0px !important;
    }
    .contact-phone {font-size: 26px; font-weight: bold; color: #f4eded;}
    
    
    .slogan{    
        width: 100%;
        padding-top:250px;    
        display: block;
    }
    .slogan-1 {font-size: 40px; font-family: 'Kaushan Script', cursive;}  
    .slogan-2 {font-size: 30px; font-family: 'Kaushan Script', cursive;} 
    
    .copy-right   {font-size: 12px; text-align: center; font-weight: normal; color: #919191; margin: 10px 0px 0px 0px !important;}
    
    .icon-subir {
        width:100%;
        max-width:40px;
        margin: auto;
        position:fixed;
        bottom: 48px;
        right: 10px;  
        cursor: pointer;
    }
    
    .image-description {
        width:100%;
        max-width:200px;
        height: 200px;
        padding: 0px 0px 20px 0px;          
    }
    
    .image-servicios {
        width:100%;
        max-width:400px;
        padding:10px 0px 20px 0px;           
    }
    
    .image-numeros {
        width:100%;
        max-width:70px;
        padding:10px 0px 20px 0px;           
    }
    
    .image-empresa {
        width:100%;
        max-width:100px;
        padding:10px 0px 20px 0px;           
    }
    
    .logo-customer {
        width:100%;
        max-width:200px;
        display:block;
        margin:auto;  
        padding: 0px 10px 0px 10px;
    }   
    
    .menu-footer  {font-size: 16px; text-align: center; font-weight: normal; color: #efe4e4;line-height:20px;}
    
    
}


/* ================================================================================
/* Para dispositivos moviles                                                     */
/* ==============================================================================*/

@media (max-width: 720px) {
    #header-desktop {display:none !important;}
    #header-phone {display:hidden !important;}
    #phone {display:hidden !important;}
    .logo-central {visibility: hidden !important;}
    
    .header {
    width:100%;
    height: 60px;
    position:fixed;
    top: 0px;
    left: 0px;
    background: white;
    border-bottom: 1px solid #dadbe0;
    z-index: 3;
}
    
    .content {  
    height: 100%;
    margin: auto;
    display: block;
    padding:0px 20px 0px 20px;
}

.content1 {
    height: 100%;
    margin: auto;
    display: block;
    padding:0px 20px 0px 20px;
}
    
    .logo-pos-top-left {
        width:100%;
        max-width:180px;
        margin: auto;
        position:fixed;
        top: 12px;
        left: 15px;    
    }
    
    .t1{ font-size: 22px; color: #575757; text-align: center; font-weight: 700; font-style: italic;   }
    .t2{ font-size: 20px; color: #696969; text-align: center; font-weight: 700; }
    .t3{ font-size: 15px; color: #575757; text-align: justify; font-weight: 500;  padding: 0px 10px 0px 20px; line-height:20px;}
    .t4{ font-size: 18px; color: #575757; text-align: left; font-weight: 700;  padding: 0px 10px 0px 10px; line-height: 1.5;}
    .t5{ font-size: 14px; color: #575757; text-align: left; font-weight: 500;  padding: 0px 10px 0px 10px; line-height:20px;}
    .privacidad {font-size: 12px; color: #575757; text-align: center; font-weight: 500; }
    .direccion {font-size: 14px; color: #575757; text-align: center; font-weight: 500; }
    
    .material-icons.md-orange   { font-size: 40px; color:#6170b1;cursor: pointer; } 
    
    
    
    .slogan{    
        width: 100%;
        padding-top:200px;    
        display: block;
    }
    
    .slogan-1 {font-size: 25px; font-family: 'Kaushan Script', cursive;}  
    .slogan-2 {font-size: 20px; font-family: 'Kaushan Script', cursive;}     
    
    

    .icon-red-phone {
        width:100%;
        max-width:30px;
        margin: auto;
        position:fixed;
        top: 18px;
        right: 190px;    
    }
    
    
    
    .copy-right   {font-size: 12px; text-align: center; font-weight: normal; color: #919191; margin: 10px 0px 0px 0px !important;}
    
    .icon-subir {
        width:100%;
        max-width:30px;
        margin: auto;
        position:fixed;
        bottom: 48px;
        right: 10px;  
        cursor: pointer;
    }
    
    .image-description {
        width:100%;
        max-width:120px;
        height: 120px;
        padding: 40px 0px 20px 0px;             
    }
    
    .image-servicios {
        width:100%;
        max-width:400px;
        padding:10px 0px 20px 0px;            
    }
    
    .image-numeros {
        width:100%;
        max-width:70px;
        padding:10px 0px 20px 0px;           
    }
    
    .image-empresa {
        width:100%;
        max-width:80px;
        padding:10px 0px 20px 0px;           
    }
    
    .box-menu {
        width:100%;
        height: 162px;
        position:fixed;
        top: 60px;
        right: 0px;
        background: #f4f4f4;   
        border: 1px solid #dadbe0;
        display: block;
        z-index: 4;
    }
    
    .option-menu {
        width:100%;
        height: 40px;
        background: #f4f4f4; 
        border-bottom: 1px solid #D9D9D9;
        display: block;
        padding: 8px 0px 0px 25px;
        cursor: pointer;
    }

    .txt-option-menu {
        font-size: 16px; 
        text-align: left;   
        display:block ; 
        font-weight: normal; 
        color: dodgerblue; 
        margin: 7px 0px 0px 0px !important;
    }
    
    .icon-click {
        width:100%;
        max-width:13px;
        float: right;
        display: block;
        margin: -2px 40px 0px 0px;
    }    

    .contact-phone {font-size:26px; font-weight:bold;  padding:0px 0px 30px 0px;}
    .menu-footer  {font-size: 10px; text-align: center; font-weight: normal; color: #efe4e4;line-height:20px;}
    
    
    

}