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

Negro $1c1817	
ROJO  $e93325 

/*Variables Personales */
/*color1 del Nombre pagina footer #e93325*/
/*#000000#e93325 #1c1817*/
/*#FF5F52*/
/*#9F1B11 */
/*#1c1817 */
/* #1C1817 */
/* Texto para fondo %secun */
/* color bg texto texto titulo quimicos*/
/* bg de texto titulo quimicos y FC*/
/* Rojo */
/* Negro */
/* 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 */
/*-------------BASICOS -----*/
body {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300; }

body {
  background-image: url("https://www.serusu.com.mx/images/bkserusu.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #ffffff !important; }

html {
  font-family: "Barlow Condensed", sans-serif;
  /* "Encode Sans" */
  color: #000000;
  scroll-behavior: smooth;
  font-weight: 300; }

h1 {
  font-family: "Barlow Condensed", sans-serif;
  color: black;
  font-weight: 300; }

@media (min-width: 345px) {
  h1, .h1 {
    font-size: 1.3rem; } }
@media (min-width: 576px) {
  h1, .h1 {
    font-size: 1.5rem; } }
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.0rem; } }
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 2.5rem; } }
h2 {
  color: #454545; }

.pequeH2 {
  font-size: 150%; }

.img-fluidV {
  max-height: 100%;
  width: auto;
  object-fit: cover !important;
  justify-content: center; }

 /* .LEAD ajustes 
@media (min-width: 576px) {
	.lead {
  		font-size: 1rem !important;
		font-weight: 300 !important;
}

@media (min-width: 768px) {
	.lead  {
  			 font-size:  1.05rem !important;}
			 font-weight: 300 !important;
}

@media (min-width: 992px) { 
	.lead  {
  			 font-size: 1.15rem !important;}
			 font-weight: 300 !important;
}



@media (min-width: 576px) {
	lead {
  			 font-size: .90rem;
			 font-weight: 300} 
}

*/
.text-primary {
  color: #ed1c25 !important; }

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

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

/*----- MENU BARRA ------*/
.nav-boton {
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000 !important; }

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

.nav-boton:focus, .nav-boton:active {
  color: #646464 !important;
  border-bottom-style: solid;
  border-bottom-color: #ed1c25 !important;
  border-bottom-width: thin;
  box-shadow: 2px 2px 4px 4px #EFEFEF; }

@media (min-width: 345px) {
  .nav-boton {
    font-size: 1.4rem;
    font-weight: 400;
    color: #000000 !important; } }
@media (min-width: 576px) {
  .nav-boton {
    font-size: 1.0rem;
    font-weight: 400;
    color: #000000 !important; } }
@media (min-width: 768px) {
  .nav-boton {
    font-size: 1.1rem;
    font-weight: 400; }

  .nav-boton:hover {
    font-weight: 500; } }
@media (min-width: 992px) {
  .nav-boton {
    font-size: 1.4rem;
    font-weight: 400; } }
a.dropdown-item:hover {
  color: #454545; }

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

a.dropdown-item:visited {
  color: #454545 !important; }

.iconBig {
  font-size: 150%; }

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

.dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.15); }

/*--------- 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; }

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

.btn-primary:hover {
  color: #fff;
  background-color: #454545;
  /* #C72D21*/
  border-color: #3F3B3A !important; }

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #6C6667 !important;
  /* #C72D21 */
  border-color: #ed1c25 !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: #ed1c25;
  border-color: #ed1c25; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3F3B3A;
  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) */
/*------------ FONDOS -------------*/
.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-grayLt {
  background-color: lightgray;
  color: #000000; }

/*--------- 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;}	
}
------*/
/*-----------FORMA CONTACTO RAPIDA ------*/
.obligatorio {
  font-size: .7rem; }

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

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

.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: #454545;
  border-width: thin;
  color: #454545; }

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

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

.recuadro {
  border: 2px solid #ced4da;
  border-radius: 0rem; }

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

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

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

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

.footerSecc a:visited {
  color: #454545;
  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;
}

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

.derechos {
  color: aliceblue; }

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

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

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

.line-deco {
  color: aqua; }

/* ------------HOJAS BASE QUIMICOS SECTOR -----*/
.subTit {
  font-size: 125%;
  color: #312A2A;
  font-weight: 300;
  margin-top: 1rem; }

.jumPrimary {
  color: #000000; }

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

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

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

.col-Doble {
  width: 30%; }

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

.cabeza {
  color: #ed1c25;
  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 */