body {
font-family: 'Kanit', sans-serif;
width: 100%;
height: 100%;
-webkit-overflow-scrolling:touch;
font-style:normal !important;
font-size: 1.2rem;
line-height: 120%;
background-repeat: repeat-y;
background-size: contain;
}


html {
  width: 100%;
  height: 100%;
   overflow-x: hidden;
}
*::selection {
    background-color: #6dabe4 !important;
    color: #000 !important;
}

*::-moz-selection {
    background-color:#6dabe4 !important;
    color: #000 !important;
}

.rcond{
font-family: 'Kanit', sans-serif;
}

h4 {
  /*margin: 15px 0px 15px 0px;
  padding-bottom: 15px;*/
  /*text-transform: uppercase;*/
color:#4B4B4B;
  font-weight: 700;
  letter-spacing: 1px;
}

h5,
h6 {
  font-weight: 700;
  letter-spacing: 1px;
}


h1 {
    font-size: 2.5rem;
    line-height: 45px;
    font-weight: 400;
}

h2 {
  font-size: 1rem;
    font-weight: 600;
}


h3 {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 30px;
}


.tituloh{
  font-weight: 500;
  color:#FFF;
  font-size:3rem !important;
  letter-spacing: 0.25em;
  background-image: url('../img/linea_titulo_3.png');
  background-repeat: no-repeat;
  background-position: right 90px;
}


.container{
  max-width:1450px;
}


.titulo_opcion1{
  font-weight: 100;
  letter-spacing: 0.25em;
  font-size:  2.1rem;
  text-transform: uppercase;
}

.titulo_opcion2{
  font-weight: 200;
  letter-spacing: 0.25em;
  color:#000;
  font-size: 2.1rem;
  background-image: url('../img/linea_naranja_h.png');
  background-repeat: no-repeat;
  background-position: bottom left;
text-transform: uppercase;
}


.texto_opcion1, .texto_opcion1 p{
  font-weight: 300 !important;
  text-align: justify !important;
  font-size: 1.1rem !important;
  line-height: 150% !important;
}


.texto_opcion2, .texto_opcion2 p{
  font-weight: 300 !important;
  text-align: justify !important;
  font-size: 1.1rem !important;
  color:#686867;
}



.carousel-control-prev {
    left: 0;
}
.carousel-control-next, .carousel-control-prev {
opacity:1 !important;
}

.botonnaranja{
  background-color: #e9610b;
  padding:5px 8px 5px 8px;
  border-radius: 5px;
  border: 1px solid #000;
}


.botonblanca{
  background-color: #FFF;
  padding:5px 8px 5px 8px;
  border-radius: 5px;
  border: 1px solid #000;
}

#page-top{
  padding-top:1px !important;
  background-image: url('../img/background_trifix.png');
  background-size:100%;
}

#page-top4{
  padding-top:1px !important;
  background-image: url('../img/background_trifix_hogar2.png');
  background-size:100%;
}

#page-top2{
  padding-top:1px !important;
  background-image: url('../img/fondo_sea.jpg');
  background-size:100%;
}
#page-top3{
  padding-top:1px !important;
  background-image: url('../img/fondo_hogar.jpg');
  background-size:100%;
}



.azuln{
  color:#000;
  font-weight: 800;
}

.cajaAzul{
background-color: #f5f5f5;
border-top:4px #00b4ff solid;
border-bottom:4px #00b4ff solid;
text-align: center;
}

.cajaAzul2 h1, .cajaAzul h1, .cajaNaranja h1{
color:#000;
font-size: 20px;
font-weight: 400;
}

.bordelateral{
  border-right:1px solid #ff8000;
}

.bordeabajo{
  border-bottom:1px solid #ff8000;
}

#lineavertical{
  width:60px;
  background-image: url('../img/lineavertical.png');
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 75%;
  height:500px;
  margin-right:30px;
}

.fondonegro{
  background-color: #000;
}


.fondotri{
  background-image: url('../img/home_sea_3.jpg');
  background-position: center center;
  background-size: 100%;
  transition: all 0.7s ease-in-out;
}


.fondosea{
  background-image: url('../img/home_hogar.jpg');
  background-position: center center;
  background-size: 100%;
  transition: all 0.7s ease-in-out;
}


