@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
@import url('../fontawesome/css/all.css');
/* font-family:"Font Awesome 5 Free"; font-weight:900; ========== */
body	{color:#777777; font-family: 'Poppins', sans-serif; font-size:14px; line-height:1.5em; position:relative;
		-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
		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:#444; opacity:0.0;}		
h1, h2	{color:#444; font-weight:400; font-size:22px; line-height:26px; margin:0 0 30px 0; text-align:center; border-bottom:1px solid #444;}
h3		{color:#444; font-weight:400; font-size:18px; line-height:22px; margin:0 0 5px 0;}
p	{font-weight:300; color:#777}
strong	{font-weight:400!important; color:#333;}		
a	{color:#444; 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:#CCC; text-decoration:none;}
i		{color:#444; margin-right:5px;}
footer i{color:#444;}
ul {list-style-type:none; margin:0 0 15px 0; padding:0;}
.fa-ul li::before {font-family:"Font Awesome 5 Free"; color:#444; font-size:10px; font-weight:900; content:'\f111'; margin-right:5px;
	position:relative; top:-1px;}
	
.no-gutter {margin-right:0; margin-left:0;}
.no-gutter > [class*="col-"] {padding-right:0; padding-left:0;}
	
.container	{background:transparent!important;}
section	{padding:60px 20px; text-align:justify}

.header {background:#fff; padding:20px 15px; margin-top:100px}
.logo img	{height:100px; width:auto;}
.main-menubar {position:relative;}
.menu-bar {cursor: pointer;}
.menu-bar span {color:#444; font-size:24px;}
.menu-bar span:hover {color:#CCC;}
nav	{-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;
	transform-origin:100% 50%;}
nav.nav-hide {transform:scale(0);}
nav a {font-size:12px; font-weight:500; text-transform:uppercase; margin:0 25px; display:inline-block;}
nav a:hover {opacity:0.5}

#inicio		{background:#fff}
#servicios	{background:#fcfcfc}
#banner		{padding:100px 10px}
.banner-bg	{background:#fff; padding:5px; border-radius:9px;}
.banner-bg .marco	{background:#fff; padding:60px 40px; border-radius:6px; text-align:center;}
#banner p	{font-size:20px; color:#444!important; font-weight:500}
#contacto	{background:#fff; text-align:center;}
footer		{background:rgba(255, 255, 255, 0.5); padding:15px 20px; color:#444; margin-bottom:20px}
#copy		{padding-top:40px}

#top	{position:fixed; display: none; bottom:40px; right:20px; padding:3px 5px; font-size:24px; background:#444}
#top:hover	{background:#CCC}
#top .lnr	{color:#fff!important}

/* CAROUSEL ========== */
.carousel h1	{position:absolute; z-index:10; width:100%; left:0; top:5%; padding:10px 5px; border:none; background:rgba(255, 255, 255, 0.85);}
#slider img		{max-width:100%}
.thumbnail {margin:0; padding:0; border:none!important; width:100%!important; background:transparent}
.thumbnail img:hover {opacity:0.5; cursor:pointer}
#slider-thumbs {height:auto; overflow:auto;}

.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:hover i	{color:#CCC;}

.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;}

/* RESPONSIVE ========== */
@media (min-width:1200px) {
	.container {width:1100px;}
}

@media (max-width:767px) {
	.header {padding: 15px 0; margin-top:50px}
	section	{padding:60px 10px;}
	nav {margin-right:0; position:absolute; right:0; top:47px; text-align:right; padding:20px 0; z-index:5; background:#fff;}
	nav a {margin:5px 25px;}
	.fa-ul {margin-left:10px}
	.fa-ul li {margin-bottom:10px}
	.carousel h1 {font-size:18px; line-height:20px; top:0!important; padding:2px!important;}
	h1, h2	{font-size:18px;}
}