select.error{
  border-color: red;
}
.form-control.error{
  border-color: red;
}
.pl{
  padding-left: 7%;
}
.text-vertical{
  line-height: .9;
  position: absolute;
  bottom: 0;
  font-size: 4.8rem;
  left: 5%;
  opacity: .05;
  font-family: "Arsenal";
  font-weight: 600;
  top: 5%;
  color: #011F3F;
}
h1 img{
  width: 8.5%;
  margin-top: -25px;
}
nav img{
  width: 20%;
}
body, html {
  position: relative;
  overflow-x: hidden;
}
body.inicio{
  height:  100vh;
}
body.por-in{
  background-color: #EFF0F4;
}
.prb{
  left: -66%;
}
.menu{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 100%;
  background-color: #011F3F;
  z-index: 6;
  padding: 15% 0 5%;
  font-size: 1.2rem;
}
.menu li a{
  padding: 5% 15% !important;
} 
.menu li ul{
  padding: 0
}
.menu li ul li{
  padding: 5% 0;
  width: 100%;
}
.menu a{
  color: #EFF0F4 !important;
  text-decoration: none;
}
.menu .active a{
  color: #74DBEF;
  background-color: rgba(1,48,99,.5);
  border-right: 1px solid #EFF0F4;
}

.borderR{
  border-left: 1px solid #74DBEF;
}
nav.navbar{
  color: #EFF0F4;
  background-color: transparent;
  position: fixed;
  z-index: 10;
  width: 100%;
}
nav.navbar.port{
  background-color: #011F3F ;
}
.navbar-light .navbar-nav .nav-link{
  color: #EFF0F4;
  font-size: 1.1em;
}
.navbar li ul li a{
  color: #EFF0F4;
  transition: .3s;
  padding: 15px;
}
.navbar li ul li a:hover{
  color: #74DBEF !important;
  text-decoration: none;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color: #74DBEF !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #74DBEF;
}
.navbar li{
  position: relative;
  list-style: none;
}
.navbar ul li ul{
  margin-left: 0;
  position: absolute;
  left: 7%;
  padding: 10%;
  display: none;
  width: 165px;
}
.navbar ul li:hover > ul{
  display: block;
}
.menu img{
  width: 15%;
  vertical-align: bottom;
  margin-right: 3%;
}
.scroll{
  position: absolute;
  bottom: 3%;
  left: 48%;
}
select{
  width: 100%;
  height: 34px;
  background-color: transparent;
  color: rgba(239, 240, 244, .5);
  border-radius: 0;
  border: 1px solid #EFF0F4;
  margin: 20px 0px 5px;
}
footer{
  background-color: #011F3F;
  color: #EFF0F4;
  font-size: .8rem;
  padding: 1% 5%;
}
footer p{
  margin: 2px;
}
footer img{
  width: 3%;
}
/* Close */
  .pulldown .pulldown-toggle{
    cursor: pointer;
  }
  .pulldown .pulldown-toggle-round{
    height: 38px;
    width: 38px;
    cursor: pointer;
  }
  .pulldown-right .pulldown-menu{
    left: auto;
    right: 0px;
  }
  .pulldown-toggle.open + .pulldown-menu{
    display: block;
    -webkit-animation-name: openPullDown;
    animation-name: openPullDown;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  .pulldown-toggle-round{
    position: relative;
  }
  .none{
    display: none;
  }
  .pulldown-toggle-round .lines{
    position: absolute;
    top: 18px;
    left: 9px;
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #888;
    border-radius: 2px;
    transition: all 200ms;
  }
  .pulldown-toggle-round .lines::before{
    position: absolute;
    top: -6px;
    content: '';
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #888;
    border-radius: 2px;
    transform-origin: 50% 50%;
    transition: all 200ms;
  }
  .pulldown-toggle-round .lines::after{
    position: absolute;
    top: 6px;
    content: '';
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #888;
    border-radius: 2px;
    transform-origin: 50% 50%;
    transition: all 200ms;
  }
  .pulldown-toggle-round.open .lines{
    background: transparent;
  }
  .pulldown-toggle-round.open .lines::before{
    top: 0px;
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
  }
  .pulldown-toggle-round.open .lines::after{
    top: 0px;
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
  }
  @-webkit-keyframes openPullDown {
    0% {
      opacity: 0;
      -webkit-transform: scale(.7);
      transform: scale(.7);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes openPullDown {
    0% {
      opacity: 0;
      -webkit-transform: scale(.7);
      -ms-transform: scale(.7);
      transform: scale(.7);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes openPullDownMobile {
    0% {
      -webkit-transform: translate(0%, 100%);
      transform: translate(0%, 100%);
    }

    100% {
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
    }
  }
  @keyframes openPullDownMobile {
    0% {
      -webkit-transform: translate(0%, 100%);
      -ms-transform: translate(0%, 100%);
      transform: translate(0%, 100%);
    }
    100% {
      -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
    }
  }
/* Fin close */
/* Header */
  header{
    background: url("https://img00.deviantart.net/e9ce/i/2014/013/4/2/digital_background___plexus_by_gentaro_de_averial-d721rui.png") no-repeat #000;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative; 
    width: 100%;
  }
  header .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.6);
  }
  header .text{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    width: 100%;
    height: 100%;
    font-family: "Hind Madurai";
    text-align: center;
  }
  header .text .contenido h1{
    font-family: 'Arsenal', sans-serif;
    font-size: 4em;
    margin-bottom: 15px;
    width: 90%;
    margin: auto;
  }
  header .text .contenido{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
  }
  header .contenido .col-md-6:last-child{
    padding-top: 5%;
  }
  header .contenido h2{
    font-size: 1.5em;
    font-weight: 100;
    margin-top: 15px;
  }
  header .contenido .col-md-6:first-child h2{
    color: #74DBEF;
  }
  header .contenido h4{
    font-weight: 100;
  }
/*Fin Header */
/* Redes */
  .message{
    position: absolute;
    bottom: 2%;
    right: -1%;
    z-index: 8;
    padding: 1%;
  }
  .message, .cerrar{
    cursor: pointer;
  }
  .message img{
    width: 76% !important;
  }
  .redes{
    position: absolute;
    bottom: 2%;
    left: 5%;
    z-index: 2;
  }
  .redes div{
    margin-top: 60%;
  }
/* Fin Redes */
/* Nosotros */
  .m{
    margin-top: 9%;
  }
  .nosotros{
    overflow: hidden;
    position: relative;
    height: 100vh;
  }
  .nosotros .we{
    height: 38vh;
  }
  .nosotros .mision {
    height: 33vh;
  }
  .nosotros .vision {
    height: 29vh;
  }
  .nosotros .we, .nosotros .mision, .nosotros .vision{
    padding: 6% 5%;
    position: relative;
  }
  .nosotros .vision{
    padding: 2% 5%;
  }
  .nosotros .we, .nosotros .vision{
    background-color: #011F3F;
    color: #EFF0F4;
  }
  .nosotros .mision{
    background-color: #EFF0F4;
    color: #011F3F;
  }
  .nosotros img{
    width: 12%;
    margin-right: 5%;
  }
  .we h2, .vision h2, .mision h2{
    font-size: 2.5rem;
    font-family: "Arsenal";
  }
  .we p, .vision p, .mision p{
    font-family: "News Cycle";
    text-align: justify;
    text-align-last: center;
    font-size: .9rem;
  }
  .we p, .mision h2, .vision p{
    margin-right: 3%;
    margin-left: auto;
  }
  .boton-cono{
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 47%;
    background-color: #011F3F;
    z-index: 2;
    text-align: center;
    border-radius: 50%;
    box-shadow: 7px 5px 10px 0px #00162d
  }
  .boton-cono img{
    width: 60%;
    margin: 5% 0 0;
  }
  .nosotros .redes img{
    width: 100%;
  }
/* Fin Nosotros */
/* Servicios */
  .blue-bc{
    background-color: #011F3F;
    color: #EFF0F4;
  }
  .text-ver{
    color: #EFF0F4;
    text-align: left;
    font-family: "Arsenal";
  }
  #servicios, #clientes, #contactenos, #equipo, #portafolio-interna{
    position: relative;
    text-align: center;
    overflow: hidden;
    background-color: #EFF0F4;
  }
  #servicios img, #clientes img{
    width: 50%;
  }
  #servicios .text-ver h2, #clientes .text-ver h2, #contactenos h2, #equipo .text-ver h2, #portafolio-interna .text-ver h2{
    font-family: "Arsenal";
    font-size: 2rem;
  }
  #servicios .text-ver p, #contactenos .text-ver p, #portafolio-interna .text-ver p{
    width: 55%;
  }
  #servicios .border{
    padding: 3% 2%;
    transition: .3s;
    cursor: pointer;
  }
  #servicios .border a:hover{
    text-decoration: none;
  }
  #servicios .border a:hover img, #clientes .border a:hover img{
    width: 60%;
  }
  #servicios .border:hover > h5{
    font-size: 1.3rem;
  }
  #servicios .border h5{
    color: #011F3F;
    font-family: "Arsenal";
  }
  #servicios .mo, #contactenos .mo{
    padding: 15% 0 0 9%;
    text-align: left;
    color: #011F3F;
  }
  #servicios .mo h3, #equipo h3 {
    margin: 0;
  }
  #servicios .redes img{
    width: 100%;
  }
