* {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
body {
	font-family:spartan,sans-serif;
	position: relative;
	font-weight:400;
	background: #fff;
	color:#232323;
}

body  section{
	padding: 75px 0;
}

a:hover,
a:focus {
	outline:none;
	outline-offset: 0;
	text-decoration:none;
	color:#232323;
}

a {color:#009688;}

h1, h2, h3, h4, h5, h6 {
	font-family:spartan,sans-serif;
}

img {width:100%; pointer-events: none;}
.center {text-align: center;}
.justify {text-align: justify;}
.justifyc {text-align: justify;text-align-last: center;}

.imgc {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}

.upp_ {
    text-transform: uppercase;
}

.no_marg {margin-left: 0; margin-right: 0;}
.no_padd {padding-left: 0; padding-right: 0;}

.btn_01 {
	background: #232323;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	font-size: 22px;
	margin: 10px auto;
	font-weight: 300;
	letter-spacing: 0;
}
.btn_01:focus,
.btn_01:hover {
	background: #61a1aa;
	color: #fff;
}

.dly1{ animation-delay: 0.2s;}
.dly2{ animation-delay: 0.4s;}
.dly3{ animation-delay: 0.6s;}
.dly4{ animation-delay: 0.8s;}
.dly5{ animation-delay: 1.0s;}
.dly6{ animation-delay: 1.2s;}
.dly7{ animation-delay: 1.4s;}
.dly8{ animation-delay: 1.6s;}
.dly9{ animation-delay: 1.8s;}
.dly10{ animation-delay: 2.0s;}
.dly11{ animation-delay: 2.2s;}
.dly12{ animation-delay: 2.4s;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus {
    outline: 0px auto transparent;
    outline-offset: -2px;
}

hr {margin: 20px auto;border-top: 5px solid #ddd;width: 200px; }

.btn { line-height: 1; }

footer {
	background: #181818;
    padding: 20px 0;
    color: #fff;
    position: relative;
}
footer p {margin: 0;}
footer a {color: #fff;}
footer a:hover, footer a:focus {color: #009688;}

#idx_hm {
    background-image: url(https://invotech-mx.com/img/bg_policy.webp);
    position: relative;
    display: inline-flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.logo {
    padding: 20px;
    width: 330px;
}
.cont {
    width: fit-content;
    display: inline-grid;
    justify-content: center;
}