/* Scss Document */
/* Llama los archivos modificables de Variables y stilos   */
/* Scss Document */
/* COLORES LOGO 

/*Variables Personales */
/* Texto para fondo %secun */
/* 82% blaco trasp para que se vea fondo */
/* 70% blaco trasp para que se vea fondo */
/* 82% blaco trasp para que se vea fondo */
/* 70% blaco trasp para que se vea fondo */
/* @import 'bootstrap';    <-- Se llama x separado desde bootstrapOriginal4.6.2  */
/* Scss Document */
/* -------CLASES NUEVAS O MODIFICADAS DE BOOTSTRAP-------
---------------------------------------------------------*/
/*-------------BASICOS -----*/
body {
  font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.06rem;
  font-weight: 400;
  line-height: 1.55;
  font-style: normal; }

body {
  background-color: #ffffff !important;
  scroll-behavior: smooth; }

 /*
html {
	font-family: montserrat, sans-serif;        --- "Encode Sans" ---
	color: $colorDark;
	
	font-weight: 400;
	
	}
*/
hr-Especial {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #949696 !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1ah2, .h1ah2, h1ah3, .h1ah3, h1ah4, .h1ah4, h1ah5, .h1ah5, h1ah6, .h1ah6,
h2ah3, .h2ah3, h2ah4, .h2ah4, h2ah5, .h2ah5, h2ah6, .h2ah6,
h3ah4, .h3ah4, h3ah5, .h3ah5,
h4ah5, .h4ah5 {
  font-weight: 400 !important; }

@media (min-width: 100px) {
  h1, .h1 {
    font-size: 2rem; }

  h2, .h2,
  h1ah2, .h1ah2 {
    font-size: 1.7rem; }

  h3, .h3,
  h1ah3, .h1ah3,
  h2ah3, .h2ah3 {
    font-size: 1.45rem; }

  h4, .h4,
  h1ah4, .h1ah4,
  h2ah4, .h2ah4,
  h3ah4 .h3ah4 {
    font-size: 1.2rem; }

  h5, .h5,
  h1ah5, .h1ah5,
  h2ah5, .h2ah5,
  h3ah5, .h3ah5,
  h4ah5, .h4ah5 {
    font-size: 1rem; }

  h55, .h55,
  h1ah55, .h1ah55,
  h2ah55, .h2ah55,
  h3ah55, .h3ah55,
  h4ah55, .h4ah55 {
    font-size: 0.85rem; }

  h6, .h6,
  h1ah6, .h1ah6,
  h2ah6, .h2ah6 {
    font-size: 0.75rem; } }
@media (min-width: 345px) {
  h1, .h1 {
    font-size: 2rem; }

  h2, .h2,
  h1ah2, .h1ah2 {
    font-size: 1.7rem; }

  h3, .h3,
  h1ah3, .h1ah3,
  h2ah3, .h2ah3 {
    font-size: 1.45rem; }

  h4, .h4,
  h1ah4, .h1ah4,
  h2ah4, .h2ah4,
  h3ah4 .h3ah4 {
    font-size: 1.2rem; }

  h5, .h5,
  h1ah5, .h1ah5,
  h2ah5, .h2ah5,
  h3ah5, .h3ah5,
  h4ah5, .h4ah5 {
    font-size: 1.05rem; }

  h55, .h55,
  h1ah55, .h1ah55,
  h2ah55, .h2ah55,
  h3ah55, .h3ah55,
  h4ah55, .h4ah55 {
    font-size: 1.0rem; }

  h6, .h6,
  h1ah6, .h1ah6,
  h2ah6, .h2ah6 {
    font-size: 0.80rem; } }
@media (min-width: 576px) {
  h1, .h1 {
    font-size: 2.1rem; }

  h2, .h2,
  h1ah2, .h1ah2 {
    font-size: 1.8rem; }

  h3, .h3,
  h1ah3, .h1ah3,
  h2ah3, .h2ah3 {
    font-size: 1.55rem; }

  h4, .h4,
  h1ah4, .h1ah4,
  h2ah4, .h2ah4,
  h3ah4, .h3ah4 {
    font-size: 1.3rem; }

  h5, .h5,
  h1ah5, .h1ah5,
  h2ah5, .h2ah5,
  h3ah5, .h3ah5,
  h4ah5, .h4ah5 {
    font-size: 1.10rem; }

  h55, .h55,
  h1ah55, .h1ah55,
  h2ah55, .h2ah55,
  h3ah55, .h3ah55,
  h4ah55, .h4ah55 {
    font-size: 1.05rem; }

  h6, .h6,
  h1ah6, .h1ah6,
  h2ah6, .h2ah6 {
    font-size: 0.85rem; } }
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.3rem; }

  h2, .h2,
  h1ah2, .h1ah2 {
    font-size: 1.9rem; }

  h3, .h3,
  h1ah3, .h1ah3,
  h2ah3, .h2ah3 {
    font-size: 1.65rem; }

  h4, .h4,
  h1ah4, .h1ah4,
  h2ah4, .h2ah4,
  h3ah4, .h3ah4 {
    font-size: 1.4rem; }

  h5, .h5,
  h1ah5, .h1ah5,
  h2ah5, .h2ah5,
  h3ah5, .h3ah5,
  h4ah5, .h4ah5 {
    font-size: 1.15rem; }

  h55, .h55,
  h1ah55, .h1ah55,
  h2ah55, .h2ah55,
  h3ah55, .h3ah55,
  h4ah55, .h4ah55 {
    font-size: 1.10rem; }

  h6, .h6,
  h1ah6, .h1ah6,
  h2ah6, .h2ah6 {
    font-size: 0.9rem; } }
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 2.5rem; }

  h2, .h2
  h1ah2, .h1ah2 {
    font-size: 2rem; }

  h3, .h3,
  h1ah3, .h1ah3,
  h2ah3, .h2ah3 {
    font-size: 1.75rem; }

  h4, .h4,
  h1ah4, .h1ah4,
  h2ah4, .h2ah4,
  h3ah4, .h3ah4 {
    font-size: 1.5rem; }

  h5, .h5,
  h1ah5, .h1ah5,
  h2ah5, .h2ah5,
  h3ah5, .h3ah5,
  h4ah5, .h4ah5 {
    font-size: 1.25rem; }

  h55, .h55,
  h1ah55, .h1ah55,
  h2ah55, .h2ah55,
  h3ah55, .h3ah55,
  h4ah55, .h4ah55 {
    font-size: 1.15rem; }

  h6, .h6,
  h1ah6, .h1ah6,
  h2ah6, .h2ah6 {
    font-size: 1rem; } }
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem; }

  h2, .h2,
  h1ah2, .h1ah2 {
    font-size: 2rem; }

  h3, .h3,
  h1ah3, .h1ah3,
  h2ah3, .h2ah3 {
    font-size: 1.75rem; }

  h4, .h4,
  h1ah4, .h1ah4,
  h2ah4, .h2ah4,
  h3ah4, .h3ah4 {
    font-size: 1.5rem; }

  h5, .h5,
  h1ah5, .h1ah5,
  h2ah5, .h2ah5,
  h3ah5, .h3ah5,
  h4ah5, .h4ah5 {
    font-size: 1.25rem; }

  h55, .h55,
  h1ah55, .h1ah55,
  h2ah55, .h2ah55,
  h3ah55, .h3ah55,
  h4ah55, .h4ah55 {
    font-size: 1.15rem; }

  h6, .h6,
  h1ah6, .h1ah6,
  h2ah6, .h2ah6 {
    font-size: 1rem; } }