.fondosea:hover,.fondotri:hover{
  background-size: 110%;
}


.fondonegroaire{
 background-image: url('../img/fondo_aire.jpg');
 background-repeat: no-repeat;
background-position: -21px -195px;
background-color: #000;
}


.fondonegroenchufe{
 background-image: url('../img/fondo_enchufe.jpg');
 background-repeat: no-repeat;
    background-position: 287px -452px;
background-color: #000;
}



.fondoblanco{
  background-color: #fff;
}

.fondonegrolinea{
 background-image: url('../img/lineavertical.png');
}

.lineavertical{
 background-image: url('../img/linea_vertical_caja_3.png');
 background-repeat: repeat-y;
 background-position:left center;
}

.lineavertical2{
 background-image: url('../img/linea_vertical_caja_4.png');
 background-position: -250px 0px;
}

.lineavertical2b{
 background-image: url('../img/linea_vertical_caja_4.png');
 background-position: 334px 0px;
}


.fondoaire{
  background-image: url('../img/fondo_aire.jpg');
}

.fondoenchufe{
  background-image: url('../img/fondo_enchufe.jpg');
}


.colorRedes{
  color:#373737;
}

.colorRedes:hover{
    color:#fff;
}

.cajaNaranja{
background-color: #f5f5f5;
border-top:4px #ff8000 solid;
border-bottom:4px #ff8000 solid;
text-align: center;
}

.cajaAzul2{
background-color: #f5f5f5;
border-top:4px #000 solid;
border-bottom:4px #000 solid;
text-align: center;
}

.textogris{
  color:#969696;
}

.cajaNoticia{
background-color: #e1ebfe;
}


.cajaNoticia2{
background-color: #fff;
}

.caja_azul_noticia{
  background-color: #000 !important;
}

.h1blanco{
font-family: 'Kanit', sans-serif;
}

.h1naranja{
font-family: 'Kanit', sans-serif;
}

.texto-blanco{
color:#FFF !important;
}

.texto-gris{
color:#767c8c;
}

.texto-gris2{
  color:#2f3542;
}

.texto-naranja{
  color:#ff8000;
}

.en_mayuscula{
text-transform: uppercase;
}

.en_bold{
  font-weight: 600;
}


.background-gris{
background-color:#f2f4f8;
}


.background-azul{
background-color:#000;
}

.background-celeste{
background-color:#e1ebfe;
}

.bcolorAzul{
  background-color: #000 !important;
  border-radius: 10px !important;
}

.vernota{
  position: absolute;
  z-index: 9;
  bottom: 0px;
}

.fa-square-facebook, .fa-square-instagram, .fa-square-whatsapp, .fa-linkedin {
  color: rgb(86, 86, 86);
}


.fa-square-facebook:hover, .fa-square-instagram:hover, .fa-square-whatsapp:hover, .fa-linkedin:hover  {
  color: rgb(255, 255, 255);
}



.linkBlanco{
  color:#FFF;
}

.linkBlanco:hover{
  color:#ff8100;
  text-decoration: none;
}

.botonact{
background-color: #eef1f2;
padding: 10px;
margin:10px;
 display:inline;
}

.botondesact{
  background-color: #CCC;
  padding: 10px;
margin:10px;
 display:inline;
}



#seccion2 ul li, #seccion ul li, #servicios ul li {
  list-style-image: url('../img/bullet_3.png');
  list-style-position: inherit;
  line-height: 150% !important;
  margin: 10px 0px 0px 2px;
  padding: 0px;
}


/***** BARRA TOP ***********/
.menutopNaranja{
  background-color: #FF8000;
}

/*
.barra-top {
    background-color: #000;
}
*/

.barra-celeste{
    background-color: #6dabe4;
    color: #FFF;
    font-weight: 700;
}

.caja_buscador{
  background-color: #6dabe4;
}

.separador-naranja{
  border:0px;
  border-bottom:6px solid #ff8000;
}

#redestop{
  list-style: none;
}

#redestop li{
  float:right;
  padding-right:10px;
}

#sliderpri2{
    background-color: #6dabe4;
}

.card-body{
  color:#FFF;
}



