/*################################################
  ESTILOS GENERALES
  ################################################*/
html {
  font-size: 15px; }

body {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden; }

.maxHeightDiv {
  height: 200px; }

  .carousel.pointer-event {
    touch-action: pan-y pinch-zoom;
  }

/*################################################
  ESTILO PARA MENU
  ################################################*/
.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10000;
  width: 100%; }

nav {
  background: #0061a9;
  min-height: 60px; }

.mi-menu .navbar-nav li a {
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 15px; }

.navbar-light .navbar-brand {
  color: #ffffff; }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: #ffffff; }

.navbar-light .navbar-nav .nav-link {
  color: #ffffff; }

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #ccc !important; }

.dropdown-menu {
  background: #0061a9 !important;
  min-height: 60px; }

.dropdown-item:focus,
.dropdown-item:hover {
  color: #000;
  background-color: #03406e !important; }

.navbar-nav > li > .dropdown-menu {
  background-color: #ff0000; }

/*################################################*/
/*################################################
  ESTILO PARA REDES SOCIALES
  ################################################*/
.redes-sociales .navbar-nav li a i {
  color: #fff;
  font-size: 1.2rem;
  padding: 1rem 0.5rem;
  opacity: 0.4;
  transition: all 0.5s ease-in-out; }

.redes-sociales .navbar-nav li a i:hover {
  opacity: 1;
  transform: scale(1.5) rotate(360deg); }

.navbar .nav-flex-icons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row; }

/*################################################*/
/*################################################*/
/*################################################
  ESTILO PARA REDES SOCIALES2
  ################################################*/
.redes-sociales2 .navbar-nav li a i {
  color: #fff;
  font-size: 2.5rem;
  padding: 0rem 1rem;
  opacity: 0.3;
  transition: all 0.5s ease-in-out; }

.redes-sociales2 .navbar-nav li a i:hover {
  opacity: 1;
  transform: scale(1.5) rotate(360deg); }

.navbar .nav-flex-icons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row; }

/*################################################*/
/*################################################
  ESTILO PARA CAROUSEL
  ################################################*/
#carousel {
  padding: 0px 0px; }

#carousel .carousel-caption {
  position: absolute;
  padding: 15px 10px; }

.carousel-control-prev-icon {
  background-color: #2b2e31;
  height: 30px;
  width: 30px; }

.carousel-control-next-icon {
  background-color: #2b2e31;
  height: 30px;
  width: 30px; }

/*
  Removes white gap between slides - chagnge to base color of slide images
  */
#carousel .carousel {
  background: #fff; }

/*
  Forces image to be 100% width and not max width of 100%
  */
#carousel .carousel-item .img-fluid {
  width: 100%; }

/* 
  anchors are inline so you need ot make them block to go full width
  */
#carousel .carousel-item a {
  display: block;
  width: 100%; }

/*################################################*/
/*################################################
  ESTILO PARA CARDS2
################################################*/
.auxcard {
  margin-top: 30px; }

#tcat {
  font-size: 3em !important;
  font-family: "Montserrat", sans-serif;
  margin-top: 50px; }

#tcat .container {
  padding: 0px !important; }

/*################################################*/
/*################################################
  ESTILO PARA CATALOGOS
################################################*/
#catalaogos {
  padding-top: 30px; }

/*################################################
  ESTILO PARA CARDS
################################################*/
#my-cards .card {
  margin-top: 10px; }

#my-cards .container {
  max-width: 90% !important; }

/*
flip card
*/
.card-flip > div {
  backface-visibility: hidden;
  transition: transform 300ms;
  transition-timing-function: linear;
  width: 100%;
  height: 100%;
  margin: 2;
  display: flex; }

.card-front {
  transform: rotateY(0deg); }

.card-back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
  background-color: #0061a9 !important; }

.card-flip:hover .card-front {
  transform: rotateY(-180deg); }

.card-flip:hover .card-back {
  transform: rotateY(0deg); }

/*
ESTILO PARA PARALLAX
*/
#my-cards {
  background: url(../images/parallax/test1.jpg);
  background-attachment: fixed;
  background-position: unset;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 55px; }