/* Clientes */
  #clientes .border{
    padding: 5% 2%;
  }
  #clientes .iwagen img{
    width: 40%;
  }
  #clientes .aphora img{
    width: 100%;
  }
  #clientes .polytex img{
    width: 88%;
  }
  #clientes .text-ver{
    padding-top: 20%;
  }
  #clientes .text-ver h2{
    font-size: 2.5rem;
  }
  #clientes .text-ver h3, #servicios .mo h3{
    font-size: 1rem;
  }
  #clientes .redes img{
    width: 100%;
  }
/* Fin Clientes */
/* Hover */
  figure.snip1477 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    width: 97%;
    margin: 4% auto;
    color: #EFF0F4;
    text-align: center;
    font-size: 16px;
    background-color: #000000;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  }
  figure.snip1477 *,
  figure.snip1477 *:before,
  figure.snip1477 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
  }
  figure.snip1477 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
  }
  figure.snip1477 .title {
    position: absolute;
    top: 64%;
    left: 25px;
    padding: 5px 10px 10px;
  }
  figure.snip1477 .title:before,
  figure.snip1477 .title:after {
    height: 2px;
    width: 400px;
    position: absolute;
    content: '';
    background-color: #ffffff;
  }
  figure.snip1477 .title:before {
    top: 0;
    left: 10px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  figure.snip1477 .title:after {
    bottom: 0;
    right: 10px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  figure.snip1477 .title div:before,
  figure.snip1477 .title div:after {
    width: 2px;
    height: 300px;
    position: absolute;
    content: '';
    background-color: #ffffff;
  }
  figure.snip1477 .title div:before {
    top: 10px;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  figure.snip1477 .title div:after {
    bottom: 10px;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  figure.snip1477 h2,
  figure.snip1477 h4,
  figure.snip1477 p{
    margin: 0;
    text-transform: uppercase;
  }
  figure.snip1477 h2 {
    font-weight: 400;
    background-color: rgba(0,0,0,.4);
    font-size: 1.3rem;
  }
  figure.snip1477 p{
    background-color: rgba(0,0,0,.5);
  }
  figure.snip1477 h4 {
    display: block;
    font-weight: 700;
    background-color: #ffffff;
    padding: 5px 10px;
    color: #000000;
    font-size: 1rem;
  }
  figure.snip1477 figcaption {
    position: absolute;
    bottom: 42%;
    left: 25px;
    text-align: left;
    opacity: 0;
    padding: 5px 60px 5px 10px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
  figure.snip1477 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  figure.snip1477:hover img,
  figure.snip1477.hover img {
    zoom: 1;
    filter: alpha(opacity=35);
    -webkit-opacity: 0.35;
    opacity: 0.35;
  }
  figure.snip1477:hover .title:before,
  figure.snip1477.hover .title:before,
  figure.snip1477:hover .title:after,
  figure.snip1477.hover .title:after,
  figure.snip1477:hover .title div:before,
  figure.snip1477.hover .title div:before,
  figure.snip1477:hover .title div:after,
  figure.snip1477.hover .title div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
/* Fin */
/* Contáctenos */
  #contactenos{
    height: auto;
  }
  #contactenos h2{
    margin-bottom: 28px;
  }
  #contactenos img{
    margin-right: 3%;
  }
  #contactenos .mo h2{
    font-size: 2.8rem;
  }
  #contactenos .mo p{
    font-size: 12px;
    margin-bottom: 0
  }
  #contactenos .mo img{
    width: 5%;
  }
  form{
    text-align: left;
    padding: 0 5%;
  }
  textarea {
    resize: none;
  }
  .form-label {
    font-size: 12px;
    color: #5e9bfc;
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: .333s ease top, .333s ease opacity;
    transition: .333s ease top, .333s ease opacity;
  }
  .form-control {
    border-radius: 0;
    border-color: #011F3F;
    border-width: 0 0 2px 0;
    border-style: none none solid none;
    box-shadow: none;
    background-color: transparent;
  }
  .form-control:focus {
    box-shadow: none;
    border-color: #5e9bfc;
  }
  .js-hide-label {
    opacity: 0;   
  }
  .js-unhighlight-label {
    color: #999 
  }
  #contactenos .button:after{
    background:#011F3F;
  }
  .button.cont:hover span{
    color: #EFF0F4; 
    position: relative;
    z-index: 2;
  }
  .button.cont{
    border: 2px solid #011F3F;
    background-color: transparent;
  }
  .button.cont span{
    color: #011F3F;
  }
  input:focus, textarea:focus{
    background-color: transparent !important;  
  }
  .cerrar{
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 80px;
    text-align: center;
    height: 80px;
    background-color: #EFF0F4;
    border-radius: 80px 0 0 0;
    color: #011F3F;
  }
  .cerrar p{
    margin: 47% 36%;
    font-size: 1rem;
  }