.img-fluidV {
  max-height: 100%;
  width: auto;
  object-fit: cover !important;
  justify-content: center; }

.text-primary {
  color: #949696 !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #646666 !important; }

a.text-primary:visited {
  color: #949696 !important; }

/*----- MENU BARRA ------*/
.nav-boton, .nav-boton:visited {
  font-size: 1.1rem;
  font-weight: 300;
  color: #000000 !important;
  background-color: white !important; }

.nav-boton:hover {
  color: #fec618 !important;
  background-color: #000000 !important;
  border-bottom-style: solid;
  border-bottom-color: transparent !important;
  border-bottom-width: thin; }

.nav-boton:focus, .nav-boton:active {
  color: white !important;
  background-color: #949696 !important;
  border-bottom-style: solid;
  border-bottom-color: #949696 !important;
  border-bottom-width: thin;
  box-shadow: 2px 2px 4px 4px rgba(247, 247, 247, 0.09); }

@media (min-width: 345px) {
  .nav-boton {
    font-size: 0.80rem;
    font-weight: 400; } }
@media (min-width: 576px) {
  .nav-boton {
    font-size: 0.80rem;
    font-weight: 400; } }
@media (min-width: 768px) {
  .nav-boton {
    font-size: 0.85rem;
    font-weight: 400; }

  .nav-boton:hover {
    font-weight: 500; } }
@media (min-width: 992px) {
  .nav-boton {
    font-size: 0.90rem;
    font-weight: 300; } }
.nav-link, .nav-link:visited {
  font-weight: 500; }

.nav-link:focus {
  color: #000000 !important;
  background-color: #949696 !important;
  font-weight: 400; }

a.dropdown-menu {
  color: #000000 !important;
  background-color: white !important;
  font-size: 0.90rem;
  /* menos que .nav-boton  */
  border-left-style: none;
  border-left-width: 0px;
  border-left-color: transparent;
  border-right-style: none;
  border-right-width: 0px;
  border-right-color: transparent;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: transparent;
  box-shadow: 20px 20px 50px grey; }

/*
.dropdown-menu {
	border: 1px solid rgba(255,255,255,0.15);
}
*/
a.dropdown-item, a.dropdown-item:visited {
  color: #000000 !important;
  background-color: white !important; }

a.dropdown-item:hover {
  color: #fec618 !important;
  background-color: #000000 !important; }

a.dropdown-item:focus, a.dropdown-item:active {
  background-color: #949696 !important;
  color: white !important; }

.iconBig {
  font-size: 150%; }

.iconBig-2 {
  font-size: 450%; }

/*---------- textos  -----------*/
.text-Logo02 {
  color: #fec618 !important; }

.text-Logo01 {
  color: #949696 !important; }

.text-BaseD6 {
  color: #646666 !important; }

.txt-Log02Sdw-W {
  color: #fec618 !important;
  text-shadow: 2px 2px 8px #ffffff; }

.text-Negro {
  color: black; }

/*--------- MARGENES Y PADDINGS------------*/
.mt-50 {
  margin-top: 10rem; }

/*--------- JUMBOTRON ---------*/
.jumbotron {
  background-color: transparent !important; }

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.0; }

.display-6 {
  font-size: 2.0rem;
  font-weight: 300;
  line-height: 0.9; }

.display-7 {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 0.8; }

.display-8 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 0.8; }

.display-10 {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.3; }

.display-11 {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2; }

.display-12 {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.2; }

/*---------- BOTONES ---------*/
.btn-primary {
  color: #fff;
  background-color: #949696 !important;
  border-color: #fec618 !important; }

.btn-primary:hover {
  color: #646666;
  background-color: #9EA0A0;
  border-width: 2px;
  border-color: #949696 !important; }

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #6C6667 !important;
  border-color: #646666 !important;
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.2); }

/* rgba(233,51,37,0.50) */
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #949696;
  border-color: #949696; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #646666;
  border-color: #4E4E4E !important; }

/* #4F4F4F */
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.2); }

/* rgba(233,51,37,0.50) */
.btn-secondary {
  color: #000;
  background-color: #fec618 !important;
  border-color: #fec618 !important; }

.btn-secondary:hover {
  color: #000;
  background-color: #fec618;
  border-width: 2px;
  border-color: #EBB100 !important; }

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #EBB100 !important;
  border-color: #fec618 !important;
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.5); }

/* rgba(233,51,37,0.50) */
.btn-Logo02 {
  color: #fff;
  background-color: #fec618 !important;
  border-color: #fec618 !important;
  border-radius: 0;
  box-shadow: 2px 2px 5px 3px rgba(255, 255, 255, 0.2); }

.btn-Logo02:hover {
  color: #fff;
  background-color: #fec618 !important;
  border-radius: 0;
  border-color: #646666 !important; }

.btn-Logo02:focus, .btn-Logo02.focus {
  color: #fff;
  background-color: #6C6667 !important;
  border-color: #fec618 !important;
  border-radius: 0;
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.2); }

.btn-Logo01 {
  color: #fff;
  font-weight: 500;
  background-color: #949696 !important;
  border-color: #949696 !important;
  border-radius: 0;
  box-shadow: 2px 2px 5px 3px rgba(255, 255, 255, 0.2); }

.btn-Logo01:hover {
  color: #fff;
  font-weight: 500;
  background-color: #949696 !important;
  border-radius: 0;
  border-color: #646666 !important; }

.btn-Logo01:focus, .btn-Logo01.focus {
  color: #fff;
  font-weight: 500;
  background-color: #6C6667 !important;
  border-color: #949696 !important;
  border-radius: 0;
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.2); }

.btn-Logo01M {
  color: #949696;
  font-weight: 500;
  background-color: transparent !important;
  border-color: #949696 !important;
  border-radius: 0;
  box-shadow: 2 2 2 0.1rem rgba(179, 179, 179, 0.5); }

.btn-Logo01M:hover {
  color: #fff;
  font-weight: 500;
  background-color: #949696 !important;
  border-radius: 0;
  border-color: #646666 !important; }

.btn-Logo01M:focus, .btn-Logo01.focus {
  color: #fff;
  font-weight: 500;
  background-color: #F2F3F3 !important;
  border-color: #949696 !important;
  border-radius: 0;
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.2); }

.btn-Negro {
  color: #FFF;
  background-color: #000000 !important;
  border-color: #000000 !important; }

.btn-Negro:hover {
  color: #fff;
  background-color: #949696;
  border-width: 2px;
  border-color: #949696 !important; }

.btn-Negro:focus, .btn-Negro.focus {
  color: #fff;
  background-color: #646666 !important;
  border-color: #949696 !important;
  box-shadow: 0 0 0 0.1rem rgba(179, 179, 179, 0.5); }

/* rgba(233,51,37,0.50) */
/*------------ FONDOS -------------*/
.bg-Negro {
  color: #FFFFFF;
  background-color: #000000; }

.bg-Negry01 {
  background-color: rgba(0, 0, 0, 0.3); }

.bg-Negry02 {
  background-color: rgba(0, 0, 0, 0.5); }

.blanky01 {
  background-color: rgba(255, 255, 255, 0.82);
  /* 60% blanco 40% transparente*/ }

.blanky02 {
  background-color: rgba(255, 255, 255, 0.87);
  /* 75% blanco 25% transparente*/ }

.bg-Base {
  color: #FFF;
  background-color: #949696 !important; }

.bg-grayLt {
  background-color: lightgray;
  color: #000000; }

.bg-GrisL {
  color: #000000;
  background-color: #DFDFDF !important; }

.bg-GrisLL {
  color: #000000;
  background-color: #EFEFEF !important; }

.bg-Gris01 {
  color: #000000;
  background-color: #949696 !important; }

.bg-Logo01 {
  color: #FFFFFF;
  background-color: #949696 !important; }

.bg-Logo02 {
  color: #FFFFFF;
  background-color: #fec618 !important; }

.bg-primaryD6 {
  color: #FFFFFF;
  background-color: #646666 !important; }

.bg-tema {
  background-image: url("../images/indx/bg-temas.jpg"); }

/*--------- 2 secc  especial-width: 100%;position: relative;

.img50 {
	flex: 0 0 100%;
    max-width: 50%;	
  
  padding-right: 15px;
  padding-left: 15px; 
}

.img50 {
	@include media-breakpoint-up(sm){
		flex: 1;}	
}
------*/
/*------- BORDES Y MARCOS  -----------------*/
.marcoLog01 {
  border-style: solid;
  border-bottom-width: 20px;
  border-color: #949696; }

.marcoLog02 {
  border-style: solid;
  border-bottom-width: 20px;
  border-color: #fec618; }

.marcoLog01Y {
  border-bottom-style: solid;
  border-bottom-width: 20px;
  border-top-color: #949696;
  border-top-style: solid;
  border-top-width: 20px;
  border-bottom-color: #949696; }

.marcoLog02Y {
  border-bottom-style: solid;
  border-bottom-width: 20px;
  border-top-color: #fec618;
  border-top-style: solid;
  border-top-width: 20px;
  border-bottom-color: #fec618; }

.marcoLog02YEle {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-top-color: #fec618;
  border-top-style: solid;
  border-top-width: 3px;
  border-bottom-color: #fec618; }

.marcoYBi {
  border-left-style: solid;
  border-left-width: 20px;
  border-left-color: #fec618;
  border-right-style: solid;
  border-right-width: 20px;
  border-right-color: #949696; }

/*-----------FORMA CONTACTO RAPIDA ------*/
.obligatorio {
  font-size: .7rem; }

.jumboatTop {
  margin-top: -2rem; }

.bg-grayDark {
  background-color: #E7E7E7;
  /*#D0D0D0*/
  color: #fec618; }

.btn-dark {
  background-color: #515151;
  border: thin solid #C0C0C0;
  color: #FFFFFF !important;
  box-shadow: 10px 10px 15px -8px rgba(0, 0, 0, 0.5); }

.btn-dark:hover {
  background-color: rgba(143, 143, 143, 0.86);
  border-style: solid;
  border-color: #fec618;
  border-width: thin;
  color: #fec618; }

.iconArrow {
  color: #949696;
  scroll-behavior: smooth; }

/* ------FORM CONTROL   --------------*/
.form-control {
  border: 2px solid #949696;
  border-radius: 0rem;
  	/*------ Solo linea abajo ---
    border: none;
    border-bottom: 1px solid $colorGris01;
    border-radius: 0rem;
  	--------*/ }

.recuadro {
  border: 2px solid #949696;
  border-radius: 0rem; }
  .recuadro .iconBig-2 a {
    font-size: 450%; }
  .recuadro a:hover .sinDeco {
    text-decoration: none !important; }

/*----- slider -------*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0; }

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0); }

/*--------Footer -------*/
/* Whatsapp flotante */
.whatsapp-float {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999; }

/*Fin Whatsapp flotante */
.footerSecc {
  color: #fec618;
  background-color: #EFEEEE;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #949696; }

.footerSecc a:link {
  font-size: 115%;
  color: #fec618;
  text-decoration: none; }

.footerSecc a:hover {
  color: #fec618;
  /* $primary $colorMdtx*/
  font-size: 125%;
  font-weight: 500;
  text-decoration: none; }

.footerSecc a:visited {
  color: #fec618;
  font-size: 115%;
  text-decoration: none; }

.footerSecc h6 .ft-tit {
  font-size: 115%;
  font-weight: 500;
  padding-top: 2rem; }

.links-contacto:hover {
  font-size: 125%;
  font-weight: 500; }

/*
.footerSecc> #list-link ul li {
	color:blueviolet;
	list-style: none;
	text-decoration: none;
	padding-left: -1rem;
}

*/
.lineTL02 {
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: #fec618;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #fec618; }

#list-link ul li {
  color: palevioletred;
  list-style: none;
  padding-left: -1rem; }

.derechos {
  color: aliceblue; }

.footerSecc a.derechoLk {
  font-size: 120%;
  color: #000000;
  text-decoration: overline; }

.footerSecc a.derechoLk:link {
  font-size: 120%;
  color: #DFDFDF;
  /* $primary */
  text-decoration: none; }

.footerSecc a.derechoLk:hover {
  font-size: 130%;
  text-decoration: none; }

.line-deco {
  color: aqua; }

/*-----pagina de Inicio ------*/
.expe {
  background-image: url("../images/inicio/construccion-casas-cabanas-construccion-ligera-americanas-anos-experiencia-Mexico-USA.jpg");
  background-color: #cccccc;
  height: 700px;
  /* You must set a specified height */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* Resize the background image to cover the entire container*/ }

.hoy {
  background-image: url("../images/inicio/proyectos-construcciones-acabados-interiores-tabla-roca-durock-sheetrock-Chihuahua-Ciudad-Juarez-Delicias-Cuauhtemoc.jpg");
  background-color: #cccccc;
  height: 700px;
  /* You must set a specified height */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* Resize the background image to cover the entire container*/ }

.img-cetra-TamV {
  background-color: #cccccc;
  height: 700px;
  /* You must set a specified height */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* Resize the background image to cover the entire container*/ }

/*----------------NOSOTROS-------*/
.card-img-top {
  width: 40%;
  height: auto;
  padding: 1rem; }

/*----------------SERVICIOS-------*/
.modal-footer {
  justify-content: center !important; }

/*----------TABLA paginacion --------*/
.example .pagination > li > a,
.example .pagination > li > span {
  border: 1px solid thin #000000;
  color: #fec618 !important; }

.pagination > li.active > a {
  background-color: #D5D5D5 !important;
  color: #000000 !important;
  border-color: #000000 !important; }

.pagination > li > a:link {
  color: #fec618 !important; }

.col-Doble {
  width: 30%; }

/*---------------- MUESTRARIO -------------*/
.img-pycontainer {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden; }

.img-pycontainer img {
  max-height: 100%;
  max-width: 100%; }

.tipo {
  background-color: white; }

.tipo > a {
  color: #646666;
  text-decoration: none; }

.tipo > a:hover {
  color: #000000;
  text-decoration: none; }

.pyp {
  position: absolute;
  top: 20px;
  left: 20px;
  color: black; }

.txtEncima {
  position: absolute;
  top: 0px;
  left: 0px; }

/*----------------QUIENES SOMOS ---------' '----*/
.tit-deco h1 {
  display: inline-block;
  position: relative;
  color: #fec618;
  background-color: aqua; }

.tit-deco h1::before, .tit-deco h1::after {
  content: " ";
  display: block;
  position: absolute;
  width: 12rem;
  height: .45rem;
  top: .65rem;
  background-color: currentColor; }

.tit-deco h1::before {
  left: 220px; }

.tit-deco h1::after {
  right: 220px; }

/*------old-----*/
#Sectores > .tx-primary {
  color: red !important; }

.cabeza {
  color: #949696;
  background-color: white;
  text-align: center;
  margin: auto; }

.img-nos1 {
  background: url("https://picsum.photos/id/1/525/900");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  align-content: center; }

/*-----Tipo de Sectores Quimicos-----*/
.iconSector {
  animation: 1s  forwards;
  animation-name: mov-l-r;
  animation-duration: 5s;
  animation-timing-function: ease;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-direction: normal;
  bottom: -50%;
  opacity: 0.5;
  position: relative; }

@keyframes mov-l-r {
  0% {
    background-color: red;
    left: 0px;
    top: 0px; }
  25% {
    background-color: yellow;
    left: 200px;
    top: 0px; }
  50% {
    background-color: blue;
    left: 200px;
    top: 200px; }
  75% {
    background-color: green;
    left: 0px;
    top: 200px; }
  100% {
    background-color: red;
    left: 0px;
    top: 0px; } }
/*----para estaquear icon circulo y icon fa fa ----
.ok-circulo {
	vertical-align: middle;
	width: 60px;
	height: 60px;
	border-radius: 50% 50% 50% 50%;
	background-color: blue;
 }
	
.iconColor {
	filter: hue-rotate(20deg) brightness(450%);
	width: 80%;		
	}
-------------------*/

/*# sourceMappingURL=bootstrapCustom-4.6.2.css.map */