/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 29, 2017 */
@font-face {
    font-family: 'air_softlight';
    src: url('../../fonts/airsoft-lt-webfont.woff2') format('woff2'),
         url('../../fonts/airsoft-lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'air_softmedium';
    src: url('../../fonts/airsoft-md-webfont.woff2') format('woff2'),
         url('../../fonts/airsoft-md-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*HOME PAGE*/
body{font-family: 'air_softlight';}
h1, h2, h3, h4, h5, h6{font-family: 'air_softmedium';}
.wrapper {display: block;overflow: hidden;position:relative;}
/*Menu*/
.menuhome .navbar-fixed-top{position: fixed;}
.menuhome {position: absolute;width: 100%;}
.menuhome .navbar-default {background-color: transparent;border-color: transparent;padding: 15px 0px;margin: 0;}
.menuhome .navbar-default .navbar-nav > li > a {color: #fff;text-transform: uppercase;font-size: 14px;}
.menuhome .navbar-default .navbar-nav > .active > a{background-color: transparent;color: #d3662d;font-weight: bold;}
.navbar-default {background-color: #191d64;border-color: #191d64;padding: 15px 0;margin: 0;}
.navbar-default .navbar-nav > .active > a{background-color: transparent;color: #d3662d;font-weight: bold;}
.navbar-default .navbar-nav > li > a {color: #fff;text-transform: uppercase;font-size: 14px;font-family: 'air_softmedium';}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover{color: #d3662d;background-color: transparent;}
.navbar-default.is-top{position: fixed;width: 100%;background-color: #191d64;border-color: #191d64;border-bottom: 1px solid #999;}
.navbar-default {background-color: #191d64;;border-color: #191d64;padding: 15px;}
.navbar{-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
.top-nav-collapse {padding: 0;}
.menuhome .navbar-default{-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
.menuhome .navbar-default.top-nav-collapse {background-color: #191d64;padding: 0;}
.menuhome .navbar-default .navbar-nav > li.current > a{color: #d4652c;font-weight: bold;}
.navbar-default .navbar-nav > li.current > a{color: #d4652c;font-weight: bold;}
/*Fin menu*/

.mobile-slide{display: none;}
.menuhome .navbar-default .navbar-nav > li > a:hover {color: #d3662d;}
.menuhome .carousel-inner{height: 635px;}
.menuhome .carousel-inner .item {height: 635px;}
.btn-slide-right, .btn-slide-left{position: relative;top: 45%;font-size: 50px;}
.carousel-caption{left: 10%;bottom: 80px;}
.carousel-control.left{background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .0001)));background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .0001) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat: repeat-x;}
.carousel-control.right {right: 0;left: auto;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat: repeat-x;}
.navbar-brand{height: auto;}
ul.nav.navbar-nav.navbar-left{padding: 15px 0;}
ul.nav.navbar-nav.navbar-right {padding: 15px 50px;}
.carousel-caption h3 {text-align: left;font-size: 60px;font-family: 'air_softmedium';text-transform: uppercase;text-shadow: none;}
.carousel-caption p{text-align: left;font-size: 24px;font-family: 'Comfortaa', cursive;text-transform: uppercase;color: #191d64;text-shadow: none;}
footer{width: 100%;background: #191d64;display: block;float: left;position: relative;margin-top: 50px;z-index: 999;}
footer:before{content: '';position: absolute;width: 200%;left: -50%;top: -40px;height: 500px;background: #191d64;-ms-transform: rotate(-3deg); /* IE 9 */-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */transform: rotate(-3deg);z-index: -1;}
footer:after {content: '';width: 200%;position: absolute;background: #11153a;height: 15px;bottom: 0;left: -50%;}
footer .footer {display: block;padding: 50px 10%;float: left;}
footer .footer img{width: 260px;float: left;}
footer .footer .widget{width: 30%;display: inline-block;float: left;padding-left: 15px;}
.text-2.text-right {padding-right: 15px;}
footer .footer .widget.border-left{border-left: 2px solid #fff;}
footer .footer .widget h4{margin: 0 0 10px 0;color: #fff;text-transform: uppercase;font-family: 'air_softmedium';}
footer .footer .widget span {color: #fff;font-size: 14px;width: 100%;float: left;display: block;margin: 2px 0px;}
footer .footer .widget .redes-sociales span{display: inline-block !important;float: left !important;width: 35px !important;font-size: 16px !important;border: 2px solid #fff;border-radius: 70%;text-align: center;padding: 5px 5px;margin: 10px 5px !important;}
footer .footer .widget .redes-sociales span:hover{border: 2px solid #f16623;}
footer .footer .widget .redes-sociales span a{color: #fff;}
footer .footer .widget .redes-sociales span:hover a{color: #f16623;}
footer .footer .widget span .fa{width: 15px;height: 15px;}
footer .footer .widget .text-2 ul{list-style: none;}
footer .footer .widget .text-2 ul li{text-transform: uppercase;display: block;margin-bottom: 5px;}
footer .footer .widget .text-2 ul li a{color: #fff;text-decoration: none;font-family: 'air_softmedium';}
footer .footer .widget .text-2 ul li a:hover{color: #d3662d;}
.carousel-control.left, a.right.carousel-control {display: none;}
/*FIN HOME PAGE*/

/*Servicios*/
.banner{display: block;position: relative;}
.banner img {width: 100%;}
.figcaption{position: absolute;bottom: 0;left: 10%;}
.figcaption h3{text-align: left;font-size: 60px;font-family: 'air_softmedium';text-transform: uppercase;color: #fff;}
.figcaption p{text-align: left;font-size: 38px;font-family: 'air_softmedium';text-transform: uppercase;color: #191d64;line-height: 38px;}
.title-page{width: 100%;display: block;float: left;text-align: center;margin: 50px 0;}
.title-page h2{font-family: 'air_softmedium';color: #191d64;font-weight: bold;font-size: 32px;}
.icon-1{display: block;margin-bottom: 50px;position: relative;}
.icon-1 img{width: 80%;margin: 0 auto;}
.icon-1:before{content: '';background: url(../../img/servicios/bg-1.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -240px;left: 0;width: 230px;height: 300px;}
.title {font-size: 22px;text-transform: uppercase;color: #191d64;margin-bottom: 10px;font-weight: bold;}
.box ul{padding: 0 15px;}
.box ul li{font-size: 20px;}
.box ul li a{color: #424242; text-decoration: none !important;}
.box ul li a:hover{color: #bf5d31;}
.icon-2{display: block;margin-bottom: 20px;position: relative;}
.icon-2:before {content: '';background: url(../../img/servicios/bg-2.png);background-repeat: no-repeat;background-size: 90%;position: absolute;top: -70%;right: -40px;width: 200px;height: 1024px;}
.icon-2 img{width: 60%;}
.communuty{padding-top: 120px;margin-right: 70px;}
.bg-grey{display: block;width: 100%;margin: 120px 0;position: relative;}
.bg-grey:before {content: '';position: absolute;background: #eee;height: 360px;width: 200%;top: -20px;left: -50%;-ms-transform: rotate(-3deg); /* IE 9 */-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */transform: rotate(-3deg);z-index: -1;}
section.categorias{display: block;background: #ddd;-ms-transform: rotate(-3deg);-webkit-transform: rotate(-3deg);transform: rotate(-3deg);padding: 40px 0;position: relative;}
section.categorias:before{content: '';width: 200%;height: 1250px;position: absolute;top: 0;left: -50%;background: #ddd;z-index: -1;}
section.categorias:after {content: '';background: url(../../img/trabajos/icon-4.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -20px;left: -100px;width: 240px;height: 280px;z-index: 1;}
section.categorias .container{background: #ddd;-ms-transform: rotate(3deg);-webkit-transform: rotate(3deg);transform: rotate(3deg);z-index: 1;margin: 40px auto;display: block;position: relative;}
section.categorias .container:before{content: '';background: url(../../img/trabajos/icon-3.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -85%;right: -12%;width: 200px;height: 900px;z-index: 1;}
.icon-servicios {width: 50%;margin: 0 auto;}
.bg-grey .servicios span {display: block;margin: 0 auto;width: 100%;padding: 0 10px;font-size: 16px;}
.bg-grey .servicios a {color: #36384c;display: block;text-decoration: none !important;}
.bg-grey .servicios a:hover{color: #bf5d31;}
.bg-grey .servicios span {display: block;margin: 0 auto;width: 100%;padding: 0 10px;font-size: 16px;}
.bg-grey h3 {font-family: 'air_softmedium';text-transform: uppercase;margin-bottom: 30px;font-size: 30px;}
.text-center h4 {text-transform: uppercase;font-size: 16px;}
/*Servicios END*/

/*PRODUCTOS*/
#productos {display: block;width: 100%;position: relative;}
.procesos {display: block;width: 100%;position: relative;}
.procesos:before {content: '';background: #ddd;width: 100%;height: 1000px;position: absolute;z-index: -1;left: -50%;-ms-transform: rotate(-25deg);-webkit-transform: rotate(-25deg);transform: rotate(-25deg);}
.procesos .empresas{width: 80%;display: block;margin: 0 auto;padding: 100px;}
.procesos .empresas h2{text-align: center;margin-bottom: 30px;font-size: 32px;color: #191d64;font-weight: bold;}
.procesos .empresas p{font-size: 18px;text-align: justify;}
.caption{display: block;width: 100%;background: #fff;position: relative;}
.caption:before{content: '';background: url(../../img/productos/icon-1.png);background-repeat: no-repeat;background-size: 100%;position: absolute;top: -250px;right: -100px;width: 200px;height: 560px;z-index: 1;}
.caption img{display: block;margin: 0 auto;position: relative;top: -50px;}
.area-negocios{display: block;width: 100%;float: left;padding: 100px;}
.area-negocios:before {content: '';background: url(../../img/productos/icon-2.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -500px;left: -150px;width: 320px;height: 260px;z-index: 1;}
.area-negocios h3{text-transform: uppercase;text-align: center;margin-bottom: 30px;font-size: 32px;color: #191d64;font-weight: bold;}
.area-negocios ul {padding-left: 170px;}
.area-negocios ul li {font-size: 22px;}
.area-negocios img {width: 100%;}
.clientes{display: block;width: 100%;float: left;padding: 40px 20%;background: #ddd;}
.clientes h3{text-transform: uppercase;font-size: 32px;margin-bottom: 0;color: #191d64;font-weight: bold;}
.clientes span{display: block;text-transform: uppercase;margin-bottom: 30px;font-size: 22px;color: #666;font-weight: bold;}
.clientes .bx-wrapper {margin: 0 auto;-moz-box-shadow: 0 0 5px #ddd;-webkit-box-shadow: 0 0 5px #ddd;box-shadow: 0 0 5px #ddd;border: 5px solid #ddd;background: #ddd;}
.contactenos {padding: 200px 100px;display: block;float: left;width: 100%;text-align: center;position: relative;}
.contactenos:before {content: '';background: url(../../img/productos/icon-3.png);background-repeat: no-repeat;background-size: 100%;position: absolute;top: 70px;right: 0;width: 320px;height: 360px;z-index: 1;}
.contactenos:after {content: '';background: url(../../img/productos/icon-4.png);background-repeat: no-repeat;background-size: 100%;position: absolute;top: 0;left: -25px;width: 650px;height: 380px;z-index: 1;}
.contactenos h4{text-transform: uppercase;text-align: center;margin-bottom: 30px;font-size: 40px;color: #191d64;font-weight: bold; }
.contactenos span{display: block;margin-bottom: 10px;width: 100%;text-align: center;font-size: 38px;color: #333;font-weight: bold;}
.contactenos .btn-contactenos{margin: 0 auto;padding: 10px 25px;font-size: 16px;background: #191d64;color: #fff;text-transform: uppercase;transition: background-color 0.8s ease;}
.contactenos .btn-contactenos:hover {background-color: #d4652c;}
/*PRODUCTOS FIN*/

/*Clientes*/
#clientes{width: 100%;display: block;margin: 40px auto;float: left;position: relative;}
#clientes:before{content: '';background: url('../../img/clientes/icon-3.png');background-repeat: no-repeat;background-size: 90%;position: absolute;top: 50px;right: -90px;width: 200px;height: 200px;}
#clientes:after {content: '';background: url('../../img/clientes/icon-2.png');background-repeat: no-repeat;background-size: 90%;position: absolute;bottom: -40px;right: -90px;width: 400px;height: 356px;}
#clientes span{display: block;opacity: 0.5;cursor: pointer;}
#clientes .clientes-box{width: 100%;display: block;float: left;position: relative;}
#clientes .clientes-box:before{content: '';background: url('../../img/clientes/icon-1.png');background-repeat: no-repeat;background-size: 70%;position: absolute;top: 100px;left: -35px;width: 221px;height: 678px;}
#clientes span:hover{opacity: 1;cursor: pointer;}
#clientes .logo-cliente{width: 100%;padding:5px;}
#clientes .logo-cliente.disminuir{padding:20px;}
/*FIN DE CLIENTES*/

/*TABRAJOS*/
#trabajos{display: block;width: 100%;position: relative;padding: 40px 0 100px;}
#trabajos:before{content: '';background: url(../../img/trabajos/icon-linea.png);background-repeat: no-repeat;background-size: 90%;position: absolute;top: -40px;right: -180px;width: 500px;height: 300px;z-index: -1;}
#trabajos:after{content: '';background: url(../../img/trabajos/icon-2.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -40px;right: -80px;width: 200px;height: 200px;z-index: 1;}
.rotate {margin: 0 auto;width: 375px;height: 250px;position: relative;perspective: 1000px;}
.carousel-rotate {height: 100%;width: 100%;position: absolute;transform-style: preserve-3d;transition: transform 1s;}
.rotate div {transform-style: preserve-3d;}
.carousel-rotate .item {display: block;position: absolute;background: transparent;width: 300px;height: 200px;line-height: 200px;font-size: 5em;text-align: center;color: #FFF;opacity: 0.95;border-radius: 0px;transition: transform 1s;}

.carousel-rotate .a {transform: rotateY(0deg) translateZ(250px);}
.carousel-rotate .b {transform: rotateY(62.5deg) translateZ(250px) rotateY(-62.5deg);}
.carousel-rotate .c {transform: rotateY(125deg) translateZ(250px)  rotateY(-125deg);}
.carousel-rotate .d {transform: rotateY(187deg) translateZ(250px) rotateY(-187deg);}
.carousel-rotate .e {transform: rotateY(250deg) translateZ(250px) rotateY(-250deg);}
.carousel-rotate .f {transform: rotateY(312.5deg) translateZ(250px) rotateY(-312.5deg);}
.next .fa, .prev .fa{font-size: 7em;}
.next, .prev {color: #444;position: absolute;top: 220px;padding: 1em 2em;cursor: pointer;border-radius: 0px;}
.next:hover, .prev:hover{color: #ddd;}
.next:active, .prev:active{top: 220px;}
.next { right: 10em; }
.prev { left: 10em; }
.box-trabajos {display: block;width: 100%;}
.box-trabajos .title-page{float: none;}
.item-category img {margin: 0 auto;}
.item-category h3 {text-align: center;text-align: center;height: 60px;width: 70%;margin: 15px auto;}
.btn-category{background: #999;color: #fff;margin: 0 auto;display: block;width: 40%;font-size: 14px;font-weight: bold;}
.btn-category:hover{background: #666;color: #fff;font-weight: bold;}
.item-category {display: block;width: 100%;margin: 40px 0;}
.item img {vertical-align: middle;cursor: pointer;}
/*TRABAJOS FIN*/

/*NOSOTROS*/
#nosotros{display: block;margin: 0;position: relative;}
.info-nosotros {display: block;float: none;margin-top: 50px;}
#nosotros:before{content: '';position: absolute;background: #eee;width: 80%;height: 300%;right: -30%;bottom: -120%;z-index: -1;-ms-transform: rotate(25deg);-webkit-transform: rotate(25deg);transform: rotate(25deg);}
#nosotros:after{content: '';background: url('../../img/nosotros/icon-1.png');background-repeat: no-repeat;background-size: 50%;position: absolute;top: -20px;right: -120px;width: 200px;height: 480px;}
.description{display: block;width: 80%;margin: 0 auto;}
.description p{font-size: 18px;text-align: justify;margin-bottom: 10px;float: left;}
.info-nosotros .grey{display: inline-block;background: #ddd;width: 30%;padding: 50px;z-index: 1;float: left;margin: 0 19px;height: 260px;}
.info-nosotros .grey-2{display: inline-block;background: #ddd;width: 30%;padding: 50px;z-index: 1;float: left;margin: 0 19px;height: 300px;}
.info-nosotros .grey-2 .image {width: 40%;margin: 0 auto 20px;height: 130px;}
.info-nosotros .grey-2 .image img{width: 100%;}
.grey p{text-align: justify;font-size: 18px;}
.avatar{width: 100%;display: block;float: left;margin: 100px 0 50px;position: relative;}
.avatar:before{content: '';background: url('../../img/nosotros/icon-2.png');background-repeat: no-repeat;background-size: 60%;position: absolute;top: -120px;left: -20px;width: 200px;height: 480px;}
.avatar:after{content: '';background: url(../../img/nosotros/icon-3.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -20px;right: -100px;width: 200px;height: 210px;}
.avatar .avatar-img {display: block;width: 50%;float: left;}
.avatar .description-avatar{width: 50%;display: block;float: left;}
.description-avatar .cita{font-size: 26px;color: #676a98;padding: 50px;display: block;text-align: center; position: relative;}
.description-avatar .cita:before{content: '';background: url('../../img/nosotros/cita-1.png');background-repeat: no-repeat;background-size: 50%;position: absolute;top: 35px;left: 0px;width: 100px;height: 80px;}
.description-avatar .cita:after{content: '';background: url('../../img/nosotros/cita-2.png');background-repeat: no-repeat;background-size: 50%;position: absolute; bottom: 0px;right: 0px;width: 100px;height: 80px;}
/*NOSOTROS FIN*/
/* <----------> */
/*CONTACTO*/
.box-contacto{display: block;float: left;width: 100%;margin: 40px 0;position: relative;}
.box-contacto:before{content: '';background: url(../../img/contacto/icon-1.png);background-repeat: no-repeat;background-size: 100%;position: absolute;bottom: -120px;right: -100px;width: 430px;height: 450px;}
label {display:block;margin: 10px 0 0;letter-spacing:1px;color: #191d64 !important;font-size: 16px;}
.formulario {display:block;margin:0 auto;width:510px;color: #191d64;font-family:Arial;}
form {margin:0 auto;width:400px;}
input, textarea {width:380px;height: 30px;padding: 0 10px;background:transparent;border: 2px solid transparent;border-bottom:2px solid #ddd;padding:10px;margin-top:5px;font-size:14px;color:#000;}
textarea {height:100px;border: 2px solid #ddd;}
#submit{background: #11153a;color: #fff;border: none;margin-top: 10px;cursor: pointer;padding: 5px;height: auto;font-size: 18px;}
#submit:hover{background: #d3662d;}
.cita-contacto {display: block;width: 50%;margin: 80px auto;}
.cita-contacto span {width: 100%;display: block;font-size: 28px;text-align: center;margin-bottom: 20px;}
.parallax{background-image: url(../../img/contacto/contacto-portada.jpg);height: 100%;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;display: block;float: left;padding: 150px 0px;margin: 50px 0;}
.parallax .icons img {margin: 0 auto;}
.parallax .icons h4{text-align: center;text-transform: uppercase;color: #191d63;font-family: 'air_softmedium';font-size: 20px;font-weight: bold;}
.parallax .icons span{width: 100%;color: #191d63;text-align: center;display: block;font-size: 16px;font-weight: bold;}
.contact-social{display: block;width: 100%;float: left;}
.contact-social .redes-sociales {display: block;width: 50%;margin: 40px auto 30px;text-align: center;}
.contact-social .redes-sociales a{display: inline-block;margin: 0 20px;opacity: .5;}
.contact-social .redes-sociales a:hover{opacity: 1;}
.maps {display: block;width: 100%;margin: 0;position: relative;bottom: -60px;float: left;}
/*CONTACTO FIN*/
/*<!-------->*/
/*TRABAJOS*/
.banner-2{display: block;position: relative;}
.banner-2 img {width: 100%;}
.banner-2 .figcaption{position: absolute;bottom: 200px;right: 25%;}
.banner-2 .figcaption h3{text-align: right;font-size: 60px;font-family: 'air_softmedium';text-transform: uppercase;color: #fff;}
.banner-2 .figcaption p{text-align: right;font-size: 40px;font-family: 'air_softmedium';text-transform: initial;color: #191d64;}
.trabajos-single{display: block;width: 80%;margin: 0 auto;}
.trabajos-single h3{display: block;text-transform: uppercase;color: #424242;font-size: 32px;font-weight: bold;margin-bottom: 20px;}
.pop-up img {width: 80%;margin: 0 auto;display: block;text-align: center;}
.trabajos-single .btn-volver{width: 25%;margin: 40px auto;text-align: center;background-color: #191d64;border-color: #191d64;color: #fff;display: block;font-size: 18px;text-transform: uppercase;padding: 10px 30px;}
.trabajos-single .btn-volver:hover{-moz-transition: all .5s ease-in;-o-transition: all .5s ease-in;-webkit-transition: all .5s ease-in;transition: all .5s ease-in;background: #f16623;border-color: #f16623}
.modal-body{position: relative;padding: 15px;overflow: hidden;z-index: 1;}
/*.modal-body:before {content: '';position: absolute;background: url(../../img/trabajos/single.png);background-repeat: no-repeat;background-size: 100%;width: 170px;height: 250px;top: 0;left: 0;}*/
/*.modal-body:after{content: '';position: absolute;background: #ddd;width: 200%;left: -50%;height: 500px;bottom: -30%;-ms-transform: rotate(3deg);-webkit-transform: rotate(3deg);transform: rotate(3deg);z-index: -1;}*/
.modal-header{border-bottom: 0px solid #fff;}
.modal-dialog {width: 80%;margin: 30px auto;}
.modal-header .close {padding: 3px 10px 5px;background: #fff;border-radius: 70%;color: #000;font-size: 30px;}
.modal-header .close:hover, .modal-header .close:focus {color: #333;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: 1;}
.modal-body img {width: 60%;margin: 0 auto 80px;display: block;}
button.close{font-size: 40px;}
.single{display: block;position: relative;margin-top: 50px;}
.single:before{content: '';position: absolute;background: url(../../img/trabajos/single-2.png);background-repeat: no-repeat;background-size: 100%;width: 170px;height: 250px;bottom: -110px;right: -20px;}
.single .contenido {display: block;width: 70%;margin: 0 auto 80px;}
.single .contenido h2 {color: #191d64;text-transform: uppercase;font-size: 30px;font-weight: bold;}
.single .contenido p{font-size: 18px;}

/*SERVICIOS 2*/
.text-description, .item-img{display: block;}
.text-description p {font-size: 18px;text-align: justify;margin: 25px 0px;}
.item-img img{display: block;width: 100%;}
.clientes-2{display: block;width: 100%;float: left;padding: 40px 20%;margin: 80px 0 0;position: relative;}
.clientes-2:before {content: '';position: absolute;background: #ddd;width: 200%;top: -25px;left: -50%;height: 350px;-ms-transform: rotate(-3deg);-webkit-transform: rotate(-3deg);transform: rotate(-3deg);z-index: -1;}
.clientes-2 h3 {font-size: 36px;color: #191d64;margin: 20px 0 0;}
.clientes-2 span {font-size: 18px;font-weight: bold;}
.clientes-2 .bx-wrapper {-moz-box-shadow: 0 0 5px #ddd;-webkit-box-shadow: 0 0 5px #ddd;box-shadow: 0 0 5px #ddd;border: 5px solid #ddd;background: #ddd;}
.clientes-2 .bx-wrapper .bx-prev, .clientes .bx-wrapper .bx-prev{left: -40px;}
.clientes-2 .bx-wrapper .bx-next, .clientes .bx-wrapper .bx-next{right: -40px;}
.trabajo-realizado {display: block;width: 100%;margin: 0 0 40px 0;float: left;position: relative;}
.trabajo-realizado:before {content: '';position: absolute;background: url(../../img/servicios/icon-2-3.png);background-repeat: no-repeat;background-size: 85%;width: 250px;height: 500px;right: -12%;bottom: 0;}
.trabajo-realizado .trabajos-single h3{display: block;text-transform: uppercase;color: #191d64;font-size: 32px;font-weight: bold;margin-bottom: 0px;text-align: right;}
.trabajo-realizado .trabajos-single span{display: block;font-size: 28px;color: #424242;margin: 0 0 20px;font-weight: bold;text-transform: uppercase;text-align: right;}
/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
#service{display: block;float: left;margin: 80px 0;position: relative;}
#service:before {content: '';position: absolute;background: url(../../img/servicios/icon-2-1.png);background-repeat: no-repeat;background-size: 100%;width: 250px;height: 290px;right: -15px;top: -85px;z-index: -1;}
#service:after{content: '';position: absolute;background: url(../../img/servicios/icon-2-2.png);background-repeat: no-repeat;background-size: 70%;width: 195px;height: 385px;left: -15px;bottom: -70%;}
#service h2{font-size: 32px;text-transform: uppercase;color: #191d64;margin-bottom: 60px;}
.navbar-inverse.is-top {position: fixed;width: 100%;}
.overlay {display: block;background: transparent;position: absolute;width: 100%;height: 480px;bottom: 0px;margin-top: 0px;}
footer span a {color: #fff;text-decoration: none !important;}
footer span a:hover {color: #999;}

/*paralax banner's*/
.banner-servicios{background-image: url(../../img/portadas/servicios.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size:100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0 0 40px;}
.banner-servicios-2{background-image: url(../../img/portadas/servicios.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size:100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0 0 40px;}
.banner-productos{background-image: url(../../img/portadas/productos.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-clientes{background-image: url(../../img/portadas/clientes.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-trabajos{background-image: url(../../img/portadas/trabajos.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-trabajos-single{background-image: url(../../img/portadas/trabajos-single.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-nosotros{background-image: url(../../img/portadas/nosotros.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-contacto{background-image: url(../../img/portadas/contacto.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-webpay{background-image: url(../../img/portadas/portada-webpay.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.banner-intranet{background-image: url(../../img/portadas/portada-intranet.jpg);max-height: 500px;background-attachment: fixed;background-position: top;background-repeat: no-repeat;background-size: 100%;width: 100%;display: block;float: left;padding: 200px 0px;margin: 0;}
.figcaption{position: relative;}
.container-fluid {float: left;width: 100%;}
.bx-wrapper .bx-controls-direction a{z-index: 999 !important;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
#page-top .avatar {width: 100%;display: block;float: left;margin: 0px 0 -1px;padding: 120px 0 50px;position: relative;background: #fff;border: 0px solid #fff;}
#page-top .clientes-home {position: relative;display: block;width: 100%;float: left;background: #ddd;padding: 50px 0;}
#page-top .servicios-2 {display: block;padding: 50px 0 120px;position: relative;}
#page-top .servicios-2:before{content: '';background: url(../../img/clientes/icon-1.png);background-repeat: no-repeat;background-size: 70%;position: absolute;top: 100px;left: -35px;width: 221px;height: 678px;}
#page-top .servicios-2:after {content: '';background: url(../../img/productos/icon-3.png);background-repeat: no-repeat;background-size: 100%;position: absolute;top: 30px;right: -80px;width: 320px;height: 360px;z-index: 1;}
#page-top .servicios-2 h2 {font-size: 50px;}
#page-top .servicios-2 .img-responsive{margin: 20px auto 0;}
#page-top .clientes-home h2 {color: #191d64;text-transform: uppercase;font-size: 40px;margin: 0;}
#page-top .clientes-home h3 {color: #191d64;text-transform: uppercase;font-size: 24px;margin: 10px 0 20px 0;width: 50%;float: left;}
#page-top section.categorias:after, #page-top section.categorias .container:before{display: none;}
#page-top .pop-up img {width: 100%;margin: 0 auto;display: block;}
#page-top .title-page-2.text-right h2{font-size: 40px;}

/*extras*/
.more-mobile{display: none;}
.more {display: block;width: 25%;margin: 70px auto 30px;text-align: center;}
.more a, .more-2 a, .more-3 a {color: #191d64;font-size: 24px;background-color: #c4c5d7;font-weight: bold;padding: 10px 20px;border-radius: 10px;text-decoration: none !important;}
.more a:hover, .more-2 a:hover, .more-3 a:hover{background-color: #ccc;}
.title-page-2.text-right {padding: 0 40px;margin-bottom: 35px;color: #191d64;}
.more-2 {display: block;margin: 0;text-align: center;float: left;}
.more-3 {display: block;margin: 0;text-align: center;float: right;}
.pop-up {height: 250px;display: block;margin-bottom: 45px;}
#page-top form{width: 80%;}
#page-top input {border: 1px solid #ddd;border-radius: 10px;margin-bottom: 20px;}
#page-top #mensaje {margin: 0 0 35px;border-radius: 10px;}
#page-top input#submit {margin: 0 auto;display: block;}
#page-top .hablemos {padding: 50px 0 140px;display: block;width: 100%;float: left;position: relative;}
#page-top .hablemos h2 {color: #191d64;text-transform: uppercase;font-size: 40px;margin-bottom: 70px;}
#page-top .hablemos:after {content: '';background: url(../../img/productos/icon-4.png);background-repeat: no-repeat;background-size: 100%;position: absolute;top: -90px;right: -90px;width: 650px;height: 380px;z-index: -1;transform: rotate(-180deg);}
#page-top .hablemos:before {content: '';background: url(../../img/servicios/bg-2.png);background-repeat: no-repeat;background-size: 90%;position: absolute;top: -51%;left: -40px;width: 200px;height: 960px;transform: rotate(-180deg);}
.page-error {
    display: block;
    width: 100%;
    margin: 15% 0;
    position: relative;
}
.page-error .logo {
    display: block;
    width: 30%;
    margin-bottom: 15px;
}
.page-error .description {
    display: block;
    width: 100%;
    margin-bottom: 35px;
}
.page-error .description h2 {
    display: block;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    color: #222222;
    line-height: 26px;
    margin: 0;
}
.page-error .description h3 {
    display: block;
    width: 100%;
    font-size: 24px;
    text-transform: uppercase;
    color: #222222;
    line-height: 28px;
    margin: 0 0 35px;
    font-weight: bold;
}
.page-error .description button {
    border-radius: 0;
    background: transparent;
    border: none;
    background-color: #191d64;
    padding: 10px 25px 5px;
    border-radius: 5px;
}
.page-error .description button a {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    line-height: 28px;
    text-decoration: none !important;
}
.page-error .description button:hover{
    opacity: .8;
}
.page-error:before {
    content: '';
    position: absolute;
    background: url(../../img/productos/icon-3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 320px;
    height: 360px;
    right: -55px;
    top: -35px;
}
/*NEW PAGES*/
section.proyect {
    display: block;
    width: 100%;
    padding: 70px 0;
}
section.proyect:before {
    content: '';
    background: url(../../img/proyectos/icono-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 200px;
    height: 290px;
    z-index: 1;
}
.destacados:after {
    content: '';
    background: url(../../img/proyectos/icono-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: -320px;
    right: -90px;
    width: 200px;
    height: 500px;
    z-index: 1;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
.proyect .titulo{text-transform: uppercase;color: #191d64;padding: 15px;} 
section.proyect ul{
    list-style-image: url(../../img/proyectos/lista-1.png);
}
section.proyect ul li{
    font-size: 21px;
    margin-bottom: 10px;
    color: #555;
    font-weight: bold;
}
section.proyect ul li span{
    padding-left: 15px;
    position: relative;
    top: -2px;
}
section.categorias:before {
    content: '';
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50%;
    background: #ddd;
    z-index: -1;
}
.destacados {
    display: block;
    background: #fff;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 40px 0 0;
    position: relative;
}
.description h3 {
    font-size: 26px;
    color: #191d64;
    margin-bottom: 35px;
}
.destacados .box-icon-category {
    padding: 40px 0;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
.container.extra{width: 930px;}



section.categorias ul.service {
    list-style-image: url(../../img/proyectos/lista-2.png);
    padding: 0 0 0 20px;
    display: block;
    float: left;
}
section.categorias ul.service li {
    font-size: 18px;
    padding-left: 15px;
}
.description p {
    font-size: 18px;
    text-align: justify;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
#hablemos {
    background-image: url(../../img/portadas/trabajos.jpg);
    max-height: 500px;
    background-attachment: initial;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    display: block;
    float: left;
    padding: 150px 0px;
    margin: 0;
    bottom: -47px;
    position: relative;
    text-align: center;
}
#hablemos .btn-modal {
    font-size: 21px;
    color: #fff;
    background-color: #191d64;
    padding: 10px 25px;
    margin: 10px 0;
    display: inline-block;
    text-decoration: none !important;
    border-radius: 5px;
}
#hablemos .btn-modal:hover{
    opacity: .8;
}
#page-top .pop-up a{
    text-decoration: none !important;
}
#page-top .pop-up span {
    color: #555;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
}
section#hablemos p {
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
section#hablemos p a{
    color: #fff;
    text-decoration: none !important;
}
/*service*/
.banner-contactanos {
    background-image: url(../../img/proyectos/banner-contactanos.png);
    background-color: #35354c;
    max-height: 650px;
    height: 650px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    top: 50px;
}
.banner-contactanos .box-left {
    display: block;
    position: absolute;
    color: #fff;
    width: 45%;
    left: 5%;
    top: 30%;
    padding: 0 35px;
}
.banner-contactanos .box-left h1, .banner-contactanos .box-left h2{
    font-size: 40px;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.banner-contactanos .box-left h2{
    font-weight: normal;
    font-size: 26px;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding-left: 2px;
}
.banner-contactanos .box-left .service{
    list-style: disc;
}
.banner-contactanos .box-left .service li {
    margin-bottom: 10px;
    font-size: 48px;
    color: #d4652c;
    line-height: 30px;
}
.banner-contactanos .box-left .service li span {
    font-size: 21px;
    color: #fff;
    position: relative;
    top: -6px;
}
.banner-contactanos .box-right {
    display: block;
    position: absolute;
    color: #fff;
    width: 40%;
    height: 100%;
    right: 10%;
    padding: 80px 35px;
    background-color: rgba(24, 30, 51, .86);
}
.banner-contactanos .box-right h2{
    font-size: 30px;
    text-transform: uppercase;
    margin: 10px 0 0;
}
.banner-contactanos .box-right span{
    font-size: 18px;
    text-transform: uppercase;
}
.banner-contactanos .box-right label {
    display: block;
    margin: 10px 0 0;
    letter-spacing: 1px;
    color: #fff !important;
    font-size: 14px;
}
#page-top .banner-contactanos .box-right input {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 0;
    margin-bottom: 0px;
}
#page-top .banner-contactanos .box-right #mensaje {
    margin: 0 0 15px;
    border-radius: 0;
    border-color: #fff;
    background: #fff;
    height: 60px;
}
#page-top .banner-contactanos .box-right input#submit {
    margin: 0;
    width: 100px;
    display: block;
    background-color: #d4652c;
    border: 1px solid #d45652;
}
section#hablemos p a:hover{
    opacity: .8;
}
.btn-conoce {
    color: #191d64;
    background: #ddd;
    padding: 10px 20px;
    margin: 20px 100px;
    display: block;
    width: 135px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
}
section.hosting {
    background: url(../../img/proyectos/hosting.jpg) center left;
    background-size: 35%;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    float: left;
    padding: 160px 0;
    margin-top: 50px;
    text-align: center;
    position: relative;
}
.hosting:before {
    content: '';
    background: url(../../img/proyectos/icon-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 190px;
    z-index: 1;
}
.hosting:after {
    content: '';
    background: url(../../img/proyectos/icon-7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 131px;
    z-index: 1;
}
.hosting .box-hosting{
    display: block;
    width: 100%;
}
.hosting .box-hosting h2 {
    color: #191d64;
    font-weight: bold;
}
.hosting .box-hosting p{
    font-size: 18px;
    display: block;
    width: 80%;
    margin: 0 auto;
}
.clientes-servicios {
    display: block;
    width: 100%;
    float: left;
    padding: 140px 0;
    background: rgba(25, 29, 99, .3);
    position: relative;
}
.clientes-servicios:before {
    content: '';
    background: url(../../img/proyectos/icon-5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 260px;
    z-index: 1;
}
.clientes-servicios:after {
    content: '';
    background: url(../../img/proyectos/icon-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -180px;
    left: -111px;
    width: 320px;
    height: 526px;
    z-index: 1;
}
.clientes-servicios span:hover img{
    opacity: .6;
    cursor: pointer;
}
.clientes-servicios h2 {
    color: #191d64;
    font-size: 20px;
    text-transform: uppercase;
}
section.alojamiento {
    display: block;
    width: 100%;
    padding: 70px 0 35px;
    float: left;
    text-align: center;
    position: relative;
}
.alojamiento:before {
    content: '';
    background: url(../../img/proyectos/icon-6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -47px;
    right: -86px;
    width: 240px;
    height: 240px;
    z-index: 1;
}
section.alojamiento h2 {
    color: #191d64;
    text-transform: uppercase;
}
.box-alojamiento{
    display: block;
    width: 100%;
}
.box-alojamiento strong {
    display: block;
    width: 100%;
    font-size: 23px;
    color: #191d64;
    line-height: 24px;
}
/*PLANES*/
section.planes {
    display: block;
    width: 100%;
    float: left;
    padding: 140px 0 70px;
}
section.planes .text-center h2{
    text-transform: uppercase;
    color: #191d64;
    margin: 0 0 10px;
}
section.planes .text-center h3{
    text-transform: uppercase;
    color: #191d64;
    font-size: 21px;
    margin: 0 0 35px;
}
.planes .box-planes {
    display: block;
    width: 100%;
    border: 1px solid #191d64;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 35px;
}
.planes  .box-planes .header-panel {
    display: block;
    width: 100%;
    background: #f0f0f0;
    padding: 10px 25px;
}
.planes .box-planes .header-panel h4 {
    margin: 0;
    color: #191d64;
    font-size: 20px;
    font-weight: bold;
}
.planes  .box-planes .content-panel {
    display: block;
    width: 100%;
    background: #fff;
    padding: 10px 25px;
}
.planes  .box-planes .content-panel p{
    font-size: 18px;
    color: #191d64;
}
.planes .box-planes .content-panel p span {
    color: #d4652c;
}
.btn-plan span {
    position: absolute;
    bottom: -15px;
    left: 20%;
    right: 20%;
    background-color: #d4652c;
    border: none;
    margin: 0 auto;
    display: block;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center;
}
section.caracteristicas {
    display: block;
    width: 100%;
    float: left;
    background: #ddd;
    padding: 100px 0 100px;
    position: relative;
    bottom: 0px;
}
section.caracteristicas .text-center h2 {
    color: #191d64;
    text-transform: uppercase;
    margin-bottom: 35px;
    display: block;
}
.caracteristicas .box-caracteristicas{
    display: block;
    width: 100%;
    text-align: center;
}
.caracteristicas .box-caracteristicas .icon{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.caracteristicas .box-caracteristicas .titulo h4{
    font-size: 20px;
    text-transform: uppercase;
    color: #36384b;
    font-weight: bold;
    min-height: 45px;
}
.caracteristicas .box-caracteristicas .contenido p {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #36384b;
    line-height: 20px;
    width: 80%;
    margin: 0 auto;
}
/*Modal contacto*/
div#myModal .modal-dialog {
    width: 50%;
    text-align: center;
}
.destacados {
    display: block;
    background: #fff;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    padding: 40px 0 0;
    position: relative;
    float: left;
    width: 100%;
}
/*servicios general*/
/*DESARROLLO WEB*/
#desarrollo-web{
    background-image: url(../../img/servicios/desarrollo-web/background.jpg);
}
section.hosting.desarrollo-web {
    background: url(../../img/servicios/desarrollo-web/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*DESARROLLO E COMMERCE*/
#desarrollo-e-commerce{
    background-image: url(../../img/servicios/e-commerce/background.jpg);
}
section.hosting.desarrollo-e-commerce {
    background: url(../../img/servicios/e-commerce/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*intranet empresa*/
#intranet-empresa{
    background-image: url(../../img/servicios/desarrollo-intranet/background.jpg);
}
section.hosting.intranet-empresa {
    background: url(../../img/servicios/desarrollo-intranet/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*intranet empresa*/
#intranet-empresa{
    background-image: url(../../img/servicios/desarrollo-intranet/background.jpg);
}
section.hosting.intranet-empresa {
    background: url(../../img/servicios/desarrollo-intranet/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*sistema-a-medida*/
#sistema-a-medida{
    background-image: url(../../img/servicios/desarrollo-sistema/background.jpg);
}
section.hosting.sistema-a-medida {
    background: url(../../img/servicios/desarrollo-sistema/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*Aplicaciones IOS Android*/
#sistema-aplicaciones{
    background-image: url(../../img/servicios/desarrollo-app/background.png);
}
section.hosting.sistema-aplicaciones {
    background: url(../../img/servicios/desarrollo-app/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*integracion-webpay*/
#integracion-webpay{
    background-image: url(../../img/servicios/webpay/background.jpg);
}
section.hosting.integracion-webpay {
    background: url(../../img/servicios/webpay/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*Aplicaciones IOS Android*/
#asesoria-digital{
    background-image: url(../../img/servicios/asesoria-digital/background.jpg);
}
section.hosting.asesoria-digital {
    background: url(../../img/servicios/asesoria-digital/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*community-manegement*/
#community-management{
    background-image: url(../../img/servicios/community-manegement/background.jpg);
}
section.hosting.community-management {
    background: url(../../img/servicios/community-manegement/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*diseno-digital*/
#diseno-digital{
    background-image: url(../../img/servicios/diseno-digital/background.jpg);
}
section.hosting.diseno-digital {
    background: url(../../img/servicios/diseno-digital/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*mailing*/
#mailing{
    background-image: url(../../img/servicios/mailing/background.jpg);
}
section.hosting.mailing {
    background: url(../../img/servicios/mailing/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*mantencion*/
#mantencion{
    background-image: url(../../img/servicios/mantencion/background.jpg);
}

section.hosting.mantencion {
    background: url(../../img/servicios/mantencion/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*publicidad-digital*/
#publicidad-digital{
    background-image: url(../../img/servicios/publicidad-digital/background.jpg);
}

section.hosting.publicidad-digital {
    background: url(../../img/servicios/publicidad-digital/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*seo-sem*/
#seo-sem{
    background-image: url(../../img/servicios/seo-sem/background.jpg);
}

section.hosting.seo-sem {
    background: url(../../img/servicios/seo-sem/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*integracion-bbdd*/
#integracion-bbdd{
    background-image: url(../../img/servicios/integracion/background.jpg);
}
section.hosting.integracion-bbdd {
    background: url(../../img/servicios/integracion/fondo.png) center left no-repeat;
    background-size: 35%;
}
/*servidor-empresa*/
#servidor-empresa{
    background-image: url(../../img/servicios/servidor-empresa/background.jpg);
}
section.hosting.servidor-empresa {
    background: url(../../img/servicios/servidor-empresa/fondo.png) center left no-repeat;
    background-size: 35%;
}

/*vps-empresa*/
#vps-empresa{
    background-image: url(../../img/servicios/vps-empresa/background.jpg);
}
section.hosting.vps-empresa {
    background: url(../../img/servicios/vps-empresa/fondo.png) center left no-repeat;
    background-size: 35%;
}


/*New submenu multicategories*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #191d64;
}
.dropdown-menu{
    background: #f2f2f2;
}
.destacados .pop-up {
    height: auto;
    display: block;
    margin-bottom: 35px;
}
.wsp {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999;
    border-radius: 5px;
    overflow: hidden;
}
.wsp.mobile{display:none;}
.wsp.desktop{display:block;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li{position:relative;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

@media only screen and (max-width: 1199px){
    ul.nav.navbar-nav.navbar-right {padding: 15px 25px;}
}

@media only screen and (max-device-width: 1024px) {
    .parallax {background-attachment: scroll;}
}
/*CONTACTO FIN*/
@media (max-width: 991px){
    .info-nosotros .grey{height: auto;}
    .info-nosotros .grey-2{height: auto;}
    .communuty {padding-top: 45px;margin-right: 15px;}
    .banner-webpay,.banner-servicios, .banner-servicios-2, .banner-productos, .banner-clientes, .banner-trabajos, .banner-nosotros, .banner-contacto, .banner-trabajos-single{background-size: initial;}
    ul.nav.navbar-nav.navbar-right {padding: 15px 0;}
    .menuhome .navbar-default .navbar-nav > li > a{font-size: 12px;}
    .nav > li > a {position: relative;display: block;padding: 10px 5px;}
}
@media (max-width: 768px){
    .container.extra{width: 100%;}
    .pop-up{height: auto;margin-bottom:50px;}
    /*MENU*/
    .nav > li {border-bottom: 1px solid #fff;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #191d64;border-color: #191d64;}
    .menuhome {position: relative;display: block;width: 100%;background: #191d64;}
    .navbar-default .navbar-toggle {border-color: #fff;margin-top: 18px;}
    .navbar-default.is-top{position: fixed;width: 100%;background-color: #191d64;border-color: #191d64;border-bottom: 1px solid #999;}
    .menuhome .navbar-default{background-color: #191d64;border-color: #191d64;padding: 15px;margin: 0;}
    /*MENU FIN*/

    /*HOME*/
    #myCarousel{margin-top: 0;}
    .carousel-caption h3 {font-size: 36px;}
    .carousel-caption p{font-size: 20px;}
    .btn-slide-right, .btn-slide-left{top: 40%;}

    /*HOME FIN*/

    /*PAGINA SERVICIOS*/
    .banner-webpay, .banner-servicios, .banner-servicios-2, .banner-productos, .banner-clientes, .banner-trabajos, .banner-nosotros, .banner-contacto{background-size: initial;}
    .figcaption h3{font-size: 36px;}
    .figcaption p{font-size: 25px;line-height: 25px;}
    .icon-1 .box {padding: 0 30px;}
    .icon-1 img{margin: 0 auto 30px;}
    .icon-1:before{width: 130px;height: 240px;}
    .icon-2:before{top: -30%;height: 750px;}
    .text-center h4 {text-transform: uppercase;font-size: 36px;}
    .bg-grey .servicios span{font-size: 22px;text-align: center;}
    .caption:before {width: 140px;height: 380px;}
    .contactenos:before {top: 50%;width: 190px;height: 210px;}
    .contactenos:after {width: 380px;height: 245px;}
    .icon-servicios {width: 20%;margin: 0 auto;}
    .bg-grey:before{height: 1300px;}
    /*PAGINA SERVICIOS FIN*/

    /*CLIENTES */
    #clientes .logo-cliente {width: 50%;display: block;margin: 0 auto;}
    /*CLIENTES FIN*/

    /*TRABAJOS*/
    #trabajos:after{bottom: -30%;}
    section.categorias:before{height: 4000px;}
    /*TRABAJOS FIN*/

    /*NOSOTROS*/
    .info-nosotros{width: 100%;}
    .info-nosotros .grey {display: block;width: 100%;float: left;margin: 20px auto;}
    .info-nosotros .grey-2{display: block;width: 100%;float: left;margin: 20px auto;}
    .info-nosotros .grey-2 .image{height: auto;}
    .avatar .avatar-img {width: 37%;float: none;margin: 0 auto;}
    .avatar .description-avatar {width: 100%;}
    /*NOSOTROS FIN*/

    /*CONTACTO*/
    input, textarea {width: 100%;}
    form{width: 100%;}
    #submit{width: 100%;}
    /*CONTACTO FIN*/
    /*FOOTER*/
    .logo-footer {width: 50%;margin: 0 auto;display: block;}
    footer .footer img{width: 100%;margin: 0 auto;display: block;}
    footer .footer .widget{width: 100%; margin-bottom: 30px;}
    footer .footer .widget .text-2 ul{padding-left: 15px;}
    footer .footer .widget .text-2 ul li{text-align: center;}
    footer .footer .widget.border-left {border-left: 0px solid #fff;border-top: 2px solid #fff;padding-top: 15px;}
    .footer .widget-text .text-left{text-align: center;}
    .redes-sociales {display: block;width: 5%;margin: 0 auto;float: none;text-align: center;}
    /*FOOTER FIN*/

    .page-error {
        display: block;
        width: 100%;
        margin: 35% 0;
        position: relative;
    }
    .page-error .col-sm-10 {
        width: 100%;
    }
    .page-error .logo {
        display: block;
        width: 30%;
        margin-bottom: 15px;
        margin: 0 auto 15px;
    }
    .page-error .description {
        display: block;
        width: 100%;
        margin-bottom: 35px;
        text-align: center;
    }
    .page-error:before {
        content: '';
        position: absolute;
        background: url(../../img/productos/icon-3.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 200px;
        height: 225px;
        right: -15px;
        top: 180px;
    }
    .thumb img {
        margin: 0 auto;
        width: 60%;
    }
    .proyect .titulo {
        color: #191d64;
        padding: 15px;
        text-align: center;
    }
    .puntos-fuertes {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    section.categorias:before {
        height: 565px;
    }
    .destacados:after {
        right: -138px;
    }
    #page-top .pop-up img {
        width: 50%;
        margin: 0 auto 20px;
        display: block;
    }
    #hablemos{
        padding: 69px 0;
    }
    section#hablemos p {
        font-size: 25px;
    }
    .clientes-servicios span img {
        margin: 0 auto;
        width: 30%;
    }
    .caracteristicas .box-caracteristicas .icon {
        display: block;
        width: 30%;
        margin: 0 auto;
    }
    div#myModal .modal-dialog {
        width: 80%;
        text-align: center;
    }
    section.hosting {
        background: url(../../img/proyectos/hosting.jpg) top left 0%;
        background-size: 35%;
        background-repeat: no-repeat;
    }
    .banner-contactanos .box-right {
        display: block;
        position: absolute;
        color: #fff;
        width: 50%;
        height: 100%;
        right: 0%;
        padding: 80px 35px;
        background-color: rgba(24, 30, 51, .86);
    }
    .banner-contactanos {
        background-image: none;
    }
    .banner-contactanos .box-left {
        display: block;
        position: absolute;
        color: #fff;
        width: 50%;
        left: 0%;
        top: 30%;
        padding: 0 35px;
    }
    .banner-contactanos .box-left h1 {
        font-size: 28px;
        text-transform: uppercase;
        margin: 0 0 5px;
    }
    .banner-contactanos .box-left h2 {
        font-weight: normal;
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0 20px;
        padding-left: 2px;
    }
    .banner-contactanos .box-left .service li {
        margin-bottom: 0px;
        font-size: 48px;
        color: #d4652c;
        line-height: 30px;
    }
    .banner-contactanos .box-left .service li span {
        font-size: 20px;
        color: #fff;
        position: relative;
        top: -6px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #f2f2f2;
        font-size: 16px;
        padding-left: 15px;
    }
        .navbar-default .navbar-nav .open .dropdown-menu > li > ul > li > a {
        padding-left: 40px;
        color: #f6f6f6;
        font-size: 14px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: transparent;
        color: #d4652c;
        font-weight: bold;
    }
}
@media (max-width: 480px){
    section.hosting.desarrollo-web {background: url(../../img/servicios/desarrollo-web/fondo.png) top no-repeat;background-size: 50%;}
    .desktop-slide{display: none;}
    .mobile-slide{display: block;margin-top: 90px}
    .navbar-inverse{padding: 0;}
    .navbar-brand > img {display: block;width: 80%;}
    .procesos:before{width: 150%;}
    .carousel-caption {left: 15%;bottom: 80px;}
    .carousel-caption h3 {font-size: 24px;}
    .carousel-caption p {font-size: 17px;}
    .icon-servicios{margin: 40px auto 0;}
    .icon-2:before {top: 0;height: 550px;width: 150px;}
    .icon-2 .box {display: block;float: left;}
    .procesos .empresas {padding: 100px 0;}
    .area-negocios {padding: 100px 0;}
    .communuty {padding-top: 0;margin-right: 15px;margin-bottom: 25px;}
    .bg-grey h3 {margin-bottom: 0;font-size: 26px;text-align: center;}
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #191d64;}
    footer .footer .widget .text-2 ul {list-style: none;padding-left: 15px;}
    footer .footer {display: block;padding: 15px 10%;float: left;}
    .redes-sociales {display: block;width: 50%;margin: 10px auto;float: none;text-align: center;}
    .clientes h3 {font-size: 28px;}
    .clientes span {font-size: 14px;}
    .contactenos {padding: 50px 0;}
    .contactenos:after {width: 230px;height: 150px;}
    .contactenos:before {top: 60%;width: 100px;height: 110px;}
    #clientes .clientes-box:before {width: 170px;height: 515px;}
    #clientes:after {width: 230px;height: 200px;}
    #trabajos:before {width: 350px;height: 170px;}
    .pop-up {margin-bottom: 20px;}
    .trabajos-single .btn-volver {width: 100%;}
    .avatar .description-avatar {width: 100%;}
    .avatar .avatar-img {width: 70%;float: none;margin: 0 auto;}
    .box-contacto:before {width: 270px;height: 300px;}
    .cita-contacto {width: 100%;margin: 80px auto;}
    .parallax {padding: 50px 0px;}
    .icons {margin: 15px 0;margin: 0;}
    .contact-social .redes-sociales {margin: 20px auto 20px;}
    .contact-social .redes-sociales a {margin: 10px 20px;}
    .area-negocios ul {padding-left: 65px;}
    .prev {left: 0em;}
    .next {right: 0em;}
    footer:before{height: 1000px;}
    footer .footer .widget .redes-sociales span{margin: 10px 3px !important;}
    .item img {vertical-align: middle;cursor: pointer;width: 60%;}
    .description-avatar .cita:before{width: 50px;top: 50px;left: 35px;}
    .description-avatar .cita:after{width: 50px;}
    .avatar:after {bottom: -125px;width: 160px;}
    .more{width: 50%;}
    .more-2 {display: block;margin: 35px 0;text-align: center;float: left;width: 100%;}
    .title-page-2.text-right h2{text-align: center;}
    .clientes-home h3{width: 100%;}
    .more-3 {display: block;margin: 35px auto;text-align: center;float: none;width: 50%;}
    .clientes-box .logo-cliente {margin: 0 auto;}
    #page-top .servicios-2:before {left: -50px;width: 120px;height: 345px;}
    #page-top .servicios-2:after {top: auto;right: -90px;width: 219px;height: 360px;z-index: 1;}
    #page-top .hablemos:before {top: -65%;left: -40px;width: 130px;height: 960px;}
    #page-top .hablemos:after {top: -180px;right: 0px;width: 320px;height: 380px;}
    .more-mobile {display: block;width: 50%;margin: 70px auto 30px;text-align: center;}
    .more-mobile a{color: #191d64;font-size: 24px;background-color: #c4c5d7;font-weight: bold;padding: 10px 20px;border-radius: 10px;text-decoration: none !important;}
    .more-mobile a:hover{background-color: #ccc;}
    .more-2 a, .more-3 a{display: none;}
    .page-error .logo {
        display: block;
        width: 50%;
        margin-bottom: 15px;
        margin: 0 auto 15px;
    }
    section.proyect {
        display: block;
        width: 100%;
        padding: 140px 0;
    }
    .thumb img {
        margin: 0 auto;
        width: 100%;
    }
    .proyect .titulo {
        color: #191d64;
        padding: 15px;
        text-align: center;
        font-size: 28px;
    }
    section.proyect:before {
        width: 115px;
        height: 195px;
    }
    .puntos-fuertes {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    section.proyect ul li {
        font-size: 16px;
        margin-bottom: 10px;
        color: #555;
        font-weight: bold;
    }
    .description p {
        font-size: 16px;
        text-align: justify;
        margin-bottom: 10px;
        float: left;
        width: 90%;
    }
    .description h3 {
        display: block;
        width: 100%;
        font-size: 26px;
        color: #191d64;
        margin-bottom: 20px;
        margin-top: 35px;
        float: left;
    }
    section.categorias:before {
        height: 673px;
    }
    #page-top .pop-up img {
        width: 100%;
        margin: 0 auto 20px;
        display: block;
    }
    #page-top .pop-up span {
        color: #555;
        font-weight: bold;
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 15px;
        font-size: 20px;
        margin-bottom: 35px;
    }
    #page-top .title-page-2.text-right h2 {
        font-size: 26px;
    }
    #hablemos {
        background-image: none;
        background-color: #8f90ae;
    }
    section#hablemos p {
        font-size: 18px;
    }
    .banner-contactanos {
        background-image: none;
        background-color: #35354c;
        max-height: none;
        height: auto;
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        display: block;
        float: left;
        padding: 0;
        margin: 0;
        position: relative;
        top: 50px;
    }
    .banner-contactanos .box-left {
        position: relative;
        display: block;
        color: #fff;
        width: 100%;
        left: 5%;
        top: 10%;
        padding: 80px 35px;
    }
    .banner-contactanos .box-right {
        display: block;
        position: relative;
        color: #fff;
        width: 100%;
        height: 100%;
        right: 0;
        padding: 80px 35px;
        background-color: rgba(24, 30, 51, .86);
    }
    .banner-contactanos .box-left h1 {
        font-size: 30px;
        text-transform: uppercase;
        margin: 0 0 5px;
    }
    .banner-contactanos .box-left h2 {
        font-weight: normal;
        font-size: 21px;
        text-transform: uppercase;
        margin: 0 0 20px;
        padding-left: 2px;
    }
    .banner-contactanos .box-left .service li span {
        font-size: 18px;
        color: #fff;
        position: relative;
        top: -6px;
    }
    .banner-contactanos .box-left .service li {
        margin-bottom: 0px;
        font-size: 48px;
        color: #d4652c;
        line-height: 30px;
    }
    section.hosting {
        background: url(../../img/proyectos/hosting.jpg) top left;
        background-size: 60%;
        background-repeat: no-repeat;
        display: block;
        width: 100%;
        float: left;
        padding: 160px 0;
        margin-top: 50px;
        text-align: center;
        position: relative;
    }
    .clientes-servicios span img {
        margin: 0 auto;
        width: 50%;
    }
    .clientes-servicios:after {
        content: '';
        background: url(../../img/proyectos/icon-4.png);
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: -90px;
        left: -107px;
        width: 230px;
        height: 385px;
        z-index: 1;
    }
    .alojamiento:before {
        content: '';
        background: url(../../img/proyectos/icon-6.png);
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: -47px;
        right: -53px;
        width: 150px;
        height: 150px;
        z-index: 1;
    }
    .caracteristicas .box-caracteristicas .icon {
        display: block;
        width: 40%;
        margin: 0 auto;
    }
    section.planes .text-center h2 {
        text-transform: uppercase;
        color: #191d64;
        margin: 0 0 10px;
        font-size: 24px;
    }
    section.planes .text-center h3 {
        text-transform: uppercase;
        color: #191d64;
        font-size: 16px;
        margin: 0 0 35px;
    }
    .btn-plan span {
        position: absolute;
        bottom: -15px;
        left: 15%;
        right: 15%;
        background-color: #d4652c;
        border: none;
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 10px;
        text-transform: uppercase;
        text-align: center;
    }
    section.hosting.desarrollo-web {
        background: url(../../img/servicios/desarrollo-web/fondo.png) top no-repeat;
        background-size: 70%;
    }
    section.hosting.sistema-a-medida {
        background: url(../../img/servicios/desarrollo-sistema/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.intranet-empresa {
        background: url(../../img/servicios/desarrollo-intranet/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.sistema-aplicaciones {
        background: url(../../img/servicios/desarrollo-app/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.desarrollo-e-commerce {
        background: url(../../img/servicios/e-commerce/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.integracion-webpay {
        background: url(../../img/servicios/webpay/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.mailing {
        background: url(../../img/servicios/mailing/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.mantencion {
        background: url(../../img/servicios/mantencion/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.community-management {
        background: url(../../img/servicios/community-manegement/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.diseno-digital {
        background: url(../../img/servicios/diseno-digital/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.publicidad-digital {
        background: url(../../img/servicios/publicidad-digital/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.asesoria-digital {
        background: url(../../img/servicios/asesoria-digital/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.integracion-bbdd {
        background: url(../../img/servicios/integracion/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.servidor-empresa {
        background: url(../../img/servicios/servidor-empresa/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    section.hosting.vps-empresa {
        background: url(../../img/servicios/vps-empresa/fondo.png) center top no-repeat;
        background-size: 70%;
    }
    .wsp.mobile{display:block;}
    .wsp.desktop{display:none;}
}
.col-sm-3 .logo{ 
    width: 20%;
}