/* Fin contáctenos */
/* Modal contáctenos */
  .contact{
    background-color: #011F3F;
    position: fixed;
    bottom: 1vh;
    color: #EFF0F4;
    width: 35%;
    height: 98vh;
    padding: 4% 5%;
    border-radius: 10px;
    right: 1%;
    z-index:10;
  }
  .contact input, .contact textarea{
    border: 1px solid #EFF0F4;
    color: #EFF0F4 !important;
  }
  .form-group {
    margin-bottom: 5px;
  }
  button.button.mod{
    padding: 10px;
    background-color: transparent;
    color: #EFF0F4;
  }
  button.button.mod a{
    font-weight: 600;
  }
  .cerrar.float-right{
    margin-top: 18%;
  }
  .contact select option{
    color: #011F3F;
  }
/* Button Portafolio*/
  .button {
    margin: 10px auto;
    padding: 12px;
    border: 2px solid #011F3F;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    transition: .3s;
    width: 52%;
    cursor: pointer;
    text-decoration: none;
  }
  .button:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    height: 3px;
    background: #EFF0F4;
    height: 120%;
    left: -10%;
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
    z-index: -1;
  }
  .button:hover{
    text-decoration: none;
  }
  .button:hover span{
    cursor: pointer;
    color: #011F3F;
  }
  .button:hover:after {
    left: -10%;
    width: 120%;
    z-index: 1;
  }
  .button span{
    position: relative;
    text-decoration: none;
    z-index: 2;
    color: #EFF0F4;
  }
/* Fin button Portafolio */
/* Equipo */
  #equipo{
    height: auto;
    position: relative;
    width: 100%;
  }
  #equipo img{
    width: 100%;
    transition: all .6s ease;
  }
  #equipo .message img{
    border-radius: 0px;
  }
  #equipo .border{
    padding: 7% 2% 2% 2%;
    border: none !important;
    position: relative;
  }
  #equipo .border .hoverdos p:first-child{
    font-size: 1rem;
    margin: 0;
    font-family: "Arsenal";
  }
  #equipo .border .hoverdos p:last-child{
    color: #74DBEF;
    font-family: "Hind Madurai";
    font-size: .8rem;
    margin: 0;
  }
  #equipo .hoverdos{
    top: 65%;
    left: 5%;
    right: 5%;
    bottom: 3.5%;
    position: absolute;
    opacity: 1;
    transition: all .6s ease;
    background-color: rgba(1, 31, 63, .7);
    color: #fff;
  }
  #equipo .text-ver{
    padding-top: 20%; 
  }
  #equipo h3{
    font-size: 1rem;
  }
  #equipo .redes img{
    border-radius: 0;
  }
