/*
 * Theme Name: New Nivaxel
 * Description: Disenado para la Agencia de Publicidad Nivaxel
 * Author: Nivaxel
 * Author URI: http://nivaxel.com
 * Version: 1.0
 */

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

body {overflow-x:hidden; padding-top: 110px; font-family: Helvetica !important, sans-serif;}
html {overflow-x:hidden}
a:focus {outline:0}
p {line-height:150%}
h1 {font-size:200%;}
h2 {font-size:150%}
legend {width:auto;margin:10px 0}
img {max-width:100%;height:auto}

.rev_slider .tp-loop-wrap { margin-top: -50px;}
.btn-slide{display: none}
/* .wpml-ls-legacy-dropdown-click .wpml-ls-flag + span{
  color: #fff;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag + span:hover{
  color: #333;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {color: #fff}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover:after {color: #053f88} */

.wpfront-message {font-size: 18px!important}
.wpfront-message {font-size: 16px; max-width: 1000px; line-height: 20px!important; }


.wpdiscuz-front-actions {display: none!important;visibility:  hidden}

/* Mantenimienmto Web */
.banner-mt {background: url(img/mantenimiento/h-web-d.jpg) center no-repeat; background-size: cover; height:300px; padding: 0;  }
.banner-mt span {display: block;background: none!important;;max-width: 100%;margin: 0;padding: 0px;border-radius: 0px;color:#fff;text-align: center;margin-top: 11.5%!important;;}
.fot .row {margin-bottom: 130px}
.ptsCol-3 {transform: scale(1.05)}
.paquetes-mant {max-width: 100%; text-align: center}
.paquetes-mant .tab-category {background: transparent!important;}
.paquetes-mant .tab-category .nav-tabs li a:hover {
    border-radius: 0px;
    background: #fff;
    color: #555555!important;;
}
.paquetes-mant .nav-tabs li a {
    color: #004592;
}
.mante-us {max-width: 100%; text-align: left}
.mante-us h1 {color:#004592; font-weight: 600; text-align: left }
.paquetes-mant h1 {color:#004592; font-weight: 600; text-align: center }
.mante-us h2 {text-align: left;}
.paquetes-mant p {text-align: left; font-size: 18px}
.ptsEl  {padding:0 5px!important;}
.add-man strong {display: block; margin-top: 50px; font-size: 22px;}
.add-man ul {padding: 0;}
.add-man li {display: inline-table; margin: 20px 10px; width: 300px; font-size: 18px; text-align: center}
.add-man i {color: #3cb54c; font-size: 22px; vertical-align: middle}

.mant-serv {max-width: 100%; text-align: center; background:#eeeeee }
.mant-serv h1 {display: block; color: #004592; font-weight: 600}
.optional {overflow: hidden!important; display: none!important}
.mant-serv ul {padding: 0;}
.mant-serv li {display: inline-table; margin: 60px 10px; width: 300px; font-size: 18px; text-align: center; background: #fff; height: 200px}
.mant-serv span {display: inline-block; width: 100px; height: 100px;margin-top: -100px}
.mant-serv p {margin-top: 20px}
.panel-title a {font-size: 20px; }
.panel-title i {color: #0eb527; font-size: 26px;}
.mant-def .panel-default {border-color: #fff;text-align: left}
.mant-def .panel-default > .panel-heading {color: #333;background-color:#fff;border-color:#fff;}
 .ptsColDesc::before {

    content: '';
    position: absolute;
    left: 0%!important;;
    bottom: 0;
    background-color: #fff!important;;
    height: 5px!important;;
    width: 100%!important;;

}

 .ptsCol-3 .ptsColDesc::before {

    content: '';
    position: absolute;
    left: 0%!important;;
    bottom: 0;
    background-color: #03ab54!important;;
    height: 10px!important;;
    width: 100%!important;;

}

.bk-mant {max-width: 100%; background: url(img/mantenimiento/cta-d.jpg)left no-repeat;height: 300px ; background-color: #eeeeee}
.man-think {text-align: left; float: right}
.man-think p {font-size: 18px; width: 500px}
.man-think h1 {color:#2a5c9b; font-weight:600  }
#btn-green a {color: #fff!important;font-size: 20px!important; }


/* Header */
/* header {background:#0090FF; z-index:10000; width:100%; position: fixed; top: 0;} */
.top-con {margin-left:auto;margin-right:10px; max-width:400px; background:#fff; border-radius:0 0 30px 30px; box-shadow:0 0 15px #565656; padding:5px 0 15px 0; text-align:center;}
.top-con a:hover, .top-con a:focus {text-decoration: none}
.msj {display:block; background:#0BB425; border-radius:20px; color:#fff; padding:5px 10px; font-size:130%; text-align: center; width: 75%; font-weight: 700;margin: auto}
.msj:hover, .msj:focus {color:#fff; background: #0BC420;}
.msj .fa-location-arrow {transform: rotate(45deg);}
.phone {display: inline-block; color:#767676; font-size:150%; margin: 5px 0; text-decoration:none;}
.phone i {color:#767676; vertical-align: middle}

.phone-head {display: none}
.page {display:none; position: relative; margin:10px 0; color: #2184DC; text-align: center; text-transform: uppercase; font-weight:700; font-size:90%}

.navbar {margin-bottom:0; border:0; border-radius:0; z-index:10; padding: 0; background: #0090FF; position: relative; text-align: center; box-shadow:0 7px 5px 0px #A4A4A4;}
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top; margin-left:0%; margin-top: -35px;}
.navbar:before {
  content: ''; width: 100%; ;background:#0090FF ; padding: 10px; position: absolute; display:block;
  box-shadow:0 8px 5px -5px #A4A4A4; left: 353px; top: 50px;transform:skew(-30deg);
}
.navbar > li > a:focus, .nav > li > a:hover {background:transparent; color:#fff;}
.navbar-nav li a {color:#fff;font-size: 120%; font-weight:700; border-radius:10px; margin:0 5px; transition: 0.8s all ease;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background: transparent; border-color: none;}
.navbar-brand {width: 500px; background:#fff; position:absolute; top:0; left:-75px; margin-top: -125px; height:180px; transform:skew(-30deg);}
.navbar-brand img {position:relative; transform:skew(30deg); left: 100px; margin-top: 40px; z-index: 100;}
.navbar-toggle {border: 2px solid #0090FF}
.navbar-toggle .icon-bar {background:#0090FF; margin:0 20px}
.dropdown-menu {background:#0090FF; border:none;}
.dropdown-menu li {margin-bottom:5px}
.dropdown-menu li > a:hover {background:none}
.dropdown-submenu .dropdown-menu {background: #05428C; left: 280px; top: 30px}
.dropdown-submenu i {margin-left: 10px}


/* .shrink .top-con {background: transparent; box-shadow: none}
.shrink .top-con .phone, .shrink .top-con .phone i {color: #fff} */
.shrink .navbar-brand {width: auto; height: auto; left: -10px; padding: 15px 30px}
.shrink .navbar-brand img {left: 20px; margin-top: 30px; max-width: 300px}
.shrink .navbar {background: transparent; min-height: 0}
.shrink .navbar:before {display: none}
.shrink .navbar-nav {margin-top: -65px}

.gd-menu {background: #05428C; left: 280px;margin-top:-30px}

.menu {background: #fff; padding: 0px;margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;background:#fff;position:relative;text-align:center;box-shadow: none; top: 15px}
.menu .sub-menu li a {color:#068DFF; background:#EEEEEE; border-radius: 0; margin: 0px 15px; font-weight: 500; box-shadow: 0 0 5px grey;}
.menu .sub-menu .active a {background:#0090FF;color:#fff;}
.menu .sub-menu li a:hover {background:#0090FF;;color:#fff;}
.menu .navbar-header strong {color: #068DFF; font-size: 350%;display:block; margin-left: 470px;margin-top: 10px;}
.menu:before {display: none}
.menu .sub-menu {display: inline-block;float: none;vertical-align: top; margin-right:0%;margin-left:-20%; margin-top: 0}
.sub-menu li {margin:20px 0}

.tab-category {background: #0090FF;margin-top: 15px; text-align: center;}
.img-header {display: none}
.tab-category .nav-tabs li {left: 10%;}
.tab-category .nav-tabs {display: inline-block;float: none;vertical-align: top; font-size: 15px}
.nav-tabs li a {color: #fff;}
.tab-category .nav-tabs li a {margin: 0}
.tab-category .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {background:#fff;color:#555555;border-radius: 0px}
.tab-category .nav-tabs li a:hover {border-radius: 0px;background:#fff;color:#555555;}
.tab-category .nav-tabs {border-bottom: none;}
.tab-category .nav-tabs .active a {border-radius: 0px}

/* Header secundary */

.head-bar {background:#dbdbdb!important;; z-index:10000; width:100%; position: fixed; top: 0;transition: 0.8s all ease;}
.head-bar .top-con {margin-left:none;margin-right:none; max-width:100%!important; background:none; border-radius:0x; box-shadow:none; padding:0; margin:10px 20px ; text-align:right;}
.head-bar .top-con a:hover, .top-con a:focus {text-decoration: none}
.head-bar .msj {display:inline-block; background:#0BB425; border-radius:0px; color:#fff; padding:5px 10px; font-size:130%; text-align: center; width: auto; font-weight: 700;margin: 0}
.head-bar .msj:hover, .msj:focus {color:#fff; background: #0BC420;}
.head-bar .msj .fa-location-arrow {transform: rotate(0);}
.head-bar  .phone {display: inline-block; color:#009ed4; font-size:150%; margin: 5px ; text-decoration:none;}
.head-bar  .phone i {color:#009ed4; vertical-align: middle}

.top-sub ul {padding: 0; display:inline-block}
.top-sub li{ display: inline-block}


.interno {text-align: center!important;}
.interno .navbar-sub {padding: 0px 0; height: 85px}
.top-inter {text-align: right;margin: 0 10px}
.top-inter li {display: inline-block; margin:5px 10px}
.top-inter a {font-size: 20px; color: #333;transition: 0.3s all ease-in-out}
.top-inter a:hover {color: #009bdb; transition: 0.3s all ease-in-out; text-decoration: none}
.interno .navbar-brand { margin-top: -35px!important;text-align:center;;left: 50%!important;; transform: translateX(-50%)!important;}
.interno .navbar-brand img {width: 100%!important;}



.navbar-sub{margin-bottom:0; border:0; border-radius:0; z-index:10; padding:0px 0; background: #dbdbdb; position: relative; text-align: center; box-shadow:none; border-bottom: 8px solid #019bdb;transition: 0.8s all ease; }
.navbar-sub .navbar-nav {display: inline-block; float: none; vertical-align: top; margin-left:0%; margin-top: 0px;}
.navbar-sub:before {display: none}
.navbar-sub > li > a:focus, .navbar-sub > li > a:hover {background:transparent; color:#019bdb!important;}
.navbar-sub .navbar-nav li a {color:#024383;font-size: 18px; font-weight:700; border-radius:0px; margin:0 5px; transition: 0.8s all ease;}
.navbar-sub .open > a, .navbar-sub .open > a:focus, .navbar-sub .open > a:hover {background: transparent; border-color: none;color: #333!important;}
.navbar-sub .navbar-brand {width: auto!important;; background:none; position:absolute; top:0; left:1%; margin-top: -70px; height:auto; transform:skew(-0deg);transition: 0.8s all ease;}
.navbar-sub .navbar-brand img {position:relative; transform:skew(0deg); left: 0px; margin-top: 0px; z-index: 100;transition: 0.8s all ease;}
.js-wpml-ls-item-toggle span   {color: #fff}
.navbar-sub .dropdown-menu {background: #05428c;}
.navbar-sub .dropdown-menu  a { color: #fff!important;}



.shrink .navbar-sub {transition: 0.8s all ease;}
.shrink {transition: 0.8s all ease;}
.shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease;margin-top: -75px }
.shrink .navbar-sub .navbar-brand img {max-width: 300px;transition: 0.8s all ease;}
.shrink .navbar-sub {background: transparent; min-height: 0}

.shrink .navbar-sub .navbar-nav {margin-top: -25px; transition: 0.8s all ease;}

/* Inicio  */
.slide-movil {display: none;}

section {padding:20px 0; text-align:center;}
.servicios{padding-bottom: 25px}
.header-txt {text-align:center;color:#0092FF;}
.header-txt h1{font-weight: 600;font-size: 220%;}
.header-txt h2{font-size: 150%;}
.servicios span {display:inline-block;margin:0px;max-width:180px; height: auto;text-align: center;border-radius: 100%;}

.servicios img {padding: 30px;transition: 0.4s all ease;}
.servicios img:hover {transform: scale(0.85)}
.servicios strong {display:block;margin-top:10px;font-size:130%;}
.circulo {display:inline-block; width:250px; text-align: center; margin: 10px; display: inline-table}
.circulo a{color: #6D6D6D; text-decoration: none }
.circulo a:hover{color: #6D6D6D; text-decoration: none}
.diseno-web span {background: #FBB93E}
.diseno-grafico span {background: #DA5F01}
.video-pub span {background: #01b8bb}
.posicion span {background: #71D456}
.social span {background:#FF553E}
.servcios-button {position: relative; display: inline-block; margin: 10px;}
.prt a{padding: 10px 45px}

.portfolio img {display:inline-block;margin:10px }
.contador {margin-top:30px}
.contador span {display: inline-table;width:200px;margin:10px;}
.contador strong {display:block;margin-top:10px;font-size:400%;}
.contador img {max-width: 90px;}
.contador p {font-size:125%;margin:0}
.plogos img {display:inline-block;margin:15px}
.trab-slide {background: #e2e2e2; max-width:100%; height: auto;}

.trabajos {background: #E2E2E2; border-top: 14px solid #0091FF;}
.trabajos h2 {font-size: 220%;margin-top:5px; margin-bottom:12px}
#owl-review img {padding:0px; max-width: 100%}
.trabajos .bright {max-width: 100%; display: inline-block;}
#owl-review {text-align: center; max-width: 100%; margin-bottom: 20px}
#owl-review img:hover {transition:all .3s ease; transform: scale(1.1);}
.trabajos .owl-carousel .owl-prev {position: absolute; top: 95px; left: -60px; margin: auto !important;}
.trabajos .owl-carousel .owl-next {position: absolute; top: 95px; right: -60px; margin: auto !important;}
.trabajos .owl-carousel i {font-size: 50px; color: #05428c; opacity: 0.7}
.trabajos .owl-carousel i:hover, .trabajos .owl-carousel i:focus {opacity: 1}
.trab-slide img:hover {transition:all .3s ease; transform: scale(1.1);}
.trab-slide .btn-blue {position: relative; margin: 50px 10px}
.trab-slide .owl-pagination {display: none}

.testimonios {border-top: 14px solid #0091FF;background: url(img/testimonios-parallax.jpg) top no-repeat; background-attachment: fixed; background-size: cover}
.testimonios .slider span {display:inline-block;background:rgba(10, 10, 10, 0.5);max-width:100%;margin:20px auto;padding:20px;;color:#fff}
.testimonios .slider span p {font-size:125%}
.testimonios .slider {max-width: 1000px; margin: auto}
.testimonios .fa-star {color:#F5D000;font-size:20px;margin-top: 5px}
.trab-slide h4 {font-size: 220%}

.video {background:#11475F;height:500px; border-bottom: 10px solid black}
.parax {
  /*background: url(img/home-parallaxx.jpg) top no-repeat*/;
  background-attachment: fixed; height:300px; max-width: 100%;
}
.parax .hvr-shutter-in-horizontal {margin-top: 100px;}
.parax h1 {color: #0090FF; font-size: 250%}
.orientar {background:#0090FF;color:#fff}
.orientar h2 {font-size: 220%;}
.orientar .row {margin-top:30px}
.orientar li {margin: 15px 0}
.orientar ul {display: inline-block; text-align:left; font-size:180%; list-style:none; margin: 10px;}
.orientar ul li:before {font-family:FontAwesome;content:'\f00c';margin-right:10px;color:#2FE602}
.orientar .cfrm {max-width: 300px; height: auto}

.orientar-est p {color: #fff; font-size: 20px; margin: 5px 0}
.orientar-est .btn-green {font-weight: 700; font-size: 20px}

/* Sobre Nosotros */
.banner-sobre {background: url(img/headers/h-nosotros-d.jpg) center no-repeat;background-size: cover;font-weight: 700;height: 300px}
.name span {display:block;;color:#fff; text-align: center;margin-top: 13%;position: relative}

.name b {font-size: 50px; color: #fff;}
.name p {text-align: center; font-size:150%;}
.us {max-width: 100%; height: auto; margin:0px 0}
.us p {font-size:120%; text-align: left; color: #6D6D6D;margin-top: 30px }
.ctr img { max-width:100%; margin-top: 25px}

.us_function {max-width: 100%; height: auto; background:#EEEEEE; padding-bottom: 60px }
.us_function h1 {font-size:250%; color: #008FFF; font-weight: 600}
.us_function .grey {text-align: left; font-size:120%;color: #6D6D6D; margin: 30px 0}
.us_function .carousel {width: 660px ;background: #0090FF;; margin: auto; height: 250px}

.us_function p{margin: 10px 20px; color: #fff; font-size: 120%}
.us_function strong{color: #fff; font-size: 200%; margin-top: 58px; display: inline-block; text-align: center;}
.us_function .material-icons{color: #0090FF; border: 3px solid ; border-radius: 100%; padding: 5px; font-size: 300%; margin-top: -140px}
.left .material-icons{ transform: rotate(-90deg); position: relative; float:left; margin-left: 73px;}
.right .material-icons{ transform: rotate(90deg);position: relative; float: right;margin-right: 100px}
.img-sb img{max-width: 150px; }
.img-sb{max-width: 100%;margin-top: 45px;margin-left: 50px;}

.mva_sec {max-width: 100%; height:auto}
.mva_sec .panel {border: none}
.mva_sec .panel-heading {
  padding: 30px; box-shadow: 0 0 10px 0px grey; display: inline-block; list-style: none; text-align: center;; width: 250px; margin-top: 5px; position:relative; z-index: 10; background: #fff; height: 130px
}
.mva_sec .panel-heading a {display: block; color: #6E6E6E; font-weight: 700; font-size: 200%; margin: 15px 0}
.mva_sec p, .mva_sec ul {color: #6D6D6D}
.mva_sec .panel-body {padding:30px; width:100%; text-align: left; font-size: 120%;}

/* Servicios */
.blue-bg {background:#0090ff}
.banner-servicio {background: url(img/headers/h-servicios-d.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 300px}
.us-service{position: absolute; margin-left: -90px; z-index: 1; margin-top: 100px; max-width: 100% ;display: inline-block;border-radius: 100%;}
.servicio img {padding: 25px;transition: 0.3s all ease;max-width: 150px}
.servicio .ser{margin-top: 70px;}
.servicio img:hover {transform: scale(1.1)}
.servicio{max-width: 100%; height: auto;}
.servicio span{height: 465px; width:400px; background: #E2E2E2; border-radius: 30px;
position:relative; display: inline-table; margin: 10px; padding: 20px 0}
.servicio li{list-style: none; text-align: left; color: #008FFF; font-weight:700 ; margin: 10px 75px;}
.servicio ul{ margin-top: 10px}
.servicio strong, .servicio p, .servicio a{margin:15px;}
.servicio strong{font-size:200%;color: #767676 }
.servicio .row{margin: 35px 0}
.servicio .servi{height: 300px; width:400px; background: #E2E2E2; border-radius: 30px; position:relative; display: inline-table; }
.servicio .ser{margin-top: 70px;}
.servicio .btn-white{background: #fff; font-weight: 600}

.servicio-movil{display: none}
.servicio-movil .us-service{position: absolute; margin-left: -90px; z-index: 1; margin-top: 100px; max-width: 100% ;display: inline-block;border-radius: 100%; }
.servicio-movil img {padding: 25px;transition: 0.3s all ease;max-width: 150px}
.servicio-movil .ser{margin-top: 70px;}
.servicio-movil img:hover {transform: scale(1.1)}
.servicio-movil{max-width: 100%; height: auto;}
.servicio-movil span{height: 465px; width:400px; background: #E2E2E2; border-radius: 30px;
position:relative; display: inline-table; margin: 10px; padding: 20px 0}
.servicio-movil li{list-style: none; text-align: left; color: #008FFF; font-weight:700 ; margin: 10px 75px;}
.servicio ul{ margin-top: 10px}
.servicio strong, .servicio p, .servicio a{margin:15px;}
.servicio strong{font-size:200%;color: #767676 }
.servicio-movil .row{margin: 35px 0}
.servicio-movil .servi{height: 300px; width:400px; background: #E2E2E2; border-radius: 30px; position:relative; display: inline-table; }
.servicio-movil .ser{margin-top: 70px;}
.servicio-movil .btn-white{background: #fff; font-weight: 600}

.comen {background: url(img/home-parallaxx.jpg) center no-repeat; background-size: cover; max-width: 100%; height: 300px; background-attachment: fixed}
.comen span {display: block; background: #fff; width: 800px; margin: 50px auto; padding: 20px; border-radius: 10px; color: #098BFF; text-align: center}
.comen h1 {font-size: 200%; margin-bottom: 20px}
.comen .btn-blue {font-size: 150%}

/* Diseno grafico */
.banner-ag{background: url(img/headers/h-grafico-d.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 300px}
.type-arts{text-align:center; max-width: 100%; }
.type-arts h1{font-size: 300%; text-align: center;}
.type-arts h2{color: #707070;text-align: center;}
.type-arts p{text-align: left}
.type-arts img{max-width: 100%;z-index: 10;position: relative}
.type-arts img:hover {transform: translate(0, 15px); transition: all .5s}
.type-arts a{color: #707070;text-decoration: none}
.type-arts .btn-green{color: #fff; font-size: 110%}
.type-arts span {display:block; width: 150px}
.type-arts ul {list-style:none;padding-left:0;margin:0}
.type-arts ul li {display:inline-table;max-width:250px;margin:25px}
.type-arts b {display:block;font-size:130%; line-height: 110%; margin-bottom:10px}
.type-arts .txt-arts {display:inline-block; max-width:100%; color: #707070}
.type-arts p {font-size: 120%; color: #707070}
.type-arts .btn-green {margin-left: 20px}

.artes{text-align:center; max-width: 100%; background: #EEEEEE;}
.artes img{; z-index: 10;position: relative}
.artes strong {display:block;font-size:150%;margin-bottom:10px}
.artes span {display:block;border-radius:25px;padding:10px; box-shadow: 0 0 10px grey; background: #fff}
.artes ul {list-style:none;padding-left:0;margin:0}
.artes ul li {display:inline-table;max-width:250px;margin:10px}

.descrip-art{max-width: 100%; background: #0091ff}
.txt-artes span {display:block;max-width:100%;margin:auto ;height: auto;padding:40px 0;color:#fff; position: relative;}
.txt-artes strong {display:block;font-size:150%;margin-bottom:5px}
.txt-artes ul {list-style:none;padding-left:0;margin:0;}
.txt-artes ul li {display:inline-table;margin:0 20px;max-width: 300px;}
.descrip-art img{position: relative; z-index: 10; margin-top: 0px;}
.descrip-art p{text-align: center; margin-top: 5px}
.contactar a{display: inline-block; margin:30px 10px;}
.txt-artes h1{max-width: 100%; display: inline-block; margin: 0 20px}
.frm-cotizar {margin-top:30px;}

/* Politica de privacidad */
.poli{max-width: 100%}
.poli p{text-align: left; margin: 25px 0}

/* Logo */
.logo-us{max-width: 100%; height: auto; padding-bottom: 50px}
.logo-us .btn-green{margin: 0;}
.logo-us h1 {text-align: left}
.logo-us h2 {text-align: left}
.logo-us .carousel-inner{border-radius: 30px;max-width:100%; }
.logo-us .carousel-control {width: 0%;}
.logo-us .frst{color: #0090FF; border: 3px solid ; border-radius: 100%; padding: 5px; }
.logo-us p{text-align: left; margin: 20px 0;font-size: 110%;}
.logo-us .carousel-control .frst{top: 160px;}
.logo-us .publicidad{margin-bottom: 20px;margin-top: 0}
.logo-us .btn-green{margin-top: 30px}
.logo-us .left .material-icons {transform: rotate(-90deg);position: relative;float: left; margin-left: -5px;}
.logo-us .right .material-icons {transform: rotate(90deg); position: relative;float: right; margin-right: -5px;}
.logo-inf {max-width: 100%; background:#D8D8D8}
.logo-inf h3 {font-size: 200%; color:#008FFF; margin:20px 0 20px 0;}
.txt-logos span {display:block; max-width:100%; margin:auto; height: auto; padding:40px 0; color:#fff; position: relative;}
.txt-logos img {margin-bottom:5px; z-index: 10;position: relative}
.txt-logos strong {display:block;font-size:150%;margin-bottom:5px}
.txt-logos ul {list-style:none;padding-left:0;margin:0;}
.txt-logos ul li {display:inline-table;margin:0px 20px;max-width: 300px;}
.txt-logos p{margin-top: 5px}
.info-logo {text-align: center; max-width: 100%;height: auto;}
.info-logo p {text-align: left; font-size: 120%; margin-top: 30px}
.info-logo .carousel{max-width: 600px;height:200px;left:50%;transform: translateX(-50%); margin-top: 30px }
.info-logo .slide .carousel-inner { border-radius: 0px;text-align: center}
#myCarousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width:100%;height:auto;margin:auto}
.info-logo .carousel-control {top: -140px;}
.info-logo .carousel-control .material-icons {color: #777777}
.info-logo .comp{background: #A6DAE8; border-radius: 100%; max-width: 250px; height:250px;margin-left: 50px;}

.comp img{margin: 50px 0;}

/* Formulario */
.banner-frm{background: url(img/headers/h-contacto-d.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 300px}
.banner-frm span {margin-top: 180px}


.form-int {max-width: 100%; text-align: center;}
/* .form-int .panel {margin: 100px 0;}
.form-int .panel-title a {display: block; font-size: 22px; color: #05428c; font-weight: 700}
.form-int .panel-title a:hover {text-decoration: none}
 */


.form-int .hvr-shutter-in-horizontal {margin: 50px 20px; font-size: 20px}
.card{text-align: center; display: block; margin: 100px 0}
.card-header h2{margin-top: 0; padding: 10px 0;font-size: 24px;font-weight: 700!important;transition: 0.3s all ease-in-out}
.card-header h2:hover {color: #009bdb; transition: 0.3s all ease-in-out; text-decoration: none}
.card-header a {color:#05428c; font-weight: 700!important;text-align: center;text-decoration: none }
.card-header a:hover {text-decoration: none;transition: 0.3s all ease-in-out}
.card-header i {float: right; transition: 0.3s all ease-in-out}
.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {

    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);vertical-align: middle; transition: 0.3s all ease-in-out

}

/* Web */
.banner-pw{background: url(img/mantenimiento/h-web-d.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 300px}
.banner-pw span {margin-top: 180px}
.web-us{max-width: 100%; height: auto}
.web-us h1{text-align: left}
.web-us h2{text-align: left}
.web-us h4{color:#0084FF; text-align: left; font-size: 140%; margin-top: 25px}
.web-us .carousel-control {width: 0%;}
.web-us .frst{color: #0090FF; border: 3px solid ; border-radius: 100%; padding: 5px; }
.web-us h3 {text-align: left}
.web-us p{text-align: left; margin: 10px 0;font-size: 110%;}
.web-us .carousel-control .frst{top: 200px}
.web-us .carousel{padding: 30px 0;}
.web-us .left .material-icons {margin-left: 0px;}
.web-us .right .material-icons {margin-right:  0px;}


.web-video {margin: 20px 0}

.web-serv{text-align:center;padding:30px 0; max-width: 100%; background: #EEEEEE}
.web-serv img {margin-top: -60px; z-index: 10;position: relative}
.web-serv img:hover {transform: translate(0, 10px);transition: all 0.5s ease-in-out;}
.web-serv strong {display:block;font-size:180%; margin-top: 8px}
.web-serv span {display:block;border-radius:25px;padding:10px; box-shadow: 0 0 10px;height: 285px; background: #fff;max-width:300px}
.web-serv p {margin-top: 5px}
.web-serv ul {list-style:none;padding-left:0;margin:0}
.web-serv ul li {display:inline-table;;margin:40px 25px;}
.txt span {display:block; margin:auto ;height: auto; position: relative; text-align: center; border-top: 2px solid #ddd; margin-top: 20px}
.txt span h5 {max-width: 100%; display: inline-block; margin: 5px 15px; font-size: 24px}
.slide .fa-star {color:#F5D000;font-size:20px;margin-top: 5px}
.slide .slider {max-width:100%;margin:auto}
.slick-slide {outline:none}

#owl-review-web {text-align: center; max-width:100%; margin-top: 20px;}

.slide img {border-radius: 20px}
.slide .owl-carousel .owl-prev,
 .owl-carousel .owl-next {position: absolute;top: 190px;;margin: auto !important;}
.slide .owl-carousel .owl-prev {left: 0px;}
#owl-review-web .fa {color: #0090FF}
.slide .owl-carousel .owl-next {right: 0px;}
.slide .owl-carousel i {font-size: 50px}
#owl-review-web .owl-pagination {display: none}
.complementos {max-width: 100%; height: auto}
.complementos h4 {text-align: left; font-weight: 700; font-size: 24px; color:#888888}
.complementos ul {text-align: left; margin: 20px 0}
.complementos a {text-decoration: none}
.complementos li {margin: 10px 0; font-size: 130%; font-weight: 700; color:#009EFF; list-style: none}
.form-coti img {max-width: 100%; border-radius: 30px; margin-top: 20px}



#revi .modal-dialog, #aproba .modal-dialog, #segui .modal-dialog {max-width:60%}

#adModal .modal-dialog {max-width:450px}
#adModal .modal-body {text-align:center}
#adModal .modal-header {border-bottom:0}
#adModal .modal-header p {margin:0;font-size:110%}
#adModal .modal-header b {color:#1182C6}
#adModal .modal-footer {border-top:0}

#estimado .modal-content {display: inline-block; width: 650px}
#estimado {max-width: 100%; text-align: center}
.ccon  {display: block;color: #fff;}
.ccon .phone {color: #fff; display: inline-block; margin:5px 10px}
.ccon i {color: #fff}
#estimado .close {opacity: 1; color: #fff}
#estimado .modal-header {background: #0c1d35;}

/* Fotografía nueva */
.text-left p {font-size: 18px}
.foto-secund {background: url(img/headers/h-foto-d.jpg) center no-repeat; background-size: cover; height:300px; padding: 0;  }
.foto-secund span {display: block;background: none;max-width: 100%;margin: 0;padding: 0px;border-radius: 0px;color:#fff;text-align: center;margin-top: 18%;}
.fot .row {margin-bottom: 130px}
.fot {max-width: 100%; text-align: center}
.fot-serv {padding: 0;}
 .fot-serv li {display: inline-table; width: 500px; background: #e7e8ea; height: 500px; margin: 20px}
.fot-serv span {display: inline-block; width:300px; margin:-150px auto;; padding-bottom: 180px }
.fot-serv strong {display: block; font-size: 22px; margin-bottom: 10px}
.fot-serv p {padding:0 20px; text-align: left; font-size: 18px}

.fot-tab {padding: 0; display: inline-block; margin: 10px 0}
.fot-tab li {border-right: 2px solid ; display: inline-block}
.fot-tab li a {font-size: 22px; margin:0 10px}
.fot-tab > li.active > a, .fot-tab > li.active > a:focus, .fot-tab > li.active > a:hover {color:#05428c!important;border-radius: 0; background-color: none; box-shadow: 0 ; border: 0}

.fot-tab > li > a:focus, .fot-tab > li > a:hover {background:none!important;background-color: none;border-radius: 0px;box-shadow: 0; }
.fot-tab li a {color: #333;text-transform: uppercase; font-weight: 700}


.fot .fot-tab > li > a:focus, .fot .fot-tab > li > a:hover {background:none!important;; border-radius: 0px!important;; box-shadow:none!important;color:#05428c!important; }
/* Fotografia */
.fotografia {background: url(img/headers/h-foto-d.jpg) center no-repeat; background-size: cover;height: 300px}
.fotografia span {margin-top: 15%}
.fot-com h1 {color: #0090FF; margin: 0}
.fot-com h2 {margin: 0 0 10px 0; font-size: 120%}
.fot-com p {font-size: 16px}
.fot-com ul {font-size: 16px; padding-left: 20px; list-style: none}
.fot-com ul li {margin-bottom: 5px;}
.fot-com ul li:before {font-family: FontAwesome; content: '\f058'; color: #0090FF; margin-right: 5px; font-size: 20px; vertical-align: middle}
.fot-com strong {color: #05428C;}
.fot-com .btn-green {margin: 0; font-size: 18px; font-weight: 700}
.circle-img img {border-radius: 200px; position: relative; z-index: 11}
.fot-inf {margin-top: 30px}
.fot-inf strong {font-size: 50px; color: #fff}
.fot-inf p {text-align: left; font-size: 18px; background: #fff; padding: 20px; border-radius: 20px; box-shadow: 0 0 5px 1px #333; position: relative}
.equipo {background: #0090FF; padding: 50px 0; overflow-y: hidden}
.equipo .circle-img:after {
  content: ''; display: block; width: 600px; height: 600px; border-right: 5px solid #49B4FC; border-radius: 50%;
  position: absolute; z-index: 1; top: -125px; left: -50px;
}
.equipo p {padding: 20px 20px 20px 70px; margin-left: -90px; position: relative; z-index: 10}
.pro {background: #6DCFF6; padding: 50px 0; overflow-y: hidden}
.pro .circle-img:after {
  content: ''; display: block; width: 500px; height: 500px; border-radius: 50%; background: linear-gradient(#62C9F6, #008EF7);
  position: absolute; z-index: 1; top: -115px; left: -20px;
}
.pro .circle-img:before {
  content: ''; display: block; width: 520px; height: 520px; border-radius: 50%; background: linear-gradient(#7FD2F4, #84D7F9);
  position: absolute; z-index: 1; top: -115px; left: -20px;
}
.pro p {padding: 20px 70px 20px 20px; margin-right: -90px; position: relative; z-index: 10}
.aerea {background: #0090FF; padding: 50px 0; overflow-y: hidden;}
.aerea .circle-img:before {
  content: ''; display: block; width: 600px; height: 600px; border-radius: 50%; border: 5px solid #49B4FC;
  background: #1481D4; position: absolute; z-index: 1; top: -125px; left: -110px;
}
.aerea p {padding: 20px 20px 20px 70px; margin-left: -90px; z-index: 10}

/* Videos */
.videos {background: url(img/headers/h-video-d.jpg) center no-repeat; background-size: cover; height: 300px}
.vids-bg {background: #EEEEEE; padding: 20px 0}
.vid-type {display: inline-table; width: 260px; margin: 10px}
.vid-type strong {display: block; font-size: 24px; color: #707070; margin-bottom: 10px}
.vid-type p {margin: 10px 0; font-size: 16px; background: #fff; padding: 50px 5px 10px 5px; height: 250px; border-radius: 10px; box-shadow: 0 0 10px; margin-top: -40px}
.video-icons {text-align: right; margin-top: -100px; margin-right: 10px}

.vid-wrap {text-align: left}
.vid-wrap strong {font-size: 20px; color: #fff; text-transform: uppercase; display: inline-block; background: #0090ff; padding: 10px}
.vid-wrap .embed-responsive {border: 5px solid #0090ff}
.vid-wrap .grey {background: #ebebeb; border-radius: 0 0 50px 50px;  overflow-x: hidden}
.vid-wrap b {display: block; color: #707070; font-size: 18px; padding: 10px 20px}
.vid-wrap span {
  display: inline-block; width: 220px; background: #a1a1a1; padding: 5px 30px 5px 20px; position: relative; left: 350px; border-radius: 50px 0;
  font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff;
}
.vid-wrap span img {width: 40px}

/* Distribucion de Promociones */
.distribucion {background: url(img/headers/h-distribucion-d.jpg) center no-repeat; background-size: cover; height: 300px}
.distribucion p {font-size: 36px; line-height: 1}
.bb-wrap {background: #008EFC; padding: 50px 0;}
.white-box {text-align: left; background: #fff; padding: 20px 50px 20px 20px; border-radius: 20px; box-shadow: 0 0 10px 1px #333; margin-right: -135px; position: relative; z-index: 10}
.white-box p {font-size: 16px; position: relative; z-index: 10}
.bb-guy {position: relative; z-index: 11}
.bb-title {text-align: left; margin-left: 20px; color: #fff}
.bb-title i {font-size: 24px; font-style: normal; font-weight: 700; display: block; line-height: 1; position: relative; left: 115px; top: 18px}
.bb-title strong {font-size: 70px; display: block; line-height: 1}
.bb-title p {font-size: 24px; line-height: 1}
.bb-title:before {
  content:''; display: block; width: 850px; height: 600px; background: url(img/distribucion/fondo-mundo.png) center no-repeat;
  position: absolute; z-index: 1; top: -50px; left: 600px;
}
.d-incluye {background: #EEEEEE; padding: 50px 0}
.d-incluye span {font-size: 50px; font-weight: 700; color: #008EFC}
.blue-box {background: #008EFC; color: #fff; padding: 20px; border-radius: 20px; box-shadow: 0 0 5px 1px #333}
.blue-box ul {list-style: none; padding-left: 0}
.blue-box ul li {display: inline-table; width: 250px; margin: 20px 50px}
.blue-box ul li strong {display: block; font-size: 20px; margin-bottom: 5px}
.blue-box ul li p {margin: 5px 0; font-size: 16px}
.productivo {text-align: center; position: relative; top: -80px}

/* Imprenta */
.wcuf_single_upload_field_container {margin: 20px 0 !important;border: 0 !important;}
.wcuf_already_uplaoded_data_container {border: 0 !important;}
.wcuf_upload_fields_row_element {margin: 10px 0 !important; border: 2px solid #7f7f7f; border-radius: 20px}
.wcuf_spacer3, .wcuf_spacer4 {display: none !important;}
.delete_button  {display:inline-block;background:#05428C!important;font-size: 120% !important;;color:#fff!important;;padding:10px 20px!important;margin:10px 0!important;;border-radius:20px; border: 0!important;}
.delete_button:hover {text-decoration:none;color:#fff;background:#0090FF!important;}
.add_to_cart_button, .wcuf_upload_field_button {display:inline-block;background:#05428C!important;font-size: 120% !important;;color:#fff!important;;padding:10px 20px!important;margin:10px 0!important;;
  border-radius:20px; border: 0!important;}
.add_to_cart_button:hover, .wcuf_upload_field_button:hover {text-decoration:none;color:#fff!important;;background:#0090FF!important;}
.btn-products p {display:inline-block;background:#05428C;color:#fff;padding:10px 50px;margin:10px 0;border-radius:20px}
.btn-products p:hover {text-decoration:none;color:#fff;background:#0090FF}}
.banner-woo {height: 200px; max-width: 100%; background: url(img/headers/arte-grafico-header.jpg)center no-repeat; background-size: cover}
 .woocommerce-breadcrumb {display: block; margin-top: 40px;font-size: 18px;color: #FFF160; position: absolute;left: 0;width: 100%; background: #05428c ; padding: 10px 140px}
.woocommerce-breadcrumb a {color: #fff}
/*  .woocommerce-breadcrumb {display: block; margin-top: 30px; font-size: 18px;; position: absolute;left: 0;width: 100%;
  border-top: 1px solid ;border-bottom: 1px solid; padding: 10px 140px; } */
.woocommerce-account-fields {display: none}
.woocommerce-shipping-fields {display: none}
.woocommerce-additional-fields__field-wrapper label:after {content: '(Opcional)'; display: inline-flex; font-size: 90%; margin-left: 5px}
.products {padding:0 8px !important; text-align: center!important;}
.products .product-category {
  display:inline-block !important;;
  border: 2px solid #0090FF;
  border-radius: 20px;
  text-align: center!important;;
  overflow: hidden;
  margin: 20px 10px !important;;
  transition: 0.5s all ease;
  width: 250px !important;;
  height: 370px!important;
  padding:10px !important;}
.product-category h2 {font-size: 150%!important;; color: #333333}
.product-category  mark {display: none}
.products .type-product {
  display:inline-block !important;;
  border: 2px solid #a4a4a4;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  margin: 20px 10px !important;
  transition: 0.5s all ease;
  width: 250px!important;;
  height: 370px;!important}
.term-description {margin-top: 20px}
.btn-arch {display: block; padding-bottom: 30px;text-align: center;}
.woocommerce-result-count {font-size:120%; margin: 20px 10px}
.woocommerce-ordering .orderby {font-size:120%;border:1px solid;border-radius:20px;padding:2px}
.woocommerce-products-header__title { color: #0090FF; margin-top: 120px}
.products .type-product img {padding:10px;}
.products .type-product a:hover {text-decoration:none;opacity: 0.8 }
.products .type-product h3 {font-size:130%;background:#393939;color:#fff;padding:10px}
.products .type-product .price {display:none !important;font-size:19px!important;margin: 5px 0;color: #333333 !important;border-radius: 0 !important;border: 0;}
.products .type-product .button {display:inline-block;background:#05428C!important;font-size: 120% !important;;color:#fff;padding:10px 20px!important;margin:10px 0!important;;border-radius:20px}
.products .type-product .button:hover {text-decoration:none;color:#fff;background:#0090FF!important;}

.woocommerce-pagination {text-align:center}
.woocommerce-pagination .page-numbers {font-size:120%}
.woocommerce-pagination .page-numbers li {display:inline-block;margin:0 5px}
.woocommerce-pagination .page-numbers a {color:#05428C}

.contenido-imprenta {
  padding: 50px 20px;
}
.contenido-imprenta p {
	font-size: 18px;
}

/* Product Single */
.product .images {display:inline-block;margin-top:0px;max-width: 100%;}
.product .images img {border: 2px solid #0090FF; padding: 5px; max-width:100%}
.product .entry-summary {display:inline-block; padding: 20px; border-radius: 20px; margin-top: 100px;max-width: 100%;}
.entry-summary .price {color:#434343;font-size:150%; display: none!important;}
.btn-car {text-align: center}
.contenido {text-align: left; margin-top: 20px}
.woocommerce-variation-price span {color:#0BC420!important; }
.woocommerce-variation-price:before{content: 'Precio Total:'; font-size: 130% ; display: none}
.woocommerce-variation-price {font-size: 130%}
.variations .label {color:#434343;font-size:110%;display:block;margin:6px 0;}
.variations .value select {padding:2px;border:2px solid #0090FF;border-radius:5px; max-width: 100%;}
.single_variation_wrap {margin-left:0px;margin-top:10px; }
.reset_variations {color:#434343;margin-left:5px}
.reset_variations:hover {color:#434343}
.woocommerce-loop-product__title{color:#333333!important; padding:0 5px!important;font-size: 18px!important;font-weight:600 }
.single_add_to_cart_button {margin:20px 0px;border:0;background:#0BB425;color:#fff;font-size:130%;text-transform:uppercase;border-radius:20px;padding:10px 20px}
.single_add_to_cart_button:hover {text-decoration:none;color:#fff;background:#0BC420}
.alt {background: #0BB425!important; font-size: 150%!important;}
.alt:hover {background:#0BC420!important }
.product_meta {margin-left:40px;}
.product_meta .sku_wrapper {display:block}
.thumbnails{margin:10px 0}
.quantity .input-text {display: none }
.product_meta {margin-left:10px;font-size:110%; padding-bottom: 30px}

.wc-tabs-wrapper {display: none}
.wc-tabs {list-style:none}
.wc-tabs li {display:block;color:#000;font-size:150%;background:#DBDBDB;padding:5px 20px;margin-bottom:2px;}
.wc-tabs li:hover, .wc-tabs .active {background-color:#881204;color:#fff;text-decoration:none}
.wc-tabs a {color:#333333;text-decoration:none}
.wc-tabs li:hover > a, .wc-tabs .active > a {color:#fff}
.wc-tab {background:#DBDBDB;width:70%;padding:0 10px;border-radius:0}

#tab-description h2 {display:none}
.accordion-title {cursor:pointer;font-size:20px;}
.accordion-title:after {font-family:FontAwesome;content:' \f0d7'}

.relacionados {margin-top:-15px}
.relacionados {max-width: 100% ; text-align: center}
.related {display: none}

/* Woocommerce message */
.woocommerce-message:before {color:#0090FF !important}
.woocommerce-message {font-size:125%;margin-top: 35px !important;background:#E3E3E3;border-radius:5px;border-top:none !important}
.woocommerce-message a {font-size:115%;color:#fff;background:#05428C;border-radius:10px;padding:7px 10px!important;;margin:0 5px}
.woocommerce-message a:hover {text-decoration:none;background:#0090FF}
.woocommerce .woocommerce-message::before {color:#0090FF!important;}
.woocommerce-info {display: none}
/* .woocommerce-info:before {color:#0090FF !important} */

/* Cart */
.cart-empty {font-size:150%;margin:20px}
.return-to-shop {margin:20px}
.return-to-shop a {background:#971603 !important;color:#fff !important}
.product-name a {color:#881204}
.woocommerce a.remove {color:#881204 !important}
.woocommerce a.remove:hover {background:#881204}
   .checkout-button {display:inline-block!important;;background:#26B100 !important;
  padding:10px 20px!important;border-radius:10px!important;font-size:150%!important;color:#fff!important;;}
.checkout-button:hover {text-decoration:none;color:#fff!important;background:#0BC420!important}
.coupon .input-text {padding:5px;width:150px !important;}
.cart-collaterals {padding-bottom: 20px;}
.woocommerce {padding-bottom: 20px;}

/* Checkout */
.woocommerce-billing-fields input, .woocommerce-shipping-fields input {font-size:110%;height:38px;padding:10px;border:2px solid;border-radius:10px}
.woocommerce form .form-row .input-checkbox {
  display: inline-block !important;margin: 7px 0px !important;padding-bottom: 20px !important;
  text-align:left !important;vertical-align: top !important;position: relative !important
}

/* My Account */
.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {font-size:110%}
.woocommerce-MyAccount-content .woocommerce-Input {height:38px;padding:10px;border:1px solid;border-radius:10px;width:50% !important}
.woocommerce .login {max-width:500px}
.woocommerce .login .input-text {padding:5px}
.frm-print {text-align:left; padding:0}
.frm-print ul {padding-left:20px}
.frm-print li:first-child {list-style:none; margin-left:-20px; font-size:120%; font-weight:700; color: #05428C}
.frm-print li {margin-bottom:5px}
.woocommerce-MyAccount-content {padding:20px}
.woocommerce-MyAccount-navigation {border-bottom:1px solid #0094bc;text-align:center}
.woocommerce-MyAccount-navigation li {display:inline-block;margin:10px}
.woocommerce-MyAccount-navigation a {color:#3b4245; font-size: 18px ;transition: 0.3s all ease-in-out}
.woocommerce-MyAccount-content a {color:#FD2609}
.woocommerce-MyAccount-navigation a:hover {color: #0094bc; text-decoration: none; transition: 0.3s all ease-in-out}

.cancel:hover, .cancel:focus {background: #fff!important;; color:#c9132a!important;; text-decoration: none;transition: 0.3s all ease-in-out;border: 2px solid #c9132a !important;}
.cancel {border: 2px solid transparent!important;;background: #c9132a!important;margin: 10px 0px!important;; color: #fff!important;; font-size: 20px; ;padding: 5px 20px; text-align: center; transition: 0.3s all ease-in-out; ;display: inline-block;}

.pay:hover, .pay:focus {background: #fff!important;; color:#003f5e!important;; text-decoration: none;transition: 0.3s all ease-in-out;border: 2px solid #003f5e !important;}
.pay {border: 2px solid transparent!important;;background: #002a5c!important;margin: 10px 0px!important; color: #fff!important;; font-size: 20px; ;padding: 5px 20px; text-align: center; transition: 0.3s all ease-in-out; ;display: inline-block;}

.view:hover, .view:focus {background: #fff!important;; color:#003f5e!important;; text-decoration: none;transition: 0.3s all ease-in-out;border: 2px solid #003f5e !important;}
.view {border: 2px solid transparent!important;;background: #002a5c!important;margin: 10px 0px!important; color: #fff!important;; font-size: 20px; ;padding: 5px 20px; text-align: center; transition: 0.3s all ease-in-out; ;display: inline-block;}

.order-actions a {margin:0 10px!important;}

/* Marketing */
.banner-im {background: url(img/headers/h-socialmedia-d.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 300px}
.banner-im span {margin-top: 15%}
.marketing {max-width: 100%; margin:20px 0}
.marketing span {display: block;}
/* .borde {border-left: 2px solid grey; border-right: 2px solid grey} */
.marketing img {max-width: 100%;}
.marketing strong {display: inline-block; margin-bottom: 10px; font-size: 19px}
.marketing ul {list-style: none; text-align:center;font-size: 15px}
.marketing ul li {margin:5px 0}
.market ul li {display: inline-table;margin:0 15px;max-width: 240px;}
.market h1 {max-width: 100%; display:inline-block; margin: 0 30px; color: #fff}
.mark-pic {background: url(http://placehold.it/2000x400) center no-repeat; background-size: cover;max-width: 100%; height: 400px}

/* Social Media */
.img-stat {margin: 30px 0}
.img-stat img {display: inline-block;max-width: 500px }
.img-stat p {display: inline-block; width: 50%; font-size: 20px; font-weight: 600}

.media-movil {display: none}
.blue-bg h2 {font-size: 24px; font-weight: 700}
.blue-bg {background: linear-gradient(to right, #21bae4, #1b9bc8); color: #fff;height:auto; padding-bottom:0}
.blue-bg .imagen-completa {background: url(img/social-media/lo-que-trabajamos.png)center no-repeat;height:500px}
/* .blue-bg ul {list-style: none; padding-left: 0; text-align: left} */
/* .blue-bg ul li {margin: 20px 0;} */
.imagen-completa p {display:block; margin-left: 170px;max-width: 420px;font-size: 18px }
.blue-bg .s1 {margin-top:40px; display: block}
.blue-bg .s2 {margin-top: 70px; display: block}
.blue-bg .s3 {margin-top: 80px; display: block}
.blue-bg .s4 {margin-top: 80px; display: block}
.ready {background: linear-gradient(to right, #2ca2be, #2889a9); display: block; margin-top: 40px;}
.ready h3 {display: inline-block; margin:0 10px; font-size: 22px; font-weight: 700;}

.new {max-width: 100%; text-align: center;}
.new h2 {font-weight: 700}

.new .nav-pills {margin-top: 30px; text-align: center;}
.new .nav-pills li {}
.new .nav-pills a {background: #e4e4e4; border-radius: 0; border: 2px solid #d9d9d9; height: 250px; padding: 0; line-height: 250px;}
.new .nav-pills .active a {background: #009bdb; border-color: #009bdb}
.new .nav-pills .active a:after {
    content: '';
    position: absolute;
    top: 248px;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #009bdb;
}
.new .tab-content {margin-top: 50px}
.new .row {margin-bottom: 50px;}

.tab-info {margin-top: 70px; margin-bottom:40px}
.tab-info strong {font-size: 24px; text-transform: uppercase;}
.tab-info p {font-size: 20px}
.img-container {padding: 30px; border-radius: 30px; box-shadow: 0 0 10px 5px #d9d9d9;}
.img-container strong {display: block; margin: 10px 0; font-size: 20px}
.img-container p {font-size: 16px;}

.img-container p.collapse[aria-expanded="false"] {
    height: 42px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.collapsible p.collapsing[aria-expanded="false"] {height: 42px !important;}
.collapsible a.collapsed:after  {content: '\e252'; font-family: Glyphicons Halflings; color: #009bdd; font-size: 24px}
.collapsible a:not(.collapsed):after {content: '\e253'; font-family: Glyphicons Halflings; color: #009bdd; font-size: 24px}

.new .modal-header, .new .modal-footer .btn {color: #fff}
.new .modal-title {text-transform: uppercase; font-size: 30px; padding: 20px 0}

.new #modal1 .modal-header, .new #modal1 .modal-footer .btn, .new #modal2 .modal-header, .new #modal2 .modal-footer .btn {background: #ffab41;}
.new #modal3 .modal-header, .new #modal3 .modal-footer .btn, .new #modal4 .modal-header, .new #modal4 .modal-footer .btn {background: #2b2f2e;}
.new #modal5 .modal-header, .new #modal5 .modal-footer .btn, .new #modal6 .modal-header, .new #modal6 .modal-footer .btn {background: #ff7d01;}
.new #modal7 .modal-header, .new #modal7 .modal-footer .btn, .new #modal8 .modal-header, .new #modal8 .modal-footer .btn {background: #82be42;}
.new #modal9 .modal-header, .new #modal9 .modal-footer .btn, .new #modal10 .modal-header, .new #modal10 .modal-footer .btn {background: #264a88;}

.new #modal11 .modal-header, .new #modal11 .modal-footer .btn, .new #modal12 .modal-header, .new #modal12 .modal-footer .btn {background: #002e6c;}

.new .modal .row {margin-bottom: 0}
.new .modal strong {display: block; text-align: left; margin-bottom: 10px; font-size: 20px;}
.new .modal p {font-size: 16px; text-align: left}


.foogallery-stack-album .topbar {
    position: relative;
    padding: 10px 0;
    margin: 0 0 0px;
    box-shadow: none!important;border: 0!important;;
}

.foogallery-stack-album .topbar h3 {
    padding-top: 20px!important;;
    text-align: center!important;;
    padding-left: 0px!important;;

}
.foogallery-stack-album .topbar h2, .foogallery-stack-album .topbar h3 {

    display: inline-block;
    width: 49%;
    margin: 0;

}

.foogallery-stack-album .back {left: 13%!important;top: 60%!important;
  font-size: 24px; line-height: 35px!important;background: #0090ff!important; color: #fff!important;}

.foogallery-stack-album .topbar h2 {display: none!important;}
.tp-title{ display: none!important;}

.social-movil {display: none}
.social-coti ul {padding: 0}
.social-coti li {display: block; text-align: center; color: #fff}

.social-coti {background: #009bdb; border-radius: 10px; padding:  5px; margin: 10px}
.social-coti img {display: block; margin: auto}

.social-trabajos .container-fluid {padding: 0; margin: 0}
.social-trabajos ul {list-style: none; padding-left: 0}
.social-trabajos ul li {display: inline-table; width: 19.8%; color: #fff; padding: 10px}
.social-trabajos ul li strong {display: block; font-size: 20px}
.social-trabajos ul li img {display: block; margin: 10px auto}
.violeta {background: #8493ca;}
.gris {background: #646263}
.anaranjado {background: #dd8f47}
.verde {background: #83af5a}
.rojo {background: #b32f47}

.social-feats {background: #f6f6f6; padding: 50px 0}
.sf-card {width: 100%; height: 230px; background: #fff; padding: 30px 10px; border-radius: 20px; box-shadow: 0 0 10px; margin: 15px}
.sf-card strong {display: block; margin: 10px 0}


.social-inf p {text-align: left; display: inline-block;}


.contactar a {display: inline-block; margin:30px 10px;}

/* Testimonios */
.banner-test {background: url(img/headers/h-testimonios-d.jpg) center no-repeat;background-size: cover;font-weight: 700;height: 300px}
.logos-clientes {max-width: 100%; text-align: center}
.logo-client {display: inline-block; position: relative; max-width: 100%; margin: 20px;}
.logo-client img {position: relative; display: block}
.logo-client img:hover {transform: scale(1.20);transition: 1s all ease;}

.tst {background: #eee; max-width: 100%; height: auto;}
#tes .first-review {width: 100%; height: 200px; background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
#tes .second-review {width: 100%; height: 200px; background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
#tes .ther-review {width: 100%; height: 200px; background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
#tes .fourd-review {width: 100%; height: 200px; background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
#tes p {padding: 10px; padding-bottom: 0;}
#tes .special {padding:40px 10px}

.stars {max-width: 100%; margin-top: 20px}
.stars h3 {font-size: 30px; line-height: 1; color: #5A5A5A; text-align: center;}
.estrellas {display: inline-block; color: #FEF102; font-size: 30px; line-height: 1; text-align: center; margin-top: 0px }

/* Trabajos */
.header-trabajos {background: url(img/headers/h-trabajos-d.jpg) center no-repeat;background-size: cover;font-weight: 700;height: 300px}
.trabajo {max-width: 100%; background:#fff; padding: 0}
.trabajo .logo {width: 300px; margin:15px 5px; display: inline-block}
.trabajo .tab-category {background: transparent;margin-top: 30px;}
.trabajo .tab-category .trab-realizados {border-bottom: 1px solid #ddd; max-width:100%;}
.trabajo .nav-tabs li a {color: #0092F7; font-weight: 700;}
.trabajo .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {background:#fff; border-radius: 10px; box-shadow: 0 0 5px grey}
.trabajo .tab-pane ul {padding: 0;}
.trabajo .tab-pane li {display: inline-block; margin: 20px 10px;}
.trabajo .tab-pane iframe {max-width: 500px; border: 5px solid #0090ff}
#foogallery-stack-album-4192[style] {margin-left: auto !important;}

.fbx-caption-title + .fbx-caption-desc {margin-top: -10px}
.fbx-caption-title {text-align: left}
.fbx-caption-title, .fbx-caption-desc a {font-size: 18px !important}
.fbx-caption-desc {font-size: 16px !important; padding: 0}
.columna-1, .columna-2, .columna-3 {display: inline-block;}
.columna-1 {width: 58%; text-align: left;}
.columna-3 {width: 58%; text-align: left;}
.columna-2 {width: 38%}

/* Contacto */
.contacto {background: url(img/headers/h-contacto-d.jpg)center no-repeat; background-size: cover; height: 300px}
.contact {margin: 0 0;height:auto; max-width: 100%; color:#6A6468; text-align: left}
.contact table {font-size: 16px}
.contact table td {padding: 5px}
.contact table td .fa {position: absolute; left: -2px; margin-top: 3px}
.contact table td .fa-map-marker {left: 2px}
.contact table td a {color: #6A6468}
.txt-ph {margin-left: 21px; }
.contact table p {font-size: 14px}
.contact h1 {color: #0B92FF}
.contact .cform {width:100% ; position:relative;display: inline-block;left: 0;  }
.info-logo .cont {color: #0B92FF;}
.map {display: inline-block; box-shadow: 0 0 10px; margin: 10px 0;}

/* Gracias */
.gracias-bg {background: url(img/headers/gracias-bg.jpg) center no-repeat; padding: 130px 0}
.gracias-txt {color: #fff;}
.gracias-txt h1 {font-size: 300%; font-weight: 700}
.gracias-txt p {font-size: 200%}
.gracias-1 {padding: 50px 0}
.gracias-enlaces a {display: inline-table; margin: 10px 5px}
.gracias-enlaces strong {display: block; font-size: 150%; margin-bottom: 10px}
.gracias-1 h3 {font-size: 150%; font-weight: 700; margin: 0 0 25px 0}
.gracias-1 .post {background: #0090FF;}
.gracias-1 .post a {color: #fff}
.gracias-1 .post hr {border-bottom: 0}
.gracias-2 {padding: 50px 0; background: #BDBEC0}
.gracias-2 .fsocial p {font-size: 150%}
.gracias-ft {padding: 10px 0}
.gracias-ft .nivaxel {padding: 0}

/* 404 */
.bg-404 {background: url(img/headers/contacto-header.jpg) center no-repeat; padding: 150px 0}
.not_found {text-align: left;}
.not_found h1 {font-weight: 700; font-size: 250%}
.not_found p {font-size: 125%}

/* Buttons */
.btn-green {display:inline-block;background:#26B100;padding:10px 30px;border-radius:0px;font-size:150%;color:#fff;margin:20px 0}
.btn-green:hover, .btn-green:focus {text-decoration:none;color:#fff;background:#0BC420;}
input.btn-green {margin: 0;font-size:125%; border: 0 !important;}
.btn-actualizar{display:inline-block;background:#eeeeee;padding:10px 20px;border-radius:10px;font-size:100%;
  color:#000;margin:5px 0; border: 0}
.btn-actualizar:hover {text-decoration:none;color:#000;}

/* Catalogo */
.catalog {text-align: center;max-width: 100%; padding-top: 20px}
.catalog p {text-align: left}
.catalog ul {display: inline-block; text-align: left}
.categorias {text-align: center; max-width: 100%}
.categorias ul {padding: 0;}
.categorias .cat {display: inline-table; width: 180px; margin: 15px 10px; height: auto;float: none!important;}
.cat #brochure, .cat #flyers, .cat #postcards, .cat #magnetos, .cat #tarjetas, .cat #stickers, .cat #sobres, .cat #papel {display: inline-block;
  width: 180px ; height: 180px ; border-radius: 100%;border: 3px solid #A4a4a4;position:relative; z-index:1; float: none!important}
.categorias strong {display: block; font-size: 18px; margin-top: 65px}

#brochure div, #flyers div, #postcards div, #magnetos div, #tarjetas div, #stickers div, #sobres div, #papel div     {
  display:none; position:absolute; z-index:-1; background: rgba(0,0,0,0.5);
  width: 175px; height: 175px; border-radius: 100%;;
  color: #fff; padding:0; text-transform: uppercase; font-weight:700;
}

#brochure {background: url(http://placehold.it/180) center no-repeat}
#flyers {background: url(http://placehold.it/180) center no-repeat}
#magnetos {background: url(http://placehold.it/180) center no-repeat}
#postcards {background: url(http://placehold.it/180) center no-repeat}
#tarjetas {background: url(http://placehold.it/180) center no-repeat}
#sobres {background: url(http://placehold.it/180) center no-repeat}
#stickers {background: url(http://placehold.it/180) center no-repeat}
#papel {background: url(http://placehold.it/180) center no-repeat}
#brochure:hover div, #flyers:hover div, #magnetos:hover div, #postcards:hover div, #papel:hover div,
#sobres:hover div, #stickers:hover div, #tarjetas:hover div {display:block}

.categorias .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: transparent!important; border: 0!important; border-bottom-color: none!important; border-bottom-color: transparent; text-decoration: none !important;
}

.categorias .woof {text-align: left; max-width: 100%; }
.woof .widget_price_filter .ui-slider .ui-slider-range {background-color: #0bc420!important;}
.woof .widget_price_filter .ui-slider .ui-slider-handle {background-color: #0bc420!important}
/* .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {; background-color: #009bdb!important;; color: #fff}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background-color: #009bdb!important;; color: #fff} */
.woof_reset_search_form {float: none!important;background-color: #05428c; border: 0; padding:5px 10px; font-size: 16px; color: #fff}
.woof_checkbox_label {font-size: 16px; color:#05428c }
.woof_container_product_cat {width: 100%!important;}

.content-area .col-sm-3 {border-right: 1px solid #a4a4a4; }
.content-area .col-sm-3 h3 {font-size: 20px}
.menu-nivaxel-menu-container{max-width: 100%; margin-top: -20px; }
.categorias .col-sm-3 {;border-right: 1px solid #a4a4a4;margin: 10px 0}
#menu-nivaxel-menu a {color: #333;font-weight: 700; font-size: 18px}
#menu-nivaxel-menu a:hover,#menu-nivaxel-menu a:focus {color:#05428c; text-decoration: none }
#menu-nivaxel-menu li {display: block;margin: 15px 5px; text-align: left; text-transform: uppercase}
#menu-nivaxel-menu {padding-bottom: 40px; background: none;}
#menu-niva-ingles a {color: #333;font-weight: 700; font-size: 18px}
#menu-niva-ingles a:hover,#menu-nivaxel-menu a:focus {color:#05428c; text-decoration: none }
#menu-niva-ingles li {display: block;margin: 15px 5px; text-align: left; text-transform: uppercase}
#menu-niva-ingles {padding-bottom: 40px; background: none;}

.bar-mov {display: none}
.categorias .products .type-product {
  display:inline-block !important;;
  border: 2px solid #a4a4a4;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  margin: 20px 5px !important;float: none!important;;
  transition: 0.5s all ease;
  width: 195px!important;
  height: 345px;!important}

.entry-summary .woof {position:absolute; display: block; left: 0}
.entry-summary .woof ul {padding: 5px!important;}

.content-area .woof_sid_auto_shortcode {border-right:  1px solid #a4a4a4!important;; border: transparent; border-radius: 0}

.content-area .col-sm-3 .woocommerce-result-count, .orderby {display: none}
.content-area .col-sm-3 .woof_list{padding: 0!important;}
.content-area .col-sm-3 .woof_container {width: 100%!important;}
.content-area .woof_edit_view {display: none!important;}
/* Footer */
.bot-bar {background:#183A6A;border-bottom:5px solid #0090FF;border-top:5px solid #95B9D9}
.subscribir {margin-top: 20px}
.subscribir p {color:#fff; font-size: 120%;}
.busqueda .search-form .search-field {max-width:300px;}
.gif {max-width:100%; position: absolute; right: 0; margin-top: -64px; margin-right: 6px;}
.gif img{max-width: 100px;}
.busqueda .search-field {border-radius:10px;border:3px solid #95B9D9;padding:5px;font-size:120%;margin-top:15px}
.busqueda button {
  background:#0092FE;border:0;border-radius:10px;
  width:40px;height:40px;padding:10px;margin-left:-15px;
  color:#fff;font-size:150%;line-height:20px;vertical-align:top;margin-top: 15px
}

.modal {z-index: 9000002;}
.modal-header h4 {font-weight: 700}
.mod-est .modal-header {text-align: center; background: #05428c}
.mod-est .modal-header .phone {display: inline-block; margin: 0 10px; color: #fff}
.mod-est .modal-header .phone i {color: #fff}
.mod-est .close {color: #fff; opacity: 1}
.mod-est .close:hover, #cotizar .close:focus {opacity: 0.5}


/* Efectos botones */
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
   background:#05428C;
  color:#fff;
  font-size:120%;
  padding:10px 20px;;
  border-radius:0px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-decoration: none
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color:#fff;
  background: #009bdb;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  text-decoration: none; border-radius: 0px
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: #fff;text-decoration: none
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter In Horizontal */
.btn-foot {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
   background:#0090FF;
  color:#0092FE;
  font-size:120%;
  padding:10px 20px;
;box-shadow:0 0 5px #555555;
  border-radius:0px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-decoration: none
}
.btn-foot:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color:#0092FE;
  background: white;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  text-decoration: none; border-radius: 0px
}
.btn-foot:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: #fff;text-decoration: none
}
.btn-foot:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* btn Blue */
.btn-blue {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
   background:#05428C;
  color:#fff;
  font-size:120%;
  padding:10px 20px;;
  border-radius:0px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-decoration: none;
  border: 0
}
.btn-blue:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#0090FF;
  color:#fffff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  text-decoration: none; border-radius: 0px
}
.btn-blue:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: #fff;text-decoration: none;
}
.btn-blue .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Underline From Center */
.hvr-underline-from-center li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  color: #fff
}
.hvr-underline-from-center li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  color: #fff;
  background: #E2E2E2;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center li a:hover{color: #333;}
.hvr-underline-from-center li a:hover:before, .hvr-underline-from-center li a:focus:before, .hvr-underline-from-center li a:active:before {
  left: 0;
  right: 0;
}

footer {background:#7B7B7B; padding:30px 20px 10px 20px;color:#fff}
.post {max-width: 100%; background: #fff; padding: 20px 20px;; display: inline-block; text-align:left}
.post a {color:#535353; text-decoration: none;font-size: 16px}
.post hr {height:1px; border-bottom:1px dashed; margin:10px 0;}
.tlte {list-style: none; font-weight: 700; font-size: 140%}
.fmenu a {display:table;color:#fff;margin-bottom:2px}
.fmenu, .fcontact{font-size: 18px}
.fcontact ul {list-style:none;padding-left:0; font-size: 115%}
.fsocial p {font-size:120%; font-weight: 700}
.fsocial a {color:#fff; font-size:30px; display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; border-radius:25px; background: #009bdb}
.fsocial a:hover {background: #05428c}
.nivaxel {text-align:center;padding-top:20px;font-size:120%;}
.fcontact a {color:#fff}
.fcontact a:hover {color: #fff;}
.safe img{margin: 20px 0}
.safe {max-width: 100%; display: inline-block;}



.car {display:block;position:fixed;z-index: 100;bottom:20px;right: 5px;
  background:#05428C;color:#fff;font-size:16px;width:70px;height:82px;border-radius:10px;
  text-align:center;cursor:pointer; opacity: 1
}

.car a, .car b {color:#fff; }
.car strong {display: block; padding: 5px 0}
.car i, .car b {margin: 0; padding: 0}

.scrollup {
  display:none;position:fixed;z-index: 100;bottom:20px;left:5px;
  background:#555;color:#fff;font-size:36px;width:50px;height:50px;border-radius:25px;
  text-align:center;cursor:pointer; opacity:0.7
}
.other {
  display:none;position:fixed;z-index: 100;bottom:20px;right: 15px;left: auto;
  background:#555;color:#fff;font-size:36px;width:50px;height:50px;border-radius:25px;
  text-align:center;cursor:pointer; opacity:0.7
}
.scrollup i {display:block;margin:5px 0}
.scrollup:hover, .scrollup:focus {opacity: 0.8}

.aviso h5{text-align: left}
.aviso h4{text-align: center; margin: 20px}
.aviso p {text-align: left; font-size: 120%}
.aviso strong{text-align: left; display: block; font-size: 130%;}

/* Aprobaciones */
.lbl-blue {margin-top:20px; color: #0090FF; font-size: 200%}
.logo-sample, .art-sample {margin:30px 0; border:2px solid #0090FF; border-radius:5px; text-align: center}
.logo-sample h4, .art-sample h4 {display:block; background:#0090FF; color:#fff; padding:10px 0; margin:0;}
.logo-sample p, .art-sample p {margin:10px;}

/* Post */
.banner-blog {background: url(img/headers/h-blog-d.jpg)center no-repeat; background-size: cover; height: 300px}
.post-title {text-align: center; margin-bottom: 20px}
.post-title h1 {font-weight: 600; margin-top: 50px;color: #0090FF; border-bottom: 2px solid #ddd; padding-bottom: 10px}
.post-title em {display: inline-block; font-style: normal; background: #ddd; padding: 10px 20px; border-radius: 20px; font-size: 16px}
.feat-image {text-align: center}
.content {text-align: left}
.content p{font-size: 18px}
.all-posts {text-align: center;}
.all-posts p {text-align: left; font-size: 16px}
.all-posts ul {padding: 0; display: inline-table; max-width: 100%}
.all-posts li {display: inline-table; width: 250px; margin:20px 10px}
.the-post {margin:20px 0; border-bottom: 1px solid #BDBEC0; padding-bottom: 20px}
.the-post strong {font-size:20px; text-align: left; margin: 5px 0}
.the-post a {transition: 0.3s all ease-in-out}
.the-post strong a:hover {text-decoration: none; transition: 0.3s all ease-in-out}
.fb-post{text-align: center}
.content .heateor_sss_sharing_container {margin-top: 20px}

.comments {max-width: 100%; text-align: center}

#reply-title {color: #0090ff; display: block; margin: 20px; text-align: left; font-size: 28px}
#comment {width: 100%; border-color: #183a6a}
.comment-form-comment label {display:none}
.logged-in-as {display: none!important;}
.submit { display: inline-block;
 margin: 10px 0;
   background:#0090FF;
  color:#fff;
  font-size:120%;
  padding:10px 20px;
  border-radius:10px;
  transition: 0.3s all ease-in-out;
  text-decoration: none;  border: 0 }

.submit:hover {  color:#0092FE;
  background: white;
  transition: 0.3s all ease-in-out;

  text-decoration: none; border-radius: 10px; box-shadow: 0 0 10px grey }


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ text-align:center;display: block;background: #fff;  border: 2px solid #05428c!important;color: #05428c;transition: 0.3s all ease-in-out }
.woocommerce #respond input#submit, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background: #05428c; color: #fff; transition: 0.3s all ease-in-out }
/* Responsive */
@media screen and (max-width:2000px){
  #adModal .modal-dialog {max-width:450px; margin: 100px auto}
}
@media screen and (max-width:1800px) {
  .navbar {margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;background:#0090FF;position:relative;text-align: center;
   box-shadow:0 5px 5px 0px #A4A4A4; margin-top: 5px;}
  .navbar .navbar-nav {display: inline-block;float: none;vertical-align: top; margin-left:0%;margin-top: -35px; }
  .navbar:before{content: ''; width: 100%; ;background:#0090FF ; padding: 10px; position: absolute; display:block;
   box-shadow:0 8px 5px -5px #A4A4A4;left: 363px;top: 100%;transform:skew(-30deg)}
  .navbar-brand {width: 500px; background:#fff;position:absolute;top:0;left:-60px;margin-top:-145px;height:196px;transform:skew(-30deg);}
  .navbar-brand img {left: 22%;position:relative;transform:skew(30deg);margin-top: 55px ;z-index: 100;}

  .menu{background: #fff;margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;position:relative;
   text-align:center;box-shadow: none; top:20px;}
  .menu .sub-menu li a{color:#068DFF; background:#EEEEEE; border-radius: 0 ; margin: 0px 15px; font-weight: 500; box-shadow: 0 0 5px grey;}
  .menu .sub-menu .active a {; background:#0090FF ; ;color:#fff!important;; }
  .menu .sub-menu li a:hover{background:#0090FF ;color:#fff!important;; }
  .menu .navbar-header strong {color: #068DFF; font-size: 350%;display:block; margin-left: 470px;margin-top: -5px}
  .menu:before{display: none}
  .menu .sub-menu {display: inline-block;float: none;vertical-align: top; margin-right:0%; margin-top: 0; margin-left: -250px;}
  .sub-menu li {margin:0px 0}
  .tab-category {background: #0090FF;margin-top: 35px; text-align: center}
  .img-header {display: none}
  .tab-category .nav-tabs{display: inline-block;float: none;vertical-align: top;}
  .nav-tabs li a {color: #fff;}
  .tab-category .nav-tabs li{left: 6%}
  .tab-category .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {background:#fff;color:#555555;border-radius: 0px;}
  .tab-category .nav-tabs li a:hover {border-radius: 0px;background:#fff;color:#555555;}
  .categorias .tab-category .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {background:transparent;color:transparent;border-radius: 0px;border: 0}
  .categorias .tab-category .nav-tabs li a:hover {border-radius: 0px;background:transparent;color:transparent;border: 0}
  .shrink .navbar-brand {width: auto; height: 168px; left: -15px; }
.shrink .navbar-brand img {left: 20px; margin-top:40px; max-width: 300px}

  .sf-card {width: 250px;height: 220px;padding: 20px 0px; margin: 30px auto;display: inline-block}

  .fot .fot-tab > li > a:focus, .fot .fot-tab > li > a:hover {background:none!important;; border-radius: 0px!important;; box-shadow:none!important;color:#05428c!important; }
  .fot-tab li a {color: #333!important;}
  /* Header secundary */

.head-bar {background:#dbdbdb!important;; z-index:10000; width:100%; position: fixed; top: 0;transition: 0.8s all ease;}
.head-bar .top-con {margin-left:none;margin-right:none; max-width:100%!important; background:none; border-radius:0x; box-shadow:none; padding:0;  ; text-align:right;}
.head-bar .top-con a:hover, .top-con a:focus {text-decoration: none}
.head-bar .msj {display:inline-block; background:#0BB425; border-radius:0px; color:#fff; padding:5px 10px; font-size:130%; text-align: center; width: auto; font-weight: 700;margin: 0}
.head-bar .msj:hover, .msj:focus {color:#fff; background: #0BC420;}
.head-bar .msj .fa-location-arrow {transform: rotate(0);}
.head-bar  .phone {display: inline-block; color:#009ed4; font-size:150%; margin: 5px ; text-decoration:none;}
.head-bar  .phone i {color:#009ed4; vertical-align: middle}



.navbar-sub{margin-bottom:0; border:0; border-radius:0; z-index:10; padding:0px 0; background: #dbdbdb; position: relative; text-align: center; box-shadow:none; border-bottom: 8px solid #019bdb;transition: 0.8s all ease; }
.navbar-sub .navbar-nav {display: inline-block; float: none; vertical-align: top; margin-left:0%; margin-top: 0px;}
.navbar-sub:before {display: none}
.navbar-sub > li > a:focus, .nav > li > a:hover {background:transparent; color:#019bdb!important;;}
.navbar-sub .navbar-nav li a {color:#024383;font-size: 18px; font-weight:700; border-radius:0px; margin:0 5px; transition: 0.8s all ease;}
.navbar-sub .open > a, .navbar-sub .open > a:focus, .navbar-sub .open > a:hover {background: transparent; border-color: none;}
.navbar-sub .navbar-brand {width: auto!important;; background:none; position:absolute; top:0; left:1%; margin-top: -70px; height:auto; transform:skew(-0deg);transition: 0.8s all ease;}
.navbar-sub .navbar-brand img {position:relative; transform:skew(0deg); left: 0px; margin-top: 0px; z-index: 100;transition: 0.8s all ease;}

.navbar-sub .dropdown-menu {background: #05428c;}
.navbar-sub .dropdown-menu  a { color: #fff!important;}

.shrink .navbar-sub {transition: 0.8s all ease;}
.shrink {transition: 0.8s all ease;}
.shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease; }
.shrink .navbar-sub .navbar-brand img { transition: 0.8s all ease;left: 0; margin-top: 0}
.shrink .navbar-sub {background: transparent; min-height: 0}

.shrink .navbar-sub .navbar-nav {margin-top: -25px; transition: 0.8s all ease;}

}
@media screen and (max-width:1700px) {
  .tab-category .nav-tabs li{left: 12%}
  #adModal .modal-dialog {max-width:450px; margin:100px auto; }

  /* Header secundary */

.head-bar {background:#dbdbdb!important;; z-index:10000; width:100%; position: fixed; top: 0;transition: 0.8s all ease;}
.head-bar .top-con {margin-left:none;margin-right:none; max-width:100%!important; background:none; border-radius:0x; box-shadow:none; padding:0;; text-align:right;}
.head-bar .top-con a:hover, .top-con a:focus {text-decoration: none}
.head-bar .msj {display:inline-block; background:#0BB425; border-radius:0px; color:#fff; padding:5px 10px; font-size:130%; text-align: center; width: auto; font-weight: 700;margin: 0}
.head-bar .msj:hover, .msj:focus {color:#fff; background: #0BC420;}
.head-bar .msj .fa-location-arrow {transform: rotate(0);}
.head-bar  .phone {display: inline-block; color:#009ed4; font-size:150%; margin: 5px ; text-decoration:none;}
.head-bar  .phone i {color:#009ed4; vertical-align: middle}



.navbar-sub{margin-bottom:0; border:0; border-radius:0; z-index:10; padding:0px 0; background: #dbdbdb; position: relative; text-align: center; box-shadow:none; border-bottom: 8px solid #019bdb;transition: 0.8s all ease; }
.navbar-sub .navbar-nav {display: inline-block; float: none; vertical-align: top; margin-left:0%; margin-top: -10px;}
.navbar-sub:before {display: none}
.navbar-sub > li > a:focus, .nav > li > a:hover {background:transparent; color:#019bdb!important;;}
.navbar-sub .navbar-nav li a {color:#024383;font-size: 18px; font-weight:700; border-radius:0px; margin:0 5px; transition: 0.8s all ease;}
.navbar-sub .open > a, .navbar-sub .open > a:focus, .navbar-sub .open > a:hover {background: transparent; border-color: none;}
.navbar-sub .navbar-brand {width: auto!important;; background:none; position:absolute; top:0; left:01%; margin-top: -70px; height:auto; transform:skew(-0deg);transition: 0.8s all ease;}
.navbar-sub .navbar-brand img {position:relative; transform:skew(0deg); left: 0px; margin-top: 0px; z-index: 100;transition: 0.8s all ease;max-width: 300px}

.navbar-sub .dropdown-menu {background: #05428c;}
.navbar-sub .dropdown-menu  a { color: #fff!important;}

.shrink .navbar-sub {transition: 0.8s all ease;}
.shrink {transition: 0.8s all ease;}
.shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease; }
.shrink .navbar-sub .navbar-brand img { ; max-width: 300px;transition: 0.8s all ease;}
.shrink .navbar-sub {background: transparent; min-height: 0}

.shrink .navbar-sub .navbar-nav {margin-top: -15px; transition: 0.8s all ease;}

  .fot-serv li {

    display: inline-table;
    width: 400px;
    background: #e7e8ea;
    height: 550px;
    margin: 20px;}
}


@media screen and (max-width:1580px) {
   #adModal .modal-dialog {max-width:450px; margin:50px auto; }
  .navbar {margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;background:#0090FF;position:relative;text-align: center;
   box-shadow:0 5px 5px 0px #A4A4A4}
  .navbar .navbar-nav {display: inline-block;float: none;vertical-align: top; margin-left:25%;margin-top: 0px; }
  .menu {padding: 0px;margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;
   background:#fff;position:relative;text-align:center;box-shadow: none;top: 25px;}
  .menu:before{display: none}
  .menu .navbar-header strong {color: #068DFF; font-size: 350%;display:block; margin-left: 370px;margin-top: 0px}
  .tab-category .nav-tabs li{left: 10%;}
  .menu .sub-menu {display: inline-block;float: none;vertical-align: top; margin-right:0%; margin-top: 0; margin-left: -190px;}
  .shrink .navbar-brand {width: auto; height: 196px; left: -15px; padding: 15px 30px}
.shrink .navbar-brand img {left: 20px; margin-top: 50px; max-width: 300px}
  .navbar-sub{margin-bottom:0; border:0; border-radius:0; z-index:10; padding:0px 0; background: #dbdbdb; position: relative; text-align: center; box-shadow:none; border-bottom: 8px solid #019bdb;transition: 0.8s all ease; }
.navbar-sub .navbar-nav {display: inline-block;float: none;vertical-align: top; margin-left:0%;margin-top: -10px; }

  shrink .navbar-sub {transition: 0.8s all ease;}
.shrink {transition: 0.8s all ease;}
.shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease;margin-top: -65px }
.shrink .navbar-sub .navbar-brand img {left: 20px; ; max-width: 260px;transition: 0.8s all ease;}
.shrink .navbar-sub {background: transparent; min-height: 0}

.shrink .navbar-sub .navbar-nav {margin-top: -15px; transition: 0.8s all ease;}
 }
@media screen and (max-width:1366px){
 .navbar-sub:before {display: none!important;}

  #adModal .modal-dialog {max-width:450px; margin: 0px auto}
  .navbar-nav li a {font-size: 110%;}
  .navbar .navbar-nav{margin-left: 23%}
  .navbar-brand {background:#fff;position:absolute;top:0;left:-60px;margin-top:-145px;width:430px;height:198px;transform:skew(-30deg)}
  .navbar-brand img {position:relative;transform:skew(30deg);left: 22%; margin-top: 55px; max-width: 320px; z-index:100}
  .navbar {margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;background:#0090FF;position:relative;text-align: center;
    box-shadow:0 5px 5px 0px #A4A4A4}
  .navbar:before{content: ''; width: 100%; ;background:#0090FF ; padding: 10px; position: absolute; display:block;
   box-shadow:0 8px 5px -5px #A4A4A4;left: 294px;top: 100%;transform:skew(-30deg)}
  .menu{background: #fff; padding: 0px;margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;
   background:#fff;position:relative;text-align:center;box-shadow: none;}
  .menu:before{display: none}
  .menu .sub-menu{margin-left: -190px}
  .menu .sub-menu li a{color:#068DFF; background:#EEEEEE; border-radius: 0px ; margin: 0px 15px; font-weight: 500; box-shadow: 0 0 5px grey;}
  .menu .sub-menu .active a {; background:#0090FF ; ;color:#fff; }
  .menu .sub-menu li a:hover{background:#0090FF ; ;color:#fff!important;; }
  .menu .navbar-header strong {color: #068DFF; font-size: 320%;display:block; margin-left: 270px}
  .tab-category .nav-tabs li{left: 0%;}
  .tab-category .nav-tabs li a{margin: 0}
  .logo{max-width: 250px; margin:15px 5px;}
  .gd-menu {background: #05428C; left: 250px;margin-top:-30px}

  .dropdown-submenu .dropdown-menu {background: #05428C; left: 260px; top: 30px}
   .navbar-sub{margin-bottom:0; border:0; border-radius:0; z-index:10; padding:0px 0; background: #dbdbdb; position: relative; text-align: center; box-shadow:none; border-bottom: 8px solid #019bdb;transition: 0.8s all ease; }
.navbar-sub .navbar-nav {display: inline-block;float: none;vertical-align: top; margin-left:13%;margin-top: -10px; }

  shrink .navbar-sub {transition: 0.8s all ease;}
.shrink {/*! transition: 0.8s all ease; */}
.shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease; }
.shrink .navbar-sub .navbar-brand img { ; max-width: 260px;transition: 0.8s all ease;}
.shrink .navbar-sub {background: transparent; min-height: 0}

.shrink .navbar-sub .navbar-nav {margin-top: -15px; transition: 0.8s all ease;}
  .fot-serv span {
    display: inline-block;
    width: 250px;
    margin: -150px auto;
    padding-bottom: 180px;}
    .fot-serv li {
    display: inline-table;
    width: 350px;
    background: #e7e8ea;
    height: 620px;
    margin: 20px 10px;}


}

@media screen and (max-width:1313px){
  .new .nav-pills li {width: auto}
.new .nav-pills a {background: #e4e4e4; border-radius: 0; border: 2px solid #d9d9d9; height: 250px; padding: 0; line-height: 250px;}
    body {padding-top: 115px;}
}
@media screen and (max-width:1199px) {
.new .nav-pills li {width: auto; text-align: center}
.new .nav-pills a {background: #e4e4e4; border-radius: 0; border: 2px solid #d9d9d9; height: 250px; padding: 0; line-height: 250px; }
  .new .nav-pills a img {max-width:100%}
  .banner-blog span {margin-top:160px }
   .banner-test span {margin-top:160px }
  .videos span {margin-top:160px }
  .banner-pw span {margin-top:160px }
  .banner-im span {margin-top:160px }
  .banner-ag span {margin-top:160px }
   .foto-secund span {margin-top:160px }
   .banner-mt span {margin-top:14%!important; }
  .header-trabajos span {margin-top:160px }
  .bk-mant {
    max-width: 100%;
    background: url(img/mantenimiento/cta-m.jpg)left no-repeat;
    height: 300px;}
  .add-man li {display: inline-table; margin: 20px 10px; width: 250px; font-size: 18px; text-align: center}
  .mant-serv li {
    display: inline-table;
    margin: 60px 10px;
    width: 250px;
    font-size: 18px;
    text-align: center;
    background:
    #fff;
    height: 200px;
}
   .fot-serv span {
    display: inline-block;
    width: 200px;
    margin: -150px auto;
    padding-bottom: 170px;}
    .fot-serv li {
    display: inline-table;
    width: 300px;
    background: #e7e8ea;
    height: 640px;
    margin: 20px 10px;}

  .trabajo .tab-pane iframe {max-width: 350px; border: 5px solid #0090ff}
   .dropdown-submenu .dropdown-menu {background: #05428C; left: 250px; top: 30px}
  .imagen-completa  p {display:block; margin-left: 130px;max-width: 400px;font-size: 17px }
  .blue-bg .s1 {margin-top: 40px; display: block}
  .blue-bg .s2 {margin-top: 60px; display: block}
  .blue-bg .s3 {margin-top: 50px; display: block}
  .blue-bg .s4 {margin-top: 60px; display: block}
  .blue-bg .imagen-completa {background: url(img/social-media/lo-que-trabajamos-l.png)center no-repeat;height:450px;}
  .servicio span {width: 340px;}
  .servicio .servi{width: 340px}
  .subscribir a{margin-top: 0}
  .busqueda .search-field {width: 180px; margin-top: 30px}
  .busqueda button {margin-top: 30px;}
  .slide .owl-carousel .owl-prev,
  .owl-carousel .owl-next {position: absolute;top: 34px;;margin: auto !important;}
  #owl-review-web img{max-width: 100%;padding:0 20px}
  .gif{margin-top: -85px}
  #tes .first-review {width: 200px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes .second-review {width: 200px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes .ther-review {width: 200px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes .fourd-review {width: 200px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes p{padding: 20px 10px;padding-bottom: 0; }
  #tes .special {padding:20px 10px}

  .vid-wrap span {left: 250px}
  .categorias .cat {display: inline-table; width: 180px; margin: 15px 10px; height: auto;float: none!important;}
  .cat #brochure, .cat #flyers, .cat #postcards, .cat #magnetos, .cat #tarjetas, .cat #stickers, .cat #sobres, .cat #papel
  {display: inline-block; width: 180px ; height: 180px ; border-radius: 100%;border: 3px solid #A4a4a4;position:relative; z-index:1; float:none!important}

  #brochure div, #flyers div, #postcards div, #magnetos div, #tarjetas div, #stickers div, #sobres div, #papel div     {
  display:none; position:absolute; z-index:-1; background: rgba(0,0,0,0.5);
  width: 175px; height: 175px; border-radius: 100%;;
  color: #fff; padding:0; text-transform: uppercase; font-weight:700;
}
  .categorias strong {
    display: block;
    font-size: 18px;
    margin-top: 65px;}


  #menu-nivaxel-menu a {color: #333;font-weight: 700; font-size: 16px}
  .content-area .col-sm-3 h3 {font-size: 18px}
  .categorias .col-sm-3 h3 {font-size: 22px; }



}
@media screen and (max-width:1195px) {
  .sf-card {width: 200px;height: 220px;padding: 20px 5px; margin: 30px auto;display: inline-block}

  .busqueda button {position: absolute;background: #0092FE;border: 0;border-radius: 10px;max-width: 40px;height: 40px;padding: 10px;margin-left: -15px;
    color: #fff;font-size: 150%;line-height: 20px;vertical-align: top;}
  .navbar .navbar-nav{margin-left: 30%}
  .navbar-sub .navbar-nav{margin-left: 25%}
  .navbar-nav li a{font-size: 110%; margin:0px;}

  .left .material-icons{ margin-left: -5px }
  .right .material-icons{ margin-right: 20px }
  .comen span{max-width: 100%}
  .tst .slider{max-width: 100%; margin-left: 0px ;}
  .web-us .material-icons{margin: 0}
  .web-us .carousel{margin: 0; width: 100%}
  .slide .material-icons{margin: 0;}
  .menu .sub-menu {margin-left: -7%}
  .sub-menu li {margin-top: 0px; padding:20px 0}
  .menu .navbar-header strong {color: #068DFF; font-size: 340%;display:block; margin-left: 200px;margin-top: 5px}
   .wpml-ls-legacy-dropdown-click {width: 100%}
  .menu {top: 0}

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

  .shrink .navbar-sub .navbar-brand img {left: 0px}
  .shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease;margin-top: -40px }
  .navbar-sub .navbar-nav{margin-left: 30%}
/*   .navbar-brand {background:#fff;position:absolute;top:0;left:-60px;margin-top:-145px;width:405px;transform:skew(-30deg); height:198px}
  .navbar-brand img{margin-top: 75px;max-width: 300px; left: 23%}
  .navbar:before{content: ''; width: 100%; ;background:#0090FF ; padding: 10px; position: absolute; display:block;
   box-shadow:0 8px 5px -5px #A4A4A4;left: 269px;top: 100%;transform:skew(-30deg)} */
    .shrink .navbar-brand {width: auto; height: 243px; left: -33px; padding: 15px 30px}
  .shrink .navbar-brand img {left: 25px; margin-top: 70px; max-width: 300px}
  .navbar-brand {background: #fff;position: absolute;top: 0;left: -60px;margin-top: -140px;width: 375px;height: 242px;transform: skew(-30deg);}
    .navbar-brand img {margin-top: 85px;max-width: 280px}
  .navbar::before {left: 225px}
  .menu:before{display: none}

  .sub-menu li {margin-top: 0px; padding:20px 0}
  .menu .navbar-header strong {color: #068DFF; font-size: 340%;display:block; margin-left: 200px;margin-top: 5px}
  element {

}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

    margin-left: -15px;

}

.navbar-sub .navbar-brand {

    width: auto !important;
    background: none;
    position: absolute;
    top: 0;
    left: 1%;
    margin-top: -40px;
    height: auto;
    transform: skew(-0deg);
    transition: 0.8s all ease;

}

   .menu{background: #fff; padding: 0px;margin-bottom:0;border:0;border-radius:0;z-index:10;padding:0px 0;
   background:#fff;position:relative;text-align:center;box-shadow: none;top: 45px;}
  .menu:before{display: none}
  .menu .sub-menu{margin-left: -60px}
  .menu .sub-menu li a{color:#068DFF; background:#EEEEEE; border-radius: 0px ; margin: 0px 15px; font-weight: 500; box-shadow: 0 0 5px grey;}
  .menu .sub-menu .active a {; background:#0090FF ; ;color:#fff; }
  .menu .sub-menu li a:hover{background:#0090FF ; ;color:#fff!important;; }
  .menu .navbar-header strong {color: #068DFF; font-size: 260%;display:block; margin-left: 0px; margin-top: 20px}
  .tab-category { margin-top: 40px}
  }

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


/*   .navbar:before{left: 264px;} */
/*   .contact .cform {width:350px ; position:absolute; z-index: 10;display: inline-block;left: 0;  } */
  .contact ul{margin-left: -45px; font-size: 90%}
  .web-us .carousel{margin-left: 0; width: 100%}
  .left .material-icons{ margin-left: -20px; }
  .right .material-icons{ margin-right: -0px }
  .web-us .carousel .frst{margin: -60px 0}
  .servicio span {max-width: 100%; margin: 10px auto; display:block ; height: auto}
  .servicio .servi {max-width: 100%; margin: 10px auto; display: block; height: auto }
  .servicio .ser {margin-top: 0px;}
  .servicio li {margin: 10px 0px;}
  .servi p {max-width: 100%;margin-left: 0%}
  .servicio .ser {margin-left: 0px}
  .us-service {;margin-left: 0px;margin-top: 0px; position: relative}
  .comen{height: auto}
  .comen h1{font-size: 150% }
  .tst .material-icons{font-size: 180%}
  .info-logo .carousel-control {top: -60px;}
  .info-logo p {margin-top: 0px;}
  .type-arts b { font-size: 110%;}
  .info-logo .carousel-control span { top: 150px;}
  .busqueda button {position: absolute; background: #0092FE;border: 0;border-radius: 10px;max-width: 40px;height: 40px;padding: 10px;
    margin-left: -10px;color: #fff;font-size: 150%;line-height: 20px;vertical-align: top;}
/*   .navbar-brand {background:#fff;position:absolute;top:0;left:-60px;margin-top:-145px;width:400px;height:200px;transform:skew(-30deg)}
  .navbar-brand img{margin-top: 65px; left: 22%} */
  .mva_sec span {padding: 30px; max-width: 100%;}
/*   .foto-secund span {margin-top: 30%} */
  .menu:before{display: none}
  }

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


  .name span {margin-top: 20%}
  .ptsColDesc span {font-size: 26px!important;}

  .add-man li {display: inline-table; margin: 20px 10px; width: 200px; font-size: 18px; text-align: center}
  .mant-serv li {
    display: inline-table;
    margin: 60px 10px;
    width: 200px;
    font-size: 18px;
    text-align: center;
    background:
    #fff;
    height: 210px;
}
    .imagen-completa  p {display:block; margin-left: 100px;max-width: 285px;font-size: 17px }
  .blue-bg .s1 {margin-top: 40px; display: block}
  .blue-bg .s2 {margin-top: 40px; display: block}
  .blue-bg .s3 {margin-top: 30px; display: block}
  .blue-bg .s4 {margin-top: 30px; display: block}
  .blue-bg .imagen-completa {background: url(img/social-media/lo-que-trabajamos-t.png)center no-repeat;height:375px;}

  #brochure div, #flyers div, #postcards div, #magnetos div, #tarjetas div, #stickers div, s div, #papel div     {
  display:block; position:absolute; z-index:-1; background: rgba(0,0,0,0.5);
  width: 175px; height: 175px; border-radius: 100%;;
  color: #fff; padding:0; text-transform: uppercase; font-weight:700;
}
    .cat {float: none !important; display: block!important; background:#fff!important;width: 100% !important;
  margin:50px 0px !important;height:auto; }
    .categorias .panel-heading {background: #05428c;color: #fff; text-align: center;
}
     .categorias .panel-heading a:hover, .gal .panelheading a:focus, .gal .panelheading a:active {text-decoration: none;}
  .categorias .panel-heading .accordion-toggle {display: block; padding: 10px  15px;}

  .categorias .nav-tabs > li > a {
    margin-right: 0px!important;
    line-height:;
    border: 0;
    border-radius: 0;
    height: auto!important;
    max-width: 100%!important;; display: block; padding-top:60px; text-decoration: none;color: #303030
}

  .categorias strong {font-size: 20px}
  .dropdown-menu .gd-menu li a {display: none; background: none}
  .gd-menu { background: transparent; display: none; width: 0px; height: 0px; left: 0px;margin-top: 0}
  .products .product-category {
    display:inline-block !important;
    border: 2px solid #0090FF;
    border-radius: 20px;
    text-align: center!important;
    overflow: hidden;
    margin: 20px 10px !important;
    transition: 0.5s all ease;
    width: 210px !important;
    height: 320px!important;
    ;padding:10px !important;
  }
  #tes .first-review {width: 170px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes .second-review {width:  170px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes .ther-review {width:  170px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes .fourd-review {width: 170px; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px}
  #tes p {padding: 20px 10px;padding-bottom: 0; }
  #tes .special {padding:20px 10px}
  .logo-us .carousel {max-width: 100%; top: 120px}
  .logo-us .carousel-inner {border-radius: 30px;max-width: 100%;}
  .logo-us .carousel-control .frst {top: 90px;}

  .vid-wrap span {left: 140px}

  .fot-serv span {
    display: inline-block;
    width: 180px;
    margin: -150px auto;
    padding-bottom: 160px;}
    .fot-serv li {
    display: inline-table;
    width: 250px;
    background: #e7e8ea;
    height: 750px;
    margin: 20px 2px;}

  .interno {text-align: center!important;}
.interno .navbar-sub {padding: 0px 0; height: 80px}
.top-inter {text-align: right;margin: 0 10px}
.top-inter li {display: inline-block; margin:5px 6px}
.top-inter a {font-size: 19px; color: #333;transition: 0.3s all ease-in-out}
.top-inter a:hover {color: #009bdb; transition: 0.3s all ease-in-out; text-decoration: none}
.interno .navbar-brand { margin-top: -35px!important;text-align:center;;left: 1%!important;; transform: translateX(-00%)!important;}
.interno .navbar-brand img {width: 100%!important;}

}

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

/*   .navbar-brand {background: #fff;position: absolute;top: 0;left: -60px;margin-top: -140px;width: 375px;height: 242px;transform: skew(-30deg);}
  .navbar::before {left: 225px} */
  .navbar .navbar-nav {display: inline-block;float: none;vertical-align: top; margin-left: 35%}
  .search-field {max-width: 100%; margin-left: -100px}
  .busqueda button {padding: 10px;margin-left: -25px;font-size: 150%;line-height: 20px;vertical-align: top;}
  .header-txt h1 {font-size:180%}
  .header-txt h2 {font-size:130%}
  .menu .sub-menu {display: inline-block;float: none;vertical-align: top; margin-left: 0%}
  .menu:before {display: none}
/*   .navbar-brand img {margin-top: 85px;max-width: 280px} */
  .woocommerce-breadcrumb {padding: 10px 20px }
/*   .shrink .navbar-brand {width: auto; height: 243px; left: -33px; padding: 15px 30px}
  .shrink .navbar-brand img {left: 25px; margin-top: 70px; max-width: 300px} */

  .img-stat img {max-width: 100%}
  .navbar-sub .navbar-brand {

    width: auto !important;
    background: none;
    position: absolute;
    top: 0;
    left: 1%;
    margin-top: -30px;
    height: auto;
    transform: skew(-0deg);
    transition: 0.8s all ease;

}

   .shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease;margin-top: -30px }


}

@media screen and (max-width:768px) {
  .navbar-sub .navbar-brand {

    width: auto !important;
    background: none;
    position: absolute;
    top: 0;
    left: 1%;
    margin-top: -25px;
    height: auto;
    transform: skew(-0deg);
    transition: 0.8s all ease;

}
  .navbar-sub .navbar-nav li a{font-size: 17px}
   .sf-card {width: 160px;height: 220px;padding: 20px 5px; margin: 20px auto;display: inline-block; border-radius: 15px}
  .navbar .navbar-nav {display: inline-block;float: none;vertical-align: top; margin-left: 40%;}
  .navbar-nav li a{font-size:110%;}
  .navbar-header {max-width: 100%}
  .menu:before {display: none}
  .wpml-ls-legacy-dropdown-click {width: 100%}

  .top-con {max-width: 350px}
  .artes span {display:block;border-radius:25px;padding:10px; box-shadow: 0 0 10px grey; background: #fff}
  .artes ul {list-style:none;padding-left:0;margin:0}
  .artes ul li {display:inline-table;max-width:200px;margin:5px 0}
  .us_function .carousel {max-width: 500px; height: 220px}
  .us_function strong {margin-top:30px}
  .img-sb {margin-top: 35px; margin-left:25px;}
  .tst .material-icons {font-size: 150%}
  .left .material-icons { margin-left: -5px; }
  .right .material-icons { margin-right: -5px }
  .web-us .carousel {width: 100%}

  .menu .navbar-header strong {margin-left: 0px;}
  .contador strong {font-size:200%}
  .orientar .row {margin-top:0}
  .orientar ul {display: block; margin-top:0; font-size: 140%; padding-left: 0}
  .orientar-est .btn-green {font-size: 20px; display: block; margin: 10px 0}

  footer {padding: 10px 0}
  .fmenu p {margin: 20px 0 0 0}
  .post {margin:20px 0}
  .menu .sub-menu {display: inline-block;float: none;vertical-align: top; margin-left: 0%;}
  .slide .owl-carousel .owl-prev,
  .owl-carousel .owl-next {position: absolute;top: 40px;;margin: auto !important;}
  .tab-category {
    margin-top: 0px;
}
  .menu {top: 0}
  .contactar a {margin:10px 0}
  .rev-btn {display: none}
  .btn-slide {display: block; text-align: center; margin-top: 20px; font-size: 20px}
  .rev_slider .tp-loop-wrap {margin-top: 0px;}
  .products .type-product {margin: 20px 0 !important;}
  .products {padding: 0 0px !important;}
  .product-category {float: none !important;}
  .wc-proceed-to-checkout {text-align: center}
  .hr-cart .btn-car {text-align: center}

  .equipo, .pro, .aerea {padding: 20px 0}
  .fot-inf {margin-top: 10px}
  .fot-inf strong {display: block; font-size: 24px; margin-bottom: 5px}
  .equipo p, .pro p, .aerea p {padding: 10px; margin: 0px;}
  .circle-img {max-width: 250px; margin: auto}
  .equipo .circle-img:after, .pro .circle-img:after, .pro .circle-img:before, .aerea .circle-img:before {display: none}

  .distribucion p {font-size: 26px; line-height: 1}
  .bb-wrap, .d-incluye {padding: 20px 0}
  .bb-title {margin-left: 0}
  .bb-title strong {font-size: 50px}
  .bb-title i {top: 0; left: 0}
  .bb-title:before {display: none}
  .white-box {padding: 10px; margin-right: 0}
  .bb-guy {margin-top: 20px}
  .d-incluye span {font-size: 30px}
  .blue-box ul li {margin: 20px 0}
  .productivo {top: -60px}

  .vids-bg {padding: 20px 0}
  .vid-type {width: 100%; margin: 20px 0}
  .vid-type p {height: auto; width: 100%; margin-top: auto; padding: 10px;}
   .dropdown-submenu .dropdown-menu {background: #05428C; left: 155px; top: 30px}

   .fot-serv span {
    display: inline-block;
    width: 180px;
    margin: -150px auto;
    padding-bottom: 160px;}
    .fot-serv li {
    display: inline-table;
    width: 240px;
    background: #e7e8ea;
    height: 800px;
    margin: 20px 2px;}

  .fot-tab li a {font-size: 18px;margin: 0 5px;padding: 5px}
    .fot .fot-tab > li > a:focus, .fot .fot-tab > li > a:hover {background:none!important;; border-radius: 0px!important;; box-shadow:none!important;color:#05428c!important; }
   .shrink .navbar-sub .navbar-brand {width: auto; height: auto;transition: 0.8s all ease;margin-top: -20px }
    body {padding-top: 165px;}
  .banner-sobre {

    background: url(img/headers/h-nosotros-t.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 250px}
   .banner-pw {
    background: url(img/mantenimiento/h-web-d.jpg) center no-repeat;
    font-weight: 700;
    height: 250px}
  .name span {margin-top: 15%}
  .name b {font-size: 40px}
    .banner-mt {background: url(img/mantenimiento/h-web-d.jpg) center no-repeat; background-size: cover; height:250px; padding: 0;  }
.banner-mt span {display: block;background: none!important;;max-width: 100%;margin: 0;padding: 0px;border-radius: 0px;color:#fff;text-align: center;margin-top: 13%!important;;}
  .banner-mt b {font-size: 45px}
   .foto-secund span {margin-top: 20%!important;;max-width: 100%; padding: 0; margin: 0}
  .foto-secund {

    background: url(img/headers/h-foto-t.jpg) center no-repeat;
    background-size: cover;
    height: 250px;
    padding: 0;}
  .banner-ag {
    background: url(img/headers/h-grafico-t.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 250px;}
  .banner-ag span {margin-top: 20%}

  .banner-frm  {
    background: url(img/headers/h-contacto-t.jpg)center no-repeat;
    background-size: cover;
    height: 250px;}

  .banner-frm span {margin-top: 20%}

  .contacto {
    background: url(img/headers/h-contacto-t.jpg)center no-repeat;
    background-size: cover;
    height: 250px;}

  .contacto span {margin-top: 10%}

  .header-trabajos {
    background: url(img/headers/h-trabajos-t.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 250px;}
  .header-trabajos span {margin-top: 20%}

  .banner-im {

    background: url(img/headers/h-socialmedia-t.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 250px;
}

   .banner-im span {margin-top: 20%}

  .fotografia {background: url(img/headers/h-foto-t.jpg) center no-repeat; background-size: cover;height: 250px}
   .fotografia span {margin-top: 20%}

  .videos {
    background: url(img/headers/h-video-t.jpg) center no-repeat;
    background-size: cover;
    height: 250px;}
  .videos span {margin-top: 20%}

  .distribucion {background: url(img/headers/h-distribucion-t.jpg) center no-repeat; background-size: cover; height: 250px}

  .banner-test {
    background: url(img/headers/h-testimonios-t.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 250px;}



  .banner-blog {
    background: url(img/headers/h-blog-t.jpg)center no-repeat;
    background-size: cover;
    height: 250px;}
    .banner-blog span {margin-top: 20%}

  .banner-servicio {background: url(img/headers/h-servicios-t.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 250px}
    .banner-servicio span {margin-top: 12%}

}

@media screen and (max-width:767px) {
  .ptsCell {height: auto!important}
  .ptsElArea {margin: 10px 0!important;}
 .interno .img-header {

    display: inline-block;
    position: relative;
    height: auto;


}
  .top-inter {text-align: center}
  .interno .navbar-sub {height: auto; padding: 10px 0!important;}
  .interno .navbar-brand {display: none!important;}
  .navbar-sub .dropdown-menu {background: #05428c!important;;}
  .bk-mant {height: auto}
  .man-think {text-align: center; float: none}
.man-think p {font-size: 18px; width: 100%}
  .mant-serv h1 {margin-bottom: 40px}
   .mant-serv li {
    display: inline-table;
    margin: 30px 10px;
    width: 200px;
    font-size: 18px;
    text-align: center;
    background:
    #fff;
    height: auto;
}
  .fot-tab {
    padding: 0;
    display: inline-block;
    margin: 10px auto;max-width: 100%; text-align: center}
  .fot-tab li {float: none}
    .fot-tab li a {font-size: 18px;margin: 0 5px;padding: 5px; display: block}
    .fot .fot-tab > li > a:focus, .fot .fot-tab > li > a:hover {background:none!important;; border-radius: 0px!important;; box-shadow:none!important;color:#05428c!important;}

  .fot .row {margin-bottom: 50px}

   .fot-serv span {
    display: inline-block;
    width: 180px;
    margin: -150px auto;
    padding-bottom: 160px;}
    .fot-serv li {
    display: inline-table;
    width: 300px;
    background: #e7e8ea;
    height: auto;
    margin: 60px 2px;}

  .wpfront-message {font-size: 16px; max-width: 1000px; line-height: 20px!important;padding:15px 20px; }
#wpfront-notification-bar {height: auto!important}
   .trabajo .tab-pane iframe {max-width: 100%; border: 5px solid #0090ff}
  .contact table {margin:0 10px}
  .contact table td .fa {

    position: absolute;
    left: 8px;
    margin-top: 3px;

}
  .social-inf {margin-top: 10px}
  .media-movil {display: block}
  .media-movil ul {padding: 0 5px}
  .media-movil ul li {margin: 20px 0; display: block}
  .blue-bg p {margin-left: 0; max-width:100%; font-size: 18px}
  .imagen-completa {display: none}
  .shrink .navbar {background: white}

  body {padding-top: 155px;}
  .trabajos img{margin-left: 0px}
  .header-txt{padding: 0}
  .marketing ul {margin-left: -35px}
  .logo-client {max-width:130px ;margin: 20px;}
  .web-us h4 {margin-top: 30px;}
  .parax {height: 200px; background: url(img/home-parallax-m.jpg) center no-repeat; background-size:cover;background-attachment: fixed;}
  .parax .hvr-shutter-in-horizontal {margin-top:55px;}
  .animacion-gif{margin-top: 20px}
  .trabajo .logo {display: inline-block;max-width: 200px; margin:10px 1px;}
  .tst{background: url(img/imagen-testimonios.jpg) center no-repeat; background-size:cover ;max-width: 100%; height: auto;}

  .servicio {display: none}
  .servicio-movil {display: block}
  .logo {max-width:100%;}
  .img-end img {max-width: 230px}
  .arts-row {display: inline;}
  .arts-row ul {display: inline}
  .type-arts ul li {display:inline-table; margin:20px;}
  .type-arts p {font-size: 120%;color: #707070;text-align: center}
  .txt-artes h1 {font-size: 200%;margin: 5px;}
  .busqueda .search-field, .busqueda button {margin-top: 0; margin-left:0}
  .busqueda{padding-bottom: 18px}
  .gif {display: inline-block;max-width: 100px; position: absolute; left:50%;transform: translateX(-50%); margin-top: -10px;  margin-left: 0px; margin-right: 0px }
  .menu div{text-align: center}
  .menu .navbar-header strong {margin-top: 0px; font-size:200%;text-align: center; position: relative}
  .menu .navbar-header {margin: 0}
  .menu {padding:  10px 0; top: 0}
  .sub-menu li {margin-top: 10px; padding:0px 0;}
  .menu:before {display: none}
  .type-arts h1 {font-size: 250%}
  .navbar:before {display: none}
  .us_function h1 {font-size: 200%;}
  .servicio-movil span {width: 100%; height: auto; margin: 10px auto;}
  .servicio-movil .servi {width: 100%; height: auto;margin: 10px auto;}
  .servicio-movil li {margin: 10px;}
  .servicio-movil p {max-width: 100%}
  .servicio-movil .us-service {;margin-left: 0px;margin-top: 10px; position: relative}
  .circulo span {max-width: 150px}
  .circulo img {max-width: 100%}
  .servicio-movil .btn-white {margin-top: 5px;}
  .contador {margin-top: 0px;}
  .contador span {max-width: 80px;}
  .contador img {max-width: 70px}
  .plogos h4 {margin-top: 0;margin-left: 0px;text-align: center;}
  .orientar h2 {font-size: 170%;}
  .orientar h3 {font-size: 140%;}
  .trabajos h2 {font-size: 180%}
  .trabajos .owl-theme .owl-controls .owl-pagination {display: none; margin: 0;}
  .trabajos .owl-carousel .owl-prev {position: absolute;top: 5px;margin: auto !important;}
  .trabajos .owl-carousel .owl-next {position: absolute;top: 5px;margin: auto !important;}
  .trabajos .owl-carousel .owl-prev {left: 0px;}
  .trabajos .owl-carousel .owl-next {right: 0px;}

  .vid-wrap span {left: 100%; margin-left: -210px}
  .orientar-est {margin-bottom: 20px}

  .trab-slide .btn-blue {position: relative; margin: 20px 5px 0}
  .navbar .navbar-nav {vertical-align: top; margin-left: 0%;}
  .navbar {text-align: left}
  .navbar {background: #fff}
  .navbar-toggle:before {content:'MENU'; color:#0090FF; font-weight: 600}
  .navbar-collapse {margin-top: 0px }
  .navbar-toggle {margin-right: -20px;}
  .navbar-brand {display: none}
  .navbar-nav li a {transform:skew(-0deg); color: #767676;}
  .navbar-nav li a:hover, .navbar-nav li a:focus {color: #0090ff}
  .shrink .navbar .dropdown-menu a {color: #0090ff}

  .dropdown-submenu .dropdown-menu {margin-left: 10px}

  .img-header {display: inline-block; position: absolute; height: auto;margin:-15px 10px;transform: skew(0deg)}
  .img-header img {max-width: 250px;text-align: center;transform: skew(0deg);left: 5%}
  .us p {margin-top:0}

	.head-bar .top-con {margin: 10px;}
  .top-con {margin-left: auto; margin-right: auto; margin-bottom: 15px; max-width: 300px; padding: 5px 0 20px 0; text-align: center;}
  .tst .slider {max-width: 100%; margin-left: 0px; height: auto}
  .tst .material-icons {font-size: 140%}
  .tst .left .material-icons {margin-left:0px}
  .tst .right .material-icons {margin-right: 0px; color: #777777}
  .phone {margin: 5px 0}
	.head-bar .phone {
		font-size: 16px;
	}
	.head-bar .msj {
		font-size: 16px;
		padding: 5px;
	}
  .name span:after {display: none}
  .name b {font-size: 200%;}
  .name p {font-size: 120%;}


  .us_function {padding-bottom: 30px}
  .us_function .carousel{max-width: 75%; height:auto;}
  .img-sb {margin: 0}
  .us_function img {margin: 0px 0px; padding: 10px; border-radius: 0px}
  .us_function strong {margin-top: 0px;}
  .us_function .grey {margin: 20px 0 }
  .us_function .material-icons {margin-right: 5px;margin-left:  5px;font-size: 150%;}

  .comen {background: url(img/home-parallax-m.jpg) center no-repeat; background-size:cover; max-width: 100%; height: 250px;background-attachment: fixed;}
  .comen span {margin:30px auto;padding: 10px}
  .comen h1 {font-size: 140%;}
  .slide .carousel {width: 100%}
  .slide .material-icons {margin: 0}
  .web-us .material-icons {margin: 0}
  .descrip-art img {position: relative;z-index: 10; margin-top: 0px;}
  .info-logo .comp {margin-left: 0px;}
  .logo-us p {text-align: left; margin: 10px 0}
  .mva_sec span {margin: 15px 0;}
  .logo-us .carousel-control .frst {top: 160px;}
  .logo-us .btn-green {margin-top: 20px}
  .txt-logos ul li {display: inline-table; margin: 10px 5px;max-width: 300px;}
  .txt-logos p {margin: 7px 0}
  .txt-logos span {padding: 40px 0;}
  .txt-logos span {margin-top: 0px}
  .logo-us .carousel {max-width: 100%; top: 30px;}
  .carou-banner .carousel {top: 10px}

  .contact ul{margin-left: -20px; font-size: 85%}
  .contact .col-sm-5 {margin-top: 0px;}
  .contact .cform {max-width:100%; position:relative; display: block;}
  .map {margin: 0}
  .map iframe {max-width: 100%; box-shadow: 0 0 10px grey;}

  .txt-artes ul li {display: inline-table;margin: 10px 20px;max-width: 300px;}
  .txt-artes span { padding: 25px 0;margin-top: 0px;}
  .img-sb { margin-top: 10px;}
  #tes .first-review {max-width: 100%; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px; text-align: center; display: inline-table}
  #tes .second-review {max-width: 100%; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px;text-align: center; display: inline-table}
  #tes .ther-review {max-width: 100%; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px;text-align: center; display: inline-table}
  #tes .fourd-review {max-width: 100%; height: auto ;background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0px; margin-top:20px;text-align: center; display: inline-table}
  #tes p{padding: 20px 10px;padding-bottom: 0; }
  #tes .special {padding:20px 10px}
  .trabajo .trab-realizados li {display:inline-block; width: 100%;text-align: center }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border: 1px solid #ddd;}

  /* Gracias */
  .gracias-bg {padding: 100px 0}
  .gracias-txt h1 {font-size: 250%}
  .gracias-txt p {font-size: 150%}
  .gracias-1, .gracias-2 {padding: 30px 0}
  .gracias-1 .post {margin: 0}
  .gracias-1 h3 {margin: 30px 0 20px 0}
  .gracias-2 .fsocial {margin-top: 20px}

  /* 404 */
  .bg-404 {padding: 100px 0}
  .not_found {text-align: center; text-shadow: 0 0 3px #fff}
  .not_found h1 {font-weight: 700; font-size: 250%}
  .not_found p {font-size: 150%}

  .sf-card {width: 300px; margin: 20px 0}

  .social-desk {display: none!important;}
  .social-movil {display: block}
  .phone-head {display: inline-block; margin: 5px 10px}
  .foto-secund span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}
  .foto-secund {

    background: url(img/headers/h-foto-m.jpg) center no-repeat;
    background-size: cover;
    height: 200px;
    padding: 0;}



.banner-mt span {margin-top: 80px!important;;max-width: 100%; padding: 0; margin: 0}
  .banner-mt {

    background: url(img/mantenimiento/h-web-m.jpg) center no-repeat;
    background-size: cover;
    height: 200px;
    padding: 0;}

  .banner-sobre {
    background: url(img/headers/h-nosotros-m.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 200px;

}

   .banner-pw {
    background: url(img/mantenimiento/h-web-m.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 200px;

}

  .name span {margin-top: 70px}
  .banner-pw span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}

   .banner-ag {
    background: url(img/headers/h-grafico-m.jpg) center no-repeat;background-size: cover;
    font-weight: 700;
    height: 200px;}
  .banner-ag span {margin-top: 90px!important;;max-width: 100%; padding: 0; margin: 0}

  .banner-frm {
    background: url(img/headers/h-contacto-m.jpg)center no-repeat;
    background-size: cover;
    height: 200px;}

  .banner-frm span {margin-top: 90px!important;;max-width: 100%; padding: 0; margin: 0}

  .contacto {
    background: url(img/headers/h-contacto-m.jpg)center no-repeat;
    background-size: cover;
    height: 200px;}

    .header-trabajos {
    background: url(img/headers/h-trabajos-m.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 200px;}

   .header-trabajos span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}

    .banner-im {
    background: url(img/headers/h-socialmedia-m.jpg) center no-repeat;
    background-size: cover;
    font-weight: 700;
    height: 200px;}
  .banner-im span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}

   .fotografia {background: url(img/headers/h-foto-m.jpg) center no-repeat; background-size: cover;height: 200px}
    .fotografia span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}

  .videos {
    background: url(img/headers/h-video-m.jpg) center no-repeat;
    background-size: cover;
    height: 200px;}
     .videos span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}

   .distribucion {background: url(img/headers/h-distribucion-m.jpg) center no-repeat; background-size: cover; height: 200px}

   .banner-test {background: url(img/headers/h-testimonios-m.jpg) center no-repeat; background-size: cover; height: 200px}
  .banner-blog {
    background: url(img/headers/h-blog-m.jpg)center no-repeat;
    background-size: cover;
    height: 200px;}
    .banner-blog span {margin-top: 120px!important;;max-width: 100%; padding: 0; margin: 0}

  .banner-servicio {background: url(img/headers/h-servicios-m.jpg) center no-repeat; background-size: cover; font-weight: 700; height: 200px}

  .form-int .panel iframe {max-width: 100%!important;}
}


@media screen and (max-width:677px) {
  .subscribir {margin-bottom: 30px}
  .subscribir .btn-blue {margin-bottom: 15px}
  .menu .sub-menu li a {width:250px; margin-left:0}
}
@media screen and (max-width:587px) {
  #estimado .modal-content {display: inline-block; max-width: 100%}
  .web-us h1 {font-size: 200%}
  .top-con {margin-left: 10px; margin-right: 10px; padding: 10px; max-width: 100%}
  .phone {font-size: 150%; margin: 0 0 5px 0}
  .msj {width: 100%; padding: 10px; font-size: 120%}
  .slide .owl-carousel .owl-prev,
  .owl-carousel .owl-next {position: absolute; top:30px; margin: auto !important;}
  .slide .owl-carousel i {font-size: 35px;}
   body {padding-top: 136px;}
}
@media screen and (max-width:550px) {
    .ptsColDesc span {font-size: 34px!important;}

  .type-arts img {max-width: 85%; margin:0}
  .us_function .carousel{width: 70%; height: auto;}
  .value, .label {display:block; max-width: 100%;}
  .variations .label {color:#434343; font-size:100%; display:inline-block; margin:5px 0;}
  .circulo {width: 90%}
  .woocommerce-breadcrumb { padding: 10px 20px}
  .woocommerce-breadcrumb a {display: inline-block}
  .woocommerce-products-header__title {margin-top: 60px;}
  #menu-nivaxel-menu li { margin: 8px 5px;}
  #menu-nivaxel-menu {padding-bottom: 15px; background: none;}
  .product .entry-summary {padding: 20px 0}

  .foogallery-stack-album .back {left: 45%!important  ;top: 0%!important;
  font-size: 24px; line-height: 35px!important;background: #0090ff!important; color: #fff!important;}
  .img-stat p {

    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;

}
  .foogallery-stack-album .topbar {margin-top: 20px!important;text-align: center!important;}
}
@media screen and (max-width:480px) {
  .slide .owl-carousel .owl-prev,
  .owl-carousel .owl-next {top:70px; !important;}
  .trabajo .logo {display: inline-block;max-width: 155px; margin:0px 1px;}
  .us_function .carousel{max-width: 70%;}

  .servcios-button, .servcios-button a {display: block; margin: 20px 10px}
  .testimonios .btn-green {display: block}

  .slide-movil {display: block;}
  .slide-desk {display: none;}

 .columna-1, .columna-2 {display: block;}
  .columna-1 {width: auto; padding: 0}
  .columna-2 {width: auto}
}
@media screen and (max-width:420px) {
  .us_function .carousel{max-width: 100%; height:auto;text-align: center;}
  .us_function .material-icons {font-size: 180%;margin-top: 0px;}
  .btn-car {font-size: 95%; }
  .banner-mt span {margin-top: 60px!important;;max-width: 100%; padding: 0; margin: 0}

}
@media screen and (max-width:399px) {
  .servcios-button {margin-top: 20px}
  .slide .owl-carousel .owl-prev,
  .owl-carousel .owl-next {top:40px; !important;}
}
@media screen and (max-width:385px) {
  .img-header{display: inline-block; position: absolute; height: auto;margin:-7px 10px;transform: skew(0deg)}
  .img-header img{max-width: 205px;text-align: center;transform: skew(0deg);}
  .us_function h1 {font-size: 190%;}
}

@media screen and (max-width:380px) {
  .comen h1{font-size: 180%}
  .estrellas{font-size: 185%}
  .logo-us .carousel-control .frst {top: 110px;}
  .type-arts ul li{margin:10px 0px}
  .logo-client {max-width: 120px;margin: 10px; }
  .contact h1 {font-size: 168%}
  .coupon .btn-green {font-size: 100%; margin: 10px 0}
   body {padding-top: 240px;}
  .contacto span {margin-top: 50px}
   .banner-im span {margin-top: 80px!important;;max-width: 100%; padding: 0; margin: 0}
    .banner-servicio span {margin-top: 40px}
}

@media screen and (max-width:344px) {
  .img-header{display: inline-block; position: absolute; height: auto;margin:-4px 10px;transform: skew(0deg)}
  .img-header img{max-width: 190px}
  .slide .owl-carousel .owl-prev, .owl-carousel .owl-next {top:35px; !important;}
  .type-arts span{width: 140px}
  .single_add_to_cart_button {padding:10px 15px; font-size: 130%}
  .btn-arch a {font-size: 110%}
  .btn-arch {text-align: center; display: block}
   .sf-card {width: 260px; margin: 20px 0}
}