*{
  margin: 0;
  padding: 0;
}

body{
  margin: 0;
  padding: 0;
  font-family: 'Open Sans Condensed';
  max-height: 100px;
}

p {
  font-family: 'Open Sans Condensed';
  font-size: 20px;
}
h5 {
  font-family: 'Open Sans Condensed';
  font-size: 20px;
}

/*Boton Arriba*/
.ir-arriba{
  display: none;
  padding: 10px;
  background-color: #024959;
  opacity: 0.5;
  cursor: pointer;
  position: fixed;
  bottom: 40px;
  right: 20px;
  border-radius: 30px;
  box-shadow: 0px 0px 10px #2E2E2E;
  z-index: 100;
}
.fa-caret-up{
  color: #ffff;
}
.fa-caret-up:hover{
  color: #F39C12;
}
/*Redes Sociales*/
.redes{
  position: fixed;
  left: 2px;
  top: 35%;
  display: flex;
  flex-direction: column;
  z-index: 100;  
}
.siguenos{
  color: #125688;
 }
.facebook{
  width: 50px;
  background-color: #024959;
  opacity: 0.5;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .5s ease-in;
  border-radius: 50px;
  color: white; 
  margin: 2px; 
  box-shadow: 0px 0px 10px #2E2E2E; 
}
.facebook:hover{
  padding: 10px 50px;
  color: #F39C12;
  background: #3b5998;   
}
.whatsapp {
  width: 50px;
  background-color: #024959;
  opacity: 0.5;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .5s ease-in;
  border-radius: 50px;
  color: white; 
  margin: 2px;
  box-shadow: 0px 0px 10px #2E2E2E;
}
.whatsapp:hover{
  padding: 10px 50px;
  color: #F39C12;  
  background: #4dc247;
}
.instagram {
  width: 50px;
  background-color: #024959;
  opacity: 0.5;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .5s ease-in;
  border-radius: 50px;
  color: white; 
  margin: 2px;
  box-shadow: 0px 0px 10px #2E2E2E;
}
.instagram:hover{
  padding: 10px 50px;
  color: #F39C12;   
  background: #125688;
}

/*Menu Animacion*/
.navbar{
  background: #2E2E2E;
}
/*icono menu */
.hamburguesa {
  color:white;
  font-size: 30px;
  }
/*color texto navbar*/
.men1{
color: white;
}
/*Linea degrade*/
.navon1{
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #cf2c2c, #FFBF00, #e25b26,  #24ad18 );
  -moz-border-image: -moz-linear-gradient(to right, #cf2c2c, #FFBF00, #e25b26,  #24ad18 );
  -webkit-border-image: -webkit-linear-gradient(to right, #cf2c2c, #FFBF00, #e25b26,  #24ad18 );
   border-image-slice: 1;
}
/*Slider*/
.izquierda{
  color: #ffffff;
  opacity: .2;
  font-size: 40px;
}
.derecha{
  color: #ffffff;
  opacity: .2;
  font-size: 40px; 
}
.textoslider1{
  font-family: 'Handlee', cursive;
  color: #ff0000;
  font-weight: bold;
  font-size: 40px;  
}
.transparencia1{
  background-color: #ffffff;
  opacity: 0.6;
}

.sliderimg{
  box-shadow: 3px 3px 7px #2E2E2E;
}


/*Oficina Virtual*/
.iconov{
  color: #F39C12; 
}
/*Hover1*/
#pdescripcion{
position: relative;
font-weight: bold;
line-height: 45px;
text-align: center;
margin: 0;
color: white;
background-color: #00000099;
}

/*Zoom Imagenes*/
#descripcion img { 
  -webkit-transition:all .9s ease; /* Safari y Chrome */
  -moz-transition:all .9s ease; /* Firefox */
  -o-transition:all .9s ease; /* IE 9 */
  -ms-transition:all .9s ease; /* Opera */
  transition: all .9s ease;
  }

  #descripcion:hover img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.04);
  }
  #descripcion img {/*Ancho y altura son modificables al requerimiento de cada uno*/
    overflow:hidden;
  }

/*Texto Color*/
h1{
  color: #1f599b;
}
.textoh3{
  color: #F39C12;
}
.textoh31{
  color: #1f599b;
}
/*Botones navbar*/
ul.navbar-nav li.active {
  background-color: #2E2E2E;
}
/*Animacion Botones*/
.item {
  line-height: 1; 
  margin: 10px;
  position: relative;
  font-size: 18px;
}
.item:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #F39C12;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .4s;
}
.item:hover:before {
  width: 100%;
}
.tres:before {
  left: 50%;
}
.tres:hover:before {
  left: 0;
}

/*Recepcion*/
.recepcion{
  box-shadow: 1px 1px 3px #2E2E2E;
}

/*Video*/

