@import url("animate.css");
@import url("ionicons.css");
@import url("jquery.fancybox.css");
@import url("owl.carousel.css");
@import url("bootstrap-slider.css");
@import url("settings.css");
@import url("bootstrap.min.css");
@import url("style.css");

.loading .logo{
  height: auto;
}

.navbar-default .navbar-nav>li a:hover{
  color: #7a232e;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  color: #7a232e;
  background: transparent;
}

.fixed-nav .navbar-nav>li a:hover{
  color: #7a232e !important;
}

.fixed-nav .navbar-nav>li.active a{
  color: #7a232e !important;
}

li.fb a{
  padding-top: 20px !important;
  padding-left: 20px !important;
}

section.slider{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover;
  background-position: center;
  height: auto !important;
}

section.web{
  width: 100%;
  float: left;
  padding: 0px 0 40px 0;
}

p{
  font-family: 'Montserrat', sans-serif;
}

section.enterprise .top{
  margin-bottom: 50px;
}

section.enterprise .top img{
  width: 100%;
}

section.clients h5{
  color: #7a232e;
  font-weight: bold;
}

section.clients p{
  font-weight: normal;
  color: #6d6e71;
}

section.contact input{
  width: 100%;
  height: 40px;
  border-radius: 0px;
  border: 1px solid #e3e3e3;
}

section.contact textarea{
  width: 100%;
  border-radius: 0px;
  border: 1px solid #e3e3e3;
  resize: none;
}

section.contact label{
  color: #58595b;
}

section.contact button{
  border-radius: 0px;
  color: #fff;
  background-color: #7a232e;
}

section.contact button:hover{
  color: #fff;
  background-color: #630914;
}

section.contact h5{
  color: #7a232e;
}

section.contact .alert{
  width: 100%;
  background-color: #7a232e;
  color: #fff;
}

section.works .top{
  width: 100%;
  overflow: hidden;
}

section.works .top .category{
  width: 25%;
  height: 500px;
  float: left;
  border-left: 1px solid #fff;
  background-size: cover;
  background-position: center;
}

section.works .top .category.arquitect{
  background-image: url(../images/works_arquitect.png);
}

section.works .top .category.industry{
  background-image: url(../images/works_industry.png);
}

section.works .top .category.viales{
  background-image: url(../images/works_viales.png);
}

section.works .top .category.electronics{
  background-image: url(../images/works_electro.png);
}

section.works .top .category .category_label{
  width: 100%;
  max-width: 250px;
  height: 100px;
  background-color: rgba(122,35,46,0.85);
  color: #fff;
  text-align: center;
  line-height: 100px;
  margin: auto;
  margin-top: 350px;
  font-size: 18px;
}

section.works .top .category:hover{
  cursor: pointer;
}

section.works .top .category:hover .category_label{
  background-color: rgba(122,35,46,1);
}

section.works legend{
  font-size: 30px;
  color: #7a232e;
  padding-top: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid #bbb;
}

section.works .work{
  margin-top: 40px;
}

section.works .work img{
  width: 100%;
}

section.works .work h4{
  height: 34px;
  color: #7a232e;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 20px;
}

section.works .work h5{
  text-transform: uppercase;
  font-size: 12px;
}

section.works .work button{
  width: 90px;
  height: 35px;
  background-color: #fff;
  border: 2px #7a232e solid;
  color: #7a232e;
  font-size: 12px;
}

section.works .work button:hover{
  background-color: #7a232e;
  color: #fff;
}

section.works .work #links{
  display: none;
}

section.works .work #links img{
  display: none;
}

.works_gallery{
  position: fixed;
  width: 100%;
}

.navbar-default{
  box-shadow: 0px 0px 20px #eee;
}

.navbar-default .navbar-toggle{
  background-color: #7a232e;
}

.navbar-default .navbar-toggle:focus{
  background-color: #7a232e;
}

.tp-rightarrow.default:hover:before{
  color: #7a232e;
}

.tp-leftarrow.default:hover:before{
  color: #7a232e;
}

.blueimp-gallery>.slides>.slide>.video-content>iframe{
  width: 60% !important;
  left: 50% !important;
  margin-left: -30% !important;
}

.top-button{
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 40px;
  display: none;
}

.top-button.visible{
  display: block;
}

.top-button a:active, .top-button a:focus{
  color: #7a232e;
}

.top-button a:hover{
  color: #7a232e;
}

@media (max-width: 992px) {
  .margin-top-sm{
    margin-top: 50px;
  }
}

@media (max-width: 890px) {
  section.works .top .category .category_label{
    font-size: 14px;
  }
}

@media (max-width: 700px) {
  section.works .top{
    display: none;
  }
}

@media only screen and (max-width: 989px), only screen and (max-device-width: 989px){
  .navbar-brand img {
    height: 28px;
  }
}