/* Fin Equipo */
/* Portafolio */
  .portafolio{
    height: auto;
    padding: 5.8% 5% 5%;
    color: #011F3F !important;
  }
  .portafolio img{
    width: 100%;
  }
  .portafolio h2.tit{
    font-family: "Arsenal";
    font-size: 3.5rem;
    color: #EFF0F4;
  }
  .portafolio canvas{
    position: fixed;
    top: 0;
    width: 94% !important;
  }
  .portafolio .overlay{
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .portafolio h2, .portafolio .row{
    position: relative;z-index: 3;
  }
/* Fin Portafolio */
/* Servicios Interna */
  .white-bg{
    background-color: #EFF0F4;
  }
  .ser{
    background-color: #011F3F;
    overflow-x: hidden;
  }
  .ser.email .row div{
    padding: 3% 2%;
  }
  .ser .row div{
    padding: 5% 2%;
  }
  .ser h2{
    font-family: "Arsenal";
    font-size: 2.5rem;
    color: #EFF0F4;
    text-align: center;
    margin-bottom: 5%;
  }
  .ser img{
    width: 100%;
  }
  .ser.email img{
    width: 80%;
  }
  .ser.email .white-bg{
    text-align: center;
  }
  .ser.email .white-bg h2{
    color: #011F3F;
  }
  .ser.email .blue-bc h2{
    margin-bottom: 0%;
  }
  .ser.email .blue-bc h4{
    font-family: "Arsenal";
  }
  .beneficios{
    padding: 5%;
    text-align: center;
    font-family: "News Cycle";
    margin-top: 0%;
  }
  .portafolio{
    background: url(https://img00.deviantart.net/e9ce/i/2014/013/4/2/digital_background___plexus_by_gentaro_de_averial-d721rui.png) no-repeat #000;
    background-size: cover;
    background-attachment: fixed;
  }
  .beneficios{
    background: rgba(1,31,63,1);
    background: -moz-linear-gradient(left, rgba(1,31,63,1) 0%, rgba(1,31,63,1) 50%, rgba(239,240,244,1) 50%, rgba(239,240,244,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,31,63,1)), color-stop(50%, rgba(1,31,63,1)), color-stop(50%, rgba(239,240,244,1)), color-stop(100%, rgba(239,240,244,1)));
    background: -webkit-linear-gradient(left, rgba(1,31,63,1) 0%, rgba(1,31,63,1) 50%, rgba(239,240,244,1) 50%, rgba(239,240,244,1) 100%);
    background: -o-linear-gradient(left, rgba(1,31,63,1) 0%, rgba(1,31,63,1) 50%, rgba(239,240,244,1) 50%, rgba(239,240,244,1) 100%);
    background: -ms-linear-gradient(left, rgba(1,31,63,1) 0%, rgba(1,31,63,1) 50%, rgba(239,240,244,1) 50%, rgba(239,240,244,1) 100%);
    background: linear-gradient(to right, rgba(1,31,63,1) 0%, rgba(1,31,63,1) 50%, rgba(239,240,244,1) 50%, rgba(239,240,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011f3f', endColorstr='#eff0f4', GradientType=1 );
  }
  .text-blue{
    color: #011F3F !important;
  }
  .text-white{
    color: #EFF0F4;
  }
  .beneficios .row div{
    padding: 2%;
  }
  .beneficios h2{
    font-size: 2.5rem;
    font-family: "Arsenal";
    color: #EFF0F4;
    text-align: left;
    margin-left: 3%;
  }
  .beneficios p{
    color: #EFF0F4;
    font-size: .9rem;
  }
  .proyectos{
    padding: 5%;
    background-color: #EFF0F4;
    color: #011F3F;
  }
  .proyectos h2{
    font-family: "Arsenal";
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  .proyectos img{
    width: 70%;
  }
  .proyectos span{
    color: #011F3F;
  }
  .proyectos .carousel-inner{
    position: relative;
  }
  .proyectos .info{
    position: absolute;
    top: 0%;
    z-index: 4;
    right: 2%;
    width: 30%;
  }
  .proyectos .button{
    padding: 10px;
    width: 100%;
  }
  .proyectos .info h2{
    font-size: 3.5rem;
    margin-bottom: 1rem;
  }
  .comunicate{
    text-align: center;
    padding: 3%;
    background-color: #011F3F;
    color: #eff0f4;
  }
  .comunicate h2{
    font-size: 2.5rem;
    font-family: "Arsenal"
  }
  .comunicate a.button{
    width: 18%;
    margin: 3% 0 0;
    padding: 8px;
  }
  .comunicate a.button:first-of-type{
    padding: 12px;
    margin-right: 1%;
  }
  .comunicate a.button:last-of-type img:last-child{
    display: none;
  }
  .comunicate a.button:hover{
    color: #011F3F;
  }
  .comunicate a.button:hover img:first-child{
    display: none;
  }
  .comunicate a.button:hover img:last-child{
    display: inline-block;
  }
  .ser.hosting{
    font-family: "Arsenal";
  }
  .ser.hosting img{
    width: 70%;
  }
  .ser.hosting h2{
    color: #011F3F;
  }
  .ser.hosting .blue-bc{
    padding: 2% 2%; 
  }
  .ser.hosting{
    text-align: center;
  }
  .ser.hosting .blue-bc img{
    width: 35%;
  }
  .ser.hosting img{
    margin-bottom: 5%;
  }
  .paquetes{
    background-color: #EFF0F4;
    padding: 5%;
    font-family: "Arsenal";
    color: #011F3F;
  }
  .plan{
    font-size: 1.3rem;
  }
  .descrip-paquetes{
    text-align: center;
    background-color: #011f3f;
    color: #eff0f4;
    padding: 3%;
  }
  .descrip-paquetes p{
    margin-bottom: 0;
  }
  .descrip-paquetes p:last-child{
    color: #74DBEF;
  }
  .descrip-paquetes h2{
    color: #eff0f4;
    font-size: 3rem;
  }
  .descrip-paquetes h2 span{
    font-size: 1.5rem;
  }
  .descrip{
    padding: 4%;
    text-align: center;
    border: 1px solid #e8e8e8;
  }
  .descrip p{
    border-bottom: #e8e8e8 1px solid;
  }
  .conte{
    margin-top: 5%;
  }
  .conte:hover{
    transform: scale(1) translateY(-6px);
    box-shadow: 0 3px 7px 0 rgba(50, 50, 50, 0.5);
  }
  .conte .button{
    width: 100%;
    margin: 0;
    border-color: #011f3f;
    display: inline-block;
  }
  .conte .button span{
    color: #011f3f
  }
  .conte .button:hover span{
    color: #eff0f4;
  }
  .ser.email.soporte{
    background-color: #eff0f4;
  }
  .proyectos.soporte{
    text-align: center;
    font-family: "Arsenal"
  }
  .proyectos.soporte img{
    width: 100%;
    margin-bottom: 4%;
  }
  .proyectos.soporte .col-md-4{
    margin-bottom: 6%;
  }
  .descrip-ser{
    background-color: #011f3f;
    text-align: center;
    padding: 5%;
    color: #eff0f4;
    font-family: "Arsenal";
  }
  .descrip-ser .row{
    margin: 3% 0 0;
  }
  .descrip-ser img{
    width: 52%;
    margin-bottom: 4%;
  }
  .cot-domain{
    border: 1px solid #011f3f;
    margin: 2% 0;
  }
  .cot-domain h4{
    font-size: 1rem;
    margin: 0 5%;
  }
  .cot-domain h3{
    margin: 5% 5% 0;
  }
  .cot-domain h2{
    margin: 5%;
    font-size: 3.5rem;
    
  }
  h2.domain{
    margin: 5% 0;
  }
/* Fin Servicios */
.subt{
  font-size: 1.75rem;
  font-family: "Arsenal";
  margin: 20px 0;
}
#portafolio-interna .img-l{
  width: 18%;
}
#portafolio-interna{
  padding: 14%;
}
#portafolio-interna img{
  width: 23%;
}
#portafolio-interna .blue-bc{
  background-color: transparent;
}
#clientes .atmosfera img{
    width: 100%;
  }
