body {overflow-x:hidden;color:#fff; list-style:none}
html { overflow-x: hidden; }
a {outline:0 !important}
h1 {font-size:160%}
h2 {font-size:140%;margin-top:0}
p {line-height:150%;font-size:120%}
img {max-width:100%;height:auto}

/* Header */
.top-bar {background:linear-gradient(#A8A4A3, #8B898A);padding-bottom:10px}
.logo {width:450px;height:200px;background:#3E3E3E;position:absolute;z-index:1;left:-110px;transform:skew(-40deg);border-right:10px solid #FEF301;text-align:center}
.logo img {display:block;margin-left:100px;margin-top:0px;transform: skew(40deg)}
.logo span {display:block;transform:skew(40deg);margin-left:150px;font-size:110%;font-style:italic;font-weight:700}
.top-con {margin:0 570px;width:300px;background:#D9DDDE;border-radius:0 0 10px 10px;box-shadow:0 0 5px #565656;padding:10px 0 20px 0;text-align:center;}
.top-con a:hover {text-decoration:none}
.phone {color:#121011;font-size:150%;padding:4px 20px 10px 20px;display:inline-block;text-decoration:none;margin-right:-15px}
.phone i {border-radius:20px;border:2px solid;color:#121011;padding:5px;vertical-align:middle}
.msj {display:block;background:#3E3E3E;border-radius:20px;color:#fff;text-transform:uppercase;padding:10px 0;font-size:130%;width:330px;margin-left:-15px}
.msj:hover {color:#fff;background:#565656}

.language{
  font-size: 8px;
  padding-left:20px;
}

.logo-right img {width:100px;height:60px; position: relative; margin: 10px 390px; display: inline-block}
.jd-slogan span {position: relative;display: inline-block ;color: white; height: auto; width: 290px; z-index:100; background: #3E3E3E; padding:10px ;
  border-radius: 20px; text-align: center; font-size: 100%;margin-left: 300px; top: 10px;}

/* Navegation */
.navbar {margin-bottom:0;border:0;border-radius:0;padding-left:150px;background:linear-gradient(#2C539E, #244386)}
.navbar a {color:#fff;font-size:180%;text-transform:uppercase}
.nav > li > a:focus, .nav > li > a:hover, .navbar .active a {background:none;color:#FEF301}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background:none}
.dropdown-menu {background:#013356}
.dropdown-menu > li > a {color:#fff}

/* Slideshow */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%;margin:auto}
.carousel-inner .item {transition-property: opacity;}
.item, .active.left, .active.right {opacity: 0;}
.active, .next.left, .prev.right {opacity: 1;}
.next, .prev, .active.left, .active.right {left: 0;transform: translate3d(0, 0, 0);}
.carousel-control.left, .carousel-control.right {background-image:none}
.carousel-indicators {display:none}
.carousel-caption {font-size:130%;background:#fff;transform:skew(-40deg);position:relative;z-index:1;top:-100px;height:100px;left:-10%}
.carousel-caption p {display:block;position:relative;top:14px;left:180px;color:#3E3E3E;text-shadow:none;transform:skew(40deg); max-width: 100%}
.arr-yellow {width:0;height:0; border-top: 50px solid transparent; border-left: 50px solid #FFE401; border-bottom: 50px solid transparent;position:absolute;z-index:1;left:20%;margin-top:-200px}
.arr-yellow:before {content:''; background:#FFE401;display:block;height:100px;width:1000px;position:absolute;z-index:1;margin-top:-50px;margin-left:-1050px}
/* Inicio */
.home-txt {padding:20px 0}
.home-txt h1 {color:#FEF301}
.home-txt a {color:#FEF301;font-size:120%;display:table;margin-top:5px}
.cuadros-wrap {text-align:center;margin-top:-50px}
.cuadros-wrap a:hover {text-decoration:none}
.cuadro {display:inline-block;font-size:150%;margin:20px}
.cuadro strong {display:block;font-size:150%;font-weight:normal;color:#fff}
.btn-blue {background:#264588;color:#fff;font-size:150%;padding:10px;border-radius:10px;display:inline-block}
.btn-blue:hover {text-decoration:none;background:#1864B0;color:#fff}
.grad-frame {display:inline-block;padding:5px;border-radius:10px;background:linear-gradient(#F7D100, #EEB301);transition:0.5s ease}
.grad-frame img {border-radius:5px}
.grad-frame:hover {transform:scale(0.95)}
.brands {text-align:center;background:#C4C4C4;padding:30px 0}
.brands img {margin:10px 20px}
.jd-pic{width: 195px}
.subs-bg {background:#284D94}
.subscribe {text-align:center;padding:30px 0}
.subscribe p, .subscribe a {display:inline-block}
.subscribe p {font-size:150%;margin-right:20px}
.subscribe a {background:#181818;color:#fff;font-size:200%;padding:10px 30px;border-radius:5px}
.subscribe a:hover {text-decoration:none;background:#3E3E3E}
.home-icons {padding:50px 0}
.home-icons span {display:inline-block;margin:10px 40px}
.home-icons strong {display:block;font-size:150%;font-weight:normal;text-transform:uppercase}

/* Footer */
footer {background:#8D8B8C;color:#fff;padding:30px 0 10px 0}
.ftitle {display:block;width:295px;border-bottom:3px solid;padding-bottom:3px;margin-bottom:5px;font-size:140%;text-transform:uppercase}
.fmenu, .fcontact {font-size:120%}
.fmenu a {display:table;color:#fff}
.fcontact ul {list-style:none;margin-left:-40px}
.fsocial {margin-top:-5px;}
.fsocial a {display:inline-block;}
.fsocial a:hover {transform:scale(.90)}
.fsocial i {color:#fff;font-size:30px}
.nivaxel {text-align:center;padding-top:30px}
.nivaxel a {color:#fff}

/* Pages */
main {background:#8D8B8C}
.banner {height:300px;text-align:center}
.ptitle {background:#3E3E3E;position:absolute;right:0;margin-top:-40px;padding:10px 300px 10px 100px;border-radius:30px 0 0 30px}
.ptitle i {font-style:normal;color:#FEF301;font-size:300%;text-transform:uppercase;}
.header-text {margin-top:50px;margin-bottom:20px}

main .col-sm-6 p {margin-top: 50px}
/* Servicios */
.serv-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.servicios {text-align:center}
.servicios a {display:inline-table;margin:25px;width:270px}
.servicios a:hover {color:#3E3E3E;text-decoration:none}
.servicios span {display:block;background:linear-gradient(#F9D503, #E6A500);padding:10px;border-radius:10px;transition:0.5s ease}
.servicios span:hover {transform:scale(0.95)}
.servicios img {border-radius:10px}
.servicios strong {display:block;color:#fff;font-size:120%;text-transform:uppercase;margin-top:5px}
.tri-down {
  width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #8D8B8C;
  margin:auto;position:absolute;left:50%;transform: translateX(-50%)
}
.garantias {background:#1E56A1;padding:50px 0}
.garantias strong {display:block;font-size:200%;text-align:center;margin-bottom:10px}
.garantias p {width:75%;margin:auto}
.clientes {text-align:center;background:#8C8C8C}
.clientes-icons span {display:inline-table;margin:20px 30px}
.clientes-icons strong {display:block;font-size:150%;font-weight:normal;color:#F9E32D;text-transform:uppercase}
.clientes-icons ul {text-align:left;font-size:150%}
.productos .container, .piezas .container {padding:20px 0}
.productos img, .piezas img {border-radius:125px; box-shadow: 0 0 10px 5px #A1A1A1}
.productos ul, .piezas ul {font-size:150%;display:inline-table;margin:20px}
.productos li, .piezas li {margin-bottom:5px}

/* Servicio individual */
.instala-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.mantenimiento-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.repara-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.fabrica-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.venta-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.start-ban {background:url(../img/header-servicios.jpg) center no-repeat;background-size:cover;}
.serv-info {background:#E0E0E0;padding:20px 0;color:#3E3E3E}
.serv-info p {text-align:justify;}
.serv-info img {border-radius:10px}
.serv-nav {background:#3E3E3E;list-style:none;padding:0;border-radius:10px}
.serv-nav li {border-bottom:1px solid #fff}
.serv-nav li:last-child {border-bottom:0}
.serv-nav a {color:#fff;font-size:120%;display:block;width:100%;padding:10px}
.serv-nav a:hover {text-decoration:none;background:#FFE303;color:#3E3E3E}
.serv-nav .active a {background:#FFE303;color:#3E3E3E;border-bottom-color:#fff}

/* Sobre Nosotros */
.about-ban {background:url(../img/header-sobre-nosotros.jpg) center no-repeat;background-size:cover;}
.mv-title {background:linear-gradient(to right, #E5CC0F 50%,#FFE212 50%);padding:10px 0;color:#525252;font-size:150%;font-weight:700}
.about-mv {background:#fff;color:#525252;padding-bottom:10px; max-width: 100%}
.about-mv ul {margin-top:10px;margin-left:-20px;font-size:120%}
.about-mv p {margin-top:10px;margin-left: -30px}
.vision{padding: 0 25px}
.about-team {padding-bottom:10px}
.about-team strong {display:block;text-align:center;background:#254487;padding:10px 0;font-size:180%}
.about-team p {margin-top:10px}
.about-team span {display:block;background:#3E3E3E;margin-bottom:10px;padding:10px}
.about-team b {font-size:120%}
.about-resources strong {display:block;background:#FFE212;text-align:center;color:#525252;font-size:180%;padding:10px 0}
.about-resources b {display:block;margin-top:10px;font-size:120%}
.vehiculos {width:100%;height:350px;border-top:10px solid #525252;border-bottom:10px solid #525252;background:url(../img/sobre-nosotros-flota.jpg) center no-repeat;background-size:cover}
.represent {padding:20px 0}
.represent strong {font-size:150%}
.represent p {margin-bottom:30px}
.btn-yel {font-size:150%;color:#525252;font-weight:700;background:#FFE212;padding:10px 20px;display:inline-block;border-radius:20px}
.btn-yel:hover {text-decoration:none;background:#E5CC0F;color:#525252}

/* Contact */
.contact-ban {background: url(../img/header-contacto.jpg)center no-repeat;background-size:cover;width:100%; height:300px}
.cinf, .cfrm {margin:20px 0}
.cinf div {margin-bottom:20px}
.caddress {border-top:2px solid #3E3E3E;border-bottom:2px solid #3E3E3E;padding:10px 0}
.cinf {font-size:120%}
.cinf ul {margin-left:-40px;list-style:none}
.cinf li {margin-bottom:5px}
.cinf li:nth-child(odd) {display:table;background:#FFE303;color:#3E3E3E;font-size:110%;padding:0px 5px}
.cinf li:nth-child(even) {margin-left:20px}

/* Lineas Disponibles */
.lbl-yel {display:block;text-align:center;background:#FFE212;color:#525252;font-size:200%;padding:10px 0}
.exclusivo .logos {width:800px;height:300px;background:url(http://placehold.it/800x300);margin:30px auto;border-radius:20px}
.nombre-marca {background:#3E3E3E;text-align:center;padding:20px 0}
.linea-serv {text-align:center}
.linea-serv span {display:inline-table;width:220px;height:120px;margin:20px 0;padding:20px;font-size:125%;border-right:2px solid #FFE401}
.linea-serv span:last-child {border-right:none}
.lineas {background:#fff}
.lineas .logos {margin:auto;width:1000px;height:400px;background:url(../img/logos.jpg) center no-repeat; background-size: cover; max-width:100%}
.grey-bg {text-align:center;padding:10px 0;background:#404040}

/* Proyectos */
.proyecto-ban {background:url(../img/header-proyectos.jpg) center no-repeat;background-size:cover;}
.galeria {padding:20px 0;max-width:100%;; text-align: center}
.fotos {display:inline-block;margin:15px;border:5px solid #3E3E3E}
.fotos:hover {border-color:#284D94;opacity:0.7}
.pic{max-width: 100%; background: #E0E0E0; text-align: center}
.pic img{max-width: 100%; margin:10px 20px ; border-radius: 10px}
.scrollup {display: none;position: fixed; z-index: 1;top: 90%; right: 20px;width: 50px; height: 50px;background: url(../img/arrow-up.png) center no-repeat; cursor: pointer;}

/*** Responsive ***/
@media screen and (max-width:1831px) {
 .jd-slogan span{ margin-left:240px;top:0}
 .logo-right img{margin: 10px 330px}
 .top-con {margin:0 470px;}
}
@media screen and (max-width:1666px) {
  .jd-slogan span{ margin-left:200px;top:0}
  .logo-right img{margin: 10px 280px}
  .top-con {margin:0 380px;}
}

@media screen and (max-width:1500px) {
  .jd-slogan span{ margin-left:160px;top:0}
  .logo-right img{margin: 10px 250px}
  .top-con {margin:0 330px;}
  .language {margin: 0 100px}
}
@media screen and (max-width:1420px) {
  .jd-slogan span{ margin-left:150px;top:0}
  .logo-right img{margin: 10px 240px}
  .top-con {margin:0 300px;}
}
@media screen and (max-width:1386px) {
  .jd-slogan span{ margin-left:120px;top:0}
  .logo-right img{margin: 10px 210px}
  .top-con {margin:0 210px;}
}
@media screen and (max-width:1238px) {
  .jd-slogan span{ margin-left:100px;top:0}
  .logo-right img{margin: 8px 190px}
  .top-con {margin:0 170px;}
}

@media screen and (max-width:1173px) {
  .jd-slogan span{ margin-left:80px;}
  .logo-right img{margin: 8px 170px}
  .top-con {margin:0 120px;}
}
@media screen and (max-width:1096px) {
  .jd-slogan span{ margin-left:70px;}
  .logo-right img{margin: 8px 160px}
  .top-con {margin:0 80px;}
}

@media screen and (max-width:1048px) {
  .jd-slogan span{ margin-left:40px;}
  .logo-right img{margin: 8px 135px}
  .top-con {margin:0 40px;}
}
@media screen and (max-width:981px) {
  .jd-slogan span{ margin-left:20px;}
  .logo-right img{margin: 8px 120px;}
  .top-con {margin:0 20px;}
   .serv-info img {
    border-radius: 10px;margin: 0}

}

@media screen and (max-width:1545px) {
  .carousel p{font-size: 130%;margin-left: 150px}
}
@media screen and (max-width:1520px) {
  .navbar a {font-size:130%;}
  .navbar{padding-left:260px;}
  .carousel p{font-size: 140%;margin-left: 130px}
  .language {padding-left: 0px; font-size: 10px}
}

@media screen and (max-width:1320px){
    .navbar a {font-size:130%;padding: 15px 7px!important;}
   .language {padding-right: 100px; font-size: 10px}
  
}

@media screen and (max-width:1210px) {
  .navbar{padding-left:200px;}
      .navbar a {font-size:130%;padding: 15px 7px!important;}
  .logo{width:380px;height:196px}
  .logo img{width: 220px; margin-left:110px}
    .language {padding-right: 120px; font-size: 10px}
}

@media screen and (max-width:1190px) {
/*   .navbar a {font-size:140%;}
  .navbar{padding-left:280px} */
  .carousel p{font-size: 120%;margin-left: 90px}
      .language {padding-right: 0px; font-size: 10px; position: absolute!important;z-index: 1!important;right: -6%}
    .navbar{padding-left:200px;}


}
@media screen and (max-width:1030px) {
  .navbar a {font-size:120%;}

  .carousel p{font-size: 100%;margin-left: 60px}
}

@media screen and (max-width:994px) {
 
  .navbar{padding-left:180px}
  .about-team span:nth-child(1) {height:auto}
   .serv-info img {
    border-radius: 10px;margin: 0}
}
@media screen and (max-width:950px) {
  .language { right: -13%}
  .navbar{padding-left:10px}
  .logo span {margin-left:70px}
  .logo{left:0;top:0px;height:162px;width:200px;background:none;box-shadow:none;border-radius:0;border: 0;transform: skew(-40deg);}
  .logo img {margin:0;height:auto;}
  .top-con{ margin:0 34px; width: 200px; display: inline-block;}
  .phone{font-size: 140%}
  .msj{width: 225px}
   .serv-info img {
    border-radius: 10px;margin: 0}
}
@media screen and (max-width:768px) {
  .top-con {display:block;width:100%;text-align:center;margin:0;border-radius:0}
  .top-con .phone {margin:auto}
  .top-con .msj {margin:auto}
  .jd-slogan { font-size: 100%; width: auto; text-align:center;padding-bottom: 10px; margin-top: 15px;}

  .logo-right img {top:10px ;margin: 0 auto!important;display: block}
  .jd-slogan span{ margin-left:0px;width: auto}

  .about-team span:nth-child(1) {height:auto}
  .phone{font-size: 139%}
  .nivaxel {margin-bottom:50px}
}
@media screen and (max-width:767px) {
  .pic img{max-width: 85%; margin:10px 0px}
  .logo {left:0;top:0px;height:auto;border-right:0;transform:skew(0);position:relative;width:auto}
  .logo img, .logo span {transform:skew(0)}
  .logo img {display:inline-block}
  .logo span {margin:10px 0}
  .phone {font-size: 150%}
  .msj {width: 300px}
  .jd-slogan {font-size: 100%; width: 100%;text-align:center; padding-bottom: 10px}
  .logo-right img {margin: auto}

   main .col-sm-6 p {margin-top: 20px}
  .jd-slogan span{ font-size: 100%; width:auto;margin: 0}
  .logo-right{text-align: center}
  .logo-right img{margin: 5px 0; width: 90px;}
  .navbar {padding-left:0}
  .navbar-toggle:before {content:'MENU'}
  .navbar-toggle {border-color:#fff;color:#fff;font-size:120%}
  .ftitle {width:100%}
  .fmenu {margin-bottom:10px}
  .flogo {display:none}
  /* Inicio */
  .arr-yellow {display: none}
  .carousel-caption {margin:0;height:110px;padding:10px;left:0px;right:0px;top:0;position: relative;transform:skew(0deg)}
  .carousel-caption p {font-size: 120%;margin:auto;left:0;top:0;position: relative;transform:skew(0deg)}
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top:25%}
  .blue-bar {top:0;left:0;transform:skew(0deg)}
  .freequote {margin-left:0}
  .freequote a {transform:skew(0deg)}
  .home-txt {margin-top:0}
  .since {height:auto;background:#fff;border-radius:20px;opacity:0.8}
  .since span {width:auto}
  .since:before {display:none}
  .projects .text-right {text-align:center}
  .projects a {margin-right:0}
  .cuadros-wrap{padding-top: 50px}
/* US */
  .about-mv p {margin-top:10px;margin-left: 0px}
.vision{padding: 0 0px}
  /* Pages */
  .ptitle {padding:0 20px;position:relative;margin-top:0;right:auto;width:100%;border-radius:0}
  .language {position: relative!important;; right: 0; margin: 0}
}
@media screen and (max-width:530px) {
  .carousel-indicators {
    bottom:0;margin-left:0;left:auto;right:25%;
    border-bottom:0; border-left:0; border-right:0;
    height: 0;width:auto;transform:rotate(0deg);
  }
  .carousel-caption p {font-size: 110%;}
}
@media screen and (max-width:435px) {
  .banner {height:200px}
  .carousel-caption p {font-size: 110%;}
  .pic img{max-width: 85%; border-radius: 10px}
}