element.style {
  opacity: 0.4;
  background-color: #232323; }

.mbr-overlay {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0; }

.wtitle {
  padding: 150px 20px; }

.wtitle h2 {
  font-size: 36px;
  font-weight: bold; }

/*################################################*/
/*################################################
ESTILO PARA CLIENTES
################################################*/
#clientes .container {
  max-width: 90% !important; }

/*################################################
ESTILO PARA SECCION1
################################################*/
#secprin1 {
  margin-top: 30px; }

.titulo_sec1 h3 {
  background-color: #005ca9;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #005ca9;
  margin: 0px; }

.contprin1 .container {
  max-width: 90% !important;
  padding-top: 10px;
  padding-bottom: 30px; }

.imgsec1 {
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px; }

.txtsec1 {
  font-weight: 400;
  font-size: 1.3rem; }

/*################################################
ESTILO PARA SECCION2
################################################*/
#secprin2 {
  margin-top: 30px; }

.titulo_sec2 h3 {
  background-color: #eeeeee;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #005ca9;
  margin: 0px; }

.contprin2 .container {
  max-width: 90% !important;
  padding-top: 10px;
  padding-bottom: 30px; }

.imgsec2 {
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px; }

.txtsec2 {
  font-weight: 400;
  font-size: 1.3rem; }

/*################################################
ESTILO PARA TITULOS
################################################*/
.titulo1 h3 {
  background-image: url("/images/gral/titulos.jpg");
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #fff; }

  .buenfin h3 {
    background-image: url("/images/gral/titulos2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #fff; }

/*##############################################
ESTILO PARA MARCAS
################################################*/
#tmarcas {
  margin-top: 50px;
  font-family: "Montserrat", sans-serif; }

#marcas {
  margin-top: 20px; }

#tmarcas .container {
  padding: 0px !important; }

/*##############################################
ESTILO PARA CERTIFICACIONES
################################################*/
#certificaciones {
  margin-top: 20px; }

#tcert {
  margin-top: 100px; }

#tcert .container {
  padding: 0px !important; }

/*##############################################
ESTILO PARA FOOTER
################################################*/
.red {
  color: white !important; }

footer {
  background-color: #0061a9;
  padding: 60px 0;
  margin-top: 50px;
  color: white; }
  footer .footer-widget h3 {
    margin-bottom: 30px;
    color: #221b1b; }
  footer .footer-widget .icon-footer {
    font-size: 1.3rem;
    margin-right: 10px; }
  footer .footer-widget .footer-widget-content a {
    margin-top: 15px; }
  footer .footer-widget .footer-widget-content .media2 {
    margin-top: 13px; }
  footer .footer-widget .footer-widget-content .media-left {
    margin-right: 20px; }
  footer .contact-link {
    display: inline-block;
    width: 100%;
    color: #fff; }
  footer .footer-social ul {
    padding-left: 0; }
    footer .footer-social ul li {
      list-style: none;
      float: left;
      padding: 0 10px; }
      footer .footer-social ul li:first-child {
        padding-left: 0; }
      footer .footer-social ul li a {
        font-size: 25px;
        color: #fff; }
        footer .footer-social ul li a:hover {
          color: #fff; }
        footer .footer-social ul li a i {
          color: #fff;
          font-size: 1.2rem;
          padding: 1rem 0.5rem;
          opacity: 0.4;
          transition: all 0.5s ease-in-out; }
        footer .footer-social ul li a i:hover {
          opacity: 1;
          transform: scale(1.5) rotate(360deg); }
  footer .opening-time {
    padding-left: 0; }
    footer .opening-time li {
      list-style: none; }
      footer .opening-time li span {
        float: left;
        padding-right: 10px; }
        footer .opening-time li span .fa-times {
          color: white; }
      footer .opening-time li strong {
        color: white; }
  footer .media-body a {
    color: white; }
    footer .media-body a:hover {
      color: white; }
  footer .media-body span {
    color: #ffffff; }
  footer .images-gellary ul {
    padding-left: 0; }
    footer .images-gellary ul li {
      list-style: none;
      float: left;
      margin: 0 3% 2% 0;
      width: 31%;
      position: relative; }
      footer .images-gellary ul li:nth-child(3n) {
        margin: 0 0 1%; }

/* Por debajo de 400px */
@media screen and (max-width: 400px) {
  #my-cards .container {
    max-width: 100% !important;
    padding-left: 5px;
    padding-right: 5px; }

  .contenido {
    font-size: 12px; }

  .titulo {
    font-size: 25px; }

  .card__face--back {
    background: greenyellow;
    transform: rotateY(180deg); }

  .footer-widget h3 {
    text-align: center !important; } }
#contatti {
  background-color: #70c3be;
  letter-spacing: 2px;
  margin: 0px;
  padding: 0px;
  padding-top: 15px; }

#contatti a {
  color: #fff;
  text-decoration: none; }

@media (max-width: 575.98px) {
  #contatti {
    padding-bottom: 800px; }

  #contatti .maps iframe {
    width: 100%;
    height: 450px; } }