.contact.servicios_c {
  background-color: #011F3F;
  position: fixed;
  bottom: 0vh;
  color: #EFF0F4;
  width: 100%;
  height: 100vh;
  padding: 4% 25% 1%;
  border-radius: 10px;
  right: 0%;
  z-index: 10;
  display: table;
  text-align: center;
}
.contact.servicios_c .vertical {
  display: table-cell;
  vertical-align: middle;
}
.carousel-control-next {
    right: -1%;
}
.carousel-control-next, .carousel-control-prev {
    width: 3%;
}
.back {
  position: absolute;
  left: 2%;
  top: 80px;
  color: #011F3f;
  z-index: 11;
}
.beneficios h3{
  margin-top: 3%;
}
.carousel-control-prev {
  left: -11px;
}
.carousel-control-prev-icon {
    background-image: url(../imagenes/left-arrow.png);
}
.carousel-control-next-icon {
    background-image: url(../imagenes/right-arrow.png);
}
#portafolio-interna .carousel-control-prev {
    left: 1px;
}
button:focus{
  outline: none;
}
.cot-domain .but{
  margin-bottom: -2%;
}
.cot-domain .button {
  margin-top: 24px;
  margin-bottom: 0;
  padding: 20px;
  width: 100%;
  border:none;
  border-top: 1px solid #011F3F;
  display: inline-block;
}
.cot-domain .button span{
  color: #011F3F;
}
.cot-domain .button:hover span{
  color: #eff0f4;
}
.soporte .white-bg h2{
  margin-bottom: -2%
}
#particles1 canvas, #particles2 canvas, #particles3 canvas, #particles4 canvas{
  position: absolute;
  top: 0;
  left: 0;
  opacity: .2;
}
.back:hover{
  text-decoration: none;
  color: #011f3f;
}
@media(min-width: 768px){
  .conte .button:hover a, .cot-domain .button:hover a {
    color: #EFF0F4;
  }
  .conte .button:after, .cot-domain .button:after{
    background: #011F3f;
  } 
  .beneficios img {
    width: 100%;
  }
  .ser h2 {
    font-size: 2rem;
  }
  .beneficios p {
    font-size: .7rem;
  }
  .beneficios h3 {
    font-size: 1.5rem;
  }
  .comunicate a.button {
    width: 33%;
    display: inline-block;
  }
  .proyectos h2 {
    margin-bottom: 2rem !important;
  }
  nav img {
    width: 34%;
  }
  .proyectos p {
    margin-bottom: 2rem;
  }
  body::-webkit-scrollbar-track
  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #011F3F;
    z-index: 3;
    position: relative;
  }

  body::-webkit-scrollbar
  {
    width: 12px;
    background-color: #011F3F;
    z-index: 3;
    position: relative;
  }

  body::-webkit-scrollbar-thumb
  {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #eff0f4;
    z-index: 3;
    position: relative;
  }*/
  .we p, .mision h2, .vision p{
    letter-spacing: 1.2px;
  }
  #servicios, #clientes, #contactenos, #equipo, #portafolio-interna{
    height: 100vh;
  }
  #portafolio-interna .blue-bc{
    background-color: #011F3F;
    color: #EFF0F4;
  }
  #portafolio-interna img {
    width: 10%;
  }
  #portafolio-interna{
    padding: 0;
  }
  #equipo h3{
    font-size: 1.75rem;
  }
  #equipo .border{
    padding: 2%;
  }
  #servicios .text-ver h2, #clientes .text-ver h2, #contactenos h2, #equipo .text-ver h2, #portafolio-interna .text-ver h2, #portafolio-interna .text-ver h2{
    font-family: "Arsenal";
    font-size: 3.5rem;
  }
  #equipo{
    height: 100vh;
  }
  #equipo .text-ver{
    padding-top: 20%; 
  }
  .prb{
    left: 0;
  }
  .menu li ul{
    display: none;
  }
  .menu li:hover > ul{
    display: block;
  }
  #contactenos{
    height: 100vh;
  }
  #clientes .text-ver h3, #servicios .text-ver h3, #equipo .text-ver h3, #portafolio-interna .text-ver h3, #portafolio-interna .text-ver h3{
    font-size: 1.75rem;
  }
  #clientes .text-ver h2, #equipo .text-ver h2{
    font-size: 3.5rem;
  }
  .button {
    margin: 24px 10px 10px auto;
    padding: 20px;
    border: 2px solid #EFF0F4;
    width: 52%;
  }
  .button:after {
    background: #EFF0F4;
  }
  .button:hover a{
    color: #011F3F;
  }
  .button a{
    color: #EFF0F4;
  }
  #clientes .text-ver, #clientes .text-ver{
    padding-top: 0;
  }
  #clientes .align-items-center.row .text-ver, #equipo .align-items-center.row .text-ver{
    text-align: right;
    padding-right: 7%;
  }
  #clientes .align-items-center.row .text-ver p, #equipo .align-items-center.row .text-ver p{
    width: 60%;
    margin-left: auto;
  }
  #servicios .align-items-center.row, #clientes .align-items-center.row, #contactenos .align-items-center.row, #equipo .align-items-center.row, #portafolio-interna .align-items-center.row{
    height: 100vh;
  }
  .nosotros .mision:before{
    content: "";
    position: absolute;
    width: 101%;
    height: 99px;
    transform: rotate(4deg);
    background-color: #EFF0F4;
    left: -5px;
    top: -50px;
  }
  .nosotros .vision:before{
    content: "";
    position: absolute;
    width: 101%;
    height: 99px;
    transform: rotate(4deg);
    background-color: #011F3F;
    left: -5px;
    top: -48px;
  }
  .nosotros .we{
    height: 42vh;
  }
  .nosotros .mision {
    height: 34vh;
  }
  .nosotros .vision {
    height: 24vh;
  }
  .we p, .vision p, .mision p{
    font-size: 1rem;
  }
  .mision p{
    margin-top: -5%;
  }
  .mision h2{
    margin-top: -13%;
  }
  .we h2, .vision h2, .mision h2{
    font-size: 4.5rem;
  }
  .message{
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 8;
    padding: 1%;
  }
  .message img{
    widows: 100%;
  }
  .redes{
    position: absolute;
    bottom: 2%;
    left: 2%;
    z-index: 2;
  }
  .borderL{
    border-right: 1px solid #74DBEF;
  }
  header .text .contenido h1{
    font-size: 5em;
  }
  header .contenido .col-md-6:first-child{
    text-align: right;
  }
  header .contenido .col-md-6:last-child{
    text-align: left;
  }
  header .contenido h2{
    font-size: 2.5em;
    font-weight: 100;
  }
  header .contenido .col-md-6:first-child h2{
    text-align: right;
    width: 70%;
    margin-left: auto;
    color: #fff;
  }
}
@media(width: 800px) and (height: 1280px){
  .mision p {
    margin-top: 28%;
  }
  .we h2, .vision h2, .mision h2 {
    margin-top: 16%;
  }
  .we p, .mision h2, .vision p {
    margin-top: 21%;
  }
  .we p, .we h2{
    margin-top: 40%;
  }
  .ser.email .white-bg h2{
    margin-top: 24%;
  }
  .ser.email .white-bg img{
    margin-bottom: 21%;
  }
}
@media(min-height: 1000px){
  .contact{
    height: 73vh;
  }
}
@media(min-width: 1280px){
  .contact.servicios_c {
    padding: 4% 34%;
  }
  .beneficios h3 {
    font-size: 1.75rem;
  }
  .beneficios p {
    font-size: 1rem;
  }
  nav img{
    width: 18%;
  }
  .comunicate button.button {
    width: 23%;
  }
}
@media(min-height: 1300px){
  .comunicate.email{
    padding: 8% 3%;
  }
  .proyectos.email {
    padding: 10% 5%;
  }
  .ser.email .row div {
    padding: 6% 2% 3%;
  }
  .ser.email .row div.white-bg{
    padding-top: 10%
  }
}
@media(width: 768px) and (height: 1024px){
  .vision h2{
    margin-top: 10%;
  }
  .vision p{
    margin-top: 15%;
  }
  .mision h2{
    margin-top: 0%;
  }
  .mision p{
    margin-top: 15%;
  }
  .we p{
    margin-top: 20%;
  }
  .we h2{
    margin-top: 16%;
  }
  .we p, .vision p, .mision p {
    font-size: 1rem;
    width: 83%;
  }
  .ser.email .white-bg h2 {
    margin-top: 24%;
  }
  .ser.email .white-bg img{
    margin-bottom: 21%;
  }
}
@media(min-width: 992px){
  #equipo .border .hoverdos p:first-child{
    font-size: 1.4rem;
  }
  #equipo .border .hoverdos p:last-child{
    font-size: 1.2rem;
  }
  #equipo img{
    border-radius: 50%;
  }
  #equipo .hoverdos{
    border-radius: 50%;
    opacity: 0;
    bottom: 4.5%;
  }
  #equipo .border:hover img{
    filter: grayscale(.5);
    border-radius: 0;
    transition: all .6s ease;
  }
  #equipo .border:hover .hoverdos{
    opacity: 1;
    transition: all .6s ease;
    border-radius: 0;
  }
  .menu{
    left: 70%;  
  }
  .we h2, .vision h2, .mision h2{
    font-size: 5rem;
  }
  header .contenido .col-md-6:first-child h2{
    width: 50%;
  }
  .mision h2 {
    text-align: right;
  }
  .we p, .vision p, .mision p{
    width: 69%;
  }
}
@media(min-width: 1024px){
  .proyectos img {
    width: 66%;
  }
  .proyectos .info {
    top: -1%;
    right: 5%;
  }
}
@media(width: 1024px){
  .we p{
    margin-top: 10%;
  }
  .we h2{
    margin-top: 7%;
  }
  .we p, .vision p, .mision p {
    font-size: .8rem;
  }
  .we h2, .vision h2, .mision h2 {
    font-size: 4.5rem;
  }
  .mision p {
    margin-top: 3%;
  }
  .mision h2 {
    margin-top: -10%;
  }
  .vision p{
    margin-top: 5%;
  }
}
@media(width: 1024px) and (height: 600px){
  .mision h2 {
    margin-top: -17%;
  }
  .mision p {
    margin-top: -6%;
  }
  .we p{
    margin-top: 3%;
  }
}
@media(width: 1024px) and (height:  800px){
  .mision h2 {
    margin-top: -12%;
  }
  .mision p {
    margin-top: 0%;
  }
  .we p{
    margin-top: 11%;
  }
  .we h2{
    margin-top: 8%;
  }
  .vision p{
    margin-top: 5%;
  }
}
@media(height: 1200px){
  .we h2, .we p{
    margin-top: 6% !important;
  }
  .mision h2 {
    margin-top: -6% !important;
  }
  .mision p {
    margin-top: 2% !important;
  }
}
@media(height: 1080px){
  .we p, .we h2{
    margin-top: 4%;
  }
  .mision p {
    margin-top: 1%!important;
  }
  .mision h2 {
    margin-top: -6% !important;
  }
}
@media(width: 1024px) and (height: 1366px){
  .proyectos .info h2 {
    font-size: 3rem;
    margin-bottom: -14px;
  }
  figure.snip1477 h2{
    margin-bottom: 10px;
  }
  figure.snip1477 h2,
  figure.snip1477 p{
    background-color: transparent;
  }
  figure.snip1477 h4{
    background-color: #011F3F;
    color: #EFF0F4;
  }
  figure.snip1477 {
    color: #011F3F;
    background-color: transparent;
  }
  figure.snip1477 .title{
    position: initial;
  }
  #contactenos .text-ver p {
    width: 74%;
    font-size: 1.2rem;
  }
  #servicios img, #clientes img {
    width: 90%;
  }
  #servicios .border {
    padding: 5% 3%;
  }
  .we p{
    margin-top: 28%;
  }
  .we p, .vision p, .mision p {
    width: 83%;
    font-size: 1.2rem;
  }
  .we h2{
    margin-top: 27%;
  }
  .mision h2{
    margin-top: 8%;
  }
  .mision p {
    margin-top: 15%;
  }
  .vision p{
    margin-top: 23%;
  }
  .vision h2{
    margin-top: 20%;
  }
  #equipo .border {
    padding: 2%;
    max-width: 100%;
    flex: 0 0 63%;
  }
  #equipo .hoverdos{
    bottom: 3%;
    top: 70%;
    left: 3.5%;
    right: 3.55%;
  }
}
@media(width: 1280px) and (height: 950px){
  .we p, .we h2{
    margin-top:  9%;
  }
  .mision h2 {
    margin-top: -10%;
  }
  .mision p {
    margin-top: 0%;
  }
}
@media(width: 1366px) and (height: 1024px){
  .we p, .we h2{
    margin-top: 10%;
  }
  .mision h2 {
    margin-top: -6%;
  }
  .mision p {
    margin-top: 3%;
  }
  .visio p{
    margin-top: 4%;
  }
}
@media(min-width: 1440px){
  .nosotros .mision:before, .nosotros .vision:before{
    transform: rotate(3deg);
    height: 101px;
  }
  .we p, .vision p, .mision p {
    width: 62%;
    font-size: 1.2rem;
  }
}
@media(width: 1680px) and (height: 1050px){
  .we p, .we h2{
    margin-top: 5%;
  }
  .mision h2 {
    margin-top: -9%;
  }
  .mision p {
    margin-top: -1%;
  }
}
@media(min-width: 1920px){
  .mision p {
    margin-top: -3%;
  }
  .mision h2 {
    margin-top: -11%;
  }
}
@media(max-width: 992px){
  .proyectos .button {
    margin: 0;
    width: 81%;
  }
  .proyectos .info{
    position: initial;
    text-align: center;
    width: 100%;
  }
  .proyectos .info{
    font-size: 1rem;
    margin-bottom: 0;
  }
  .proyectos .info h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  .proyectos h2{
    margin-bottom: 3rem;
  }
  .proyectos img {
    width: 100%;
  }
  #equipo .hoverdos{
    bottom: 3%;
    top: 70%;
    left: 3%;
    right: 3%;
  }
  .contact{
    width: 45%;
  }
  .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
  }
  .navbar-light .navbar-brand{
    width: 40%;
  }
  .navbar-nav.fl{
    flex-direction: row;
    width: 48%;
  }
  .navbar-light .navbar-nav .nav-link{
    font-size: .9rem;
  }
  #contactenos .text-ver p{
    width: 86%;
  }
  figure.snip1477 h2{
    margin-bottom: 10px;
  }
  figure.snip1477 h2,
  figure.snip1477 p{
    background-color: transparent;
  }
  figure.snip1477 h4{
    background-color: #011F3F;
    color: #EFF0F4;
  }
  figure.snip1477 {
    background-color: transparent;
  }
  figure.snip1477 .title{
    position: initial;
  }
}
@media(max-width: 767px){
  .nosotros img {
    margin-bottom: 3%;
  }
  #portafolio-interna{
    height: 100vh;
  }
  .back {
    top: 93%;
    font-size: 13px;
    left: 7%;
  }
  #portafolio-interna img {
    width: 14%;
  }
  #clientes .atmosfera img{
    width: 100%;
  }
  .button {
    margin: 40px auto 5px;
  }
  .m{
    margin: 0;
  }
  .ser.hosting .blue-bc{
    color: #011F3f;
  }
  .ser.hosting .blue-bc img{
    width: 70%;
    margin: 10% 0;
  }
  .comunicate h2 {
    font-size: 1.5rem;
  }
  .comunicate button.button {
    width: 94%;
    border: 1px solid #EFF0F4;
  }
  .proyectos h2 {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
  .beneficios{
    background-color: #011F3F;
    background: #011F3F;
    color: #EFF0F4 !important;
  }
  .beneficios p{
    color: #EFF0F4 !important;
  }
  .ser {
    background-color: #EFF0F4;
  }
  .ser h2, .ser p,.ser.email .blue-bc h4 {
    color: #011F3F;
  }
  .ser h2{
    font-size: 2rem;
  }
  .ser p{
    text-align: justify;
  }
  #equipo .hoverdos{
    bottom: 3%;
    top: 63%;
    left: 4%;
    right: 4%;
  }
  .ser .row div {
    padding: 0% 7%;
  }
  .ser.email .row div {
    padding: 2% 4%;
    text-align: center;
  }
  .ser .row .col-12.white-bg{
    padding: 20% 0 0;
  }
  .ser.email .blue-bc img{
    width: 40%;
  }
  nav img {
    width: 90%;
  }
  .blue-bc{
    background-color: #EFF0F4;
  }
  #equipo .text-ver, #clientes .text-ver{
    padding-top: 8%;
  }
  .text-ver {
    color: #011F3F;
  }
  .nosotros .we, .nosotros .mision, .nosotros .vision, .nosotros{
    height: auto;
  }
  .navbar-brand{
    width: 80%;
  }
  #servicios, #clientes, #contactenos, #equipo, #portafolio-interna{
    overflow-y: auto;
  }
  #portafolio-interna .col-12.col-md-6 h3{
    font-size: 1.75rem;
  }
  #portafolio-interna .text-ver h3{
    font-size: 1rem;
    margin: 0
  }
  #portafolio-interna .text-ver h2{
    font-size: 1.5rem;
    margin: 5px 0;
  }
  .subt{
    font-size: 1.2rem;
    margin: 10px 0;
  }
  #portafolio-interna .img-l {
    width: 26%;
  }
  #portafolio-interna .text-ver p {
    width: 100%;
    text-align:justify;
    font-size: 0.8rem;
  }
  #portafolio-interna .text-ver{
    padding: 8%;
    color: #011F3F !important;
  }
  .navbar-collapse{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    text-align: center;
    background-color: #000  ;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #EFF0F4;
    font-size: 3em;
    padding: 5%;
  }
  .portafolio{
    padding-top: 18%;
  }
  #portafolio-interna {
    padding: 22% 14%;
  }
  .contact.servicios_c{
    padding: 5%;
  }
}
@media(height: 533px){
  .form-control{
    padding: 0rem .75rem;
  }
  .vertical h2{
    font-size: 1.5rem;
  }
  .vertical textarea{
    height: 50px;
  }
  button.button.mod {
    padding: 10px;
    border: 1px solid;
    margin: 14px auto 5px;
  }
}