body	{height:100%; color:#555; font-size:16px; line-height:1.25em; font-family: 'Lato', sans-serif;
		background-attachment:fixed; background-image:url("../img/bg.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}

#bg-overlay	{position:fixed; z-index:-1; width:100%; height:100vh; background:#FFF; opacity:0.5;}		


h1	{font-weight:700; color:#1A9799;}		
h2	{font-size:25px; font-weight:700; color:#1A9799; margin:0 0 40px 0; text-align:center; letter-spacing:1px}
h3	{font-size:20px; font-weight:400; color:#1A9799; margin:20px 0 10px; text-transform:uppercase; letter-spacing:2px}
h4	{font-size:20px; font-weight:400; color:#555; margin:20px 0 10px;}
i	{color:#242525;}
i:hover	{color:#1A9799}
hr	{border-color:#1A9799!important}	
a	{color:#242525; outline:0; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a:focus, a:hover {color:#1A9799!important; text-decoration:none;}

strong	{font-weight:700!important; color:#333;}
.no-gutter {margin-right:0; margin-left:0;}
.no-gutter > [class*="col-"] {padding-right:0; padding-left:0;}
ul 			{list-style-type:none; margin:0 0 0 35px!important; padding:0!important}
.fa-ul li	{margin-bottom:15px}
.fa-ul li::before	{font-family:"Font Awesome 5 Free"; color:#1A9799; font-size:20px; font-weight:900; content:'\f00c'; margin:0 5px 0 -25px;
					position:relative; top:-1px;}
.text-center li {text-align:center}

section	{padding:100px 0; text-align:justify; border-top:10px solid #1A9799;  border-bottom:10px solid #1A9799;}


.navbar	{background:#FFF; margin:0!important; padding:10px 0!important; border:none; border-top:10px solid #1A9799;}
.navbar .navbar-header	{margin:0!important; padding:0!important;}
.navbar	.logo img	{height:80px; width:auto;}
.navbar-nav	{ margin-top:20px!important;}
.nav a {font-size:18px; font-weight:700; text-transform:uppercase; color:#1A9799!important; border:2px solid #1A9799; padding:5px 10px!important;
	border-radius:18px; margin:0 0 0 10px!important}
.nav a:hover {color:#242525!important;}

/* CAROUSEL ========== */
.hero	{width:100%; height:50vh; display:flex; justify-content:center; align-items:center; overflow:hidden; background:#1A9799}
.carousel-inner	{position:relative; z-index:0!important; text-align:center}
.carousel-inner h1	{position:absolute; z-index:10000!important; width:100%; top:48%; left:0; margin:0 auto; font-size:24px; color:#FFF}
.carousel, .carousel-inner, .carousel .carousel-inner .item	{width:100%!important;}
.carousel .carousel-inner .item img	{width:100%!important; opacity:0.75}
.carousel .carousel-inner .item {-webkit-transition-property:opacity; transition-property:opacity;}
.carousel .carousel-inner .item, .carousel .carousel-inner .active.left, .carousel .carousel-inner .active.right {opacity:0;}
.carousel .carousel-inner .active, .carousel .carousel-inner .next.left, .carousel .carousel-inner .prev.right {opacity:1;}
.carousel .carousel-inner .next, .carousel .carousel-inner .prev, .carousel .carousel-inner .active.left, 
.carousel .carousel-inner .active.right {left:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}


#inicio		{background:#fff}
#servicios	{background:#FFF}
#serv-img	{width:100%; height:75vh; background:#fff;
background-attachment:fixed; background-image:url("../img/servicios.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.serv-lista	{font-size:20px; font-weight:700}
.icono img		{width:120px; height:auto; margin:30px 0 0 0;}

#cont-img	{width:100%; height:75vh; background:#fff;
background-attachment:fixed; background-image:url("../img/contacto.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}

#slogan	{text-align:center; line-height:1.5; font-weight:700; letter-spacing:0.5px; font-style:italic;}

#contacto	{background:#fff; text-align:center;}
#contacto logo img	{width:200px; text-align:center;}






/* BOX ========== */
.box	{text-align:center; padding:40px 20px}
.box i	{padding-bottom:20px; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;
				transition:all 0.5s ease 0s;}

.box .fa-ul		{text-align:left}

.d-flex {display:flex!important;}
.align-items-center {align-items:center!important;}
header::before, header::after {box-sizing:inherit;}
.justify-content-between {justify-content:space-between !important;}

#top {position:fixed; z-index:10; display:none; bottom:40px; right:20px; padding:5px 10px; font-size:24px; background:#1A9799; opacity:0.75;}
#top i	{color:#FFF!important; margin:0!important}
#top:hover	{opacity:1}




.valores li {padding:0 20px;}

#contacto		{background:rgba(255, 255, 255, 1.0); padding:50px 20px; color:#1A9799;}
#contacto i	{color:#1A9799;}
#contacto i	{color:#1A9799;}	
#contacto .logo img	{height:60px;}
#contacto #copy	{padding-top:20px}

/* RESPONSIVE ========== ; border:1px solid red */
@media (min-width:768px) {
	#slogan	{padding:0 15%}
	.valores {width:100%; display:flex; justify-content:center; align-items:center; list-style:none; margin:0; padding:0;}

}
@media (max-width:767px) {
	.header {padding: 15px 0;}
	section	{padding:60px 10px;}
	.fa-ul {margin-left:10px}
	.fa-ul li {margin-bottom:10px}
	#contacto .row div {margin-bottom:20px}
}