@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700');
 @import url('https://fonts.googleapis.com/css?family=Orbitron:400,700,900');

@charset "UTF-8";
/* CSS Document */

body {
    font-family: 'Fira Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	background: url(../images/background-white.jpg) center top #fff fixed no-repeat;
	background-size: 100% 100%;
}

h1,h2,h3,h4 {
	/*font-family: 'Orbitron', sans-serif;*/
	font-weight:700;
	color: #000;
}
h1 {font-size:48px;text-transform:uppercase;}
h2 {font-size:32px;}
h3 {font-weight:400; font-size:18px;}

a {
	color:#666;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
a:hover { color: #093; text-decoration:none; outline: none !important; -moz-outline-style: none !important;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

.m-top{
	margin-top: 50px;
	border-color: transparent;
}

.no-padding{
	margin: 0px;
	padding: 0px;
}

/*******************************************/
/*NAVS*/
/*******************************************/
.navbar-brand {
    padding: 0px;
}
.navbar-default {
    background-color: #000;
	border:none;
	margin-bottom:0px;
	border-bottom:3px solid #333;
	border-radius:0px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding-top: 42px;
    padding-bottom: 40px;
	font-weight:700;
	font-size:15.5px;
	/*font-family: 'Orbitron', sans-serif;*/
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #66cc33;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #66cc33;
    background-color:transparent;
}
nav {
	position:relative;
	z-index:5;
}
.navbar-brand img {
	padding-top:5px;
}

/*********/
/*SPACERS*/
/*********/
.space10 {margin-bottom:10px;}
.space15 {margin-bottom:15px;}
.space20 {margin-bottom:20px;}
.space25 {margin-bottom:25px;}
.space30 {margin-bottom:30px;}
.space35 {margin-bottom:35px;}
.space40 {margin-bottom:40px;}
.space50 {margin-bottom:50px;}
.space60 {margin-bottom:60px;}
.space70 {margin-bottom:70px;}
.space80 {margin-bottom:80px;}
.space90 {margin-bottom:90px;}
.space100 {margin-bottom:100px;}
.space110 {margin-bottom:110px;}
.space120 {margin-bottom:120px;}

/*********/
/*MARGINS*/
/*********/
.margin-top-minus-5 {margin-top:-5%;}
.margin-top-minus-10 {margin-top:-10%;}
.margin-top-minus-20 {margin-top:-20%;}
.margin-top-minus-30 {margin-top:-30%;}
.margin-top-minus-40 {margin-top:-40%;}
.margin-top-minus-50 {margin-top:-50%;}

/***************/
/*CUSTOM NAVBAR*/
/***************/
.nav-tabs{
    background: rgba(255,51,51,.75);
    border-color: #000;
    border-radius: 0px;
    margin-top: 10px;
}
.nav-tabs.nav-justified > li > a{
	color: #fff;
	border:none;
}
.nav-tabs.nav-justified > li.active > a{
    color: #fff;
    background:#F63;
}
.nav-tabs.nav-justified > li > a:hover{
	color: #fff;
    background:#F63;
}
.nav-tabs.nav-justified > li > a {
    border-bottom: 0px solid #DDD;
    border-radius: 0px 0px 0px 0px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 0px solid #DDD;
}

/*********/
/*BOTONES*/
/*********/
.btn-custom {
	background: #0C0;
	color:#FFF;
	text-align:center;
	border-radius:0px;
}
.btn-custom:hover {
	background: #390;
	color:#FFF;
}
.btn-servicios {
	border-radius:0px;
	border:0px;
	background-color: #333;
	color:#FFF;
	font-weight:500;
	border-bottom:0px #333 solid;
	padding:0px 50px 0px 0px;
	text-align:left;
}
.btn-servicios:hover, .btn-servicios:active, .btn-servicios:focus  {
	color: #0C0 !important;
	-webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.45);
	box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.45);
}
.sactive {
	color: #0C0;
	-webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.45);
	box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.45);
}
.btn-servicios .fas {
	background: #555;
	padding:20px;
	
	margin-right:5px;
	width:55px;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
	border:0px;
}

/******************
CUSTOM INDEX
*******************/
.bienvenida{
	background: #630;
	color: #fff;
}
.bienvenida h1{
	font-family: "Raleway",sans-serif;
	font-weight: 100;
	font-size: 50px;
	margin-top: 30px;
}

