@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap');
@import url('../fontawesome/css/all.css');

body	{margin:0px; padding:0px; color:#999; font-family:'Quicksand', sans-serif; background:#fff; color:#333; font-weight:400; font-size:16px; line-height:1.25;
		 background-attachment:fixed; background-image:url("../img/bg.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover;}
html, body	{height:100%}
h1, h2, h3, h4, .nav-side, .btn	{font-weight:500; line-height:1;}
h1, h2, h3, h4	{color:#333; margin-bottom:20px;}
h3		{font-size:26px; margin:0 0 20px;}
h3		{font-size:22px; margin:0 0 20px;}
h4		{font-size:20px; margin:0 0 15px;}
.no-gutter > [class*='col-']	{padding-right:0; padding-left:0;}
.title h2	{font-size:26px; font-weight:700; color:#D68833; margin-bottom:0; text-transform:uppercase;}
.title hr	{margin:5px 0 50px; border:none!important; background:#1B9042!important; width:100%!important; left:0!important; height:10px}

#main hr	{border-top:1px solid #1B9042; border-bottom:1px solid #1B9042; width:70%;margin.0 auto;}
b, strong	{color:#000; font-weight:500}
.lineh2		{line-height:40px}

.no-bullets	{list-style-type:none; padding:0 0 0 10px; margin: 0;}

.nav-side a:link, a:visited	{color:#fff}
.nav-side a:hover, a:active	{color:#000!important}
.nav-side a:active, a:focus	{outline:none;}
.nav-side a, a:hover, a:focus, .fa:hover	{text-decoration: none; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in;
								-o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
								
.main i		{color:#000; margin-right:5px;}
.btn		{color:#DDD; background:#1B9042; font-weight:500; padding:15px 40px; border:none;}
.btn:hover	{color:#FFF; background:#1B9042;}

.icono	{width:140px; height:auto; margin:0 auto 20px;}
.round img	{border-radius:50%;}			 
.mrg-btm	{margin-bottom:40px;}			 


			 
/* NAVBAR ========== */
.nav-side	{overflow:auto!important; position:fixed; top:0px; width:280px; height:100%; text-align:center; padding:20px 5px 100px;
			}
.nav-side .toggle-btn		{display:none;}
.nav-side #logo img			{width:200px; height:auto; margin-bottom:10px; border-radius:4px}
.nav-side #logo-title		{margin-bottom:40px;}
.nav-side #logo-title h1	{font-size:16px; color:#333; margin:0; font-weight:400!important}
.nav-side #logo-title h6	{font-size:9px; color:#333; letter-spacing:0.4px; margin:0; font-weight:400!important}
.nav-side hr	{margin:3px 0 4px; border:none; background:#fff; background:rgba(255, 255, 255, 0.5); height:10px; margin:0}
.nav-side ul, .nav-side li	{list-style:none; padding:0px; margin:0px; cursor:pointer;}
.nav-side ul .active a, .nav-side li .active a {color:#333;}
.sub-menu li	{text-align:left;}
.sub-menu li:hover, .sub-menu li:hover	{color:#333;}
.nav-side li a {text-decoration:none; color:#fff; font-size:18px; font-weight:700; line-height:40px; letter-spacing:3px}
.nav-side li:hover a {color:#1B9042!important;}


/* NAV LINK HOVER FX ========== */
.menu li a {position:relative; padding:0 0 8px 2px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.menu li a:after {content:""; position:absolute; height:1px; bottom:7px; left:0; right:0; background-color:#1B9042; visibility:hidden;
	-webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0);
	-webkit-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-ms-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.menu li:hover a:after, .menu li.active a:after {visibility:visible; -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1);
	-o-transform:scaleX(1);	transform:scaleX(1);}
/* NAV FOOTER ========== */
.nav-footer	{position:absolute; z-index:10; bottom:0; left:0; text-align:center; padding:0 5px 20px; width:100%;}
.nav-footer a:after	{display:none!important;}
.nav-footer li	{display:inline; padding:0 10px;}
.nav-footer, .nav-footer a	{color:#000}

	
/* PAGES ============================== */
.bgnone	{background:#fdf7ef}
.bgpair	{background:#eef8f2}

#main section {padding-top:80px; padding-bottom:80px; min-height:100vh;}		
#main img	{max-width:100%;}
#main section#inicio	{padding:0; min-height:auto;}
#main section#footer	{padding:0; min-height:auto;}

.mar-bot  {margin-bottom:60px}
.mar-bot:last-child  {margin-bottom:0!important}



/* HOME ========== */
#quienes	{background:#fff}
#quienes .box	{height:100%; margin-bottom:40px;}
#quienes .box h3 {text-align:center; padding:10px 5px; color:#FFF }
#quienes .box p	{padding:0 10px}
#valores li	{margin-bottom:10px}


#servicios	{background-image:url("../img/bg-serv.jpg"); background-position:center center; background-repeat:no-repeat;
			background-attachment:fixed; background-size:cover;}
#servicios li	{margin-bottom:10px}


/* CONTACTO ============================================= */
/* FORM ========== */
#contactForm	{max-width:100%}
#contactForm label	{color:#000; font-weight:normal; margin:0;}
#contactForm input[type], #contactForm textarea {color:#; background:#; box-shadow:none}
#contactForm textarea {height:px;}
#submit-cont	{width:100%; text-align:center; margin-top:20px}	
#contactForm button[type=submit]	{color:#; background:#; letter-spacing:2px; border:none;}
#contactForm button[type=submit]:hover	{color:#; background:#;}
#fbtl	{max-width:100%}



/* AVISO DE PRIVACIDAD  ========== */
#aviso	{padding:20px 0 40px!important; background:#FFF; font-size:16px!important; color:#555!important}
#aviso h2	{font-size:22px; padding:0; margin-bottom:-15px; color:#D68833!important}
#aviso h4	{font-size:18px!important; margin:40px 0 10px!important; color:#D68833!important}
#aviso a	{color:#1B9042!important}
#aviso a:hover	{border-bottom:1px solid green!important;}
#aviso hr	{width:50%; left:25%}
#aviso blockquote	{font-size:inherit!important; padding:0 10%!important; border:none!important}
#aviso ol	{padding-left:15px!important}
#aviso strong	{font-weight:500!important; color:#000!important;}






/* FOOTER ========== */
footer {padding:80px 0; font-weight:700!important}	
footer, .footer a:link	{color:#000!important}
footer li	{margin-bottom:10px}
footer a	{color:#FFF!important}
footer i	{color:#1B9042!important}
footer hr	{margin:40px 0!important; border:none!important; background:#fff; background:rgba(255, 255, 255, 0.5); height:10px; width:100%!important; margin:0 auto}


#repse	{width:100px; height:auto; margin-top:-10px!important}



/* RESPONSIVE ========== */
@media (min-width:768px) {
	.row-eq-height	{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.cel	{display:none}
	p, li		{text-align:justify}
	.nav-side .menu {display:block;}	
	#main section {width:calc(100% - 280px); float:right;}	
	#main .container-fluid	{padding:0 5%}
	#contactForm #vert2left		{width:48%; float:left; margin-right:2%}
	#contactForm #vert2right	{width:48%; float:left;}
	#contactForm textarea		{min-height:172px;}
}

#top	{position:fixed; z-index:100: display:none; bottom:5px; right:0; z-index:1000}
#top i	{color:#000!important; font-size:36px; opacity:0.5}
#top:hover i	{opacity:1}

@media (max-width:767px) {
	.pc	{display:none}		
	.nav-side #logo img	{width:180px; margin:5px 0!important;}
	.nav-side #logo-title	{margin-bottom:30px; border-bottom:2px solid #333}
	.nav-side {position:relative; width:100%; height:auto; padding:0!important; border-bottom:5px solid #333; overflow:auto!important;}
	.nav-side .toggle-btn {display:block; cursor:pointer; position:absolute; right:10px; top:30px; z-index:10!important; padding:4px; background-color:#FFF; color:#000; width:30px; height:30px; font-size:20px; line-height:22px; text-align:center; border-radius:50%}
	.menu 	{position:relative;}
	.menu li{padding:0 5px}
	#quienes .box p	{padding:0 10px 20px}
	#fbtl	{padding:0 10px; text-align:center!important}		

}