@charset "UTF-8";
@import url(reset.css);
@import url(bootstrap.css);
@import url(font-awesome.css);
@import url(flexslider.css);
@import url(webfonts.css);
/* media-queries */
/* -- EMS TÁCTICO -- */
::selection {
  background: #F41D26;
  color: #fff;
  /* Safari */ }

::-moz-selection {
  background: #F41D26;
  color: #fff;
  /* Firefox */ }

body {
  font-family: "Roboto-Regular";
  font-size: 18px;
  background: #fff;
  color: #878F98;
  overflow-x: hidden;
  letter-spacing: 1px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto-Bold";
  text-transform: uppercase;
  padding: 0;
  margin: 0; }

p {
  line-height: 180%;
  font-size: 16px; }

a {
  text-decoration: none;
  color: #878F98; }
  a:hover {
    text-decoration: none;
    color: #878F98; }

.navbar-toggle {
  padding: 20px 10px 9px 10px;
  margin-bottom: 15px; }
  .navbar-toggle .icon-bar {
    background: #fff; }

section {
  position: relative; }

.nopadding {
  padding: 0 !important; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }

.error_box {
  border: 2px solid #F41D26;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: none; }

.gracias, .noenviado, .noenviadocaptcha {
  text-align: center;
  padding: 15px 0;
  color: #fff;
  background: #87CF47;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 999;
  font-family: "Roboto-Regular";
  font-size: 18px;
  display: none; }

.noenviado, .noenviadocaptcha {
  background: #FA3E3E; }

#Container .mix {
  display: none; }

header {
  width: 100%;
  background: url(../images/fondo-header.jpg) center left no-repeat;
  background-size: cover;
  padding: 45px 0 5px 0; }
  header .top {
    margin-bottom: 40px; }
    header .top .logo {
      border-right: 1px solid #77788D;
      padding: 0 20px 0 0; }
    header .top .slogan {
      margin-left: 25px;
      margin-top: 17px;
      display: inline-block;
      font-family: "Roboto-Black";
      color: #77788D;
      letter-spacing: 2px;
      font-size: 14px;
      text-transform: uppercase;
      margin-top: 23px; }
  header .social {
    padding-top: 10px; }
    header .social h6 {
      color: #878F98;
      font-size: 13px;
      font-family: "Roboto-MediumItalic";
      border-bottom: 1px solid #F41D26;
      padding-bottom: 12px;
      padding-right: 40px;
      margin-bottom: 10px;
      letter-spacing: 0.6px; }
      header .social h6 span {
        border-bottom: 3px solid #F41D26;
        padding-bottom: 8px; }
    header .social ul {
      width: calc(100% + 19px);
      margin-left: -8px; }
      header .social ul li {
        width: 14.28%;
        float: left;
        text-align: center; }
        header .social ul li i {
          font-size: 18px; }
        header .social ul li a {
          color: #878F98; }
  header .navigation {
    width: 100%;
    background: #0E1027; }
    header .navigation:before {
      display: block;
      position: absolute;
      z-index: 0;
      content: '';
      width: 100%;
      height: 40px;
      top: 231px;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.23) 34%, rgba(125, 185, 232, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.23) 34%, rgba(125, 185, 232, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.23) 34%, rgba(125, 185, 232, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=0 );
      /* IE6-9 */ }
    header .navigation ul.nav {
      border-left: 1px solid #3f3f3f; }
      header .navigation ul.nav li a.dropdown-toggle {
        color: #EDEDED;
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Roboto-Regular"; }
      header .navigation ul.nav li .dropdown-menu {
        width: calc(100% + 40px);
        min-width: 200px;
        background: #292929;
        padding: 0;
        box-shadow: 2px 2px 4px #000; }
        header .navigation ul.nav li .dropdown-menu li {
          padding: 20px 0 20px 20px;
          border-bottom: 1px solid #393939;
          border-right: 0; }
          header .navigation ul.nav li .dropdown-menu li a {
            color: #fff;
            font-family: "Roboto-Regular";
            font-size: 16px; }
          header .navigation ul.nav li .dropdown-menu li:hover {
            background: #393939; }
      header .navigation ul.nav .after:before {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background: #F41D26;
        position: absolute;
        bottom: 0px;
        left: 0px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    header .navigation .extra-links {
      margin-top: 25px; }
      header .navigation .extra-links a {
        display: inline-block;
        margin-left: 5px;
        font-size: 13px;
        text-transform: uppercase;
        font-family: "Roboto-Black";
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #fff; }
        header .navigation .extra-links a:hover {
          color: #F41D26; }
  header .bottom {
    width: 100%;
    padding: 10px 0 9px 0; }
  header .contact {
    margin-top: 14px; }
    header .contact a {
      display: inline-block;
      margin-right: 15px; }
      header .contact a i {
        display: inline-block;
        margin-right: 0px;
        color: #F41D26; }
      header .contact a p {
        display: inline-block;
        color: #fff;
        font-size: 18px;
        font-family: "Roboto-Regular"; }
  header form .form-group input {
    border: 1px solid #F41D26;
    border-radius: 0px;
    height: 45px;
    background: transparent;
    color: #fff;
    width: 230px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg); }
    header form .form-group input::-webkit-input-placeholder {
      color: #fff;
      -webkit-transform: skew(20deg);
      -moz-transform: skew(20deg);
      -o-transform: skew(20deg);
      transform: skew(20deg); }
    header form .form-group input:-moz-placeholder {
      color: #fff;
      -webkit-transform: skew(20deg);
      -moz-transform: skew(20deg);
      -o-transform: skew(20deg);
      transform: skew(20deg); }
    header form .form-group input::-moz-placeholder {
      color: #fff;
      -webkit-transform: skew(20deg);
      -moz-transform: skew(20deg);
      -o-transform: skew(20deg);
      transform: skew(20deg); }
    header form .form-group input:-ms-input-placeholder {
      color: #fff;
      -webkit-transform: skew(20deg);
      -moz-transform: skew(20deg);
      -o-transform: skew(20deg);
      transform: skew(20deg); }
  header form button.btn {
    background: #F41D26;
    border: 1px solid #F41D26;
    border-radius: 0px;
    height: 45px;
    width: 45px;
    color: #fff;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg); }
    header form button.btn i {
      font-size: 18px;
      -webkit-transform: skew(20deg);
      -moz-transform: skew(20deg);
      -o-transform: skew(20deg);
      transform: skew(20deg); }
  header .menu nav {
    position: relative; }
    header .menu nav .openMenu {
      width: 130px; }
      header .menu nav .openMenu .nav-btn {
        text-align: center;
        border-bottom: 5px solid #F41D26;
        font-family: "Roboto-Black";
        font-size: 16px;
        text-transform: uppercase;
        padding: 25px 0 20px;
        cursor: pointer;
        border-right: 1px solid #3f3f3f;
        color: #fff;
        letter-spacing: 0.6px; }
        header .menu nav .openMenu .nav-btn:hover {
          color: #F41D26; }
      header .menu nav .openMenu .submenu {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 230px;
        background: #F7F7F7;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
        padding: 5px 28px 5px 28px;
        z-index: 1500; }
        header .menu nav .openMenu .submenu li {
          font-family: "Roboto-Black";
          font-size: 12px;
          text-transform: uppercase;
          padding: 8px 0;
          border-bottom: 1px solid #d9d9d9;
          color: #7c7c7c;
          cursor: pointer;
          position: relative; }
          header .menu nav .openMenu .submenu li:last-child {
            border: none; }
          header .menu nav .openMenu .submenu li:hover {
            color: #F41D26; }
            header .menu nav .openMenu .submenu li:hover .in-side {
              display: block; }
          header .menu nav .openMenu .submenu li .in-side {
            display: none;
            width: 800px;
            background: #FFF;
            position: absolute;
            top: -130px;
            left: 200px;
            z-index: 100; }
            header .menu nav .openMenu .submenu li .in-side:before {
              content: '';
              display: block;
              width: 70px;
              height: 50px;
              position: absolute;
              top: 55px;
              left: -70px; }
            header .menu nav .openMenu .submenu li .in-side ul {
              padding: 30px 15px 0 15px; }
              header .menu nav .openMenu .submenu li .in-side ul:before {
                position: absolute;
                content: '';
                display: block;
                background: transparent;
                left: -30px;
                top: 0;
                width: 30px;
                height: 100%; }
              header .menu nav .openMenu .submenu li .in-side ul li {
                width: 16.5%;
                float: left;
                border: none;
                margin-bottom: 30px;
                font-family: inherit;
                font-size: inherit;
                text-transform: inherit;
                padding: 0; }
                header .menu nav .openMenu .submenu li .in-side ul li a {
                  text-decoration: none; }
                  header .menu nav .openMenu .submenu li .in-side ul li a div {
                    padding: 0 15px; }
                    header .menu nav .openMenu .submenu li .in-side ul li a div figure {
                      background: #fff;
                      margin-bottom: 10px;
                      overflow: hidden;
                      border-bottom: 2px solid #878F98;
                      padding-bottom: 10px; }
                      header .menu nav .openMenu .submenu li .in-side ul li a div figure img {
                        width: 100%;
                        height: auto;
                        vertical-align: middle;
                        -webkit-transition: all 0.3s;
                        -moz-transition: all 0.3s;
                        -o-transition: all 0.3s;
                        transition: all 0.3s; }
                    header .menu nav .openMenu .submenu li .in-side ul li a div span {
                      display: block;
                      font-size: 12px !important;
                      color: #5A6167;
                      font-family: "Roboto-Regular" !important;
                      text-transform: none;
                      line-height: 150%; }
                  header .menu nav .openMenu .submenu li .in-side ul li a:hover div span {
                    /*color: $color1 !important;*/
                    color: #1e1e1e !important; }
                  header .menu nav .openMenu .submenu li .in-side ul li a:hover div figure img {
                    /*@include vendor-prefix(transform, scale(1.1));*/ }
                header .menu nav .openMenu .submenu li .in-side ul li:hover {
                  -webkit-box-shadow: 0px 0px 5px rgba(30, 30, 30, 0.3);
                  -moz-box-shadow: 0px 0px 5px rgba(30, 30, 30, 0.3);
                  -o-box-shadow: 0px 0px 5px rgba(30, 30, 30, 0.3);
                  box-shadow: 0px 0px 5px rgba(30, 30, 30, 0.3); }
              header .menu nav .openMenu .submenu li .in-side ul:after {
                content: '';
                display: block;
                clear: both; }
      header .menu nav .openMenu:hover .submenu {
        display: block; }

@media screen and (max-width: 991px) {
  header .top .slogan {
    margin-left: 5px;
    display: none; } }

@media screen and (max-width: 767px) {
  header {
    background: #1D2044;
    padding: 5px 0 5px 0; }
    header .social {
      padding-bottom: 20px;
      padding-top: 20px; }
      header .social h6 {
        font-size: 16px; }
        header .social h6 span {
          padding-left: 15px; }
    header .navigation {
      border-bottom: 0 !important;
      background: none; }
      header .navigation:before {
        display: none; }
      header .navigation nav.navbar {
        border: none !important; }
      header .navigation ul.nav {
        border-left: none !important;
        padding-left: 15px;
        padding-right: 15px; }
        header .navigation ul.nav li {
          border-right: none; }
          header .navigation ul.nav li a.dropdown-toggle {
            border-bottom: 1px solid rgba(184, 190, 237, 0.17);
            padding-top: 20px;
            padding-bottom: 20px; }
          header .navigation ul.nav li .dropdown-menu {
            width: 100%;
            background: #0E1027;
            padding: 0;
            box-shadow: inset 0px 0px 4px #000; }
            header .navigation ul.nav li .dropdown-menu li {
              padding: 10px 0 10px 10px;
              border-bottom: 1px solid rgba(184, 190, 237, 0.17);
              border-right: 0; }
    header form {
      margin: 0 !important;
      padding-left: 15px;
      padding-right: 15px; }
      header form .form-group {
        width: calc(100% - 60px); }
        header form .form-group input {
          width: 100%; }
    header .contact {
      padding-left: 15px;
      padding-right: 15px; } }

/*footer*/
footer {
  width: 100%;
  background: url(../images/back-footer.jpg) center left no-repeat;
  background-size: cover; }
  footer .top {
    padding: 35px 0;
    background: #252526;
    position: relative; }
    footer .top:before {
      display: block;
      position: absolute;
      z-index: 0;
      content: '';
      width: 100%;
      height: 100px;
      bottom: -100px;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.23) 34%, rgba(125, 185, 232, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.23) 34%, rgba(125, 185, 232, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.23) 34%, rgba(125, 185, 232, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=0 );
      /* IE6-9 */ }
    footer .top .logo {
      border-right: 1px solid #5B6168;
      padding-right: 30px; }
    footer .top .social {
      padding-top: 10px; }
      footer .top .social h6 {
        color: #878F98;
        font-size: 13px;
        font-family: "Roboto-MediumItalic";
        font-style: italic;
        border-bottom: 1px solid #F41D26;
        padding-bottom: 12px;
        padding-right: 40px;
        margin-bottom: 10px; }
        footer .top .social h6 span {
          border-bottom: 3px solid #F41D26;
          padding-bottom: 8px;
          color: #878F98; }
      footer .top .social ul {
        width: calc(100% + 19px);
        margin-left: -8px; }
        footer .top .social ul li {
          width: 14.28%;
          float: left;
          text-align: center; }
          footer .top .social ul li i {
            font-size: 23px; }
          footer .top .social ul li a {
            color: #878F98; }
  footer .navigation {
    width: 100%;
    padding: 35px 0 0 0; }
    footer .navigation .contact a {
      display: block;
      margin-right: 15px;
      font-size: 18px;
      margin-bottom: 0;
      font-family: "Roboto-Medium"; }
      footer .navigation .contact a i {
        display: inline-block;
        margin-right: 0px;
        color: #F41D26; }
      footer .navigation .contact a p {
        display: inline-block;
        color: #fff;
        font-size: 18px;
        font-family: "Roboto-Regular";
        margin: 0; }
    footer .navigation .menuFooter nav {
      margin-top: 11px; }
      footer .navigation .menuFooter nav a {
        font-size: 13px;
        color: #fff;
        padding: 0 10px;
        position: relative;
        font-family: "Roboto-Medium"; }
        footer .navigation .menuFooter nav a:last-child {
          padding-right: 0; }
          footer .navigation .menuFooter nav a:last-child:after {
            display: none; }
        footer .navigation .menuFooter nav a:after {
          content: '';
          display: block;
          height: 30px;
          width: 1px;
          background: #5B6168;
          position: absolute;
          top: 0px;
          bottom: 0px;
          margin: auto;
          right: 0px; }
  footer .bottom {
    width: 100%;
    padding: 22px 0 35px 0; }
    footer .bottom h2 {
      font-size: 18px;
      text-transform: none;
      font-style: italic;
      color: #fff;
      padding-left: 15px;
      margin-top: 22px;
      letter-spacing: 1px;
      font-family: "Roboto-BoldItalic"; }
    footer .bottom form .form-group input {
      border: 1px solid #F41D26;
      border-radius: 0px;
      height: 45px;
      background: transparent;
      color: #252526;
      width: 230px;
      font-family: "Roboto-LightItalic";
      font-size: 14px;
      letter-spacing: 0.63px;
      -webkit-transform: skew(-20deg);
      -moz-transform: skew(-20deg);
      -ms-transform: skew(-20deg);
      -o-transform: skew(-20deg);
      transform: skew(-20deg); }
      footer .bottom form .form-group input::-webkit-input-placeholder {
        color: #fff;
        -webkit-transform: skew(0deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg); }
      footer .bottom form .form-group input:-moz-placeholder {
        color: #fff;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg); }
      footer .bottom form .form-group input::-moz-placeholder {
        color: #fff;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg); }
      footer .bottom form .form-group input:-ms-input-placeholder {
        color: #fff;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg); }
    footer .bottom form button {
      background: #F41D26;
      border: 1px solid #F41D26;
      border-radius: 0px;
      height: 45px;
      width: 45px;
      color: #fff;
      -webkit-transform: skew(-20deg);
      -moz-transform: skew(-20deg);
      -ms-transform: skew(-20deg);
      -o-transform: skew(-20deg);
      transform: skew(-20deg); }
      footer .bottom form button i {
        font-size: 18px;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg); }
    footer .bottom .logoMexico img {
      margin-top: 7px; }

@media screen and (max-width: 768px) {
  footer {
    background: none; }
    footer .navigation {
      background-color: #252526;
      padding: 0 0 35px 0; }
      footer .navigation .menuFooter {
        float: none !important; }
        footer .navigation .menuFooter nav a {
          padding: 10px 10px;
          display: block;
          border-bottom: 1px solid #353535; }
          footer .navigation .menuFooter nav a:last-child {
            padding-right: 10px;
            border-bottom: none; }
          footer .navigation .menuFooter nav a:after {
            display: none; }
    footer .bottom {
      width: 100%;
      padding: 22px 0 0 0;
      background: #171717; }
      footer .bottom .ems-tactico {
        margin-bottom: 10px; }
      footer .bottom h2 {
        font-family: "Roboto-Regular";
        font-size: 18px;
        text-transform: none;
        font-style: italic;
        border-left: 3px solid #F41D26;
        color: #fff;
        padding-left: 15px;
        margin-top: 22px; }
      footer .bottom form .form-group {
        width: calc(100% - 70px);
        display: inline-block; }
        footer .bottom form .form-group input {
          width: 100%; }
      footer .bottom form button {
        margin-top: -5px; } }

@media screen and (max-width: 480px) {
  footer .bottom h2 {
    display: none; } }

/*home*/
.home .flexslider ul li {
  position: relative;
  width: 100%;
  height: auto; }
  .home .flexslider ul li .container {
    height: 100%; }
    .home .flexslider ul li .container .row {
      height: 100%; }
      .home .flexslider ul li .container .row .col-xs-12 {
        height: 100%;
        position: relative; }
  .home .flexslider ul li .caption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999; }
    .home .flexslider ul li .caption .cont {
      position: absolute;
      left: 15px;
      bottom: 25%; }
      .home .flexslider ul li .caption .cont h1 {
        font-size: 64px;
        font-family: "Roboto-Black";
        color: #fff;
        margin: 0 0 15px 0; }
      .home .flexslider ul li .caption .cont h2 {
        font-size: 32px;
        font-family: "Roboto-Bold";
        color: #F41D26;
        margin: 0 0 15px 0; }
      .home .flexslider ul li .caption .cont a {
        display: block;
        width: 120px;
        padding: 8px 0 10px 0;
        color: #fff;
        background: #F41D26;
        text-align: center;
        font-size: 18px;
        font-family: "Roboto-Bold";
        text-transform: uppercase;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .home .flexslider ul li .caption .cont a:hover {
          box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
          transform: translate(0%, 1px);
          -webkit-transform: translate(0%, 1px);
          -moz-transform: translate(0%, 1px);
          -ms-transform: translate(0%, 1px);
          -o-transform: translate(0%, 1px); }

.home .bannerMovil {
  /*height: 400px; width: 100%;
		ul{
			height: 400px;width: 100%;

			li{
				height: 400px; width: 100%;
			}
		}*/ }
  .home .bannerMovil .slides li {
    width: 100%;
    height: 220px; }

.home .miniBanner img.tit {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 50%; }

.home .miniBanner .back {
  width: 100%; }

.home .video {
  width: 100%;
  height: 555px;
  background: url(../images/h-video-banner.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  text-align: center; }
  .home .video a {
    display: block;
    height: 100%;
    width: 100%; }
  .home .video .play {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 150px;
    max-width: 485px; }
    .home .video .play h5 {
      font-size: 48px;
      font-family: "Roboto-Black";
      color: #fff;
      margin-top: 15px;
      text-shadow: 0px 2px 20px #000000; }

.home .logos {
  margin: 11px 0 10px 0; }
  .home .logos .block {
    padding-left: 15px;
    padding-right: 15px; }
    .home .logos .block .img {
      width: 100%;
      padding-bottom: 100%;
      position: relative; }
      .home .logos .block .img img {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        max-width: 100%; }
      .home .logos .block .img:after {
        content: '';
        display: block;
        height: 90px;
        width: 1px;
        background: #D9D9D9;
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        right: -15px; }
    .home .logos .block:last-child .img:after {
      display: none; }

@media screen and (max-width: 991px) {
  .home .flexslider ul li .caption .cont h1 {
    font-size: 42px; }
  .home .flexslider ul li .caption .cont h2 {
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .home .flexslider ul li .caption .cont h1 {
    font-size: 42px; }
  .home .flexslider ul li .caption .cont h2 {
    font-size: 18px; }
  .home .flexslider ul li .caption .cont a {
    padding: 5px;
    font-family: "Roboto-Bold";
    font-size: 18px; } }

@media screen and (max-width: 767px) {
  .home .miniBanner img.tit {
    width: 70%; }
  .home .video {
    height: 430px; }
    .home .video .play {
      bottom: 50px;
      text-align: center; }
      .home .video .play img {
        float: none;
        margin-right: auto; }
  .home .logos .block .img {
    padding-bottom: 80%; }
  .home .bannerMovil .slides li {
    width: 100%;
    height: 300px; } }

@media screen and (max-width: 480px) {
  .home .bannerMovil .slides li {
    width: 100%;
    height: 210px; } }

@media screen and (max-width: 320px) {
  .home .bannerMovil .slides li {
    width: 100%;
    height: 170px; } }

.destacados {
  padding: 75px 0 0 0; }
  .destacados h4 {
    color: #1D2044;
    text-align: center;
    font-size: 24px;
    font-family: "Roboto-Black";
    letter-spacing: 1.11px;
    padding-bottom: 40px; }
    .destacados h4:before {
      width: 60px;
      height: 5px;
      display: block;
      content: '';
      position: absolute;
      bottom: 20px;
      margin: auto;
      left: 0;
      right: 0;
      background: #1D2044; }
  .destacados .img {
    padding-bottom: 50% !important; }

.promociones {
  padding: 75px 0 0 0; }
  .promociones h4 {
    color: #F41D26;
    text-align: center;
    border-bottom: 4px solid #F41D26;
    font-size: 22px;
    font-family: "Roboto-Black";
    padding-bottom: 20px;
    margin: 0 0 40px 0; }
  .promociones .warpPromos .block {
    text-align: center;
    margin-bottom: 50px; }
    .promociones .warpPromos .block a:hover .img .mas {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .promociones .warpPromos .block .img img {
      width: 100%;
      height: auto;
      /*max-width: 400px;*/ }
    .promociones .warpPromos .block .img .mas {
      height: 85px;
      width: 85px;
      background: rgba(20, 23, 26, 0.75);
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto;
      z-index: 999;
      border-radius: 50%;
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: scale(0.3);
      -moz-transform: scale(0.3);
      -o-transform: scale(0.3);
      transform: scale(0.3); }
      .promociones .warpPromos .block .img .mas:after {
        content: '';
        display: block;
        height: 40px;
        width: 1px;
        background: #fff;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto; }
      .promociones .warpPromos .block .img .mas:before {
        content: '';
        display: block;
        height: 1px;
        width: 40px;
        background: #fff;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto; }

/*Warp Productos*/
.warpProd {
  margin-top: 40px; }
  .warpProd .block {
    text-align: center;
    margin-bottom: 50px; }
    .warpProd .block a:hover .img .mas {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .warpProd .block .img {
      width: 100%;
      padding-bottom: 100%;
      position: relative; }
      .warpProd .block .img img {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: auto;
        max-width: 90%;
        min-width: 60%;
        max-height: 100%; }
      .warpProd .block .img .mas {
        height: 85px;
        width: 85px;
        background-image: url("../images/mas.png");
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        z-index: 999;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3); }
        .warpProd .block .img .mas:before {
          content: '';
          display: block;
          height: 1px;
          width: 40px;
          background: #fff;
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0px;
          right: 0px;
          margin: auto; }
    .warpProd .block h6 {
      font-size: 18px;
      color: #878F98;
      margin: 20px 0 10px 0;
      border-top: 4px solid #D9D9D9;
      font-family: "Roboto-Bold";
      text-transform: none;
      padding-top: 15px;
      letter-spacing: 0.5px; }
    .warpProd .block p {
      color: #CB2C30;
      font-size: 14px;
      font-family: "Roboto-BlackItalic";
      margin: 0;
      letter-spacing: 0.63px; }

/*categoria*/
.categoria {
  padding: 40px 0 0 0; }
  .categoria h4 {
    font-size: 24px;
    font-family: "Roboto-Black";
    padding-bottom: 15px;
    border-bottom: 4px solid #1D2044;
    margin-bottom: 20px;
    letter-spacing: 1.11px; }
    .categoria h4 span {
      font-size: 18px;
      font-family: "Roboto-Medium";
      letter-spacing: 0.83px;
      color: #878F98; }
  .categoria .filtros p {
    font-size: 14px;
    color: #878F98;
    font-family: "Roboto-Light";
    margin: 0;
    float: left;
    margin-right: 10px; }
    .categoria .filtros p i {
      color: #F41D26;
      margin-right: 10px;
      font-size: 14px; }
  .categoria .filtros button {
    border-radius: 5px;
    height: 30px;
    border: none;
    padding: 0 5px;
    font-size: 14px;
    font-family: "Roboto-MediumItalic";
    color: #878F98;
    background: none;
    outline: 0;
    letter-spacing: 0.53px; }
    .categoria .filtros button:focus {
      outline: 0; }
  .categoria .filtros .selectB {
    background: #EDEDED; }
  .categoria .warpProd {
    margin: 40px 0 0 0;
    padding-bottom: 50px; }

/*item*/
.item {
  padding: 90px 0 0 0; }
  .item h4 {
    font-size: 20px;
    font-family: "Roboto-Black";
    padding-bottom: 15px;
    margin-bottom: 20px; }
    .item h4 span {
      color: #F41D26; }
  .item .imgBig {
    width: 100%; }
    .item .imgBig img {
      width: 100%; }
  .item .redes {
    margin-top: 70px; }
    .item .redes li {
      width: 25%;
      float: left;
      text-align: center; }
    .item .redes #twitter-widget-0 {
      margin-top: 5px; }
    .item .redes .google {
      margin-top: 5px; }
  .item .info .text {
    font-size: 16px;
    font-family: "Roboto-Light";
    margin: 0;
    letter-spacing: 0.44px;
    color: #878F98;
    line-height: 210%;
    border-bottom: 4px solid #1D2044;
    padding-bottom: 40px;
    margin-bottom: 10px; }
    .item .info .text strong {
      color: #878F98;
      font-size: 12px;
      font-family: "Roboto-Bold";
      text-transform: uppercase; }
  .item .info p {
    float: left; }
  .item .info .sku {
    color: #CB2C30;
    font-size: 14px;
    letter-spacing: 0.38px;
    font-family: "Roboto-BlackItalic";
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-style: italic;
    padding-bottom: 0;
    border-bottom: 0; }
  .item .info h6 {
    color: #1D2044;
    font-family: "Roboto-Black";
    font-size: 24px;
    letter-spacing: 1.11px;
    text-transform: uppercase;
    padding-bottom: 30px; }
  .item .info a {
    display: inline-block;
    margin-right: 25px; }
    .item .info a i {
      color: #CB2C30;
      float: left;
      margin-right: 7px;
      margin-top: 5px; }
  .item .info a.guiaTallas {
    margin-top: 0px; }
    .item .info a.guiaTallas img {
      margin: 5px 5px 0 0;
      float: left; }
  .item .info ul {
    float: left;
    margin-right: 20px;
    margin-top: 5px; }
    .item .info ul li {
      float: left;
      margin-left: 10px; }
  .item .info ul.tallas li {
    color: #CB2C30;
    font-size: 16px;
    font-family: "Roboto-Bold"; }
  .item .info ul.colores li {
    height: 25px;
    width: 25px;
    border: 1px solid #979797;
    border-radius: 50%;
    margin-right: 5px; }
  .item .info ul.colores .cafe {
    background: #8A6A41; }
  .item .info ul.colores .rojo {
    background: #E82E3A; }
  .item .info ul.colores .negro {
    background: #48474E; }

@media screen and (max-width: 768px) {
  .item .info {
    padding-top: 50px; } }

/* empresa */
.empresa {
  padding: 50px 0 0 0; }
  .empresa .title {
    border-bottom: 4px solid #1D2044;
    padding-bottom: 15px;
    margin-bottom: 20px; }
    .empresa .title h1 {
      font-family: "Roboto-Black";
      font-size: 24px;
      letter-spacing: 1.11px;
      text-transform: uppercase;
      color: #1D2044; }
    .empresa .title .leng {
      text-align: right; }
      .empresa .title .leng a {
        font-size: 16px;
        font-family: "Roboto-Bold";
        color: #F41D26; }
  .empresa article p {
    font-family: "Roboto-Light";
    color: #878F98;
    letter-spacing: 0.44px;
    padding-right: 100px;
    margin-bottom: 30px; }
    .empresa article p b {
      font-family: "Roboto-Bold"; }
  .empresa figure {
    margin-bottom: 40px; }
    .empresa figure img {
      width: 100%;
      height: auto;
      vertical-align: middle; }
  .empresa blockquote {
    border-color: #F41D26;
    margin: 65px 0 75px 0; }
    .empresa blockquote h4 {
      text-transform: inherit !important;
      line-height: 170%;
      font-family: "Roboto-Bold";
      letter-spacing: 0.5px;
      color: #5A6167;
      font-size: 18px;
      margin-left: 30px; }
  .empresa .marcas {
    padding: 70px 0;
    background: #F6F6F6; }
    .empresa .marcas h3 {
      text-align: center;
      margin-bottom: 75px;
      line-height: 150%;
      font-family: "Roboto-Black";
      color: #1D2044;
      position: relative; }
      .empresa .marcas h3:before {
        width: 60px;
        height: 5px;
        display: block;
        content: '';
        position: absolute;
        bottom: -20px;
        margin: auto;
        left: 0;
        right: 0;
        background: #1D2044; }
    .empresa .marcas .listado {
      margin-top: 40px; }
      .empresa .marcas .listado .item {
        padding: 0;
        border-bottom: 1px solid #e8e8e8;
        position: relative; }
        .empresa .marcas .listado .item:before {
          content: '';
          display: block;
          width: 1px;
          height: 100%;
          background: #e8e8e8;
          position: absolute;
          top: 0;
          right: 0; }
        .empresa .marcas .listado .item:last-child:before, .empresa .marcas .listado .item:nth-child(4n+4):before {
          display: none; }
        .empresa .marcas .listado .item div {
          position: relative;
          min-height: 150px;
          mix-blend-mode: multiply; }
          .empresa .marcas .listado .item div img {
            position: absolute; }
        .empresa .marcas .listado .item p {
          text-align: center;
          font-family: "Roboto-Regular"; }
  .empresa .frase {
    background: #000;
    padding: 110px 0;
    color: #fff; }
    .empresa .frase h2 {
      font-family: "Roboto-Black";
      font-size: 18px;
      text-align: center;
      line-height: 170%;
      letter-spacing: 0.83px; }
      .empresa .frase h2 span {
        color: #F41D26; }

@media screen and (max-width: 991px) {
  .empresa article p {
    padding-right: 15px; }
  .empresa .marcas .listado .item:nth-child(4n+4):before {
    display: block; }
  .empresa .marcas .listado .item:nth-child(3n+0):before {
    display: none; } }

@media screen and (max-width: 767px) {
  .empresa article p {
    padding-right: 15px; }
  .empresa .marcas .listado .item:nth-child(3n+0):before {
    display: block; }
  .empresa .marcas .listado .item:nth-child(2n+0):before {
    display: none; } }

/* avisos */
.avisos {
  padding: 50px 0; }
  .avisos h1 {
    border-bottom: 4px solid #1D2044;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #1D2044; }
  .avisos article p {
    font-family: "Roboto-Light";
    margin-bottom: 20px;
    font-size: 14px; }
    .avisos article p strong {
      display: block;
      font-family: "Roboto-Bold"; }
  .avisos article ul, .avisos article ol {
    list-style-type: disc;
    padding: 0 0 0 40px;
    margin-bottom: 20px; }
    .avisos article ul li, .avisos article ol li {
      line-height: 160%;
      margin-bottom: 10px;
      font-family: "Roboto-Light";
      font-size: 14px; }
  .avisos article ol {
    list-style-type: upper-latin; }
  .avisos article a {
    color: #878F98;
    font-family: "Roboto-Bold"; }
    .avisos article a:hover {
      color: #1D2044; }
  .avisos .formas-pago figure img {
    width: 100%;
    height: auto;
    max-width: 400px; }
  .avisos .video-instrucciones {
    margin-top: 40px; }

/* contacto */
.contacto {
  padding: 50px 0 0 0; }
  .contacto .title {
    border-bottom: 4px solid #1D2044;
    padding-bottom: 15px;
    margin-bottom: 20px; }
    .contacto .title h1 {
      font-size: 20px;
      display: inline-block;
      margin-left: 15px;
      color: #1D2044; }
    .contacto .title i {
      color: #1D2044; }
  .contacto .forma {
    margin-bottom: 40px; }
    .contacto .forma h4, .contacto .forma p {
      text-transform: inherit;
      font-size: 16px;
      margin-bottom: 20px;
      font-family: "Roboto-Light"; }
    .contacto .forma label {
      font-size: 13px;
      color: #1D2044;
      text-transform: uppercase;
      font-family: "Roboto-Regular"; }
    .contacto .forma .form-control {
      width: 100%;
      height: 45px; }
    .contacto .forma input, .contacto .forma textarea {
      border-color: #252526; }
      .contacto .forma input:focus, .contacto .forma input:active, .contacto .forma textarea:focus, .contacto .forma textarea:active {
        border-color: #1D2044;
        box-shadow: none; }
      .contacto .forma input[type="submit"], .contacto .forma textarea[type="submit"] {
        background: #F41D26;
        color: #fff;
        font-family: "Roboto-Regular";
        text-transform: uppercase;
        font-size: 13px;
        border-color: #F41D26;
        padding: 10px 20px;
        outline: none; }
    .contacto .forma textarea {
      min-height: 100px; }
    .contacto .forma .captcha input {
      padding-top: 30px;
      padding-bottom: 30px; }
    .contacto .forma .error_box {
      font-family: "Roboto-Regular";
      font-size: 14px; }
    .contacto .forma small {
      font-size: 12px; }
  .contacto .ubicacion {
    margin-bottom: 40px; }
    .contacto .ubicacion p {
      font-family: "Roboto-Light";
      margin-bottom: 20px;
      color: #878F98; }
    .contacto .ubicacion i {
      margin-right: 10px;
      color: #1D2044; }
    .contacto .ubicacion .cel-fu {
      margin-bottom: 0; }
    .contacto .ubicacion hr {
      margin-top: 0; }
    .contacto .ubicacion a {
      color: #333;
      font-weight: bold; }
      .contacto .ubicacion a:hover {
        color: #F41D26;
        text-decoration: underline; }
    .contacto .ubicacion .fa-map-marker {
      color: #1D2044; }

#map_canvas {
  width: 100%;
  height: 550px; }
  #map_canvas .firstHeading {
    font-size: 18px;
    color: #1D2044;
    font-family: "Roboto-Black";
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 10px; }
  #map_canvas .bodyContent p {
    font-size: 14px;
    line-height: 160%;
    font-family: "Roboto-Regular"; }
    #map_canvas .bodyContent p i {
      color: #1D2044;
      margin-right: 10px; }

@media screen and (max-width: 767px) {
  #map_canvas {
    width: 100%;
    height: 400px; } }

@media screen and (max-width: 480px) {
  #map_canvas {
    width: 100%;
    height: 250px; } }

.msggracias, .msgnoenviado {
  width: 100%;
  padding: 15px 0;
  text-align: center;
  background: #63bc66;
  color: #fff;
  font-family: "Roboto-Regular";
  display: none; }

.msgnoenviado {
  background: #df3123; }

.modal.in .modal-dialog {
  z-index: 1050; }
  .modal.in .modal-dialog .modal-content .modal-body figure {
    text-align: center; }
    .modal.in .modal-dialog .modal-content .modal-body figure img {
      width: 100%;
      height: auto;
      max-width: 490px; }

/* -- EXTRA -- */
.navigation2 {
  padding-top: 0 !important;
  padding-bottom: 20px !important;
}