@media (min-width: 576px) {
  #contatti {
    padding-bottom: 800px; }

  #contatti .maps iframe {
    width: 100%;
    height: 450px; } }
@media (min-width: 768px) {
  #contatti {
    padding-bottom: 350px; }

  #contatti .maps iframe {
    width: 100%;
    height: 850px; } }
@media (min-width: 992px) {
  #contatti {
    padding-bottom: 200px; }

  #contatti .maps iframe {
    width: 100%;
    height: 700px; } }
#author a {
  color: #fff;
  text-decoration: none; }

.col-half-offset {
  margin-left: 4.166666667%; }

/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
  /* Show 4th slide on md if col-md-4*/
  #marcas .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible; } }
@media (min-width: 576px) and (max-width: 767px) {
  /* Show 3rd slide on sm if col-sm-6*/
  #marcas .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible; } }
@media (min-width: 768px) and (max-width: 768px) {
  /* Show 4th slide on md if col-md-4*/
  #marcas .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible; } }
@media (min-width: 576px) {
  #marcas .carousel-item {
    margin-right: 0; }

  /* show 2 items */
  #marcas .carousel-inner .active + .carousel-item {
    display: block; }

  #marcas .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #marcas .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none; }

  #marcas .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0); }

  /* left or forward direction */
  #marcas .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #marcas .carousel-item-next.carousel-item-left + .carousel-item,
  #marcas .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  /* farthest right hidden item must be also positioned for animations */
  #marcas .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible; }

  /* right or prev direction */
  #marcas .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #marcas .carousel-item-prev.carousel-item-right + .carousel-item,
  #marcas .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible; } }
/* MD */
@media (min-width: 768px) {
  /* show 3rd of 3 item slide */
  #marcas .carousel-inner .active + .carousel-item + .carousel-item {
    display: block; }

  #marcas
  .carousel-inner
  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
  + .carousel-item
  + .carousel-item {
    transition: none; }

  #marcas .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0); }

  /* left or forward direction */
  #marcas .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  /* right or prev direction */
  #marcas .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible; } }
/* LG */
@media (min-width: 991px) {
  /* show 4th item */
  #marcas .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block; }

  #marcas
  .carousel-inner
  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
  + .carousel-item
  + .carousel-item
  + .carousel-item {
    transition: none; }

  /* Show 5th slide on lg if col-lg-3 */
  #marcas
  .carousel-inner
  .active.col-lg-3.carousel-item
  + .carousel-item
  + .carousel-item
  + .carousel-item
  + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible; }

  /* left or forward direction */
  #marcas .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  /* right or prev direction //t - previous slide direction last item animation fix */
  #marcas .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible; } }
/*#marcas .carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}

#marcas .carousel-control-next-icon:after {
  content: ">";
  font-size: 55px;
  color: black;
}

#marcas .carousel-control-prev-icon:after {
  content: "<";
  font-size: 55px;
  color: black;
}*/
/*################################################
CODIGO PAGINA NOSOTROS
  ################################################*/
#seccion2_1 p {
  font-size: 1.2rem !important; }

