@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'AvenirNextLTProRegular';
    src: url('../fonts/AvenirNextLTProRegular.eot');
    src: url('../fonts/AvenirNextLTProRegular.eot') format('embedded-opentype'),
         url('../fonts/AvenirNextLTProRegular.woff2') format('woff2'),
         url('../fonts/AvenirNextLTProRegular.woff') format('woff'),
         url('../fonts/AvenirNextLTProRegular.ttf') format('truetype'),
         url('../fonts/AvenirNextLTProRegular.svg#AvenirNextLTProRegular') format('svg');
}
@font-face {
    font-family: 'book_antiquaregular';
    src: url('../fonts/bkant-webfont.eot');
    src: url('../fonts/bkant-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bkant-webfont.woff2') format('woff2'),
         url('../fonts/bkant-webfont.woff') format('woff'),
         url('../fonts/bkant-webfont.ttf') format('truetype'),
         url('../fonts/bkant-webfont.svg#book_antiquaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('../fonts/brandon_reg-webfont.eot');
    src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff'),
         url('../fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('../fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{background:#fff;}
html, body, #map-canvas{margin:0; padding:0; height:100%; font-size:16px;}
body{-webkit-font-smoothing:antialiased; font-size: 16px}
a:hover{text-decoration:none}
.container, .row{padding: 0}

img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/*------------------------------HEADER----------------------*/
#mi-navbar{width:100%}
#logoHeader{background: #d40d7d}
/*#logoHeader a{width: 100%}*/
#logoHeader img{padding: 0; margin: 0 auto}
#logoHeader h4{color: #f4b7cf; font-family: 'brandon_grotesque_regularRg'; font-size: 1.5rem; text-align: right; line-height: 200%}

.txtCabecera{text-align: center;}
/*.txtCabecera i{float: left;}*/

#menuHeader{background: #f46ca1}
#menuHeader > .col-xs-12{padding: 0; margin: 0}
.navbar-toggle{color:#d40d7d}
.row{margin-left:0; margin-right:0}
.navbar{margin:0; border:none; min-height: 1px;}
.navbar-collapse{margin:0}
.navbarMenu{border:none; margin:0}
.navbarMenu li{border-left: #d40d7d solid 1px}
.navbarMenu li a{border-radius:0; border:none; font-family:'AvenirNextLTProRegular'; font-size:0.85rem; color:#000; padding:0.7rem 1rem}
.navbarMenu li a:hover{background: none}

.menuSmall{margin: 0 auto}
.navbarMenuSmall{display: block; margin: 0.5rem auto}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d40d7d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 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;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#menuBtnSelect{color: #fff;}
#menuBtnSelect:hover{background: none}
/*-----------------------------SLIDER-------------------------*/
#todoSliderN{width: 100%; background: none; margin-bottom: 2rem}
#todoSliderN > div{width: 100%}
.containerSlider{
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.57);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.57)}
.iS-Bg {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;	z-index: 0;}
.iS-Image {position: absolute; top: 0px; left: 0px;	width: 100%; height: auto; z-index: 0;}

.contTitSlider{position: absolute; z-index: 1; bottom: 0; background: rgba(0,0,0,0.5); width: 100%; padding-bottom: 4.5rem}
.contTitSlider h4{font-family: 'AvenirNextLTProRegular'; font-size: 2.5rem; color: #fff; padding: 0.5rem 0 0.5rem 5rem;}
.contTitSlider h5{font-family: 'AvenirNextLTProRegular'; font-size: 1.25rem; color: #fff; padding: 0 0 0 5rem;}

.btnSlider, .btnSliderDos{font-family: 'brandon_grotesque_regularRg';
position: absolute; z-index: 5; bottom: 3%; margin-left: 5rem; padding: 0.5rem
2rem; text-align: center; color: #fff; background-color: #d40d7d; font-size:
1.25rem;   -webkit-transition: all 300ms ease-in-out; -moz-transition: all
300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all
300ms ease-in-out; transition: all 300ms ease-in-out;}
.btnSlider:hover, .btnSliderDos:hover{color: #d40d7d; background-color: #fff}
.btnSliderDos{margin-left: 18rem}
/*------------------------------HOME-------------------------*/
.containerHome{background: #fff;
/* -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.57);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.57) */}

.tituloHome h2{font-family: 'source_sans_proregular'; font-size: 1.75rem; color: #808080; text-indent: 1rem; padding: 1.5rem 0 0.5rem; text-align: center;}

.separador{width: 100%; height: 2px; background-color: #f46ca1; margin: 0 0 2rem; clear: both;}
.textoHome i{color: #d40d7d}
.textoHome h4{line-height: 150%}

.productosHome h5{font-family: 'AvenirNextLTProRegular'; font-size: 1.25rem; color: #fff; padding: 0.5rem 0; text-align: center; background: #d40d7d; border-bottom: #f46ca1 solid 1rem; margin: 0 1rem}
.productosHome img{margin: 0 auto; padding: 0 1rem}
.productosHome a{font-family: 'brandon_grotesque_regularRg'; padding: 0.5rem 2rem; text-align: center; color: #fff; background-color: #d40d7d; font-size: 1.25rem; float: right; margin: 0.5rem 1rem 0.5rem 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.productosHome a:hover{color: #d40d7d; background-color: #fff}

.homeFrase{background: #F46CA1; padding: 2rem 2rem}
.homeFrase p{font-family: 'brandon_grotesque_regularRg'; color: #fff; font-size: 1.4rem; text-align: center;}
/*------------------------------PIE---------------------------*/
footer{background-color:#808080; margin-top: 2rem; padding: 2rem 0; /*border-top:#f46ca1 solid 1rem; border-bottom:#f46ca1 solid 1rem */}
.todoPie img{padding-bottom: 0.5rem}
.logoPie{margin: 0 auto; padding: 0 !important}

.menuPie{list-style:none; padding:0.5rem 0; margin: 0}
.menuPie li a{font-family: 'brandon_grotesque_regularRg'; font-size:1.125rem; color:#fff; margin: 0; padding: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.menuPie li a:hover{color:#d40d7d}

.todoPie p{font-family: 'brandon_grotesque_regularRg'; font-size:1.125rem; color:#fff; margin-bottom: 1rem; padding: 0;}
.todoPie p i{font-size: 1.5rem; color:#d40d7d; margin-right: 1rem }

#firma{width:100%; background: #fff}
#firma p{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; margin-bottom:0; line-height:1.875rem}
#firma a{ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 500ms ease-in-out}
#firma a:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%);}
/*--------------------------------------EMPRESA----------------------*/
.tituloSeccion h2{font-family: 'source_sans_proregular'; font-size: 1.75rem; color: #d40d7d; text-indent: 1rem; padding: 1rem 0}

.colImgEmp{padding-right: 3.5rem; padding-left: 3.5rem}
.contenidoEmpresa img{border: #d40d7d solid 5px; margin-bottom: 3rem}
.contenidoEmpresa p{font-family: 'brandon_grotesque_regularRg'; font-size: 1.25rem; padding-top: 1rem; color: #282828}
.baseEmpresa{margin-top: 2rem}
.baseEmpresa > div{padding: 0}
.imgAncha{border-top: #d40d7d solid 2.5rem;}
.imgAncha img{border-top: #F46CA1 solid 1.5rem;}
/*--------------------------------------PRODUCTOS----------------------*/
.menuProductos ul{margin: 0; padding: 0; list-style: none; margin-bottom: 3rem}
.menuProductos ul li{border-bottom: #ababab solid 1px}
.menuProductos ul li a{font-family: 'roboto_condensedregular'; font-size: 1.5rem; color: #222222; padding: 1rem 0 1rem 1rem; display: block;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.menuProductos ul li a:hover{background-color:#F46CA1; color: #fff}
#btnProdMecaSelect{background-color: #d40d7d; color: #fff}

.unProducto{margin-bottom: 3rem}
.unProducto h4{font-family: 'source_sans_proregular'; font-size: 1.25rem; color: #d40d7d; padding: 1rem 0}
.unProducto p{font-family: 'brandon_grotesque_regularRg'; font-size: 1.25rem; padding-top: 0.5rem; color: #282828}
/*--------------------------------------SERVICIOS----------------------*/
.seccServicios h5{font-family: 'book_antiquaregular'; font-size: 1.4rem; color: #0c3454; text-align: center}
.seccServicios img{margin: 2rem auto; border: #d40d7d solid 0.3rem;}
.seccServicios ul{list-style: none}
.seccServicios ul li{font-family: 'brandon_grotesque_regularRg'; font-size:1.1rem; color:#222222; padding: 0 0 0.5rem}
.seccServicios ul li:before{/* For a round bullet */
  /*content: '\2022';*/
  /* For a square bullet */
  content:'\25A0';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -25px;
  top: 0;
  color: #d40d7d;
  font-size: 1rem;}
/*-------------------------------CONTACTO-------------------*/
.contacto{}
form{padding:1rem 0}
form label{color:#222222; font-family:'brandon_grotesque_regularRg'; font-size:1.25rem; line-height:2.5rem; font-weight:normal; text-align:right;}
form .form-control{border:#F46CA1 solid 1px; border-radius:0; background-color: #f6f6f6; color: #828282 !important;}
form .form-control:focus{border:#222222 solid 1px; box-shadow:none}
#formContacto{padding-right: 0}
#IDnombre, #IDmail, #IDtelefono{ height: 2.5rem; margin-bottom: 1rem}
form .form-control::-webkit-input-placeholder{color:#F46CA1}
form .form-control:-moz-placeholder{color:#F46CA1}
form .form-control::-moz-placeholder{color:#F46CA1}
form .form-control:-ms-input-placeholder{color:#F46CA1}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: 0;
}
.btnContacto{float:right; font-family: 'brandon_grotesque_regularRg'; padding: 0.75rem 1rem; line-height: 100%; text-align: center; color: #fff; background-color:#d40d7d; font-size: 1.25rem;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
margin: 1rem; border-radius: 0}
.btnContacto:hover{color: #d40d7d; background-color: #fff}
#estado{color:#000; font-size:0.75rem}

.contactoDatos{padding: 2rem 0 0 3rem}
.contactoDatos p{font-family: 'brandon_grotesque_regularRg'; font-size:1.3rem; color:#222222; margin-bottom: 1rem; padding: 0;}
.contactoDatos p i{font-size: 1.5rem; color:#d40d7d; margin-right: 1rem }

.colMapa{padding: 0; margin-top: 1rem}
/* iframe#mapa {
 max-width: 100%;
 height: auto;
}
#mapa{width: 100%; height: 20rem; padding-bottom: 40%} */

/***************** ContactoHome******************/
.containerContactoHome{width: 100% !important; background-color: #f46ca1; margin-top: 3rem;}
.colFormHome{padding: 0 8rem}
.colFormHome h5{color: #FFF; font-family: 'source_sans_proregular'; font-size: 1.6rem; text-align: center; padding-top: 2rem}
.colTxtFormHome{height: 100% !important; background-image: url(../img/fondoFormHome.jpg); background-repeat: no-repeat; background-position: center;  background-size: cover;0}
.colTxtFormHome h4{color: #FFF; font-family: 'source_sans_proregular'; font-size: 2rem; text-align: center; font-weight: bold; padding: 2rem 2rem 16rem}
/********************  2019   ************************/
#menuHeader h4{color: #FFF; font-family: 'brandon_grotesque_regularRg'; font-size: 1.2rem; text-align:left; text-indent: 3rem}
 .btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        top:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}

/******************* GALERIA *********************/
.my-gallery figure {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
        }

.hvrbox-text{
  font-family: 'AvenirNextLTProRegular';
  font-size: 1rem !important;
}
.hvrbox .hvrbox-layer_top{
  background-color: rgba(212, 13, 125, 0.6) !important;
}
/*--------------------------MEDIA QUERIES--------------------*/

/*-----lg-----*/
@media (min-width: 1200px) {
    }
/*-----md-----*/
@media (min-width: 992px) and (max-width: 1199px) {
  #mi-navbar h1{font-size: 2rem}
  #mi-navbar h2{font-size: 1.2rem}
  .navbarMenu{margin:1.5rem 0 0}
  .navbarMenu li a{font-size:0.70rem}
  #menuHeader h4{text-align:center; text-indent: 0rem}
  .datosPie p{font-size:0.875rem; font-weight: bold;}
  .galeriaColecciones p{font-size: 0.8rem; margin-bottom: 0.5rem}
    }
/*----sm----*/
@media (min-width: 768px) and (max-width: 991px){
	html{font-size:14px}
  .navbarMenu{margin: 0 7rem 0.2rem 0}
  #menuHeader h4{text-align:center; text-indent: 0rem}

  .colFormHome{padding: 0 2rem}





  .menuPie li a{font-size:1rem;}
  .seccEmpresa p{font-size: 1.15rem}
  .datosContacto{margin:0}
    }
/*-----xs----*/
@media (max-width: 767px){
	html{font-size:12px}
  .navbarMenu li{border: none;}
	.navbarMenu li a{font-size:1rem; padding:0.3125rem 1rem}
	.nav-pills > li{float:none}
	.navbarMenu li{text-align:center}
	.navbar-collapse{margin:0}
  #logoHeader h4{text-align: center}
  #menuHeader h4{text-align:center; text-indent: 0rem}


  .colFormHome{padding: 0 1rem}



  .seccServicios h5{font-size: 2rem;}
  .seccServicios ul li{font-size:1.4rem;}
  #btnsTecno li{float: left;}
  div#carousel.flexslider>div.flex-viewport>ul.slides>li{width: 140px !important;}
  section.slider>div#slider.flexslider>div.flex-viewport>ul.slides>li>div.sliderTxtTxt{display: none;}
  html>body>div.container.galeriaColecciones>div.row>div.col-xs-12>section.sliderTxt>div#slider.flexslider>div.flex-viewport>ul.slides>li.flex-active-slide>img{padding: 0}
  html>body>div.container.galeriaColecciones>div.row>div.col-xs-12>section.sliderTxt>div#slider.flexslider>div.flex-viewport>ul.slides>li>img{padding: 0}
  #IDnombre, #IDmail, #IDtelefono{ height: 2rem; margin-bottom: 0}
  .datosContacto{margin:0}
  .form-group{margin-bottom: 0}
    }
@media (min-width: 481px) and (max-width: 767px){
	}
@media (max-width: 480px){
  #mi-navbar h1{font-size: 2rem}
  #mi-navbar h2{font-size: 1.2rem}
  #logoHeader h4{line-height: 160%}
  div#carousel.flexslider>div.flex-viewport>ul.slides>li{width: 100px !important;}
	}