/************************ colores ****************************/

:root {
  --color-primario: #FF7F00;
  --color-secundario: #00364C;
  --color-secundario-claro: #00425E;
  --color-secundario-oscuro: #002535;
  --color-whatsapp: #25d366;
  --fuente-primaria: 'Roboto';
  --fuente-secundaria: 'Roboto';
}

.color-primario{ color:var(--color-primario) !important; }
.color-secundario{ color:var(--color-secundario) !important; }
.bg-primario {background-color: var(--color-primario);}
.bg-secundario {background-color:var(--color-secundario);}
.bg-secundario-oscuro {background-color:var(--color-secundario-oscuro);}
.borde-color-blanco-05 {border-color:rgba(255,255,255,0.05);}

/************************ estilos varios ****************************/

.sombra-texto{
  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

footer .list-style-7 li{
  margin-bottom: 9px;
}
footer .list-style-7 li a i.fas{
  font-size: 10px !important;
  position: relative;
  top: -1px;
}

/* list style 11 */
.lista-estilo-11 {list-style: none; margin: 0; padding: 0;}
.lista-estilo-11 li {padding:10px 0; margin: 0; border-bottom: 1px solid rgba(150, 150, 150, 0.1);}
.lista-estilo-11 li span { padding-left: 15px; display: table}

/* image hover style 2 */
.image-hover-style-2 {background: #222222}
.image-hover-style-2:hover img{opacity: 0.5; transform: scale(1.1, 1.1); transition: all 0.3s ease 0s;}

/* text link hover color */
a.text-link-deep-pink-osc, a.text-link-deep-pink-osc i {color:var(--color-primario)}
a.text-link-deep-pink-osc:hover, a.text-link-deep-pink-osc:hover i, a.text-link-deep-pink-osc:focus, a.text-link-deep-pink-osc:focus i {color:#232323}


/************************ thumbs con relacion de aspecto ****************************/

.thumb-galeria{
  position: relative !important;
  width: 100% !important; /**/
	/* height:100% !important; /**/
  overflow: hidden !important;
	padding:0px !important;
	margin:0px !important;
  background: #222222;
}
.thumb-galeria:after{
  display: block;
  content: '';
}
.thumb-galeria img{
  width:calc(100% + 2px); /* al sumar 2px se le da un espacio para evitar que quede la imagen un bordes difuminados a la derecha */
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%,-50%) !important;
      -ms-transform: translate(-50%,-50%) !important;
          transform: translate(-50%,-50%) !important;
	max-width:none !important;
	max-height:none !important;
}
.thumb-galeria:hover img{opacity: 0.5; transform: scale(1.1, 1.1); transition: all 0.3s ease 0s;}

.thumb-galeria.thumb-40:after{ padding-top: 40%; }
.thumb-galeria.thumb-45:after{ padding-top: 45%; }
.thumb-galeria.thumb-50:after{ padding-top: 50%; }
.thumb-galeria.thumb-55:after{ padding-top: 55%; }
.thumb-galeria.thumb-60:after{ padding-top: 60%; }
.thumb-galeria.thumb-65:after{ padding-top: 65%; }
.thumb-galeria.thumb-70:after{ padding-top: 70%; }
.thumb-galeria.thumb-75:after{ padding-top: 75%; }
.thumb-galeria.thumb-80:after{ padding-top: 80%; }
.thumb-galeria.thumb-85:after{ padding-top: 85%; }
.thumb-galeria.thumb-90:after{ padding-top: 90%; }
.thumb-galeria.thumb-95:after{ padding-top: 95%; }
.thumb-galeria.thumb-100:after{ padding-top: 100%; }


/************************ proyectos recientes sectores ****************************/
.proyectos-recientes .proyecto-reciente-descripcion{
  min-height: 50px;
}

/************************ portafolio ****************************/
.portafolio-proyecto{
  /* min-height: 260px; /* para la propuesta de portafolio 1 */
  min-height: 260px;
}
.contenedor-portafolio-proyecto .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {margin: 0 !important}

/* portfolio filter tab style 3 */
.portfolio-filter-tab-3 li{ display: inline-block; float: none;}
.portfolio-filter-tab-3 li a{ border: 1px solid #eeeeee; border-radius: 50px; padding: 7px 24px; margin-right: 4px;}
.portfolio-filter-tab-3 li a:hover, .portfolio-filter-tab-3 li > a:focus{ background: var(--color-secundario); color: #fff;}
.portfolio-filter-tab-3.nav-tabs li.active a, .portfolio-filter-tab-3.nav-tabs li.active a:focus, .portfolio-filter-tab-3.nav-tabs li.active a:hover{ border: none; background: var(--color-primario); color: #fff; border: none;}

/*************************** botones flotantes redes ******************************/
.social-flotante{
  position:fixed;
  top:140px;
  right: 0px;
  z-index: 9999;
}
.social-flotante .social-boton {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: .2s;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  position: relative;
  right: -70px;
  margin-bottom: 10px;
  background: #fff;
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.social-flotante .social-boton i {font-size: 16px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}
.social-flotante .social-boton:hover, .all-demo:hover {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; right: 0px; background: var(--color-primario)}
.social-flotante .social-boton span, .all-demo span {padding:0 9px; position: relative; top:0; opacity: 0}
.social-flotante .social-boton:hover span, .all-demo:hover span {opacity: 1; color: #fff}
.social-flotante .social-boton:hover i, .all-demo:hover i {color: #fff}
.social-flotante .social-boton a, .all-demo a { color: #232323; font-size: 10px; text-transform: uppercase; padding:2px 10px; display: block; text-decoration: none; font-weight: 500 }
.social-flotante .social-boton.whatsapp:hover {background: var(--color-whatsapp)}

/****************************************************/