table  {
  border:1px solid #aaa;
  border-collapse:collapse;
  background-color:#fff;
  font-family: Verdana;
  font-size:12px;
}

th {
  background-color:#777;
  color:#fff;
  height:32px;
}

td {
  border:1px solid #ccc;
  height:32px;
  width:32px;
  text-align:center;
}

td.red {
  color:red;
}

td.bg-yellow {
  background-color:#ffffe0;
}

td.bg-orange {
  background-color:#ffa500;
}

td.bg-green {
  background-color:#90ee90;
}

td.bg-white {
  background-color:#fff;
}

td.bg-blue {
  background-color:#add8e6;
}



a {
  color: #333;
  text-decoration:none;
}

.link-azul{
  color:#000;
}

.link-menu{
font-weight: 400;
color:#fff;
font-size: 1rem;
text-decoration: none;
}

.link-menu2{
font-weight: 400;
color:#000;
font-size: 1.2rem;
}

.link-activo {
  color:#FFF;
  text-decoration: none;
  border-radius: 15px;
  border: 1px solid #fff !important;
}

.link-menu:hover, .link-menu2:hover{
color:#FFF;
text-decoration: none;
}


.bordersmenu{
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,0);
}

.bordersmenu2{
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,1);
}



.fondo-form{
  background-color: #FFF !important;
  border-color: #FFF !important;
}

.boton_naranja{
background-color: #FF8000 !important;
border-color: #FF8000 !important;
width:140px !important;
}

#formulariogral{
  color:#000;
  font-weight: 700;
}




#contenidon a{
  color: #296194;
}

#contenidon a:hover{
  color: #296194;
  text-decoration: underline;
}


.cajabuscador{
background-color:#BEC5C8;
background: url('../img/backbusqueda.jpg') no-repeat;
background-position: top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 300px;
}