#seccion2_2 p {
  font-size: 1.2rem !important; }

#seccion2_3 p {
  font-size: 1.2rem !important; }

/*################################################
CODIGO PAGINA PRODUCTOS
  ################################################*/
.prod {
  padding-top: 50px; }

#tprod {
  font-size: 3em !important;
  font-family: "Montserrat", sans-serif;
  margin-top: 10px; }

#tprod .container {
  padding: 0px; }

#productos h3 {
  color: #0061a9; }

.zebra1 {
  background: #d8d8d8; }

#productos .card-body {
  font-size: 1.2rem; }

/*################################################
CODIGO PAGINA colores
  ################################################*/
#txtcolors {
  padding-top: 30px;
  font-size: 1.2rem; }

#txtcolors .container {
  padding: 0px; }

/*################################################
CODIGO PARA WHATSAPP
  ################################################*/
.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100; }

.whatsapp-icon {
  margin-top: 13px; }

/*################################################
CODIGO PARA TITULO DECOR Y CLASICO
  ################################################*/
#cla_dec {
  margin: 0px;
  padding: 0px; }

#cla_dec .col-6 {
  padding: 0px !important; }

/*################################################
CODIGO PARA NOSOTROS
  ################################################*/
#ptbn2 {
  display: none; }

#ptbn1 {
  display: inline-block; }

@media (max-width: 990px) {
  #ptbn1 {
    display: none; }

  #ptbn2 {
    display: inline-block; } }
.cnfotos {
  padding: 0px; }

/* Small devices (landscape phones, 576px and up) 
@media (min-width: 576px) {  
  #ptbn1{
    display: inline-block;
  }  
  #ptbn2{
    display: none;
  }
}*/
#seccion2_2 {
  padding-top: 50px; }

#section2_3 {
  padding-top: 20px;
  color: #0061a9; }

#seccion2_4 p {
  font-size: 1.2rem !important; }

#secmision {
  font-size: 1.2rem !important;
  color: #ffffff;
  background-color: #0061a9; }

#secvision {
  font-size: 1.2rem !important;
  color: #000;
  background-color: #d8d8d8; }

.tcat {
  padding-bottom: 20px;
  padding-top: 30px; }

/*################################################
CODIGO PARA NOSOTROS
  ################################################*/
#sec_acab_1 {
  padding-top: 50px;
  font-size: 1.2rem !important;
  color: #0061a9; }

#sec_acab_2 h3 {
  color: #0061a9; }

#sec_acab_2 .card-body {
  font-size: 1.2rem !important; }

#sec_acab_3 h3 {
  color: #0061a9; }

#sec_acab_3 .card-body {
  font-size: 1.2rem !important; }

#sec_acab_4 h4 {
  color: #0061a9; }

#sec_acab_5 h3 {
  color: #0061a9; }

/*################################################
CODIGO PARA colores
  ################################################*/
.btn_color {
  padding-top: 20px; }

#sec_color1 .col_color1 {
  font-size: 1.2rem !important; }

/*################################################
CODIGO PARA CONTACTOR
  ################################################*/
#sec_cont_1 .mapa {
  padding-top: 20px; }

#sec_cont_1 {
  color: #0061a9; }

#sec_cont_1 .form-control {
  color: #0061a9 !important;
  font-size: 1rem !important; }

#cont_fot {
  margin-top: 0px;
  padding-top: 30px; }

/*################################################
CODIGO PARA UVC
  ################################################*/
#secuvc {
  font-size: 1.2rem !important;
  color: #000;
  background-color: #d8d8d8;
  padding-top: 20px; }

/*################################################
CODIGO PARA CONTACTO
  ################################################*/
#logo_contact {
  padding-top: 20px; }

.text-xs-center {
  text-align: center;
  padding-top: 20px; }

.g-recaptcha {
  display: inline-block; }

label {
  color: #333; }

.btn-send {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 20px; }

.help-block.with-errors {
  color: #ff5050;
  margin-top: 5px; }

/*# sourceMappingURL=estilos.css.map */
.carousel.pointer-event {
  touch-action: pan-y pinch-zoom;
}