html {box-sizing:border-box;}
body {background:#333; font-size:16px; font-weight:300; letter-spacing:1px; color:#CCC; padding:0; font-family:'Oswald', sans-serif;
	line-height:1.5; hidden;overflow-x:hidden; text-align:justify;
	 background-attachment:fixed; background-image:url("../img/bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;
	}
@keyframes bg-color {
  0%   { background: #339966; }
  50%  { background: #6666FF; }
  100% { background: #339966; }
}
#bg-color {width:100%; height:100vh; position:fixed; z-index:-1; left:0; top:0; opacity:0.25; 
  background:#333; /* Fallback */ animation:bg-color 15s infinite linear; text-align:center; padding:2em;}


h1,h2,h3,h4,h5,h6 {text-transform:uppercase; color:#BBB}
h1 {font-size:36px;}
h2 {font-size:24px; text-align:center; letter-spacing:3px; margin-bottom:60px; padding-bottom:2px;
	border-bottom:20px solid rgba(255, 255, 255, 0.03);}
h3 {font-size:20px; margin-bottom:40px}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:15px;}

p {margin-bottom:30px;}

a	{color:#fff; text-decoration:none; -webkit-transition:all 100ms ease-in-out; -moz-transition:all 100ms ease-in-out; -ms-transition:all 100ms ease-in-out; -o-transition:all 100ms ease-in-out; transition:all 100ms ease-in-out;}
a:hover	{color:inherit; text-decoration:none;}
.main-button,.main-footer .social li a {color:#fff; text-transform:uppercase; font-size:12px; padding:10px 15px; display:inline-block; border:2px solid #46494f;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

ol,ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

*,*:before,*:after {box-sizing:inherit;}

.mar-bot	{margin-bottom:40px}
.content {display:none;}
.clearfix::after {content: ""; clear:both; display:table;}

#repse	{width:100px; height:auto;}
img	{width:100%; max-width:100%;}
.no-gutter {margin-right:0; margin-left:0;}
.no-gutter > [class*="col-"] {padding-right:0; padding-left:0;}

/* GAG ========== */
.img-responsive	{width:100%; height:auto!important}
a	{outline:0; text-decoration:none!important;}
a:focus, a:hover {}
*:focus {outline:none!important;}


.bg-light	{background:#fff; background:rgba(255, 255, 255, 0.075);}
.bg-dark	{background:#000; background:rgba(0, 0, 0, 0.075);}


.img-zoom {text-align:center; overflow:hidden;}
.img-zoom img {transition:transform 1s ease; opacity:0.75}
.img-zoom img:hover {transform:scale(1.1); opacity:1}

.home-section .img-zoom {height:450px;}
.about-section .img-zoom {height:350px;}

/* HEADER ========== */
header	{padding:20px 0; margin-bottom:80px;}
header .logo	{max-width:300px!important}
.site-header {}
.header-wrapper { position:relative; }
.header-wrapper:after {content:""; display:table; clear:both;}
nav.main-navigation {text-align:right;  margin-top:32px;}
ul.main-menu li {display:inline-block; margin-left:1px;}
ul.main-menu li a {padding:8px 20px; text-transform:uppercase; font-size:16px; font-weight:400; color:#CCC; letter-spacing:2px; background:#6666FF;
					background:rgba(102, 102, 255, 1.0); border-radius:3px }
ul.main-menu li:hover a, ul.main-menu li a.active {background:#339966; background:rgba(51, 153, 102, 1.0); color:#FFF;}



/* SERVICIOS ========== */
.serv-box	{height:100%; padding:40px 15px 0; border:6px solid #33664c; border-radius:25px 25px 0 0; margin-bottom:0}
.serv-box h3	{text-align:center; background:#4c4c99; padding:5px; margin:0 -15px 40px;}
.icono	{width:100px; height:auto; margin:0 auto 20px; opacity:0.5}
.serv-box:hover .icono	{opacity:0.75}
.row-eq-height [class*='col-'] {margin-bottom:30px!important}



/* CONTACTO ========== */
/* FORM ========== */
#contactForm	{max-width:100%}
#contactForm label	{font-weight:normal; margin:0;}
#contactForm input[type], #contactForm textarea {color:#999; background:#2a2a55; box-shadow:none; border:none; white-space:break-spaces;
												text-decoration:none!important;}
#contactForm textarea {height:95px;}
#submit-cont	{width:100%; text-align:***}	
#contactForm button[type=submit]	{color:#CCC; background:#6666FF; letter-spacing:2px; border:none;}
#contactForm button[type=submit]:hover	{color:#FFF; background:#6666FF;}
#contactForm .help-block	{color:#FFCC00!important}	

#map, #fbtl		{opacity:0.75}
#map:hover, #fbtl:hover		{opacity:1}
#fbtl	{max-width:100%!important}



/* AVISO DE PRIVACIDAD  ========== */
#aviso {padding:100px 5%!important; font-size:16px!important; color:#AAA!important;}
#aviso h2	{font-size:24px; padding:0; margin-bottom:40px}
#aviso h4	{font-size:16px!important; margin:40px 0 10px!important}
#aviso a	{color:#6666FF!important;}
#aviso a:hover	{color:#FFF!important;}
#aviso hr	{border-color:#0055dd!important; 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:400!important; color:#BBB!important;}




/* FOOTER ========== */
footer	{padding:40px 0 60px; margin-top:80px;}
footer .social li {display:inline-block; margin:0 15px 15px 15px;}
footer .social li a {padding:20px;}
footer .social li a:hover {background:#339966; border-color:#339966;}
footer #copy	{font-size:12px}
footer .logo	{max-width:200px!important}
footer .fa-facebook-square	{vertical-align:middle;}
footer span {padding:0 20px}
footer hr	{border:none; height:20px; background:rgba(0, 0, 0, 0.05); margin:40px 0}





/* RESPONSIVE ; border:1px solid red ========== */
@media (min-width:768px) {
	.row-eq-height	{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}

}

@media screen and (max-width:992px) {
    .menu-responsive {display:none;}
	a.toggle-nav {position:absolute; top:20px; right:5px; width:46px; height:46px; background:#339966; text-align:center; line-height:46px;}
	a.toggle-nav i {font-size:16px;}
	a.toggle-nav:hover {color:#fff;}
    nav.main-navigation {margin-top:20px; text-align:center;}
    ul.main-menu {padding:10px 0;}
    ul.main-menu li {display:block!important; width:100%!important; margin-left:0; margin-right:0; margin-bottom:10px; margin-top:10px;}
    ul.main-menu li a {display:block!important; width:100%!important}
	header .logo	{padding-right:20%}
	img	{margin-bottom:20px}
	footer span {display:block!important; width:100%; margin-bottom:20px;}
}