/****************/
/*CUSTOM GALERIA*/
/****************/
.thumbnail{
	background-color:#000;
	text-align:center;
	border:0px;
	color:#FFF !important;
	padding:0px;
}
.thumbnail h3 {color: #F1F1F1;}
.thumbnail {
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.thumbnail:hover {
	-webkit-box-shadow: 5px 5px 8px #000;
	-moz-box-shadow: 5px 5px 8px  #000;
	box-shadow: 5px 5px 8px  #000; 
}
span.roll {
    background:url(../images/mag.png) center center no-repeat #000;
    height: 100%;
    position: absolute;
    cursor: pointer;
    width: 100%;
    z-index: 10;	
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000; 
}
.thumbnail img {
	position:relative !important;
	margin:0px auto -20px;
	width:120px;
}

.card {
	background-color:#F3F3F3;
}
.card-image {
}
.card-content {
	padding:25px;
}
.card-action {
	padding:0px 25px 25px;
}
/*******/
/*PADDINGS*/
/******/
.p-1 {padding: 1px!important;}
.p-2 {padding: 2px!important;}
.p-3 {padding: 3px!important;}
.p-4 {padding: 4px!important;}
.p-5 {padding: 5px!important;}

/*******/
/*TEXT*/
/******/
.text-success{
	color: #0C0 !important;
}
.text-big{
	font-size: 22px;
	font-weight: 700;
	padding-top: 10px;
}
.text-middle{
	font-weight: 400;
	padding:3.33%;
}
.text-small{
	font-size: 15px;
	font-weight: 400;
}
.text-extra-small{
	font-size: 11px;
	font-weight: 400;
}
.modal-footer {
	display:none;
}
.small {
	font-size:16px !important;
	color: #CCC !important;
}
.banner{
	border-bottom: solid 10px #cccc99;
	box-shadow: 0 10px 30px #000;
}
.redes a{
	color: #036;
}
.white{
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.white ul > li{
	text-align: center;
}
.green {
	color:#0C0;
}
.logo{
	max-width: 500px;
}

/************************/
/*NO PADDINGS / PADDINGS*/
/************************/
.no-padding {
	padding:0px;
}
.padding-8 {
	padding:8%;
}
.padding-text {
	padding:3%;
	color:#FFF;
}
.padding-text h2 { color:#FFF;}
	

/**********/
/*NAV TABS*/
/**********/
.nav-tabs-custom{
	margin-top: 20px;
}
.nav-tabs-custom li{
	border-bottom: 2px solid #ad8533;
}
.nav-tabs-custom li a{
	font-size: 20px;
	color: #999;
}
.nav-tabs-custom .active{
	border-bottom: 0px;
	border-right: 2px solid #ad8533;
	border-left: 2px solid #ad8533;
	border-top: 2px solid #ad8533;
	color: #ad8533;
}

/********/
/*BORDES*/
/********/
.border-black {
	border:5px solid #000;
}

/**********/
/*IMAGENES*/
/**********/
.img-float {margin-top:-78px;}
.img-center {margin:auto;}
.img-full{width:100%;}
.img-border{
	border:#C30 outset 10px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.50);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.50);
}
.galeria img {
	margin-bottom:15px;
	border:#000 solid 2px;
}
.galeria-top {
	margin-top:-8%;
}
.portada {background-color:#000;}
.parallax-container {}

/*************/
/*BACKGROUNDS*/
/*************/
.bg-white {
	padding:25px;
	background-color: #FFF !important;
}
.bg-gray {
	background:url(../images/background-black.jpg) top center fixed no-repeat;
	background-size:100% 100%;
	padding:8% 0 15% 0;
	color:#CCC;
	clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%);
}
.bg-gray h1 {color:#fff;}
.bg-black {background-color:#000;}
.bg-empresa {
	background:url(../images/bg-empresa.jpg) top center fixed no-repeat;
	background-size:100% 100%;
	padding:8% 0 15% 0;
	color:#CCC;
	clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%);
}
.bg-empresa h1 {color:#fff;}
.bg-proyectos {
	background:url(../images/bg-proyectos.jpg) top center fixed no-repeat;
	background-size:100% 100%;
	padding:8% 0 15% 0;
	color:#CCC;
	clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%);
}
.bg-proyectos h1 {color:#fff;}
.bg-servicios {
	background:url(../images/bg-servicios.jpg) top center fixed no-repeat;
	background-size:100% 100%;
	padding:8% 0 15% 0;
	color:#CCC;
	clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%);
}
.bg-servicios h1 {color:#fff;}
.bg-contacto {
	background:url(../images/bg-contacto.jpg) top center fixed no-repeat;
	background-size:100% 100%;
	padding:8% 0 15% 0;
	color:#CCC;
	clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%);
}
.bg-contacto h1 {color:#fff;}
.bg-faqs {
	background:url(../images/bg-empresa.jpg) top center fixed no-repeat;
	background-size:100% 100%;
	padding:8% 0 15% 0;
	clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 100%);
}
.bg-faqs h1 {color:#fff;}
.bg-1 {background: url(../images/banner-servicios.jpg) no-repeat fixed;}
.bg-2 {background: url(../images/banner-proyectos.jpg) no-repeat fixed;}
.bg-3 {background: url(../images/banner-blog.jpg) no-repeat fixed;}
.bg-4 {background: url(../images/banner-empresa.jpg) no-repeat fixed;}
.bg-5 {background: url(../images/banner-contacto.jpg) no-repeat fixed;}
.bg-1,.bg-2,.bg-3,.bg-4,.bg-5 {
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-position:top !important;
	padding-top:8%;
	padding-bottom:8%;
}

/*****************/
/*CARRUSEL*/
/****************/
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 0%;
    padding-bottom: 10%;
    text-align: left;
    text-shadow: 0 8px 8px rgba(0, 0, 0, .6);
}
.carousel-caption h1 {
	color:#fff !important;
	line-height:55px;
	font-size:4em;
}
.carousel-caption h2 {
	color:#fff !important;
	line-height:35px;
	font-size:2.5em;
	font-weight:400;
	text-transform: inherit;
}


/*****************/
/*CUSTOM CONTACTO*/
/*****************/
.contact-info .text-middle{
	color: #a07011;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
	font-weight:400;
    
	background-color: none;
    background-image: none;
	
	border-top:0;
	border-right:0px;
	border-left:0px;
    border-bottom: 3px solid #ccc;
    border-radius: 0px;
    
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #0C0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#results,
#error,
#success,
#loading {
	display:none;
}
.alert-error{
	border-radius: 0;
	color: #fff;
	border: 0;
	background-color: rgba(255,0,0,0.8);
}
.alert-success{
	border-radius: 0;
	color: #fff;
	border: 0;
	background-color: rgba(51,153,0,0.8);
}
::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}
textarea.materialize-textarea {
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: 1.6rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
}
.contact-form .btn-custom{font-size: 18px; color: #fff; background: #996600; width: 50%;}
.contact-form .btn-custom:hover{background: #5c3e00;}
.message-label{
	font-size: 2rem;
	color: #986828;
}

/**************/
/*OVER EFFECTS*/
/**************/
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/***************/
/*CUSTOM FOOTER*/
/***************/
footer, .brown{
  width: 100%;
  background: #000;
  color: #fff;
  margin-bottom: 0px;
  padding:80px 35px;
  /*margin-top:-4.5%;
  -webkit-clip-path: polygon(50% 0, 100% 20%, 100% 100%, 0 100%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 100%, 0 100%, 0 20%);*/
}
.brown h2 {color:#FFF;}
footer .text-extra-small{color: #CCC;}
footer span{color: #999;}
.hr-footer{border-top:6px solid #CCC;}
footer a{
	color: #999;
	text-decoration: none;
}
footer a:hover{color: #CCC;}
footer h3 {color:#FFF; font-weight:500;}
footer h4 {color:#FFF; font-weight:500;}

/**************/
/*MEDIA SCREEN*/
/**************/

@media screen and (max-width: 1200px){
	.nav-tabs.nav-justified > li > a{
		font-size: 12px;
		padding: 10px;
	}
}
@media screen and (max-width: 991px){
	.nav-tabs.nav-justified > li > a{
		font-size: 10px;
		padding: 10px 5px;
	}
	.logo{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 768px){
	 .nav > li > a {
		padding-top: 25px;
		padding-bottom: 25px;
		font-size:13px;
		text-align:center;
	}
	.nav-tabs.nav-justified > li > a{
		font-size: 17px;
		padding: 0px 0px;
	}
	.navbar-brand img {
		padding-top:0px;
		width:280px;
	}
	.img-float {margin-top:0px;}
}
@media only screen and ( max-width: 640px) {
	  .nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align:center;
	}
	.bg-empresa, .bg-proyectos {background-position:25% center; background-size:300%;}
	.bg-empresa p,
	.bg-proyectos p { padding-bottom:30%;}
}