.quienessomos_img_gral{
background: url('../img/cabezal_quienes-somos2.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}

.servicios_img_gral{
background: url('../img/cabezal_trifix_servicios.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}

.servicios_hogar_img_gral{
background: url('../img/cabezal_trifix_hogar_servicios.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}


.sucursales_hogar_img_gral{
background: url('../img/cabezal_trifix_hogar_sucursales.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}

.service_oficial_hogar_img_gral{
background: url('../img/cabezal_trifix_hogar_service_oficial.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}


.productos_hogar_img_gral{
background: url('../img/cabezal_trifix_hogar_productos.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}

.trabajos_img_gral{
background: url('../img/cabezal_trifix_trabajos.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}



.productos_img_gral{
background: url('../img/cabezal_trifix_productos.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}


.sucursales_img_gral{
background: url('../img/cabezal_trifix_sucursales.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}




.contacto_img_gral{
background: url('../img/contacto_n.jpg') no-repeat fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 650px;
}







.image {
    background: url('http://farm6.staticflickr.com/5104/5862419072_7f9632f068_b.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
}




/**************** cajas noticias */

.card-img-top {
width: 100%;
height: 30vh !important;
min-height:180px;
object-fit: cover;
}




.buscado{
	height:45px;
}



.badge{
	border-radius: 0 !important;
	width:100% !important;
}

.badge-warning{
	color:#FFF !important;
}


.sinpad{
  padding:0px;
  margin:0px auto 0px auto;
}


.bordeverde{
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid #024b51;

}

.nombre_testimonio{
      color: #0a6e7e;
}

.verdetestimonio{
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-testimonio.jpg);
}


.rojo{
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-viajes.jpg);
}


.mostaza{
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-esencia.jpg);
}


.mostaza_info{
   margin-top:60px;
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-esencia.jpg);
}


.naranja{
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-contacto.jpg);
}

.verde_info{
  margin-top:60px;
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-estilo.jpg);
}

.verde_agencia{
  margin-top:60px;
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-estilo.jpg);
}

.verde{
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-estilo.jpg);
}


.generico{
    padding:10px 0px 8px 0px;
    background-color: #e08800;

}

.manzana{
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-filosofia.jpg);
}

.rojofoto{
    margin-top:60px;
  padding:30px 0px 30px 0px;
  background-image: url(../img/old/pattern-galeria.jpg);
}

.cajablanca{
  background-color: #FFF;
}




.logo{
  height:150px !important;
}


.logofooter{
  height:90px !important;
  padding-bottom: 10px;
}


.logofooter2{
  height:40px !important;
}



#toTop {
    cursor: pointer;
    position: fixed;
    bottom: 25px;
    right: 25px;
    padding:5px;
    background-color: #0e64be;
    z-index: 9999999;
}





/* ----- menu ------*/
.menusup{
  width:100% !important;
  max-width:1100px !important;
}


.color_celeste{
  color:#6dabe4;
}


.color_celeste:hover{
  color:#1a5b96;
}


.color_especial{
  color: #4B4B4B  !important;

}

.color_gris{
    color:#4f4f4f;
}

.color_azul{
  color:#fff;
}

.fondo_gris{
  background-color: #eef1f2;
}

.fondo_azul{
  background-color: #000;
}
.titulonaranja{
  color:#FF8E4B;
  font-weight: 600;
}

.linksubm{
  color:#000;
  text-decoration:none;
}


.linkdestaca:hover, .linksubm:hover{
  color:#000;
  text-decoration:none;
}

.linkdestaca{
  color:#ff8000 !important;
}

.color_especial:hover{
  color: #033da6 !important;
}

.navbar-toggler{
background-color: #e8640b;
}

.borde-menu{
  border-bottom: 1px solid #bcabb1;
}

/*-------- font ----------*/


.fs10{
  font-size: 0.625rem;
}

.fs12{
  font-size: 0.625rem;
}

.fs14{
  font-size: 0.625rem;
}

.fs15{
  font-size: 0.9375rem;
}

.fs16, .fs16 p{
  font-size: 1rem;
}

.fs16w600{
  font-size: 1rem;
  font-weight: 600;
}



.fs18, .fs18 p{
  font-size: 1.125rem;
}

.fs20, .fs20 p{
  font-size: 1.25rem;
}

.fs22, .fs22 p{
  font-size: 1.375rem;
}

.fs24, .fs24 p{
  font-size: 1.5rem;
}

.fs35, .fs35 p{
  font-size:2.188rem;
}



.fs30, .fs30 p{
  font-size:1.85rem;
}


.fs50{
  font-size:4rem;
}

.fsSlider{
  font-size:5rem;
  letter-spacing:1rem;
}

.fsSliderb{
  font-size:2.3rem;
  letter-spacing:1rem;
  color:#FFF;
}



.fsSlidertxt1{
  font-size:4rem;
  letter-spacing:1rem;
  font-weight: 200;
}

.fsSlidertxt1b{
  font-size:2rem;
  letter-spacing:1rem;
  font-weight: 200;
  color:#FFF;
}





.bordes{
  border:1px solid #4d4949 !important;
}

#sucursal1 strong, #sucursal2 strong,#sucursal3 strong{
  color:#000;
}

.cargo{
  font-weight: 600;
  color:#686868;
}


/* ----- menu ------*/

.menuSeccion{
  background-color: #f3f4f9;
}


#search {
    width: 130px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../img/searchicon.png');
    background-position: 5px;
    background-repeat: no-repeat;
    padding: 5px 10px 6px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

#search:focus {
    width: 100%;
}



.dependencias {
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    font-weight: 100;
}

/*
a {
  color: #000000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #363636;
}
*/


.caja1{
  color:#FFF;
background-color: rgba(161, 143, 79, 0.9);
}

.caja2{
  color:#FFF;
background-color: rgba(161, 143, 79, 0.9);
}

.caja3{
padding:50px 50px 100px 50px;
}

.texto1{
  /*padding:0px 30px 0px 30px;*/
  line-height: 180%;
}

.texto1b{
  padding:25px 30px 0px 30px;
  line-height: 180%;
  font-weight: 300;
}

.titulocolor2{
color:#B3AE9F;
font-size:1.125rem;
padding-top:50px;
}

.color2{
 color:#B3AE9F !important;
}

.color3{
  padding:20px 50px;
}

.color3b{
  padding:20px 30px;
}

.color4{
color:#8D8371;
}

.color_blanco{
color:#FFF;
}

.color_negro{
color:#000 !important;
}

.color_naranja{
color:#f3a608 !important;
}

.color_rojo{
color:#b32025 !important;
}



.color_blanco:hover{
  color:#CCC;
}

.bordo {
    color: #b32025;
}

.estilo-subtitulo {
    color: #ff7600;
    padding: 5px 0;
    margin: 10px 0 8px 0;
    font-size: 1.5rem;

}

.fondotestimonio{
  background-image: url("../img/fondotestimonios.jpg");
  background-position: center;
}

.btn{
  text-transform: none !important;
}



/* ---- fonts sizes ---- */

/*---------- carrito --------*/
#ex4{
  position:fixed;
  z-index:9999999;
  background-image: url('../img/carrito2.gif');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
	width:60px;
	left:0px;
	bottom:120px;
}

#ex4 .p1[data-count]:after{
  position:absolute;
  right:10%;
  top:8%;
  content: attr(data-count);
  font-size:40%;
  padding:.2em;
  border-radius:50%;
  line-height:1em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width: 1em;
  font-weight:bold;
}


.bloc_left_price {
    color: #c01508;
    text-align: center;
    font-weight: bold;
    font-size: 150%;
}
.category_block li:hover {
    background-color: #007bff;
}
.category_block li:hover a {
    color: #ffffff;
}
.category_block li a {
    color: #343a40;
}
.add_to_cart_block .price {
    color: #c01508;
    /*text-align: center;*/
    font-weight: bold;
    font-size: 200%;
    margin-bottom: 0;
}
.add_to_cart_block .price_discounted {
    color: #343a40;
  /*  text-align: center;*/
    text-decoration: line-through;
    font-size: 140%;
}
.product_rassurance {
    padding: 10px;
    margin-top: 15px;
    background: #ffffff;
    border: 1px solid #6c757d;
    color: #6c757d;
}
.product_rassurance .list-inline {
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}
.product_rassurance .list-inline li:hover {
    color: #343a40;
}
.reviews_product .fa-star {
    color: gold;
}



/*------ GALERIA -----*/
.card-header {
padding:0px !important;
}

.titulopatas{
  color:#FFF;
  font-size: 1.75rem;
  font-weight: 600;
  background-color: #8b4d1b;
}

.fsize12{
font-size: 0.75rem;
}

.fsize14{
font-size: 0.875rem;
}

.fsize16, .fsize16 p{
font-size: 1rem;
}

.fsize18, .fsize18 p{
font-size: 1.25rem;
}


.fsize20{
font-size: 1.25rem;
}

.fsize22{
font-size: 1.375rem;
}

.fsize24{
font-size: 1.5rem;
}

.fsize30{
font-size: 2rem;
}


.fsize35{
font-size: 1.8rem;
}

.indicar{
  font-size: 1rem;
  color:#470f0f;
}

.promocion{
  font-size: 1.2rem;
  color:#7F4F25;
}

::-webkit-input-placeholder {
    color:#495057 !important;
}
:-moz-placeholder {
    color:#495057 !important;
}
::-moz-placeholder {
    color:#495057 !important;
}
:-ms-input-placeholder {
    color:#495057 !important;
}

.portfolio-item {
margin-bottom:20px;
}

.fancybox-caption{
text-align: center !important;
}

/*----- botones ----*/
.btn-light{
 background-color: #000;
 color: #FFF;
}

.btn-light2{
 background-color: #fff;
 color: #033da6;
 border:1px solid #033da6;
}

.btn-light2:hover{
 background-color: #000;
 color: #fff;
 border:1px solid #000;
}


.card{
  padding:20px;
  box-shadow: none !important;
  border:1px solid #000;
   border-radius: 10px;
}

.fa-bars{
  color:#FFF;
}

.form-control{
  font-size:0.8rem;
}


/* ----- link compra --- */

#subHeader{
	width:100%;
	/*position:fixed;*/
	display:block;
	background-color:#7E4E26;
}
#subHeader a{
	text-decoration: none;
	font-weight: bold;
	font-size:20px;
	color:#FFF;
}
#subHeader ul{
	list-style: none;
	width:100%;
}
#subHeader li{
	float:left;
	width:33%;
}

.lineafinal{
  background-image: url('../img/lineafooter.jpg');
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100%;
  height:6px;
}

.datos_footer{
  color:#EEF1F2;
  font-size: 0.9rem;
  font-weight: 400;
}

.datos_footer a{
  color:#000;
}


.datos_footer a:hover{
  color:#fff;
}

.form-contacto{
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown-item{
  font-size:0.8rem;
  color: #000 !important;
}

@media (max-width:992px){
  .navbar-nav{
  float:left !important;
  text-transform: uppercase;
  }

  .fsSliderb{
    font-size:1.7rem;
    letter-spacing:1rem;
    color:#FFF;
  }


  .titulo_opcion1{
    font-weight: 100;
    letter-spacing: 0.25em;
    font-size:  1.7rem;
    text-transform: uppercase;
  }

  .titulo_opcion2{
    font-weight: 200;
    letter-spacing: 0.25em;
    color:#000;
    font-size: 1.7rem;
    background-image: url('../img/linea_naranja_h.png');
    background-repeat: no-repeat;
    background-position: bottom left;
  text-transform: uppercase;
  }



  #page-top{
    padding-top:1px !important;
    background-image: url('../img/background_trifix.png');
    background-size:150%;
  }

  #page-top4{
    padding-top:1px !important;
    background-image: url('../img/background_trifix_hogar2.png');
    background-size:150%;
  }

  #page-top2{
    padding-top:1px !important;
    background-image: url('../img/background_trifix.png');
    background-size:150%;
  }
  #page-top3{
    padding-top:1px !important;
    background-image: url('../img/background_trifix.png');
    background-size:150%;
  }

  .tituloh{
    font-weight: 500;
    color:#FFF;
    font-size:2.5rem !important;
    letter-spacing: 0.25em;
    background-image: url('../img/linea_titulo_3.png');
    background-repeat: no-repeat;
    background-position: right 90px;
  }



}


