@import url(http://fonts.googleapis.com/css?family=Nixie+One|Buda:300);

/* Body */
*{ outline:none !important;}
body{ margin:0; padding:0; font-family: 'Raleway', sans-serif; color:#28282e; font-size:14px; -webkit-font-smoothing: antialiased; outline:none;}
html,body { height: 100%;}

/* Headlines */
h1, h2, h3{ font-weight:700;}

/* Form Elements */
input[type="text"]{ outline:none;}
input[type="submit"]{ outline:none;}
input[type="button"]{ outline:none;}
textarea{ outline:none;}

/* Main Elements */
header{ width:100%; height:100%; float:left; background-position:center;} 
footer{ width:100%; float:left; background:#28282e;}
section{ width:100%; float:left; position:relative; }
section.overlay{ position:relative;}
section.overlay:after{content:''; width:100%; height:100%; background:rgba(40,40,46, 0.9); position:absolute; left:0; top:0;}


/* TOOLS - UTILS */
.company_name{ color: #fff; font-family: 'Buda', cursive; font-size: 28px;}
.company_name .company_name1{ font-size: 30px; font-weight: bold; text-shadow:1px 1px 0px #ccc; color: #E43A3A;}
.company_name .company_name1:before{ content:''; width:3px; height:35px; position: absolute; margin-left: 90px; background:#E43A3A;}
.company_name .company_name2{ font-weight: 100; margin-left: 5px; }
.company_name .company_name2:before{ content:''; width:230px; height:1px; position: absolute; margin-top:35px; margin-left: -7px; background:#E43A3A;}


/* Section Overlay */
.section-overlay { position:relative;}
.section-overlay:after{contnet:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#28282e; opacity:0.9;}

/* Tools */
.error-pages{ height:100% !important;}
.error-pages img{ margin-top:20px;}
.error-pages h1{ margin:0 !important;}
.error-pages h2{font-size:140px; color:#fff; margin-top:100px;}
.bolder{ font-weight:700;}
.colored{color:#E43A3A;}
i{ font-size:40px;}
p{color:#5b5b5b; line-height:25px; margin-bottom:25px; font-size:16px; text-align: justify; }


/* Links */
a{color:#2b2b2b; outline:none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
a{font-weight:700;}
a:hover{color:#2b2b2b;}

/* Button */
.button{ line-height:40px; display:inline-block; border:1px solid #ccc; padding:0 25px; font-size:12px;}
.button:hover{ background:#E43A3A; color:#fff; text-decoration:none; border:1px solid #E43A3A;}


/* Site Loader */
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../images/load.gif') 50% 180px no-repeat #eee;text-align:center; padding-top:220px; font-weight:700; }


/* HEADER */
/* Particles Effect */
header #particles{ width:100%; height:100%; float:left; position:relative;}
header #particles canvas{ opacity:0.1;}
header #particles .intro{ width:100%; height:100%; position:absolute; left:0; top:0;}


/* Scroll Opacity */
header .lead-text span{white-space:pre;}
header .lead-text h1{ font-size:55px; font-weight:bold; color:#fff; margin-top:30%; padding-bottom:20px; position:relative;}
header .lead-text h1:after{content:''; width:90px; height:3px; float:left; position:absolute; left:50%; bottom:0; margin-left:-45px; background:#E43A3A;}
header .lead-text h3{ font-size:28px; font-weight:300; line-height:30px; color:#fff; margin-bottom:60px;}
header .lead-text .button{ border:1px solid #fff; color:#fff; padding:5px 30px;}
header .lead-text .button:hover{color:#fff; background:#E43A3A; border:1px solid #E43A3A;}


/* Navigation */

header nav{ width:100%; float:right; margin:0; padding:20px 0;}
header nav .navbar-nav{ float:right; margin-top:8px; padding:0;}
header nav .navbar-nav .logo{float:left; margin:0;}
header nav .navbar-nav li{ float:left; margin-right:30px; list-style:none;}
header nav .navbar-nav li:last-child{ margin-right:0;}
header nav .navbar-nav li a{ float:left; font-size:16px; font-weight:400; padding:0; line-height:normal;}
header nav .navbar-nav li a:hover{text-decoration:none; color:#E43A3A;}
header .navbar-inverse{ background:none; border:none;}
header .navbar{ line-height:normal; margin-bottom:0;}
header .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:none;}
header .navbar-inverse .navbar-nav li a{ color: #aaa; font-family: 'Buda', cursive; font-size: 18px; }
header .navbar-inverse .navbar-nav li a:hover{ color:#E43A3A;}
.affix{ width:100%; float:left; background:#000 !important; left:0; top:0;}


/* NOSOTROS */
.nosotros{ width:100%; padding:70px 0;}
.nosotros h2{font-family: 'Buda', cursive;}
.nosotros .box{ width:100%; float:left; margin-bottom:60px;}
.nosotros .box .icon{ width:20%; float:left; text-align:center;}
.nosotros .box .icon i{ font-size:50px; margin-top:20px;}
.nosotros .box .content{ width:80%; float:left; border-left:1px solid #eee; padding-left:20px;}
.nosotros .box .content h3{ margin-top:0; font-family: 'Buda', cursive;}
.nosotros .box .content p{ margin: 10px 0px 0px 40px; text-align: justify;}
.nosotros .box .content p:before{ content:''; width:20px; height:1px; float:left; background:#E43A3A; margin: 10px 8px 0px -30px;}


/* SERVICIOS */
.servicios{ width:100%; padding:70px 0;}
.servicios h2{font-family: 'Buda', cursive;}
.servicios .space{ margin-bottom:100px;}
.servicios .icon{ width:30%; float:left;}
.servicios .icon i{ width:124px; line-height:140px; display:inline-block; margin-bottom:20px; background:url(../images/icon-bg.png) no-repeat; text-align:center; font-size:50px;}
.servicios .content{ width:60%; float:left;}
.servicios .content h3{ margin-top:50px; font-family: 'Buda', cursive;}
.servicios .content a{ margin-left:25px;}
.servicios .content p{ margin: 15px 0px 0px 40px; text-align: justify;}
.servicios .content p:before{ content:''; width:20px; height:1px; float:left; background:#E43A3A; margin: 10px 8px 0px -30px;}
.servicios img{ padding:70px 0 0 0;}

/* FOOTER */
footer { width:100%; padding: 100px 0px 0px 0px;  padding-bottom:0 !important;}
footer h4{ font-family: 'Buda', cursive; color:#ccc; font-weight:700; margin:20px 0px;}
footer p{ margin-bottom:0;}
footer .icon{ width:15%; float:left; padding-top:20px;}
footer .icon i{font-size:35px; margin-left: 20px; margin-top:20px; color:#ccc;}
footer .content{ margin-top:15px; width:85%; float:left;}

/* Subfooter Us */
footer .sub-footer{ width:100%; float:left; border-top:1px solid #333; margin-top:30px; padding:30px 0;}
footer .sub-footer p{ float:right;}

/* Reach Us */
footer form{ width:100%; float:left;}
footer form input[type="text"]{ width:100%; height:32px; border:none; border-bottom:1px solid #666; background:none; margin-bottom:5px; color:#fff;}
footer form textarea{ color:#fff;}
footer form input[type="submit"]{ background:none; border:1px solid #666; color:#fff; font-weight:700; padding:6px 20px;}
footer form textarea{ width:100%; height:100px; border:none; border-bottom:1px solid #666; background:none;}


/* Section Backgrounds */
.fixback{background-image:url(../images/hero8.jpg); padding: 60px 0;}

.background-img1{background-image:url(../images/header.jpg);}

.background-img3{background-image:url(../images/hero2.jpg);}
.background-img4{background-image:url(../images/hero3.jpg);}
.background-img5{background-image:url(../images/hero4.jpg);}
.background-img6{background-image:url(../images/hero5.jpg);}
.background-img7{background-image:url(../images/hero6.jpg);}


/* Typewriter Transition */
.typed-cursor {opacity: 1;font-weight: 100;-webkit-animation: blink 0.3s infinite;-moz-animation: blink 0.3s infinite;-ms-animation: blink 0.3s infinite;-o-animation: blink 0.3s infinite;animation: blink 0.3s infinite;}
 @-keyframes blink {0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes blink {
0% {opacity:1;}50% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes blink {
0% {opacity:1;}50% {opacity:0;}
100% {opacity:1;}
}


/* Contact Form */
#success, #error {display:none; position: relative;}
#success p, #error p {float:right; color:#fff; padding: 10px; background-color: #28282e; font-size: 16px; margin: -130px 10px 10px; border-color: #ccc; border-width: 1px; border-style: solid;}
#contact label{ width:100%; color:red;}
#error p {color:#c0392b}	


/* Mobile Rules */
@media only screen and (max-width: 1199px) {     

}
@media only screen and (max-width: 991px) {     
	header .navbar-inverse .navbar-nav li a {font-size: 14px;}
	header .lead-text h1{font-size: 35px;}
	footer .icon i{margin-left: 0px;}
}
@media only screen and (max-width: 767px) {
	p{padding: 0px 10px;}
	header .lead-text h3{font-size: 22px;}
	header nav .navbar-nav{background-color: rgba(0,0,0,0.9); padding: 10px 40px;}
	header .navbar-inverse .navbar-nav li a {font-size: 16px;}
	.navbar-inverse .navbar-toggle{position: relative; top: -45px;}
	.navbar-header{height: 40px;}
	.company_name{padding-left: 20px;}
	.affix{height: 70px;}
	footer h4{margin-top: 60px;}
}
@media only screen and (max-width: 520px) {
	header nav .navbar-nav{background-color: rgba(0,0,0,0.9); padding: 10px 200px 10px 20px;}
	header .lead-text h1{font-size: 25px; margin-top: 20%;}
	header .lead-text h3{font-size: 18px;}
	header .lead-text .button{position: relative; top: -50px;}
	small {display: block;}
}
@media only screen and (max-width: 450px) {
	.company_name{ font-size: 18px;}
	.company_name .company_name1{ font-size: 20px; }
	.company_name .company_name1:before{height:24px; margin-left: 63px;}
	.company_name .company_name2{ font-weight: 100; margin-left: 8px; }
	.company_name .company_name2:before{ width:150px; margin-top:24px;}
	header nav .navbar-nav{padding-right: 80px;}
	.servicios .content h3{padding-left: 50px;}
}