/*
Theme Name: Active
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 1.4

*/

@import url('../twentysixteen/style.css');

body {background: #fff;width: 100%;}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;}

body:not(.custom-background-image).admin-bar::before {display:none;}

body:not(.custom-background-image)::after {display:none;}

body:not(.custom-background-image):before {display:none;}

.site {margin: 0px; background-color: transparent;width: 100%;}

.site-header {padding: 0px;width: 100%;}

.site-footer {padding: 50px 0px;width: 100%; background:#37244a;}

.site-footer i {color: #e355ff;
font-size: 45px;
padding-right: 10px;}

.site-footer i:hover {-webkit-animation: neon6 1.5s ease-in-out infinite alternate;
  -moz-animation: neon6 1.5s ease-in-out infinite alternate;
  animation: neon6 1.5s ease-in-out infinite alternate;}

.site-inner {margin: 0 auto;max-width: 100%;position: relative;}

.principal-home {background:url('/wp-content/uploads/fondo-active-home.jpg'); height:100vh; width:100%;margin-top: -175px; background-repeat:no-repeat; background-attachment:fixed;}

.site-content {padding: 0;}

.site-branding {margin:0;}

.site-header-main {padding: 15px 20px; position:relative;width: 100%;background: #37244a;}

.site-header-menu {position: absolute;right: 40px;top: 35px;}

.main-navigation a {color:#fff;}

.site-branding img:hover {filter: drop-shadow(0px 0px 14px #FFF4B7);transition: 0.5s ease-in-out;}

.hide {
    display: none;
}

.eslogan {position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    z-index: 1;}

.rotacion {width: 500px;
margin: 0 auto;
display: block;
text-align: center; position:relative;height: 120px;}

.rotacion span {position: absolute;
top: 70px;
width: 100%; font-weight:200;right: 50%;
margin-right: -50%;}

.rotacion p {font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 68px;text-shadow: 3px 3px 6px black;text-align: center;max-height: 200px;}

.nosotros {padding: 50px 0px;width: 100%;
overflow: auto;
background-color:#870eff;; background-image: url('/wp-content/uploads/fondo-brains.png');}


.nosotros h2 {font-family: 'Montserrat', sans-serif;color: #fff;font-size: 42px; margin-bottom:25px;}

.nosotros p {color: #fff;font-family: 'Montserrat', sans-serif;font-weight:200;font-size: 28px;margin-bottom: 25px;}

.nosotros img {float:right;width: 100%;
max-width: 250px;
padding-top: 25px;margin-left: 15px;}

 .nosotros a {
    color: #fff;
    font-weight: 400;
    padding: 15px;
    background: #37244a;
    font-size: 25px;
}

.nosotros a:hover {
  -webkit-animation: neon3 1.5s ease-in-out infinite alternate;
  -moz-animation: neon3 1.5s ease-in-out infinite alternate;
  animation: neon3 1.5s ease-in-out infinite alternate;
 text-decoration:none;
}



.contiene {padding:0px 10px; width:100%; max-width:1200px; margin:0 auto;}


.main-navigation li:hover > a, .main-navigation li.focus > a {
     color:#fff; text-decoration:none;
}

.main-navigation a:hover {
  -webkit-animation: neon3 1.5s ease-in-out infinite alternate;
  -moz-animation: neon3 1.5s ease-in-out infinite alternate;
  animation: neon3 1.5s ease-in-out infinite alternate;
 
}

.servicios {
    width: 100%;
    padding: 50px 0px;
    background: #fff;
}

.servicios p {font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 18px;color: #898989;margin-top: 50px;} 

.servicios h3 {font-family: 'Montserrat', sans-serif;color: #870eff; text-align:center;}

.servicios h2 {font-family: 'Montserrat', sans-serif;color: #e355ff; text-align:center; font-size:50px;}

.servicios span {font-family: 'Montserrat', sans-serif;color: #870eff; text-align:center;display: block;margin-bottom: 66px;font-size: 26px;font-weight: 200;}

.servicios i {color: #870eff; font-size: 45px;}

.servicios .row {width:100%; margin:0 auto;}
.servicios .row .col-md {text-align:center;}

.servicios a:hover {text-decoration:none;}

.servicios a:hover i {color:#e355ff;transition: ease-in-out 0.3s;}

.servicios a:hover h3 {color:#e355ff;transition: ease-in-out 0.3s;}

.columna .row {width:100%; margin:0 auto;}

.columna .row .col-md {height: 75vh;
background-size: cover;
background-color: black;
background-blend-mode: hard-light;transition: ease-in-out 0.5s;}

.columna .row .col-md:hover {background-blend-mode: unset; transition: ease-in-out 0.5s;}

.columna .row .col-md:first-child {background-image: url('/wp-content/uploads/portfolio.jpg');}
.columna .row .col-md:nth-child(2) {background-image: url('/wp-content/uploads/estrategia.jpg');}

.columna .row .col-md h3 {font-family: 'Montserrat', sans-serif;color: #fff;font-weight: 200;margin-left: 5%;}
.columna .row .col-md span {font-family: 'Montserrat', sans-serif;color: #fff;font-size: 40px;display: block;margin-top: 10%;margin-left: 5%;}

.columna a {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;}

.columna a:hover {text-decoration:none;}

#menu-item-71 a::after {display:none;}

#menu-item-71 a {padding: 12px 15px;
background: #e355ff;
border-radius: 34px;}

#menu-item-71 ul a {white-space: normal;width: 12.6875em;border-radius: unset;}

#seotop {background-image: url('/wp-content/uploads/seo-top.jpg');}
#ppctop {background-image: url('/wp-content/uploads/ppc-top.jpg');}
#disenotop {background-image: url('/wp-content/uploads/diseno-top.jpg');}
#programaciontop {background-image: url('/wp-content/uploads/programacion-top.jpg');}
#emarketingtop {background-image: url('/wp-content/uploads/emarketing-top.jpg');}
#contactotop {background-image: url('/wp-content/uploads/contacto-top.jpg');}

.espaciotop {
background-color: #e355ff;
background-blend-mode: multiply;
background-size: cover;margin-bottom: 60px;
position: relative;height: 500px;}

.espaciotop .contiene {padding-top: 90px;}

.espaciotop h1 {font-family: 'Montserrat', sans-serif;color: #fff; text-align:center; margin-bottom:40px;font-size: 60px;text-shadow: 2px 2px 4px black;}

.espaciotop h3 {font-family: 'Montserrat', sans-serif;text-shadow: 2px 2px 4px black;
color: #fff;
font-weight: 400;}

.espaciotop i {color: #fff;
font-size: 35px;
padding: 30px;
background: #37244a;
border-radius: 50px;}

.espaciotop .col-md {text-align:center;font-weight: 200;}

.secciones h2 {margin-bottom:50px;color: #37244a;}

.secciones p {font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 16px;color: #898989;}

.subservicios {padding: 25px;
background: #faf7fe;
margin-bottom: 85px;}

.subservicios h3 {margin-bottom: 25px;
color: #37244a;}

.subservicios h4 {margin-bottom: 15px;
font-weight: 400;
color: blueviolet;}

.subservicios p {color: #444;
font-size: 14px;}

.nosotros label {width: 100%;
font-size: 18px;
font-weight: 400;}

.subservicios i {text-align: center;
display: block;
font-size: 50px;
margin-bottom: 35px;
color: #9284a5;}

.nosotros textarea {max-height: 150px;}

.nosotros input::-moz-placeholder {font-family: 'Montserrat', sans-serif;}

.nosotros input[type="submit"] {color: #fff; font-weight: 400; padding: 15px; background: #37244a; font-size: 25px; float:right;}

.nosotros input[type="submit"]:hover { -webkit-animation: neon3 1.5s ease-in-out infinite alternate;
  -moz-animation: neon3 1.5s ease-in-out infinite alternate;
  animation: neon3 1.5s ease-in-out infinite alternate;}
  
.formu-contacto { }  
  
.formu-contacto label {width: 100%;}    

.formu-contacto input[type="date"], .formu-contacto input[type="time"], .formu-contacto input[type="datetime-local"], .formu-contacto input[type="week"], .formu-contacto input[type="month"], .formu-contacto input[type="text"], .formu-contacto input[type="email"], .formu-contacto input[type="url"], .formu-contacto input[type="password"], .formu-contacto input[type="search"], .formu-contacto input[type="tel"], .formu-contacto input[type="number"], .formu-contacto textarea {background: #fff;border: 2px solid #eaeaea;margin-top: 10px;}  
  
  .activelinking {margin-top:100px; padding:0px 10px;}
  
    .activelinking h1 {margin-bottom:25px;}

@-webkit-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@-moz-keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}

@-webkit-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}

@-moz-keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}




@keyframes neon3 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;
  }
}


@keyframes neon6 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;
  }
}