@media (min-width: 768px) {
  p {
    /*margin: 0 0 35px;
    font-size: 1rem;*/
  }

}

.light {
  font-weight: 400;
}
.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;

  background-color: #FFF;
}
.navbar-custom .navbar-toggle {
  color: black;
  font-size: 0.875rem;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}
.navbar-custom .navbar-brand {
  font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
  outline: none;
}
.navbar-custom a {
  color: #7F4F25;
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover {
  color: rgba(124, 188, 201, 1);
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li.active {
  outline: none;
}
.navbar-custom .nav li.active a {
  background-color: rgba(124, 188, 201, 1);
      color: #FFF;
}
.navbar-custom .nav li.active a:hover {
  color: #000;
}

.navbar-brand {
padding:6px;
}

.navbar{
padding:0px !important;
min-height:55px;
box-shadow: none !important;
display:block !important;
}

.carousel-item {
  height: auto;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}


#logo{
  max-width:300px !important;
  width:100%;
}



/*---------------- productos ---------------*/
.precio_anterior{
  color: #CCC !important;
  font-size: 0.875rem !important;
}

.precio_normal{
  font-size: 1rem !important;
}


@media (min-width: 768px) {






  .navbar-custom {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: #FFF;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom.top-nav-collapse {
    padding: 0;
  background-color: #FFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
  }



}
.intro {
  display: table;
  width: 100%;
  height: auto;
  text-align: center;
  /*color: white;*/
  background: url(../img/intro-bg2.jpg) no-repeat bottom center scroll;
  background-color: #4B4B4B;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro .intro-body .brand-heading {
  font-size: 2.5rem;
  color:#FFF;
}
.intro .intro-body .intro-text {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  /*.navbar-nav{
  float:left !important;
  }*/






  .intro {
   /* height: 100%;*/
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 100px;
  }
  .intro .intro-body .intro-text {
    font-size: 1.625rem;
  }
}
.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid white;
  border-radius: 100% !important;
  font-size: 2.5rem;
  /*color: white;*/
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  /*color: white;*/
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}

