* {
	font-family: 'Archivo', sans-serif;
}

a, a:hover, a:active, a:focus, a:visited {
	cursor: pointer;
	text-decoration: none;
}

input:focus, textarea:focus {
	outline: none !important;
	box-shadow: none !important;
}

.fs-sm-10 { font-size: 10px !important; }
.fs-sm-11 { font-size: 11px !important; }
.fs-sm-12 { font-size: 12px !important; }
.fs-sm-13 { font-size: 13px !important; }
.fs-sm-14 { font-size: 14px !important; }
.fs-sm-15 { font-size: 15px !important; }
.fs-sm-16 { font-size: 16px !important; }
.fs-sm-18 { font-size: 18px !important; }
.fs-sm-20 { font-size: 20px !important; }
.fs-sm-21 { font-size: 21px !important; }
.fs-sm-24 { font-size: 24px !important; }
.fs-sm-26 { font-size: 26px !important; }
.fs-sm-28 { font-size: 28px !important; }
.fs-sm-32 { font-size: 32px !important; }
.fs-sm-36 { font-size: 36px !important; }
.fs-sm-42 { font-size: 42px !important; }
.fs-sm-48 { font-size: 48px !important; }
.fs-sm-56 { font-size: 56px !important; }
.fs-sm-62 { font-size: 62px !important; }
.fs-sm-64 { font-size: 64px !important; }
.fs-sm-72 { font-size: 72px !important; }
.fs-sm-96 { font-size: 96px !important; }
.fs-sm-120 { font-size: 120px !important; }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

.f-invert { filter: invert(100%); }
.f-brightness { filter: brightness(10); }
.f-dark { filter: brightness(0); }
.f-gray { filter: grayscale(100%); }

.bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.text-violet {
	color: #5E33FF;
}

.bg-violet {
	background-color: #5E33FF;
}

body {
	background: #222;
}

header {
	z-index: 3;
}

header nav a {
	color: #FFF !important;
}

header nav a.active {
	color: #5E33FF !important;
}

header > button {
	width: 35px;
}

header > button span {
	height: 2px;
}

#home {
	background: url('../img/top-bg.png') no-repeat center bottom;
	background-size: cover;
}

#home .carousel-indicators {
	bottom: inherit;
	left: inherit;
	margin: 0 20px 0 0;
}

#home .carousel-indicators [data-bs-target] {
	border-radius: 50%;
	height: 20px;
	opacity: 1;
	width: 20px;
}

#home .carousel-indicators .active {
	background-color: #DDFA49;
}

#quienes-somos {
	background: url('../img/bg-nosotros.png') no-repeat center bottom;
	background-size: cover;
}

#servicios .ph {
	padding: 40px 80px 0;
}

#servicios .tns-slide-active .ph {
	padding: 0;
}

#servicios .tns-ovh {
	overflow: visible;
}

.bg-dark2 {
	background-color: #413D52;
}

@media( max-width:767px ) {
	.fs-10 { font-size: 10px !important; }
	.fs-11 { font-size: 11px !important; }
	.fs-12 { font-size: 12px !important; }
	.fs-13 { font-size: 13px !important; }
	.fs-14 { font-size: 14px !important; }
	.fs-15 { font-size: 15px !important; }
	.fs-16 { font-size: 16px !important; }
	.fs-18 { font-size: 18px !important; }
	.fs-20 { font-size: 20px !important; }
	.fs-21 { font-size: 21px !important; }
	.fs-24 { font-size: 24px !important; }
	.fs-26 { font-size: 26px !important; }
	.fs-28 { font-size: 28px !important; }
	.fs-32 { font-size: 32px !important; }
	.fs-36 { font-size: 36px !important; }
	.fs-42 { font-size: 42px !important; }
	.fs-48 { font-size: 48px !important; }
	.fs-56 { font-size: 56px !important; }
	.fs-62 { font-size: 62px !important; }
	.fs-64 { font-size: 64px !important; }
	.fs-72 { font-size: 72px !important; }
	.fs-96 { font-size: 96px !important; }

	header nav {
		background: black;
		height: 100%;
		left: 100%;
		position: fixed;
		top: 0;
		width: 100%;
	}

	header nav.view {
		left: 0;
	}


}