@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600&display=swap');

/*cafe       #5E3F0D*/
/*naranja    #BA4D1C*/
/*beige      #D3A56A*/
/*amarillo   #FFF1AA*/

/* ---------------------------
GENERAL
--------------------------- */
body {
	font-family: "Libre Franklin", Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
b, strong {
	font-weight: 600;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Libre Franklin", serif;
	font-weight: 600;
	color: #333;
	margin-bottom: 1rem;
}
.texto-cafe {
	color: #5E3F0D !important;
}
.texto-naranja {
	color: #cf2122 !important;
}
.texto-beige {
	color: #D3A56A !important;
}
.texto-amarillo {
	color: #FFF1AA !important;
}
.texto-negro {
	color: #222222 !important;
}
.texto-blanco {
	color: #ffffff !important;
}

.libre-franklin {
	font-family: "Libre Franklin", Helvetica, sans-serif !important;
	font-weight: 400 !important;
}
.libre-franklin-medium {
	font-family: "Libre Franklin", Helvetica, sans-serif !important;
	font-weight: 500 !important;
}
.libre-franklin-semibold {
	font-family: "Libre Franklin", Helvetica, sans-serif !important;
	font-weight: 600 !important;
}

/* ---------------------------
CONTENIDO
--------------------------- */
/* encabezado */
.encabezado {
	color: #333333;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	padding: 30px 0 !important;
	text-align: center;
}
@media (min-width: 768px) {
	.dato-contacto-1 {
		text-align: left;
	}
	.dato-contacto-2 {
		text-align: right;
	}
	.encabezado {
		font-size: 20px;
		line-height: 26px;
	}
}
.encabezado a,
.encabezado a:hover,
.encabezado a:active {
	color: #cf2122;
}
.img-encabezado {
	background-image: url("../images/img-1.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #eeeeee;
	height: auto;
	box-sizing: border-box;
}
.img-encabezado .row {
	height: 500px;
	padding: 50px 0;
}
@media (min-width: 992px) {
	.img-encabezado,
	.img-encabezado .row {
		height: 700px;
	}
}

.frase {
	color: #ffffff;
	margin: 0;
	text-align: center;
	padding: 15px 25px;
	background-color: #ce2121;
	border-radius: .3rem;
}
/*@media (max-width: 767px) {
	.frase {
		font-size: 20px;
	}
}*/

/* intro */
.intro {
	padding: 100px 0;
}

/* ventajas */
.ventajas {
	background: #ce2121;
	color: #ffffff;
	padding: 100px 0;
}
.ventajas img {
	width: 65px;
}

/* especificaciones */
.especificaciones {
	padding: 100px 0;
	background: #ffffff;
}
.listado {
	list-style: none;
	padding: 0;
	margin: 0;
}
.listado li {
	margin-bottom: 12px;
	position: relative;
	margin-left: 30px;
}
.listado li:last-child {
	margin-bottom: 0;
}
.listado li:before {
	content: "\f00c";
	position: absolute;
  left: -30px;
	color: #BA4D1C;
	font-size: 18px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* descarga */
.descarga {
	padding: 70px 0;
	background-image: url("../images/bg-1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* conceptos */
.conceptos {
	padding: 100px 0;
}
.conceptos-tao > div[class*="col"] {
	padding: 0;
}
.conceptos-tao .caja {
	height: 300px;
	padding: 30px;
	display: flex;
	align-items: center;
	text-align: center;
}
.conceptos-tao .caja h5 {
	font-family: "Libre Franklin", Helvetica, sans-serif;
	font-weight: 400;
	
}

.concepto-1 {
	background: #ce2121;
	color: #ffffff;
}
.concepto-1-img {
	background-image: url("../images/maquila-de-bordados-en-mexico.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.concepto-2 {
	background: #ce2121;
	color: #ffffff;
}
.concepto-2-img {
	background-image: url("../images/maquila-de-bordados-monterrey.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.concepto-3 {
	background: #ce2121;
	color: #ffffff;
}
.concepto-3-img {
	background-image: url("../images/maquila-uniformes-bordados.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.concepto-4 {
	background: #ce2121;
	color: #ffffff;
}
.concepto-4-img {
	background-image: url("../images/bordados-maquila-mexico.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.owl-dots {
	position: relative !important;
}
.owl-theme .owl-dots .owl-dot span {
  width: 13px !important;
  height: 13px !important;
  background: #cccccc;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #5E3F0D;
}

/* slider */
.slider .owl-dots {
	margin-top: -40px !important;
}
.slider.owl-theme .owl-dots .owl-dot span {
  background: rgba(255,255,255,.5) !important;
}
.slider.owl-theme .owl-dots .owl-dot.active span,
.slider.owl-theme .owl-dots .owl-dot:hover span {
  background: #ffffff !important;
}

/* contacto */
.contacto {
	padding: 100px 0;
}
.logo-code5 {
	text-align: center;
	background-color: #cf2122;
	padding: 10px 0 10px 0;
}

.form-control {
	border: 2px solid #5E3F0D !important;
}
.form-control:hover,
.form-control:focus {
	background-color: #ffffff !important;
}

/* ---------------------------
OVERRIDE
--------------------------- */
.form-control {
	height: calc(2.5rem + 2px);
}
.btn-default {
	color: #ffffff;
  background-color: #ce2121;
  border-color: #ce2121;
}
.btn-default:hover,
.btn-default:not(:disabled):not(.disabled):active {
	color: #ffffff;
   background-color: #a41d1d;
  border-color: #a41d1d;
}
.btn-primary {
	color: #ffffff;
 background-color: #ce2121;
  border-color: #ce2121;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #ffffff;
  background-color: #a41d1d;
  border-color: #a41d1d;
}
a {
	color: #5E3F0D;	
}
a:hover {
	color: #BA4D1C;
}
b {
	font-weight: 500;
}
label {
  margin-bottom: .2rem;
}