.navbar-toggle{
margin-left:0px;
margin-right:0px;
}

.portfolio-item{
  min-height:140px;
}

.card-body{
  padding:0px !important;
}


.plan-section, .servicio-section, .quien-section, .seccion1,.seccion2,.seccion3, .seccionC{
    padding:0px 0px 0px 0px !important;
  }

}


    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 220px;
        text-align: center;
    }
    .navbar>.container .navbar-brand-centered,
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }

    .menusup{
      width:100%;
    }

    .seccion_esencia {
    background:transparent;
    }

}



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


}

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


  .fondotri{
    background-image: url('../img/home_sea_3.jpg');
    background-position: top center;
        background-size: cover;
  }


  .fondosea{
    background-image: url('../img/home_hogar.jpg');
    background-position: top center;
    background-size: cover;
  }



      .botonact{
      background-color: #eef1f2;
      padding: 10px;
      margin:10px;
       display:block;
      }

      .botondesact{
        background-color: #CCC;
        padding: 10px;
      margin:10px;
          display:block;
      }

      #logo{
        width:220px !important;
      }


  h1 {
      font-size: 1.5rem;
  }

  h2 {
      font-size: 1.5rem;
  }


  h3 {
      font-size: 1.5rem;
  }


.carousel-item{
  min-height: 200px !important;
}

  .plan-section, .servicio-section, .quien-section, .seccion1,.seccion2,.seccion3, .seccionC{
      padding:0px 0px 0px 0px !important;
    }

