/* General */
@font-face {
    font-family: 'adam.cg_proregular';
    src: url('../fonts/adam.cg_pro-webfont.eot');
    src: url('../fonts/adam.cg_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adam.cg_pro-webfont.woff2') format('woff2'),
         url('../fonts/adam.cg_pro-webfont.woff') format('woff'),
         url('../fonts/adam.cg_pro-webfont.ttf') format('truetype'),
         url('../fonts/adam.cg_pro-webfont.svg#adam.cg_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0;} 
html, body {height: 100%;  margin: 0px;padding: 0px;font-family: 'adam.cg_proregular', Helvetica, sans-serif !important;}
img#logo{ outline:0 none !important; display: inline-block; max-height: 71px;}
/* html.lt-ie8 *{_noFocusLine: expression(this.hideFocus=true);} */
body{color:#9a999e;font-family: "Open Sans",Helvetica,sans-serif !important;font-size: 15px;line-height: 18px;margin:0;min-width:320px;overflow-x:hidden;text-align: left;text-rendering:optimizelegibility;  outline: none !important;padding: 0px;}
/* body {background-image: url('../img/extras/conocenos.jpg2'); background-position: center -50px; background-repeat: no-repeat; min-height: 4000px;} */
#skrollr-body{margin: 0px; padding: 0px; /* border: solid 1px blue; *//* background-color: transparent; */ display: inline-block; float: left; position: absolute;width: 100%;}
.loaderFerall{  overflow: auto;overflow-y: scroll;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;-webkit-overflow-scrolling: touch;outline: 0;  background-color: #e90606;}
.loaderspinner{ width: 100%; display: inline-block; float: left; text-align: center; top: 30%; position: absolute; margin-left: -1px; margin-top: -1px;}
.logoSpinner{display: inline-block;width: 100%; text-align: center;margin-top: 1px;}
.logoSpinner img{display: inline-block;margin-bottom: 50px;margin-left: 17px;}
.spinner{display: inline-block; width: 100%;text-align: center;}
.spinner img{display: inline-block;margin-left: 17px;}
.gray-text{
  color: #9a999e;
}
.font{font-family: 'Open Sans', Helvetica, sans-serif;}
.fontTitle{font-family: 'adam.cg_proregular', Helvetica, sans-serif;}
.animacion *{ -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.animacionActual {-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.noanimacion, .noanimacion *{ -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important;}
.animacion-color{ -moz-transition: color 0.5s ease-in-out !important; -o-transition: color 0.5s ease-in-out !important; -ms-transition: color 0.5s ease-in-out !important; -webkit-transition: color 0.5s ease-in-out !important;  -webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; -ms-transition-delay: 1s !important; -moz-transition-delay: 1s !important; transition-delay: 1s !important;}
.animacionFast *{ -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.animate {opacity: 0; filter:  alpha(opacity=0);}
.blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
.blur * {-webkit-filter: blur(-5px); -moz-filter: none; -o-filter: none; -ms-filter: none; filter: blur(0px);}
.no-found{padding-top:20px;text-align: center;}
.nopadding{padding: 0 !important}
.paddingTop{padding-top: 50px;}
.paddingTop2{padding-top: 40px;}
.paddingTop3{padding-top: 40px;}
.gt-768 .wow{opacity:0;}
.alignLeft {text-align: left;}
.whiteFont{color:#fff !important;}
.hidden{opacity:0;}
.visible{opacity:1;}
.center{text-align: center !important;}
.wrappercon{ min-height: 640px; margin: 0 auto; /* padding-top: 66px; */ display: inline-block; width: 100%;}
.pendiente{display: inline-block; float: left; width: 100%; font-size: 48px; text-align: center; margin-top: 55px}
.fullScreen,.fullScreen2{ width: 100%; height: 100%; display: inline-block; z-index: 1; /* min-height: 250px; */}
.max-Width{ max-width: 960px !important; margin: 0 auto !important; }
.fullwidth{ max-width: 100% !important; max-height:100% !important; display: inline-block; width: 100%; }
.principal_container{min-height:100%;padding-bottom:25px; margin-top: -90px;}
.regresar{ border: none; background-color: #b52026; color:#fff; margin-bottom: 15px; }
.regresar:hover{ background-color: #b52026; border: solid 1px #b52026; color:#fff; }
.vermas{ border: none; background-color: #FF6B01; color:#fff; margin-bottom: 15px; display: inline-block; padding: 20px 80px; font-size: 20px; text-transform: uppercase;}
.vermas:hover{ background-color: #363d93; color:#fff; text-decoration: none;}
.max_container{max-width: 960px; margin: 0 auto;/* border: solid 1px red; *//* height: auto; *//* position: relative; *//* display: inline-block; *//* width: 100%; */}
.max_container2{max-width: 1280px; margin: 0 auto;/* border: solid 1px #dedede; *//* height: auto; */}
.fondo1{background-color: #fff;}
.fondo2{background-color: #f9f9f9;}
.fondo-fixed{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: bottom center; background-repeat: no-repeat;  background-attachment: fixed; /* background-size: 100% 100%; */}
.fondo-normal, .ios .fondo-fixed{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: bottom center; background-repeat: no-repeat;  background-attachment: inherit;}
.goto{cursor: pointer;z-index: 1;}
.regresar-cont{display: inline-block; width: 100%; text-align: right;margin: 0 auto;margin-bottom: 25px !important;position: fixed;top: 80px;float: left;left: 0px;}
.alignRight{display: inline-block; /* float: right; */width: 100%;clear: both; text-align: right; border:none !important; margin: 20px 0 !important; height: auto !important; max-width: 960px;}
.color-texto1{color:#e90606;}
.color-fondo1{background-color:#e90606;}
.color-transparencia1{background-color: rgb(233, 6, 6);}
.ghost-button{display: inline-block; padding: 7px 15px; color:#fff; border:solid 1px #fff; letter-spacing:0px;margin-top: 30px;text-transform: uppercase;font-size: 12px;}
.ghost-button:hover{background-color: #EA242A; text-decoration: none; color:#fff;}
.ghost-button-red{display: inline-block; padding: 5px 15px; color:#EA242A; border:solid 1px #EA242A; letter-spacing:0px;/* margin-top: 30px; */text-transform: uppercase;font-size: 12px;}
.ghost-button-red:hover{background-color: #e90606; text-decoration: none; color:#fff; border:solid 1px #e90606;}
.ghost-button-right, .ghost-button-right2,.ghost-button-right3{float: right;margin-right: 0px;margin-top: 40px;margin-bottom: 40px;}
.ghost-button-right2{margin-bottom: 0px;}
.ghost-button-right3{margin-bottom: 20px; margin-top: 10px;margin-right: 15px;}
.ghost-button-center{margin-top: 40px;margin-bottom: 40px;}
.grayscale { filter: url('../img/gray.svg#grayscale');-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);  filter: gray; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5;}
.grayscale:hover, .grayscale:focus{-webkit-filter: none; -moz-filter: none; -ms-filter: grayscale(100%); -o-filter: none; filter: none;  opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
.lazy{}
.red{color:#EA242A;}
.resaltar{}
.oculto{width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important;}
.noresults{display: inline-block; float: left; position: relative; width: 100%; text-align: center; font-size: 16px; font-weight: bold;}
.marginTop{margin-top: 65px;}
.main-container{
  max-width: 1280px;
  position: relative;
  display: block;
  margin: 0 auto;
  width:100%;
}
.main-container2{
  max-width: 1024px;
  position: relative;
  display: block;
  margin: 0 auto;
  width:100%;
  /* border: 1px solid #fff;  */
}
.main-container3{
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
/*header*/
.header{top:0px;height: 66px;position: fixed;min-width:320px;width: 100%; text-align: center;left: 0px;display:inline-block;padding: 0px;clear: both !important;z-index: 1000;/* background-color: #fff; *//* max-height: 67px; *//* border: solid 1px #e90606; */ }
.header_index{/* background-color: #fff; */ -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /* visibility: visible; *//* display: initial; */z-index: 1000; padding-top: 0px;/* overflow: hidden; */}
.logo{height: 71px; top: 0px;width: 39px;left: 0%;margin-left: 0px;display: inline-block;float: left;position: absolute;overflow-y: hidden;/* border: solid 1px black; */line-height: 69px;vertical-align: middle;text-align: left; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}

.logo-container{display:inline-block; float: left; position: absolute;left:0px; top:0px; width: 100%;}
.logo-header{height: 71px; top: 0px;width: 150px;left: 0%;margin-left: 0px;display: inline-block;float: left;position: absolute;/* border: solid 1px black; */line-height: 71px;vertical-align: middle;text-align: left; z-index: 10}
.redes-header{display: block; float: right; position: relative; margin-right: 35px;top: 5px;z-index: 10;}
.link_red{font-size: 20px !important; color: #EA242A; background-color: transparent;height: 30px;width: 30px;text-align: center;line-height: 30px;display: inline-block;border-radius: 50%;border: solid 1px #EA242A;margin-right: 10px;}
.link_red2{background-color:#646464;}
.menu_links{padding-left: 0px !important;padding-right: 0px !important;border-bottom: solid 3px transparent !important;}
.fondo-header{display: inline-block; float: left; position: absolute; top:0px; left:0px; height: 71px; background-color: #fff;/* z-index: 1000000; */width: 100%; }
.header_index .logo1{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;z-index: 10;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;  -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; z-index: 10; height: 71px;width: 150px;}
.header_index .logo2{-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; z-index: 9;/* margin-top: 30%; */ }
.header_index .fondo-header{background-color: #fff;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
.menu_index{/* padding-top: 12%; */ background-color: transparent; height: 30%;z-index: 10;}
.menu_index .logo img{height: 108px; width: 57px;display: inline-block; /* float: left; */ position: absolute; /* left: 67px; */ top:0px;max-height: 108px !important;}
.menu_index .menu_links:hover, .menu_index .navbar-nav .active{color:#fff; border-bottom: solid 3px #fff !important;}
.menu_index .menu_links{color:#fff;}
.menu_index .logo  {top: 100%;left: 50%;margin-left: -28px;height: 108px;width: 57px;margin-top: 0px;/* border: solid; */line-height: 109px;overflow: hidden;/* background: gray; */}
.menu_index .navbar{margin-top: 10%;background-color: transparent;margin-right: 18%;/* margin: 0 auto; *//* float: right; *//* width: 100%; *//* background-color: transparent; */}
.menu_index .logo1{filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0";-webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; -moz-transition-delay: 0.0s; transition-delay: 0s; height: 71px;width: 150px;}
.menu_index .logo2{filter: alpha(opacity=1); opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1"; max-height:109px;-webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.menu_index .navbar-toggle{background-color: transparent !important; color: #fff;}
.menu_index .fondo-header{background-color: transparent;-webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}


/* Landing */
.fondo-header-landing{display: inline-block; float: left; position: absolute; top:0px; left:0px; height: 71px; background-color: transparent;/* z-index: 1000000; */width: 100%; }
.header_index .fondo-header-landing{background-color: #fff;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
.menu_index .fondo-header-landing{background-color: transparent;-webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}


.portada{width: 100%; display: inline-block;float: left;position: relative;z-index: 0;/* margin-top: -97px; */z-index: 1;padding-bottom: 40px;/* background-color: #e90606; */ background-image: url('../img/video.jpg');  background-position: center top !important;}
.video_portada{width: 100%;z-index: 9;position: absolute; right: 0; bottom: 0;min-width: 100%; min-height: 100%;width: auto; height: auto; z-index: -100;/* display: none; */background-color: transparent; }
.mobile .video_portada{display:none;}
.overlay_portada{background-image: url('../img/fondo_portada1.png');position: absolute; right: 0; bottom: 0px;min-width: 100%; min-height: 100%;width: auto; height: auto; z-index: 10;/* background: gray; *//* min-height: 300px; *//* padding-bottom: 30px; *//* display: none; */ /* visibility: hidden; */}
.mostrar_video{display: inline-block; visibility: visible;}
.logo-portada{display: inline-block; /* margin: 0 auto; */ bottom: 75%; width: 100%; text-align: center;position: absolute;float: left;/* border: solid 1px white; */text-transform: uppercase;z-index: 1;}
.logo-portada img{display: inline-block;max-width: 54px;}
h1.dejamarca{display: inline-block; /* margin: 0 auto; */ top: 50%; width: 100%; text-align: center;color: #fff;font-size: 124px;position: fixed;float: left;/* border: solid 1px white; */text-transform: uppercase;z-index: 1;}
.ios h1.dejamarca{position: absolute;}
.flecha_home{position: fixed; bottom: 60px;width: 100%;z-index: 100;text-align: center; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite; /* border: solid 1px white; */display: inline-block;float: left;/* border: solid; */}
.flecha_home img{display: inline-block; /* position: absolute; */ max-width: 60px; /* top:0px; */ /* left: 0px; *//* z-index: 1000; */ /* margin-left: 25px; */}

@-webkit-keyframes bounce {
  0%       { bottom:80px; }
  25%, 75% { bottom:70px; }
  50%      { bottom:60px; }
  100%     { bottom:80px;}
}

@keyframes bounce {
  0%       { bottom:80px; }
  25%, 75% { bottom:70px; }
  50%      { bottom:60px; }
  100%     { bottom:80px;}
}

.wrapperPortada{background-color: #fff; width: 100%; display: inline-block; float: left; position: relative;background-size: 100% 100%;/* background-attachment: fixed; */display: none;}
.conocenos{ background-image: url('../img/espacio.jpg'); width: 100%; /* border:solid 1px red; */ display: inline-block; float: left; position: relative; z-index: 100; background-position: bottom left; /* overflow-x: hidden; */ background-attachment: fixed;  min-height: 650px; background-color: #000;}
.chrome .conocenos, .safari5 .conocenos{ background-attachment: initial;}
.ladrillo{display: inline-block; float: right;margin-top: -60px;position: absolute;right: 22%; -webkit-animation:gravety 5s infinite; animation:gravety 5s infinite; z-index: 2;overflow: hidden;width: 27%;max-width: 472px;max-height: 571px; border:solid 1px transparent;}
/* .chrome .ladrillo{-webkit-animation:none; animation:none;} */

@-webkit-keyframes gravety {
  0%       { top:10px; }
  25%, 75% { top:20px; }
  50%      { top:30px; }
  100%     { top:10px; }
}

@keyframes gravety {
  0%       { top:10px; }
  25%, 75% { top:20px; }
  50%      { top:30px; }
  100%     { top:10px; }
}

.astronauta{display: inline-block; float: right;  position: absolute; right: -15px;z-index: 1;overflow-x: hidden;min-height: 300px;/* border: solid 1px red; */top: 30px;width: 30%;}
.astronauta img{display: inline-block;/* float: right; */position: relative;right: 0px;/*-webkit-animation:gravety_a 10s infinite, leftMove 6s  infinite; animation: gravety_a 10s infinite, leftMove 6s  infinite;*//* z-index: 100000; */}

@-webkit-keyframes leftMove {
  0% , 100% { right: 0px; }
  25%, 75%  { right: -15px; }
  50%       { right: -30px; }
} 

@keyframes leftMove {
  0% , 100% { right: 0px; }
  25%, 75%  { right: -15px; }
  50%       { right: -30px; }
}

@-webkit-keyframes gravety_a {
  0%       { top:0px; }
  25%, 75% { top:20px; }
  50%      { top:40px; }
  100%     { top:0px; }
}

@keyframes gravety_a {
  0%       { top:0px; }
  25%, 75% { top:20px; }
  50%      { top:40px; }
  100%     { top:0px; }
}

  .tierra{-webkit-animation:movimiento_tierra 100s infinite; animation:movimiento_tierra 100s infinite; background-position: left bottom; background-size: 100%;}
@-webkit-keyframes movimiento_tierra {
    0%, 100% { background-position: 0 -50px}
    50% { background-position: 40% -50px}
}
@keyframes movimiento_tierra {
    0%, 100% { background-position: 0 -50px}
    50% { background-position: 40% -50px}
}

.inicio_conocenos{
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 10%;
    margin-top: 8%;
    color: #fff;
    width: 35%;
    letter-spacing: 1px;
    z-index: 12;
    /* text-shadow: 0px 0px 1px #999; */
    font-weight: 300;
    font-size: 15px;
}
.inicio_conocenos h2{
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 40px;
}
.inicio_conocenos div{
    line-height: 25px;
}

.proyectos-portada{display: inline-block; float: left; position: relative; background-color: #fff; width: 100%;min-height: 0px;z-index: 10;text-align: center;/* padding-left: 25px; *//* padding-right: 25px; */}
.proyectos-listado{display: inline-block; margin: 0 auto; /* border:solid 1px red; */width: 100%;margin-bottom: -3px !important;clear: both;text-align: center;/* perspective: 5070px; *//* perspective-origin: 0 50%; *//* overflow: auto; */}
.proyectos-listado2{margin-bottom: 70px;}
.proyectos-listado > div {/* border-bottom: solid 1px #eaeaea; margin-right: -1px; margin-bottom: -1px;border-right: solid 1px #eaeaea; */}
.touch .proyectos-listado{/* border:solid 1px #eaeaea; */}
.img-portafolio{/* overflow: visible; */ /* max-height: 240px; *//* min-height: 200px; */cursor: pointer;}
/* .btn-portafolio{background-image: url('../img/ajax-loader.gif'); background-position: center; background-repeat: no-repeat;} */
.proyectos-index{display: inline-block;width: 100%;min-height: 40px;/* position: relative; *//* float: left; */padding-bottom: 20px;padding-top: 20px;}
.proyectos-portada figure {/* margin: 0; position: relative; */}
.proyectos-portada figure > img {max-width: 100%; display: inline-block; position: relative;/* width: 100%; */}
.touch .proyectos-portada figcaption{ position: relative; width: 100%; display: inline-block; padding: 0 20px; background-color: #fff; color: #EA242A; float: left; clear: both; height: 110px; z-index: 2; left: 0px; bottom: 0px; /* border-bottom: solid 1px #eaeaea; */ background-image: none !important;}

.link-full{display: inline-block; float: left; position: absolute; top:0; left:0px; width: 100%; bottom: 0px; border:none;/* cursor: pointer; */overflow: hidden;z-index: 100;}
.link-full:hover{background: none;}
.touch .link-full{position: relative;/* overflow: auto; */min-height: 20px;}

.touch .proyectos-portada figcaption div{/* display: inline-block; */ float: left; position: relative; clear: both; z-index: 1; width: 100%;/* left: 0px; *//* top: 0px; *//* border: solid 1px red; */ padding-top: 5px; /* border-top: solid 1px #eaeaea; *//* color: #2d2d2d; */}

.mobile .proyectos-portada figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #EA242A;
    text-align: left;
    /* width: 100% !important; */
    /* max-width: 320px; */
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat !important; 
    background-image: url('../img/triangulo.png');
    background-position: left top;
}

.triangulo{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat !important; background-image: url('../img/triangulo2.png') !important;}

.proyectos-portada figcaption > div{/* margin-top: 40%; */ display: inline-block; float: left; width: 100%; height: auto;}
.proyectos-portada figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    width: 100%;
    display: inline-block;
    float: left;
    line-height: initial;
    font-size: 18px;
    margin-top: 40%;
}
.staff-portada figcaption h3{margin-top: 90%;}
.touch .proyectos-portada figcaption h3 {
    line-height: normal;
    color: #2d2d2d;
    /* border: solid 1px red; */
    margin-top: 10px;
}

.touch .proyectos-portada figcaption h3 a{
    font-size: 16px;
    color: #828282;
}
.proyectos-portada figcaption h3 a, .proyectos-portada figcaption h3 a:hover{
    color:#fff;
    background: none;
}

.proyectos-portada figcaption span:before {
    /* content: 'by '; */
}
.proyectos-portada figcaption span {
    width: 100%;
    display: inline-block;
    float: left;
    /* margin-top: 15px; */
    font-style: italic;
    color: #fff;
    font-size: 12px;
   
}
.touch .proyectos-portada figcaption span {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px !important;
    color: #9A999E;
    margin-bottom: 10px;
}
.proyectos-portada figcaption span a, .proyectos-portada figcaption span a:hover {
    color: #fff;
    background: none;
    
}

.proyectos-portada figcaption > a {
    text-align: center;
    padding: 5px 10px;
    /* border-radius: 2px; */
    display: inline-block;
    /* background: #EA242A; */
    color: #fff;
    border: solid 1px #fff;
}

/* Caption Style 4 */
.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: 0px;
    /* padding: 0px; */
    display: inline-block;
    perspective: 1900px;
    perspective-origin: 0 50%;
}
.touch .cs-style-4 figure {
    /* min-height: 250px; */
    background-image: none;
}

.cs-style-4 figure > div {
    /* overflow: hidden; */
    text-align: center;
    /* display: inline-block; */
    width: 100%;
}

.cs-style-4 figure > div img{ width: 100%; /* height: 254px; */}

.touch .cs-style-4 figure > div {
    display: inline-block;
    float: left;
}

.cs-style-4 figure > img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.mobile .cs-style-4 figure:hover > img,
.cs-style-4 figure.cs-hover > img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.mobile .cs-style-4 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    /* max-width: 320px; */
    text-shadow: 0px 0px 1px #2d2d2d;
}

.mobile .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption > a {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
}

/* Efectos */
.view {
   /* width: 300px; */
   height: 100%;
   /* margin: 10px; */
   /* float: left; */
   /* border: 10px solid #fff; */
   overflow: hidden;
   position: relative;
   text-align: center;
   /* -webkit-box-shadow: 1px 1px 2px #e6e6e6; */
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   /* box-shadow: 1px 1px 2px #e6e6e6; */
   /* cursor: default; */
   /* background: #fff url(../images/bgimg.jpg) no-repeat center center; */
   /* display: table-cell; */
   /* vertical-align: middle; */
}
.view .mask,.view .content {
   width: 100%;
   /* height: 200px; */
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   bottom: 0;
}
.view img {
   display: inline-block !important;
   position: relative;
   /* float: left; */
   width: 100%;
   height: auto;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: left;
   position: relative;
   font-size: 18px;
   padding: 10px 20px 0px 20px;
   /* background: rgba(0, 0, 0, 0.8); */
   margin: 10px 0 10px 0;
}
.view p {
   /* font-family: Georgia, serif; */
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 5px 20px 20px 20px;
   text-align: left;
   overflow: hidden;
   white-space: pre-wrap;
   text-overflow: ellipsis;
   line-height: 16px;
}

.mobile .view h2, .mobile .view p{ padding-left: 10px; padding-right: 10px; /* padding-top: 0px; */}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-eighth .mask {
   background-color: rgba(233, 6, 5, 0.8);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #fff;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.4s linear;
   -moz-animation: bounceY 0.4s linear;
   -ms-animation: bounceY 0.4s linear;
   animation: bounceY 0.4s linear;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-100%);}
    100% { transform: translateY(0%);}
}
@-moz-keyframes bounceY {
    0% { transform: translateY(-100%);}
    100% { transform: translateY(0%);}
}
@-webkit-keyframes bounceY {
   0% { transform: translateY(-100%);}
    100% { transform: translateY(0%);}
}
/* Efectos */


.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   display: inline-block;
   float: left;
}
.view-fifth .mask{
   background-color: rgba(233, 6, 5, 1);
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   display: inline-block;
   float: left;
   position: absolute;
   top:0px;
   left:0px;
   width: 100%;
   bottom: 0px;
}
.view-fifth h2 {
   /* background: rgba(255, 255, 255, 0.5); */
   color: #fff;
   /* -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); */
   /* -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); */
   /* box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5); */
}
.view-fifth h3 {
  color: #fff;
  text-align: left;
  padding: 0px 20px 10px 20px;
  margin: 0px;
  font-size: 12px !important;
  font-weight: bold;
}
.view-fifth p{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #fff;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask , .hover_effect .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   -webkit-user-select: none;
   -webkit-touch-callout: none;  
}
.view-fifth:hover img, .hover_effect img {
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   -webkit-user-select: none;
   -webkit-touch-callout: none;  
}
.view-fifth:hover p, .hover_effect p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-user-select: none;
   -webkit-touch-callout: none;  
}

/* Efectos */


/* NINTH EXAMPLE*/
.view-ninth .mask-1, .view-ninth .mask-2 {
    background-color: rgba(233, 6, 5, 0.6);
    height: 500px;
    width: 500px;
    background: rgba(233, 6, 5, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0.6s;
    -moz-transition: all 0.6s ease-in-out 0.6s;
    -o-transition: all 0.6s ease-in-out 0.6s;
    transition: all 0.6s ease-in-out 0.6s;
}
.view-ninth .mask-1 {
    left: auto;
    right: 0;
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.view-ninth .mask-2 {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.view-ninth .content {
    /* background: rgba(0, 0, 0, 0.9); */
    /* height: 0; */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    /*
    width: 361px;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    */
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}

.mobile .view-ninth .content{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 1;
  position: relative;
  color: #2e2e2e;
  /* border: solid 1px red; */
  height: 80px;
  /* padding: 0px; */
  /* width: 100%; */
}

.view-ninth h2 {
    background: transparent;
    margin-top: 25px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
}
.mobile .view-ninth h2 {
  color: #2e2e2e;
  margin-top: 10px;
  font-size: 12px;
}
.mobile .view-ninth p {
  color: #2e2e2e;
  padding-top: 0px;
  margin-top: -5px;
}
.view-ninth a.info {
    display: none;
}
.no-mobile .view-ninth:hover .content {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    /*
    top: 40px;

    height: 120px;
    width: 300px;
   
    
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    */
}
.no-mobile .view-ninth:hover .mask-1, .no-mobile .view-ninth:hover .mask-2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.no-mobile .view-ninth:hover .mask-1 {
    -webkit-transform: rotate(45deg) translateX(50%);
    -moz-transform: rotate(45deg) translateX(50%);
    -o-transform: rotate(45deg) translateX(50%);
    -ms-transform: rotate(45deg) translateX(50%);
    transform: rotate(45deg) translateX(50%);
}
.no-mobile .view-ninth:hover .mask-2 {
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
}


/* Efectos */


.mision-portada{display: inline-block;width: 100%; max-width: 960px; margin: 60px 0px 0px 0px;line-height: 23px;letter-spacing: 1px;font-size: 14px;padding: 0px;clear: both; text-align: left;font-weight: 300;}
.mision-portada p{display: inline-block; width: 100%; /* max-width: 800px; */margin-top: 20px;text-align: justify;margin-bottom: 20px;}
.img-portafolio-clientes{/*height: 200px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;  background-attachment: inherit; width: 100%; */margin: 20px 0px;max-width: 60%;cursor: pointer;max-height: 100px;display: inline-block;}
.btn-clientes{ /* padding: 20px 35px; */ /* text-align: center; */}
.touch .btn-clientes{ padding: 10px 15px;}
.btn-mision{
    /* margin-top: 10px; */
    display: inline-block;
    float: right;
    margin-top: 20px;
}

.proyectos-listado2{ /* padding-bottom: 40px; */ /* border-top: solid 1px #dedede; */}
.proyectos-listado2 > div{border: solid 1px #dedede;}
.proyectos-listado2 > div:nth-child(1) {border-top: solid 1px #fff; border-left: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(2) {border-top: solid 1px #fff; border-left: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(3) {border-top: solid 1px #fff; border-left: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(4) {border-top: solid 1px #fff; border-left: solid 1px #fff;border-right: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(5) {border-top: solid 1px #fff; border-left: solid 1px #fff;border-bottom: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(6) {border-top: solid 1px #fff; border-left: solid 1px #fff;border-bottom: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(7) {border-top: solid 1px #fff; border-left: solid 1px #fff;border-bottom: solid 1px #fff;}
.proyectos-listado2 > div:nth-child(8) {border-top: solid 1px #fff; border-left: solid 1px #fff;border-bottom: solid 1px #fff;border-right: solid 1px #fff;}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.mobile .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
    
}

.cs-style-1 figcaption h3 {
    margin-top: 70px;
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

.staff-portada{ background-color: #eaeaea;  width: 100%; padding: 30px 0px 0px 0px; /* margin-bottom: -3px; */ /* border: solid 1px red; */ /* min-height: 250px; */ /* max-width: 800px; */}

/* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
    transform-style: preserve-3d;
}
    /*  UPDATED! flip the pane when hovered */
    .flip-container:hover .back {
        transform: rotateY(0deg);
    }
    .flip-container:hover .front {
        transform: rotateY(180deg);
    }

.flip-container, .front, .back {
    /* width: 320px; */
    /* height: 480px; */
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
}

/* 
    Some vertical flip updates 
*/
.vertical.flip-container {
    position: relative;
}

.vertical .back {
    transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
}

.contacto_portada{padding: 10px 0px;margin-left: -25px !important;margin-right: -25px !important;margin-bottom: 40px !important;margin-top: 60px !important;}
.contacto_portada input, .contacto_portada textarea{width: 100%;border-radius: 0px;background-color: #f6f6f7;margin-right: 15px;}
.g-recaptcha{float:right;width: 100px;margin-right:15px;display: inline-block;float: right;background-color: #ffffff;color: #EA242A;border: solid 1px #ffffff;padding: 3px;font-size: 12px;/* font-weight: bold; */letter-spacing: 1px;margin-top: 10px;}
.g-recaptcha:hover{background-color: #ffffff; color:#EA242A;}
.contacto_portada label{width: 100%; text-align: left;margin: 0px;padding: 0px;font-weight: 300;text-transform: uppercase;font-size: 13px;}
.contacto_portada textarea{height: 170px;}
#mensajeenviado{padding-top: 25px !important; color:#EA242A;text-transform: uppercase;font-style: italic;}
.paddingContacto{padding-top: 40px;padding-bottom: 40px;}

.fondo-contacto{background-image: url('../img/fondo_contacto.jpg');}

/* Servicios */
.contenedor_general{display: inline-block; float: left;position: relative; width: 100%;clear: both;text-align: center;background-color: #fff;background-position: top center;/* padding-right: 25px; */ /* padding-left: 25px; */z-index:1;}
.header_seccion{display: inline-block;float: left; position: relative; min-height: 300px; background-color: #f6f6f7; border-top:solid 1px #dededf; /* border-bottom:solid 1px #dededf; */width: 100%; text-align: center;/* margin-left: -25px; *//* margin-right: -25px !important; */}
.full{display: inline-block;width: 100%; text-align: center;/* padding-left: 25px; *//* padding-right: 25px; */ font-size: 16px;}
.header_seccion .full h1{color: #fff; font-size: 60px; width: 100%; max-width: 1000px; display: inline-block; text-align: left;margin-top: 70px; /* border:solid 1px red; */clear: both;padding: 0px 20px;}
.header_seccion .full div{color: #fff; font-size: 15px; width: 100%; max-width: 1000px; display: inline-block; text-align: left; /* border:solid 1px red; */clear: both;margin-top: 25px;line-height: 21px;margin-bottom: 50px;padding: 0px 20px;}
.header_seccion .full div strong, .header_seccion .full div b{/* color:#EA242A; */ font-weight: normal;}
.menu-servicios{display: inline-block; float: left; /* position: relative; */ width: 100%;text-align: left;padding: 0 25px;margin-top: 40px;/* border: solid 1px red; */width: 100%;left: 0px;}
.menu-servicios a{display: inline-block; float: left; position: relative; padding: 7px 0px 3px 0px; /* border-top:solid 3px transparent; */ color:#808285;text-transform: uppercase;font-size: 14px;margin-right: 30px;width: 100%;word-wrap: break-word;/* border: solid; */}
.menu-servicios a:hover, .menu-servicios a.active{/* border-top: solid 3px #EA242A; */ color:#EA242A; /* background-color: #fff; */}
.proyectos-seccion{min-height: 600px;}
.borde{border-top: solid 1px #dededf}
.proyectos-descripcion{display: inline-block;  width: 100%; /* max-width: 1160px; */text-align: left;}
.proyectos-listado h1.cliente{color:#595a5b; font-size: 18px; width: 100%; max-width: 900px !important; display: inline-block; text-align: left;margin-top: 40px !important; /* border:solid 1px red; */clear: both;/* padding: 0 100px; */text-transform: uppercase;margin-bottom: 30px !important;font-weight: bold;padding: 0px 30px;}
.proyectos-listado h1.cliente em{font-weight: normal; font-size: 15px; text-transform: initial;}
.proyectos-listado div.cliente{color:#595a5b; font-size: 15px; width: 100%; /* max-width: 960px; */ display: inline-block; text-align: left; /* border:solid 1px red; */clear: both;margin: 25px auto;line-height: 26px;margin-bottom: 50px;/* padding: 0 100px; */}
.proyecto-completo{color:#595a5b;;text-align: center;padding: 0 30px;font-size: 13px;}
.proyecto-completo h2.proyecto{}
.proyecto-completo div.proyecto{margin-top: 40px;line-height: 26px;text-align: left;padding: 0px 30px;margin-bottom: 30px !important;max-width: 900px !important;}
.proyecto-completo div.proyecto-full{display: inline-block;border-top: solid 1px #dededf;width: 100%;text-align: center;padding: 50px 0px;/* margin-top: 30px; */max-width: 800px;}
.proyecto-completo div.proyecto-full img{display: inline-block;/* max-width: 800px; */}
.btn-cerrar{color:#e90606; border-radius: 0px; border:solid 1px #e90606; padding: 7px 15px;text-transform: uppercase;font-size: 12px;}
.btn-cerrar:hover{color:#fff; background-color: #e90606;}
.anchor-img{display: inline-block; width: inherit;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.fixed {position: fixed;top: 50px;/* margin-left: 10%; */display: inline-block;float: left;/* left: 0px; *//* z-index: 1000; *//* background-color: #fff; */ max-width:320px;} 
.fixed select{margin-top: 20px;}
.proyectos-width{display: inline-block; /* width: 75%; */ margin: 0 auto;/* margin-left: 20%; */left: 0px;}
.menu-fixed{display: none !important;}
.lista{display: none;width: 100%;margin-bottom: 25px;/* height: 32px; */}
.fondo-servicios{background-image: url('../img/fondo_servicios.jpg');}
.fondo-casosexito{background-image: url('../img/fondo_casosexito.jpg');}
.paddingImgCasos{padding-bottom: 40px;}
.titleCasos{color: #2d2d2d;font-size: 25px;}
.servicioCasos{}
.descripcionCasos{text-align: justify;line-height: 23px;font-weight: 300;font-size: 13px;/* border: solid 1px red; */min-height: 100px;}
.colCasos img{max-width: 400px;}

/* #parent{display:table;overflow:hidden;margin:0px auto;border: solid 1px red;position: absolute;z-index: 1000;top: 0px;left: 0px;bottom: 0px;} */
*:first-child+html #btn-portafolio {position:relative;}/*ie7*/
* html #btn-portafolio{position:relative;}/*ie6*/

#content_container{display:table-cell;vertical-align: middle;text-align: center;position: absolute;/* border: solid 1px red; */top: 0;width: 100%;height: inherit;}
*:first-child+html #content_container{position:absolute;top:50%;}/*ie7*/
* html #content_container{position:absolute;top:50%;}/*ie6*/

*:first-child+html #content{position:relative;top:-50%;}/*ie7*/
* html #content{position:relative;top:-50%;}/*ie6*/

#parent{height:100%;width:100%;}

#content{display: inline-block; /* margin-top: -50%; */ top:50%;position: absolute;left: 50%;/* border: solid 1px #e90606; */width: 50px;height: 50px;} 
.play{
    height: 50px;
    width: 50px;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    display: inline-block;
    top: -50%;
    left: -50%;
    display: inline-block;
    position: absolute;
}
.mobile .play{margin-top: -40px;}
/* Contacto */
.header_seccion_dark{background-color: #2d2d2d;}
.header_seccion .full h1.dark{color: #fff;}
.header_seccion .full div.dark{color: #fff;}
.texto-contactanos{display: inline-block; float: left; position: relative; /* max-width: 321px; */ /* border: solid 1px red; */ text-align: center;padding-left: 15px;padding-right: 15px;margin-top: 10px;font-size: 17px;clear: both;font-weight: 400;/* color: #2f2f2f; */line-height: 26px;margin-bottom: 15px; width:100%;}
.margin-bottom-fix{margin-bottom: -3px;}
.mag-map{max-height: 413px;}
.mapsection{float: left;position: relative;width: 100%;min-height: 50px;margin-top: 0px;}
.mapsection img{width: 100%;}
.mapmobile{float: left;position: relative;width: 100%;min-height: 30px;}
#mapa {background-position: center center; background-repeat: no-repeat; max-height: 428px; height: 428px; clear: both; margin: 0 1px;}

.contmap{display: inline-block;position: relative;width: 100%;height: 350px;}
.contmapimg{display: none;position: relative;width: 100%;min-height: 20px;}
#infoWindow{min-height:20px;position: relative;width: 400px;display: inline-block;}
#infoWindow img{max-width: 100px;}
.infoImg{position: relative;display: inline-block;margin-top: 30px;width: 100px;}
.infomap{float: right;position: relative;width: 280px;display:inline-block;min-height: 20px;margin-left: 10px}
.maps-tit{float: left;font-family:"Titillium Web",Helvetica,sans-serif;font-size: 17px;margin-right:0%;margin-top:10px;min-height:20px;position: relative;text-align:left;text-transform:uppercase;width: 100%;;color: #1F5598;}
.maps-dir,.maps-mail,.maps-phone,.txtvergmap{float: right;font-size:13px;margin-right:0%;margin-top: 5px;min-height:20px;position: relative;text-align:left;width: 100%; color: #9a999e;}
.txtvergmap, .txtvergmap:hover{color:#EA242A;}
.textos-contacto{
  font-size: 20px;
}
.marg-text{
  font-size: 17px;
  line-height: 22px;
}
.textos-contacto2{
  width: 100%;
  margin-top: 10px;
  font-size: 20px;
}
.textos-contacto2 span{
    font-weight: bold;
}

/* Clientes */
.industrias-listado{display: inline-block; margin: 0 auto; /* border:solid 1px red; */width: 100%;margin-bottom: 70px !important;clear: both;text-align: center;padding-top: 30px;max-width: 960px;}
ul.columnas{display: inline-block; float: left; list-style-type: none; text-align: left;width: 100%;padding-left: 0px;margin-bottom: 0;text-transform: uppercase;margin-left: 0px;font-size: 12px;}
ul.columnas li{
    padding-bottom: 15px;
}
.borde-fix{
    padding-bottom: 0px;
    border-top: solid 1px #dedede;
}
.lista-clientes{display: inline-block; width: 100%;margin-top: -1px;margin-bottom: 50px;}
.lista-clientes> div:nth-child(0){border-top: none !important;}
.paddingClientes{padding-bottom: 40px}
.fondo-clientes{background-image: url('../img/fondo_clientes.jpg');}


/* Quiénes Somos */
.quienes-somos{width: 100%; max-width: 960px; display: inline-block; margin: 0 auto;float: none;min-height: 480px;padding: 36px 0px 0px 0px;/* border: solid 1px red; */font-weight: 300;text-align: left;}
img.quienes{
    display: inline-block;
    float: left;
    position: absolute;
    left: 0px;
    top: 164px;
    z-index: -1;
}

h2.somos1{
    display: inline-block;
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 37px;
    background-image: url('../img/linea.png');
    background-position: left top;
    background-repeat: no-repeat;
    color: #2d2d2d;
    text-transform: uppercase;
}
div.somos1{
    display: inline-block;
    float: left;
    /* border-bottom: solid 1px red; */
    width: 65%;
    background-color: #fff;
    min-height: 80px;
    text-align: left;
    margin-top: 27px;
    font-size: 15px;
    line-height: 25px;
    /* letter-spacing: 1px; */
    text-align: justify;
    color: #676767;
}
div.somos1-marca{
    display: inline-block;
    float: left;
    /* border: solid 1px red; */
    width: 29%;
    margin-top: 0px;
    text-transform: uppercase;
    color: #818183;
    padding-top: 36px;
    font-size: 38px;
    background-color: #fff;
    min-height: 90px;
    font-weight: initial;
    text-align: center;
}
div.somos1-metodologia{ display: inline-block;
    float: right;
    /* border: solid 1px red; */
    width: 100%;
    background-color: #fff;
    min-height: 136px;
    /* text-align: left; */
    margin-top: 0%;
    font-size: 15px;
    line-height: 25px;
    /* letter-spacing: 1px; */
  padding: 20px 80px; text-align: center;}
div.somos1-metodologia p{text-align: justify;color:#676767;}
div.somos1-metodologia img{
    display: inline-block;
    margin-top: 40px;
    max-width: 600px;
    margin-bottom: 20px;
    color: #676767;
}
h2.somos2{}
.somos3{}
.fondo-anios{background-image: url('../img/12anios.jpg'); min-height: 252px; margin-top: 3%;margin-bottom: 50px;background-attachment: fixed;background-color: #000;}
.margin-anios{
    margin-top: 90px;
    display: inline-block;
    /* border: solid; */
    min-height: 80px;
}
.img-anios{
    display: inline-block;
    text-align: center !important;
    /* width: 100%; */
    /* border: solid 1px; */
}
.img-anios img{display: block;}
.txt-anios{color: #fff;padding-top: 8px;/* letter-spacing: 1px; */font-weight: 500;line-height: 27px; font-size: 15px;}
.img-conocenos{overflow: hidden; /* background-image: url('../img/conocenos.jpg'); /* background-size: 123%; */; min-height:40px;}
.img-conocenos img{display: inline-block; float: left; position: fixed; top: 66px; left: 0px; width: 100%;}
.mobile .img-conocenos img{position: absolute; top:0px;}

/* Landing */
.menu_indexl{
    background-color: rgba(233, 6, 6, 0.5);
}
.header-landing {top: 0px; height: 66px; position: fixed; min-width: 320px; width: 100%; text-align: center;left: 0px;display: inline-block;padding: 0px;clear: both !important;z-index: 1000;/* background-color: transparent; *//* max-height: 67px; *//* border: solid 1px #e90606; */}
.logo-landing {
/* height: 30px; */
    /* top: 12px; */
    max-width: 170px;
    left: -5%;
    margin-left: 0px;
    display: inline-block;
    /* float: left; */
    position: relative;
    overflow-y: hidden;
    /* border: solid 1px black; */
    line-height: 69px;
    vertical-align: middle;
    text-align: left;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    /* width: 50%; */}
    .header-landing{
      height: 42px;
    }
.header-landing .logo-landing .logo2{width: 100%;}
.texto-contactanos{display: inline-block; float: left; position: relative; /* max-width: 321px; /* border: solid 1px red; */ text-align: center;padding-left: 15px;padding-right: 15px;margin-top: 10px;font-size: 17px;clear: both;font-weight: 400;/* color: #2f2f2f; */line-height: 26px;margin-bottom: 15px; width:100%;}
.img-conocenos-landing{overflow: hidden; /* background-image: url('../img/conocenos.jpg'); /* background-size: 123%; */; min-height:40px;}
.img-conocenos-landing .carousel-caption{position: absolute; right: 0; left: 0px; top: 90px;/* left: 15%; */ z-index: 10; /* padding-top: 20px; */ /* padding-bottom: 20px; */ /* color: #fff; */ /* text-align: center; *//* text-shadow: 0 1px 2px rgba(0,0,0,.6); */}
.img-conocenos-landing .carousel-caption .g-recaptcha {
    width: 130px; margin-right: 0px; display: inline-block; float: right; background-color: #fff; color: #EA242A; border: solid 1px #fff; padding: 8px 15px; font-size: 12px; font-weight: bold; letter-spacing: 4px; margin-top: 10px; border-radius: 30px;}
.img-conocenos-landing textarea.form-control {height: auto; resize: none;}
.img-conocenos-landing .frase-contactanos{
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    font-size: 3.2em;
    text-align: left;
    line-height: 1.3em;
    color: #ffffff;
    font-family: 'adam.cg_proregular', Helvetica, sans-serif;
}
.form-lan input{
    padding: 22px 15px;
    font-size: 15px;
}
.form-lan textarea{
    padding: 15px 15px;
    font-size: 15px;
}
.mobile .img-conocenos-landing img{position: absolute; top:0px;}
.img-conocenos-landing img{display: inline-block; float: left; position: relative; top: 0px; left: 0px; width: 100%;}
.texto-contactanos-landing{display: inline-block; float: right; position: relative; max-width: 400px; /* border: solid 1px red; */ text-align: center;padding-left: 0px;padding-right: 0px;margin-top: 10px;font-size: 17px;clear: both;font-weight: 400;/* color: #2f2f2f; */line-height: 26px;margin-bottom: 15px; width:100%;}
.texto-contactanos-landing .red{color: #fff;}
.texto-contactanos-landing .gray-text{color: #fff;}
.proyectos-descripcionl{display: flex;
    width: 100%;
    text-align: left;
    padding: 0px 50px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;}
.titulo-talentol{display: inline-block; text-align: center; padding-top: 40px; color: #2d2d2d; text-transform: uppercase; margin-top: 20px; font-size: 24px; padding-right: 0px; letter-spacing: 5px;}
.descripcion-talentol{font-weight: 400; display: inline-block; text-align: center; padding-top: 20px; color: #8c8c8c;margin-top: 0px; margin-bottom: 40px; font-size: 15px; padding-right: 0px; letter-spacing: 0px;line-height: 24px;font-family: 'Open Sans', sans-serif;}
.titulo-creamosl{display: inline-block; text-align: left; padding-top: 20px; color: #2d2d2d; text-transform: uppercase; margin-top: 40px; font-size: 24px; padding-right: 0px; letter-spacing: 0px;margin-bottom: 0px;    padding-left: 0px;}
.titulo-campañasl{display: inline-block; text-align: left; padding-top: 0px; color: #EA242A; text-transform: uppercase; margin-top: 5px; font-size: 24px; padding-right: 0px; letter-spacing: 0px;    padding-left: 0px;}
.descripcion-campañal{font-weight: 400; display: inline-block; text-align: justify; padding-top: 10px; color: #8c8c8c;margin-top: 0px; margin-bottom: 10px; font-size: 15px; padding-right: 0px; letter-spacing: 0px;line-height: 24px;font-family: 'Open Sans', sans-serif;    padding-left: 0px;padding-right: 0px;}
.titulo-creamos-2{display: inline-block; text-align: center; padding-top: 20px; color: #2d2d2d; text-transform: uppercase; margin-top: 40px; font-size: 24px; padding-right: 0px; letter-spacing: 0px;margin-bottom: 0px;    padding-left: 0px;}
.descripcion-campanal-2{
    font-weight: 400;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    color: #c7c7c7;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    padding-right: 0px;
    letter-spacing: 0px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 0px;
    padding-right: 0px;
}

.proyectos-listado-2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.cont-pad{
  display: inline-block;
  position: relative;
  margin: 0 auto;
  float: none;
}
.descripcion-campañal ul{
  list-style: none;
}
.descripcion-campañal span { display: inline-block; text-align: right; padding-top: 0px; background-image: url(../img/linea.png); background-position: right center; background-repeat: no-repeat; color: transparent; text-transform: uppercase; margin-top: 0px; padding-right: 0px; width: 5px; margin-right: 5px;
}
.proyecto-landing{
  margin-bottom: 10%;
}
.fondo-gris{background: #ececec; display: inline-block; position: relative; width: 100%; min-height: 570px;}
.fondo-gris .container-campañas{
  background: #3f3f3f;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: -50px;
    z-index: 9;
    min-height: 618px;
}
.fondo-gris .container-campañas .container-creacion{
 display: flex;
     flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding:  80px;
}
.info-campaña{
  padding: 0px;
  background: #ffffff;
  display: flex;
}
.img-campañas{
  padding: 0px;
}



.magin-talento{}
.txt-talento{
    text-align: justify;
    line-height: 23px;
    margin-top: 55px;
    padding: 0px;
    font-weight: 300;
    /* padding-right: 50px; */
    font-size: 15px;
    margin-bottom: 40px;
    color:#676767;
}
.txt-talento2{
    text-align: justify;
    line-height: 23px;
    margin-top: 95px;
    padding: 0px;
    font-weight: 300;
    /* padding-right: 50px; */
    font-size: 15px;
    margin-bottom: 40px;
    padding-right: 25px;
    color:#676767;
}
.titulo-talento{ display: inline-block;
    text-align: right;
    padding-top: 40px;
    background-image: url('../img/linea.png');
    background-position: right top;
    background-repeat: no-repeat;
    color: #2d2d2d;
    text-transform: uppercase; margin-top: 20px; font-size: 25px; padding-right: 0px;}
.titulo-talento2, .titulo-talento3{ display: inline-block;
    text-align: left;
    padding-top: 40px;
    background-image: url('../img/linea.png');
    background-position: 0px top;
    background-repeat: no-repeat;
    color: #2d2d2d;
    text-transform: uppercase; margin-top: 60px; font-size: 25px; padding-left: 0px; /* width: 100%; */}
.titulo-talento3{width: 100%;}
.staff-conocenos{
    background-color: #eaeaea;
    padding: 0px 0px 0px 0px;
    margin-bottom: -1px;
    z-index: 100;
    margin-top: 50px;
    /* border: solid 1px #dedede; */
}
.fondo-dark{background-color: #fff;/*color: #2d2d2d;*//* min-height: 346px; *//* padding-top: 40px; */padding-bottom: 20px;}
.nuestro-talento{
    z-index: 99;
    /* border: solid 1px #dedede; */
}
.marginBottomStaff{margin: -50px 0 -3px 0 !important;background-color: #eaeaea;/* border: solid 1px #eee; *//* max-width: 860px !important; */}
.fondo-dark .titulo-talento{color: #2d2d2d;text-align: left;background-position: right top;}
.fondo-dark .txt-talento{
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.clientes-conocenos{background-color: #fff;padding-top: 0px;/* border: solid; */}
/*
.clientes-conocenos .proyectos-listado2{border:solid 1px #2d2d2d}
.clientes-conocenos .proyectos-listado2 > div{border:solid 1px #454545;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(1) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(2) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(3) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(4) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;border-right: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(5) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;border-bottom: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(6) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;border-bottom: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(7) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;border-bottom: solid 1px #2d2d2d;}
.clientes-conocenos .proyectos-listado2 > div:nth-child(8) {border-top: solid 1px #2d2d2d; border-left: solid 1px #2d2d2d;border-bottom: solid 1px #2d2d2d;border-right: solid 1px #2d2d2d;}
 */
 /* Premios */
.premios{
    margin-bottom: 150px;
}
.premios-titulo{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 70px;
    font-weight: 300;
    margin-bottom: 40px;
    padding: 0 20px;
    font-size: 15px;
    color: #676767;
}
.lista-premios div {text-align: center;padding-top: 15px;font-size: 14px;}
.lista-premios div img {display: inline-block;max-width: 90px;}
.valores{background-color: #fff;}
.nuestros-valores{
    background-color: #f6f6f7;
}
.lista-responsabilidad{
    margin-bottom: 50px;
    margin-top: 10px;
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    float: none;
    position: initial;
    margin: 0 auto;
    margin-bottom: 50px;
}
.lista-responsabilidad div {text-align: center;padding-top: 15px;font-size: 12px;}
.lista-responsabilidad div img {display: inline-block;}
.responsabilidad-titulo{
    margin-top: 50px;
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    color: #676767;
}

.responsabilidad-titulo:before, .responsabilidad-titulo:after {
  color: #EA242A;
  content: open-quote;
  font-size: 51px;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
  font-style: italic;
  font-weight: normal;
  font-family: 'Open Sans', Helvetica, sans-serif;
}
.responsabilidad-titulo:after{
  content: close-quote;
}

.premios{
    margin-bottom: 0px;
    background-color: #f6f6f7;
    padding-bottom: 50px;
}

/* Mapa del Sitio */

.mapa-sitio-links{
    display: inline-block;
    position: relative;
    width: 150px;
    /* border: solid 1px red; */
    list-style: none;
    margin: 0 25px 10px 25px;
    clear: both;
    width: 100%;
    text-align: left;
}
.mapa-sitio-links > li{}
.mapa-sitio-links > li > a{
    color: #2f2f2f;
    font-weight: 600;
}
.mapa-sitio-links > li > a:hover{}
.mapa-sitio-links > ul{
    margin-top: 10px;
}
.mapa-sitio-links > ul > li{
    list-style: none;
    font-size: 12px;
    padding-left: 15px;
}
.mapa-sitio-links > ul > li > a{
    color: #9a999e;
}
.mapa-sitio-links > ul > li > a:hover{}

/* .mapa-sitio-links{display: none;} */
/*
div.orgChart {
    border                : 1px solid #cccccc;
    background-color      : #ffffe8;
    margin                : 10px;
    padding               : 20px;
}

div.orgChart h2 {
    margin                : 0px;
    font-size             : 1em;
    border-bottom         : none;
}

div.orgChart ul {
    list-style            : none;
    margin                : 4px;
    padding               : 0px;
    font-size             : 0.8em;
    text-align            : left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
    text-align            : center;
}

div.orgChart table {
    width                 : 100%;
}

div.orgChart tr.lines td.line {
    width                 : 1px;
    height                : 20px;
}

div.orgChart tr.lines td.top {
    border-top            : 3px solid black;
}

div.orgChart tr.lines td.left {
    border-right          : 2px solid black;
}

div.orgChart tr.lines td.right {
    border-left           : 2px solid black;
}

div.orgChart td {
    text-align            : center;
    vertical-align        : top;
    padding               : 0px 2px;
}

div.orgChart div.node {
    cursor                : default;
    border                : 2px solid black;
    display               : inline-block;
    padding               : 0 4px;
    width                 : 96px;
    height                : 60px;
    background-color      : #ffffcf;
    line-height           : 1.3em;
    border-radius         : 8px;
    box-shadow            : 4px 4px 6px #888888;
    -moz-border-radius    : 8px;
    -moz-box-shadow       : 4px 4px 6px #888888;
    -webkit-border-radius : 8px;
    -webkit-box-shadow    : 4px 4px 6px #888888;
}

div.orgChart div.hasChildren {
    background-color      : #ffff98;
}

div.orgChart.interactive div.hasChildren {
    cursor                : pointer;
}

div.orgChart div.node.hover {
    background-color      : white;
}
*/


#primaryNav li {
  width:25%;
}

#primaryNav li ul li {
  width:100% !important;
}

#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }

/* ------------------------------------------------------------
  Site Map Styles
------------------------------------------------------------ */

/* -------- Top Level --------- */

#primaryNav {
  margin: 0;
  float: left;
  width: 100%;
}
#primaryNav #home {
  display: block;
  float: none;
  background: #ffffff url('../img/sitemap/L1-left.png') center bottom no-repeat;
  position: relative;
  z-index: 2;
  padding: 0 0 30px 0;
}
#primaryNav li {
  float: left;
  background: url('../img/sitemap/L1-center.png') center top no-repeat;
  padding: 30px 0;
  margin-top: -30px;
  list-style: none;
}

#primaryNav li a {
  margin: 0 20px 0 0;
  padding: 10px 0;
  display: block;
  font-size: 12px;
  /* font-weight: bold; */
  text-align: center;
  color: #fff; 
  background: #2f2f2f;
  border: 2px solid #2f2f2f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#primaryNav li#home a {background-color: #EA242A !important;border: 2px solid #C00201;color: #fff;font-weight: 600;}
#primaryNav li a:hover {
  background-color: #666;
  border-color: #333;
}
#primaryNav li:last-child {
  background: url('../img/sitemap/L1-right.png') center top no-repeat;
}
a:link:before,
a:visited:before {
  /* content: " "attr(href)" "; */
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 5px;
  word-wrap: break-word;
}
#primaryNav li a:link:before,
#primaryNav li a:visited:before {
  color: #78a9c0;
}

/* -------- Second Level --------- */

#primaryNav li li {
  width: 100%;
  clear: left;
  margin-top: 0;
  padding: 10px 0 0 0;
  background: url('../img/sitemap/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
  background-color: #9a999e;
  border-color: #666;
  font-size: 10px;
  padding: 5px;
}
#primaryNav li li a:hover {
  border-color: #A5A4A9;
  background-color: #9a999e;
}
#primaryNav li li:first-child {
  padding-top: 30px;
}
#primaryNav li li:last-child {
  background: url('../img/sitemap/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
  color: #8faf5c;
}

/* -------- Third Level --------- */

#primaryNav li li ul {
  margin: 10px 0 0 0;
  width: 100%;
  float: right;
  padding: 9px 0 10px 0;
  background: #ffffff url('../img/sitemap/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
  background: url('../img/sitemap/L3-center.png') left center no-repeat;
  padding: 5px 0;
}
#primaryNav li li li a {
  background-color: #fff7aa;
  border-color: #e3ca4b;
  font-size: 12px;
  padding: 5px 0;
  width: 80%;
  float: right;
}
#primaryNav li li li a:hover {
  background-color: #fffce5;
  border-color: #d1b62c;
}
#primaryNav li li li:first-child {
  padding: 15px 0 5px 0;
  background: url('../img/sitemap/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
  background: url('../img/sitemap/L3-bottom.png') left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
  color: #ccae14;
  font-size: 9px;
}


/* ------------------------------------------------------------
  Utility Navigation
------------------------------------------------------------ */

#utilityNav {
  float: right;
  max-width: 50%;
  margin-right: 10px;
}
#utilityNav li {
  float: left;
  margin-bottom: 10px;
}
#utilityNav li a {
  margin: 0 10px 0 0;
  padding: 5px 10px;
  display: block; 
  border: 2px solid #e3ca4b;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: black;
  background: #fff7aa url('../img/sitemap/white-highlight.png') top left repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
  -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */ 
}
#utilityNav li a:hover {
  background-color: #fffce5;
  border-color: #d1b62c;
}
#utilityNav li a:link:before,
#utilityNav li a:visited:before {
  color: #ccae14;
  font-size: 9px;
  margin-bottom: 3px;
}


/* Footer */
#footer {position: relative; min-height: 25px; line-height: 25px; clear:both; background-color: #f0f0f0; color: #828282;vertical-align: middle; /* height: 30px; */display: inline-block;width: 100%;float: left;/* min-height: 313px; *//* border: solid 1px red; */z-index: 10;margin-top: -5px;}
.texto-footer{font-size: 12px;margin: 15px 0px;text-align: center;display: inline-block;color: #808083;line-height: 17px;}
.img-footer{margin-top: 33%;display: inline-block;clear: both;width: 100%; text-align: center;}
.img-footer img{display: inline-block;}
.politica{ color:#808083;}
.politica:hover{color: #EA242A;text-decoration: none;background-color: transparent;}
#footer .titulo{width: 100%;text-align: center;text-transform: uppercase;font-size: 18px;margin-top: 60px;display: inline-block;position: relative;}
.nav-footer{ display: inline-block; /* float: left; */ /* position: relative; */ margin-left: 20px;list-style-type: none; margin-top: 36px; font-size: 15px; text-align: left;}
.nav-footer li{ display: inline-block; margin: 0 20px; max-width: 100px; /* border: solid 1px red; */ text-transform: uppercase;}
.sitemap li{margin: 0px !important;}
.sitemap-menu li{display: inline-block; float: left; position: relative; width: 100%; text-align: left;/* margin-left: 15px !important; */text-transform: initial;font-size: 12px;}
.nav-footer .active, .footer_links:hover{color: #FF6B01;background-color: #fff;text-decoration: none;/* font-weight: bold; */}
.footer_links{ color: #828282; text-decoration: none; /* text-transform: uppercase; */ /* clear: both; */}
.footer_links a{text-decoration: none;}
.footer-center{text-align: center;}
.footer-background1{background-color: #ececed; color:#fff;/* margin-top: 30px; */ min-height: 30px;}
.footer-background2{background-color: #EA242A; color:#fff;/* margin-top: 30px; */ min-height: 30px;text-align: center;padding: 15px;}
.footer-background a{ color: #fff !important;}
.footer-background a:hover{
    color: #FF6B01 !important;
}
.footer-align{text-align: center;}
.redes-footer{display: inline-block;/* margin-top: 18px; *//* float: left; */}
.footer .gotop{display: inline-block;max-width: 28px;}
.redes2{margin-top: 0px;display: inline-block;float: left;margin-right: 25px;}
.privacidad{display: inline-block; margin-top: 100px; text-align: justify; margin-bottom: 60px;}
.privacidad h3{color:#2f2f2f}

/* Fix */
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/}


/* blog */
.back-tit-noticias {
  padding: 50px 0px;
  color: #FFFFFF;
  /* background-size: cover; */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/layout/noticias/banner.jpg);
}

.ios .back-tit-noticias {
  background-attachment: static;
  background-size: contain;
}

.blok-face {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 25px;
  margin: 10px 0px;
  text-align: center;
}
.blok-face .blok-face-tit {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: left;
  margin: 20px auto;
}
.blok-face .blok-face-tit .txt-tit {
  font-size: 30px;
  font-size: 1.875rem;
  display: inline-block;
  position: relative;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 3px;
  color: #e90606;
  text-transform: uppercase;
}
.blok-face .blok-face-tit .txt-tit:hover, .blok-face .blok-face-tit .txt-tit:focus, .blok-face .blok-face-tit .txt-tit:visited {
  color: #e90606;
  text-decoration: none;
}
.blok-face .list-info {
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  display: flex;
  position: relative;
  padding: 10px 0px;
  /*  border-bottom: 1px solid gray; */
}
.blok-face .list-info .date {

  float: left;
  text-align: left;
  font-size: 15px;
  color: gray;
  padding: 0px 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-right: 1px solid #e2e2e2;
  padding: 0px 20px;
  border-left: 1px solid #e2e2e2;
}
.blok-face .list-info .redes {
  display: flex;
  flex-wrap: wrap;
  float: left;
  font-size: 12px;
  color: gray;
  border-right: 1px solid #e2e2e2;
}
.blok-face .list-info .redes .btn-redes-share {
  padding: 0px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  content-align: center;
}
.blok-face .list-info .redes .btn-redes-share i {
  color: gray;
  border: 1px solid #9a999e;
  font-size: 11px;
  padding-top: 5px;
  width: 22px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
.blok-face .list-info .blok-tag {
  display: inline-block;
  float: left;
  width: auto;
  padding: 0px 20px;
  color: gray;
  font-size: 12px;
}
.blok-face .link-post {
  font-weight: bold;
  border-width: 0px;
  border-style: solid solid solid solid;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  float: left;
  font-family: Montserrat;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 17px;
  padding-right: 17px;
  text-align: center;
  border-radius: 45px;
  text-transform: uppercase;
  position: relative;
  margin: 0 auto;
  display: inline-block;
  background-color: #e90606;
}
.blok-face .link-post:hover {
  text-decoration: none;
}
.blok-face .blok-face-desc-min {
  color: gray;
  font-size: 15px;
  line-height: 29px;
  margin: 20px 0px;
  text-transform: none;
  text-align: justify;
}

#sidebar {
  display: inline-block;
  position: relative;
  margin: 20px 0px;
}
#sidebar .widget {
  width: 100%;
  margin-right: 0;
  float: none;
  margin-bottom: 45px;
  left: 18px;
  top: 25px;
  bottom: 18px;
  padding: 25px;
  /* border: 4px double #EFEFEF; */
}
#sidebar .widget.twitter {
  background-color: #868587;
}
#sidebar .widget .blue-line {
  background-color: #FFFFFF;
  padding: 10px 0px;
  text-align: left;
  font-weight: bold;
  color: #e90606;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  position: relative;
}
#sidebar .widget .blue-line .flecha {
  position: absolute;
  z-index: 200;
  width: 30px;
  height: 30px;
  left: 45%;
  bottom: -15px;
  margin: 0 auto;
  background-color: #e90606;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Chrome - Safari */
  -o-transform: rotate(45deg);
  /* Opera */
}
#sidebar .widget h2 {
  margin-top: -36px;
  background: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
  clear: both;
  color: #666666;
}

/* bloque noticias */
.card .nav-tabs > li a {
  border: none;
  color: #e90606;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'adam.cg_proregular',Helvetica,sans-serif;
}
.card .nav-tabs > li.active, .card .nav-tabs > li:hover, .card .nav-tabs > li:focus {
  background-color: transparent;
  border: none;
}
.card .nav-tabs > li.active a, .card .nav-tabs > li:hover a, .card .nav-tabs > li:focus a {
  background-color: transparent;
  color: #2d2d2d;
  border: none;
}
.card .tab-pane.active {
  background-color: #FFFFFF;
}
.blok-face-desc-min{
  width: 100% !important;
}
ul.int-post {
  list-style: none;
  padding: 0px;
  margin-top: 0px;
  list-style: none;
}
ul.int-post .post-adict {
  padding: 7px;
  text-transform: capitalize;
}
ul.int-post .post-adict .side-item {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #2d2d2d;
  font-family: 'adam.cg_proregular',Helvetica,sans-serif;
  border-bottom: solid 1px #ddd;
}
ul.int-post .post-adict .side-item .side-image {
  float: left;
  margin-right: 14px;
}
ul.int-post .post-adict .n-object-l img, ul.int-post .post-adict .n-object-l iframe {
  margin: 0 auto;
}

.side-item-meta {
  /* background-color: #e90606; */
  padding: 10px 10px;
  text-align: left;
  font-weight: bold;
  color: #2d2d2d;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  position: relative;
}

.link-cat {
  color: #e90606;
  text-align: left;
  float: left;
  display: inline-block;
  position: relative;
  width: 100%;
}
.link-cat a {
  color: #e90606;
}

.side-item-text {
  display: inline-block;
  position: relative;
  width: 100%;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  padding: 10px;

}
.side-item-text a {
  color: #2d2d2d;
}

.upper-txt {
  text-transform: uppercase;
}

.noticias-slick {
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 2px;
}
.noticias-slick .slick-slide img {
  padding: 5px;
  max-height: 300px;
  display: inline-block;
}

.link-new {
  background-color: #e90606;
  color: #FFFFFF;
  border-radius: 45px;
  float: right;
}

.pagination > li > a, .pagination > li > span {
  margin: 2px 2px;
  border: none;
  color: #e90606;
}
.pagination > li > a:hover, .pagination > li > span:hover {
  background-color: #e90606;
  color: #FFFFFF;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #e90606;
  border-color: #e90606;
  border-radius: 0px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 0px;
}

a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #868587 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;
  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #868587;
}

/* Color Highlight for keyboard navigation */
a.twitter-timeline:focus {
  outline: none;
  border-color: #868587;
}
.seccion-blog{
  float: left;
  position: relative;
  width: 100%;
}
.somos1 .txt-tit{
   display: inline-block;
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 17px;
    background-image: url('../img/linea.png');
    background-position: left top;
    background-repeat: no-repeat;
    color: #2d2d2d;
    text-transform: uppercase;
    font-size:25px;
}
.card .nav-tabs{
  margin-top: 30px;
  padding: 0px 10px;
}
.creativo{
  display: flex;
  flex-direction: row;
  justify-content: center;
  width:25%;
  align-items: center;
  font-family: 'adam.cg_proregular',Helvetica,sans-serif;
}
.ext-autor{
  max-width: 50px;
  max-height: 50px;
  border-radius: 50%;
  margin-left:10px;
}
.auto{
  display: flex;
  align-content: center;
  align-items: center;
}
.autor .nombre{
  width:100%;
  display: inline-block;
  text-align: left;
  color:#2d2d2d;
  font-weight: bold;
}
.autor .puesto{
  width:100%;
  display: inline-block;
  text-align: left;
  font-size: 11px;
}
/* end blog */
/* ==|====================
   Plugins/slick-slider
   ======================= */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  margin: 0 auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-slide:focus {
  outline: none;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 100%;
  width: 40px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 2;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 20px;
  line-height: 1;
  color: #000000;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\f053";
}
.slick-prev:before[dir="rtl"] {
  content: "\f053";
}

.slick-next {
  right: 0px;
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\f054";
}
.slick-next:before[dir="rtl"] {
  content: "\f054";
}

/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 1;
}
.descubre{
  display: inline-block;
  position:relative;
}
.tit-espo{
  display: inline-block;
  position: relative;
  padding: 50px 0px;
  font-size: 25px;
  color: #7ac142;
  text-align: Center;
  width: 100%;
  min-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.beneficios_indgal.ext-der{
  min-height: 100px;
}

.debug-img{

}
.debug-img img{
  max-height: 100px;
}
.debug-img .titulo_servicioindx{
  min-height: 50px;
}
/*media queries*/
/* Max Width */

@media screen and (max-width: 992px){
    
}

@media screen and (max-width: 959px){
    .inicio_conocenos{margin-top: 40%; width: 100%;margin-left: 0px;padding: 0 25px 40px 25px;}
    .menu-servicios{/* padding: 0 20px; */}
   .quienes-somos{padding: 70px 20px 0px 20px} 
    h2.somos1{width: 100%;margin-top: 0px;}
    div.somos1{width: 100%;background-color: #fff;min-height: 60px;    margin-top: 27px;/* border: solid; */}
    div.somos1-marca{ width: 100%; margin: 40px 0px; padding-top: 0px; min-height: 40px; /* border: solid; */}
    div.somos1-metodologia{width: 100%;min-height: 136px;margin-top: 0px; padding: 0px;/* border: solid; */text-align: center;}
    div.somos1-metodologia img{margin-top: 40px;display: inline-block;}
    img.quienes{position: relative; top:initial; left:initial;}
    .img-conocenos{background-size: 312%; margin-top: 40px;}
    .paddingMobile{padding-left: 25px; padding-right: 25px;}
}
@media screen and (max-width: 850px){
    .img-conocenos{background-size: 160%;}
}

@media screen and (max-width: 820px){

}

@media screen and (max-width: 800px){
    
}

@media screen and (max-width: 770px){

}

@media screen and (max-width: 767px){
  .header_index2{bottom: 30%;}
  .header_index2 .navbar{width: 100%; padding: 0 15px;}
  .header_index2 .navbar-nav{display: inline-block; margin: 0 auto; float:none; border:solid 0px yellow; text-align: center;}
  .header_index2 .navbar-nav>li{ display: inline-block;  /* width: 100px; */ /* border:solid 1px red; */ /* font-size: 12px !important; */}
  .header_index2 .navbar-nav>li a{width: auto; text-align: center; margin: 0px; margin-right: 15px;}
  .link1{display: none !important}
  .link2{display: inline-block !important;border: none !important;}
  .proyectos-listado2 > div:nth-child(2) {border-right: solid 1px #fff;}
  .proyectos-listado2 > div:nth-child(6) {border-right: solid 1px #fff;}
  .proyectos-listado2 > div:nth-child(7) {border-left: solid 1px #fff;border-top: solid 1px #dedede;}
  .proyectos-listado2 > div:nth-child(8) {border-left: solid 1px #fff;border-top: solid 1px #dedede;}

  /*.clientes-conocenos .proyectos-listado2 > div:nth-child(2) {border-right: solid 1px #2d2d2d;}
  .clientes-conocenos .proyectos-listado2 > div:nth-child(6) {border-right: solid 1px #2d2d2d;}
  .clientes-conocenos .proyectos-listado2 > div:nth-child(7) {border-left: solid 1px #2d2d2d;border-top: solid 1px #454545;}
  .clientes-conocenos .proyectos-listado2 > div:nth-child(8) {border-left: solid 1px #2d2d2d;border-top: solid 1px #454545;}*/
  .responsabilidad-titulo{padding: 0 20px;}
  .nuestro-talento{}
  .premios-titulo{margin-top: 60px;margin-bottom: 30px;}
  .premios{}
  .mision-portada{/* padding: 0px 25px; */}
  .menu_index .navbar{margin-top: 13px;margin-right: 0%;z-index: 1000;}
  
  .redes2{margin: 25px 0px 0px 0px;}
  .header_seccion .full h1, .header_seccion .full div { padding: 0 25px;}
  .texto-contactanos{text-align: center;width: 100%; color:#676767!important;}
  .header_seccion{/* padding: 0 25px; */}
  .menu-servicios a{margin-right: 15px;padding: 7px 0px;}
  img.quienes{display: inline-block; position: relative;top: initial;left: initial;margin-top: 25px;}
  .txt-anios{padding: 0px 20px;}
  .margin-anios{margin-top: 35px;text-align: center;}
  .img-anios{width: 100%}
  .img-anios img{display: inline-block;}
  .clientes-conocenos{padding-top: 0px;}
  .logo{/* width: 367px !important; */}
  .img-conocenos{background-size: 206%;}
  .modal .proyecto-completo{padding: 0px;}
  
  .txt-talento2{padding-top: 30px;}
  .txt-talento{margin-top: 30px;}
  .ladrillo{margin-top: 20px;}
  .mask{display: none;}
  .paddingContacto{padding-top: 25px; padding-bottom: 25px;}
  .lista{display: inline-block;}
  .menu-servicios{margin-top: 20px;z-index: 998;}
  .fixed{background-color: #fff;}

  .conocenos, .fondo-anios, .fondo-clientes, .fondo-servicios, .fondo-casosexito, .fondo-contacto{background-attachment:scroll !important;}
  .fondo-anios{background-image: url('../img/12anios-mob.jpg');}
  .fondo-clientes{background-image: url('../img/fondo_clientes-mob.jpg');}
  .fondo-servicios{background-image: url('../img/fondo_servicios-mob.jpg');}
  .fondo-casosexito{background-image: url('../img/fondo_casosexito-mob.jpg');}
  .fondo-contacto{background-image: url('../img/fondo_contacto-mob.jpg');}

  .titulo-talento{background-position: 0px top;text-align: left;/* margin-left: 10px; */margin-bottom: 25px;padding-left: 0px;padding-right: 0px;margin-top: 50px;}
  .txt-talento, .txt-talento2{margin-bottom: 40px;/* padding-right: 20px; *//* padding-left: 20px !important; */padding-top: 0px !important;display: inline-block;margin-top: 30px;}
  .fondo-dark .titulo-talento{padding-left: 0px;background-position: 0px top;padding-right: 0px;margin-bottom: 0px;}
  .view-fifth h2{padding: 0 15px 0 15px;}
  .view-fifth p{padding: 0 15px 20px 15px;font-size: 10px;line-height: 12px;}
  #primaryNav.col6 li{width: 100%;}
  #primaryNav #home{background-image: none}
  #primaryNav li{background-image: none}
  #primaryNav li ul li{max-width: 90%; margin-left: 10%;}
  #primaryNav li:last-child{background-image: none}
  .colCasos .img-portafolio{width: 100%;display: inline-block;text-align: center;}
  .descripcionCasos{min-height: 20px;}
  .ghost-button-right3{margin-bottom: 40px; float: inherit;}
  h1.dejamarca{position: absolute;}
  .card .nav-tabs{
    margin-top: 0px;
  }
}

/* LANDING */
.item-landing{
    padding: 200px 15px;
}
@media screen and (max-width: 1280px){
  .fondo-gris{
    min-height: auto;
  }
  .fondo-gris .container-campañas {
      position: relative;
      top: 0px;
      min-height: auto;
  }
  .fondo-gris .container-campañas .container-creacion{
    margin-top: 0px;
  }
}
@media screen and (max-width: 1080px){
  .fondo-gris{
    background: transparent;
  }
  .fondo-gris .container-campañas{
    background: transparent;
  }
  .titulo-creamosl{
    font-size: 20px;
  }
  .titulo-campañasl{
    font-size: 20px;
  }
  .descripcion-campañal{
    font-size: 15px;
    padding-top: 0px;
  }
  .img-conocenos-landing .carousel-caption{
    top: 70px;
  }
}
@media screen and (max-width: 880px){
  .img-conocenos-landing .carousel-caption {
    top: 0px;
    position: relative;
  }
  .form-lan{
    width: 100%;
    margin-top: 15%;
    display: inline-block;
    position: relative;
  }
  .img-conocenos-landing .frase-contactanos {
    line-height: 52px;
    margin-top: 18%;
    margin-left: 0%;
    text-align: left;
    color: #EA242A;
  }
  .fondo-gris .container-campañas .container-creacion{
    padding:20px 15px;
  }
  .img-conocenos-landing .carousel-caption .g-recaptcha{
    background-color: #EA242A;
    color: #fff;
  }
  .item-landing {
    padding: 169px 15px 15px 15px;
  }
  .titulo-creamosl {
    font-size: 48px;
  }

}

@media screen and (max-width: 767px){
  .titulo-campañasl{
    text-align: center;
  }
  .titulo-creamosl{
    text-align: center;
  }
  .img-conocenos-landing .frase-contactanos{
    margin-top: 5%;
    text-align: center;
    color: #EA242A;
  }
  .form-lan{
    margin-top: 5%;
  }
  .descripcion-talentol{
    font-size: 15px;
    padding-left: 0px;
    text-align:justify;
  }
  .descripcion-campañal ul {
      left: 0;
      padding-left: 0;
  }
  .logo-landing{
    left: 0px;
    max-width: 70px;
  }
  .img-conocenos-landing .carousel-caption .g-recaptcha{
    float: none;
  }
  .item-landing {
    padding: 200px 15px 0px 15px;
}
}

@media screen and (max-width: 640px){
    .flecha_home{/* text-align: center; *//* padding-left: 25px; */ /* margin-top: -30px; */ /* width: 100%; */ /* height: 50px; */}
    .img-portafolio{width: 50%;} 
    .img-conocenos{background-size: 260%;}
    .view-fifth h2{padding: 0 20px 0 15px;}
    .view-fifth p{padding: 0 20px 20px 20px;font-size: 13px;line-height: 16px;}
}

@media screen and (max-width: 600px){
  .widthColumnas{width: 100% !important;}
  .widthColumnas ul{font-size: 16px !important;}
}

@media screen and (max-width: 500px){
    
    
}

@media screen and (max-width: 479px){
  .img-conocenos{background-size: 262%;}
}

@media screen and (max-width: 360px){ 
    .img-portafolio{width: 100%;/* margin: 10px 0px 0px 0px; */} 
    h1.dejamarca{bottom: 55% !important;}
    .header_index2{bottom: 15% !important;}
    /* .flecha_home{display: none;} */
    .img-conocenos{background-size: 312%;}
}


/* Min Width */
@media screen and (min-width: 768px){
       .link1{display: inline-block !important;}
       .link2{display: none !important;}
       .menu-fixed{display: inline-block !important;}
}

@media screen and (min-width: 960px){

}

@media screen and (max-width: 480px){
  .texto-contactanos-landing .gray-text{
    font-size: 14px;
    margin-bottom: 0px;
  }
  .img-conocenos-landing .frase-contactanos {
      font-size: 16px;
  }
  .titulo-creamosl{
    padding-top: 10px;
    margin-top: 10px;
  }
  .titulo-talentol{
    font-size: 16px;
    padding-top: 10px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 767px) and (max-width: 959px){

}

@media screen and (min-width: 960px){
  .img-conocenos{/* max-height: 640px; */overflow: hidden;/* border: solid 1px red; *//* margin-top: -30px; */background-size: 100%;}
}

@media screen and (min-width: 1080px){
  /* .fondo-gris{
    min-height: auto;
  }
  .fondo-gris .container-campañas {
      position: relative;
      top: 0px;
      min-height: auto;
  }
  .fondo-gris .container-campañas .container-creacion{
    margin-top: 0px;
  } */
}



/* Error */
label.error{ color:#E92529 !important; }

/* Estilos Página de Error */
.browser .logo{display:block;}
.browser .msg{color:#999;}
.browser .fade{-moz-opacity:1; filter:alpha(opacity=1); opacity:1;}
.browser .datoscontacto{top:475px;}
.browser .footer{top:520px;}
.browser .mensaje_navegador{display:block; float:left; width:100%; color:#666; min-height:360px; height:360px; border:solid 0px #dedede; text-align: center;}
.browser .layout_index{display:block; float:left; position:absolute; left:50%; margin-left:-480px; border:solid 0px red; top: 80px;}

/* ajustes gera */
.marca-flex{
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.item-landing{
  display: flex!important;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.landing-caption{
  position: relative;
  /* top: 0px; */
  z-index: 20;
  max-width: 900px;
  width: 100%;
}

.item-landing img{
  position:absolute;
}