.divideo{
  max-width: 560px; /* you have to have a size or this method doesn't work */
  max-height: 315px;
  margin-right: auto;
  margin-left: auto;
}

/*porque elegirnos*/
.icono1{
  color: #F39C12;
  }


/*testimonials*/

#testimonioimg{
  width: 300px;
  height: auto;
  display: inline-block;
  margin-right: 30px;
  margin-left: auto;  
}

#cajatestimonio img{
box-shadow: 0px 0px 15px #2E2E2E;
}

#carouselExampleIndicators li{
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-radius: 50%;
    top: 70px;
    bottom: 20px;
    display: inline-block;
    text-indent: 0;
    background-color: #F39C12;
}
#carouselExampleIndicators li:hover{
  background: #db2424bb; 
}
.icono2{
  color: #F39C12;
}

/*Footer*/
.foo1{
  background-color: #2E2E2E;
  color:white;
}

.lista1 li{
  list-style: none;
}

.transicion1{
  text-decoration: none;
  color: white;
  line-height: 16px;
  margin-left: 1px;
}

.foo1{
  border-top: 4px solid transparent;
  border-image: linear-gradient(to right, #FFBF00, #e25b26, #267ee2, #24ad18, #cf2c2c );
  -moz-border-image: -moz-linear-gradient(to right, #FFBF00, #e25b26, #267ee2, #24ad18, #cf2c2c  );
  -webkit-border-image: -webkit-linear-gradient(to right, #FFBF00, #e25b26, #267ee2, #24ad18, #cf2c2c  );
   border-image-slice: 1; 
   
}
.autor{
  margin-left: 20px;
}
.disolweb{
  word-spacing: 3px;
}
.lineah{
  border-color: #F39C12;
}

/*footer*/
#fondo1{
  background-color: rgb(196, 196, 196);
  box-shadow: 1px 1px 5px black;
  }

.noso1img{
  box-shadow: 1px 1px 5px #2E2E2E;
}

.politica1{
  text-decoration: none;
  color: white;
  font-size: 18px;
}





/*Planes*/

.card-title{
  font-family: 'Fjalla One', sans-serif;
  font-weight: bold;
  color: #4e4e4e;
}

.encabezado{
  display: inline-block;
  position: relative;
  background-color: #e2e2e2;
}
.encabezado::after{
  content: '';
  position: absolute;
  width: 70px;
  height: 1px;
  background-color: #777474;
  top: 50px;
  right: 20px;
}
.encabezado::before{
  content: '';
  position: absolute;
  width: 70px;
  height: 1px;
  background-color: #777474;
  top: 50px;
  left: 18px;
}
.fa-circle{
  color: #c93a3a;
  filter: drop-shadow(0 0 3px rgba(104, 104, 104, 0.7));
}
.especial .fa-circle{
  color: #ff9a04;
  filter: drop-shadow(0 0 3px rgba(104, 104, 104, 0.7));
}

.listaplanes li{
  list-style: none;
  line-height: 1.5em;
}

.btncontratar{
  background-color: #FF8000;
  color: white;
}
.card{
  position: relative;
}
.cinta{
  position: absolute;
  width: 150px;
  z-index: 2;
  top: -18px;
right: -18px;
}
.textodiagonal{
  font-family: 'Fjalla One', sans-serif;
  font-size: 20px;
  color: white;  
  position: absolute;
  z-index: 3;
  transform: rotate(45deg);
  right: 10px;
  top: 25px;
}
.fa-check-square{
  color: #3e628b;
}
.listaadicional li{
  font-size: 19px;
  font-weight: bold;
}
.fa-cog{
 color: #ffa500; 
}

/*planes-ventana modal*/
.fa-check-double{
  color: #125688;
}
.planduo{
  color: #FF8000;
}



/*Contactenos*/
.mapa{
  box-shadow: 1px 1px 4px #2E2E2E;
}

/* formulario */

.enviarformulario{
  float: right;
  }
  
/* Ventana Validar formulario */
  
  .modal_wrap{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);  
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .mensaje_modal{
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    width: 400px;
    padding: 30px 20px 15px;
  }
  
  .mensaje_modal h3{
  text-align: center;  
  font-size: 20px;
  }
  
  .mensaje_modal h3:after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #C5C5C5;
  margin: 10px 0px 15px;
  }
  
  .mensaje_modal p{
    font-size: 16px;
    color: #606060;
  }
  
  .mensaje_modal p::before{
    content: "\f00d";
    font-family: FontAwesome;
    display: inline-block;
    color: #E25151;
    margin-right: 8px;
  }
  #btnClose{
    padding: 3px 10px;
    margin-top: 10px;    
    background: #E25151;
    color: #fff;
    border: 2px solid #B14141;
    cursor: pointer;    
    float: right;
    }
    
.edificio{
      box-shadow: 1px 1px 4px #2E2E2E;
}

/* Portafolio */