.logo{
  width:60% !important;
  height: auto;
}

}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}


.sep40px{
  padding-top:40px;
  padding-bottom:40px;
}

.sep20px{
  padding-top:20px;
  padding-bottom:20px;
}

.sep10px{
  padding-top:10px;
  padding-bottom:10px;
}

.servicio-section {
  width: 100%;
  margin-top:50px;
  margin-bottom: 100px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.seccion1{
  padding: 250px 0;
}


.seccion_esencia{
  padding: 0px;
  /*color: white;*/
  background-repeat: repeat-x;
  /*background: url(../img/old/pattern-estilo-borde-Izq.png) -11% repeat-y,url(../img/old/pattern-estilo-borde-der.png) 110% repeat-y*/
}

.seccion_fernando{
  padding: 0px;
  /*color: white;*/
   /*background: url(//www.shantitur.com/wp-content/themes/fullscreen/css/../images/fondo-fundador-der.jpg)bottom right no-repeat,url(//www.shantitur.com/wp-content/themes/fullscreen/css/../images/fondo-fundador-izq.jpg)90px bottom no-repeat,#f4ad58;*/
   background-color: #e2e2e2;
}



.seccion_estilo{
  padding: 0px;
  /*color: white;*/
 /*background: url(../img/old/pattern-fondo.jpg);*/
}


.seccion_viajes{
  padding: 0px;
  /*color: white;*/
 /*background: url(../img/old/pattern-fondo.jpg);*/
}


.seccion_filosofia{
  padding: 0px;
  /*color: white;*/
 /*background: url(../img/old/pattern-fondo.jpg);*/
}

.seccion_contacto{
padding: 0px;
/*color: white;
background: url(../img/old/pattern-esencia.jpg);*/
}


.seccion2{
  padding: 250px 0;
  /*color: white;*/
  background: url(../img/fondo_2.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.seccion3{
  padding: 250px 0;
  /*color: white;*/
  background: url(../img/fondo_3.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.seccionC{
  padding: 250px 0;
  /*color: white;*/
  background: url(../img/pattern-contacto.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}



.quien-section {
  padding: 250px 0;
  /*color: white;*/
  background: url(../img/fondo_1.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.blog-section {
  padding: 250px 0;
  /*color: white;*/
  /*background: url(../img/backblog2.jpg) no-repeat center center scroll;*/
  background-color: #eef6f8;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.plan-section {
  padding: 250px 0;
  /*color: white;*/
  background: url(../img/fondo_log.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

img.imaH100{
	width: auto;
	height: 100%;
	left: 0;
}

img.imaW100{
	width: 100%;
	height: auto;
	top: -25%;
}

 .imaItem img.imaH100{
	position: relative;
	width: auto;
	height: 100%;
	left: -10%;
}

.imaItem img.imaW100{
	position: relative;
	width: 100%;
	height: auto;
	top: -20%;
}



 .imaItemb img.imaH100{
	position: relative;
	width: auto;
	height: 100%;
	left: -10%;
}

.imaItemb img.imaW100{
	position: relative;
	width: 100%;
	height: auto;
	top: -20%;
}




#map {
  width: 100%;
  height: 200px;
  margin-top: 100px;
}

.blog-section {
  padding: 100px 0;
}

/* --- contacto ----*/

.form-control{
 background-color: #FFF;
 border:1px solid #8D8371;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8D8371;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8D8371;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8D8371;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8D8371;
}


@media (min-width: 767px) {
  /*.content-section {
    padding-top: 250px;
  }*/





  .navbar-toggler{
  display:none;
  }



  .servicio-section {
    padding: 100px 0;
  }


  .plan-section {
    padding: 100px 0;
  }



  .quien-section {
    padding: 100px 0;
  }

.seccion1{
     padding: 100px 0;
}


  #map {
    height: 400px;
    margin-top: 250px;
  }
}
.btn {
  text-transform: uppercase;

  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
}
/*.btn-default {
  border: 1px solid #FFF;
  color: #FFF;
  background-color: transparent;
}*/
.btn-default:hover,
.btn-default:focus {
  border: 1px solid #01b5e6;
  outline: none;
  color: black;
  background-color: #01b5e6;
}
ul.banner-social-buttons {
  margin-top: 0;
}
@media (min-width: 1199px) {

  .cajaAzul2 h1, .cajaAzul h1, .cajaNaranja h1{
  color:#000;
  font-size: 30px;
  font-weight: 400;
  }


  ul.banner-social-buttons {
    margin-top: 15px;
  }


  .seccion_esencia{
    padding: 0px;
    /*color: white;*/
    background-repeat: repeat-x;
   /* background: url(../img/old/pattern-estilo-borde-Izq.png) -5% repeat-y,url(../img/old/pattern-estilo-borde-der.png) 105% repeat-y*/
  }

}


@media (min-width: 1500px) {

    .card-img-top {
    width: 100%;
    height: 25vh !important;
    object-fit: cover;
    }
}




@media (max-width: 767px) {



        .fs35{
          font-size:1.5rem;
          line-height: 100%;
        }



        .fs30, .fs30 p{
          font-size:1rem;
        }





  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }

  .seccion_esencia{
      /*background: url(../img/old/pattern-estilo-borde-Izq.png) -70% repeat-y,url(../img/old/pattern-estilo-borde-der.png) 170% repeat-y;*/
  }

}
footer {
  background-color:#e8640b;
}

.texto-footer{
  text-transform: uppercase;
  color:#000;
  font-size: 0.7rem;
}

.fondocontacto{
  background-image: url('../img/fondo_contacto_2.jpg');
  background-size: cover;
  background-position: top center;
}

.fondocontacto {
    background: url('../img/fondo_contacto_2.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 600px;
}




footer p {
  margin: 0;
}
::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}

.navbar-custom {
padding:0px;
max-height: 100px;
}



.border-bottom{
  border-bottom:none;
}

.navbar-custom .nav li.active a {

}



#txtfooter{
font-size: 1.125rem!important;
color:#FFF;
}


.col-center {
	margin: 0 auto;
	float: none !important;
}
.carousel2 {
	margin: 50px auto;
	padding: 0 70px;
}
.carousel2 .item {
	color: #999;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    min-height: 290px;
}
.carousel2 .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.carousel2 .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel2 .testimonial {
	padding: 30px 0 10px;
}
.carousel2 .overview {
	font-style: italic;
}
.carousel2 .overview b {
	text-transform: uppercase;
	color: #7AA641;
}

.dropdown-menu{
  /*background-color: #b78f0e;*/

  margin-top:-10px;
}

.dropdown:hover > .dropdown-menu{
display: block;
}


.infogral h1, .infogral h2, .infogral h3, .infogral h4{
  padding: 15px;
  color:#e8640b;
}

.infogral h1{
  font-size: 3.3rem;
}

.infogral h1{
  font-size: 3.3rem;
}

.infogral h1{
  font-size: 3.3rem;
}

.infogral h1{
  font-size: 3.3rem;
}

.infogral{
line-height:200% !important;
font-weight: 400;
}