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


.front-header {
  /*background: url('../img/slider-1.jpg') repeat-y center bottom;*/
  background: none;
  max-width: 100%;
  min-height: 570px;
  position: relative;
  overflow-y: hidden;
  background-size: cover;
}


.front-banner {
  background: url('../img/banner1.jpg') repeat-y center bottom;
  max-width: 100%;
  min-height: 570px;
  position: relative;
  overflow-y: hidden;
}


.section-features {
  background: url('../img/banner2.jpg') repeat-y center center;
}

.section-features .h-article {
    background-color: #fff;
}

.bottom-footer {
    background-color: #1f2942;
}

a {
    color: #f7f7f7;
    text-decoration: none;
}

.bottom-footer {
    font-size: 13px;
    color: #f7f7f7;
}

.social-icon ul li a {
    color: #f7f7f7;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    font-size: 20px;
}

.section-quote .fa {
    color: #444341;
    background-color: transparent;
    padding-left: 20px;
    padding-right: 20px;
}

#historia{
  z-index: 1;
  margin-bottom: 29px;
  position: relative;
}

.section-video {
    background-color: #1f2941;
    width: 100%;
    /*height: 700px;*/
    height: 460px;
    position: relative;
}

.player {
    max-width: 100%;
    height: 700px;
    margin: auto;
    display: block;
    background-color: #1f2941;
    position: relative;
}

.section-video .video-text-wrap {
    position: relative;
    text-align: center;
    top: 16%;
    z-index: 2;
}

.front-header::before {
    opacity: .5;
}

.logo2 {
	margin-top: -3px!important;
	width: 220px!important;
}

.section-contact {
    margin-top: -10px;
}

.section-video-new {
    background-color: #1f2941;
    width: 100%;
    height: 315px;
}

#video-bg{
  position: relative;
  z-index: 0;
  object-fit: fill;
  height: 500px !important;
}

#productos{
  margin-top: 36px;
  position: relative;
}

.section-banner-tirantes{
  background: url(../img/BanerTirantes2.jpg) repeat-y center top;
  background-size: cover;
  height: 750px;
  width: 100%;
}

.section-banner-tirantes .container{
  position: relative;
  top: 21.6%;
}

.section-banner-tirantes .headline-title{
    font-size: 40px !important;
    font-weight: 500 !important;
}

.section-banner-tirantes .headline-subtitle{
    font-size: 24px !important;
    font-weight: 500 !important;
}

.section-banner-tirantes .lista-cables{
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 50px;
  word-spacing: 2px;
}

@media (max-width: 1366px) {

	.section-video {
    /*background-color: #1f2941;
    width: 100%;
    height: 400px;
    position: relative;*/
	}

}

@media (min-width: 767.98px) {
  .img-no-video{
    display: none;
  }
}

@media (max-width: 767.98px) {
  .section-video .video-text-wrap {
    position: absolute;
    text-align: center;
    top: 16%;
    z-index: 2;
	}

  #historia{
    margin-bottom: 0px;
  }

  video.video-avisos {
      width: 450px;
  }

  #video-bg{
    display: none;
  }

  .img-no-video{
    background: url(../img/avios.png) repeat-y center top;
    background-size: cover;
    height: 350px;
    width: 100%;
  }

  #productos{
    margin-top: 0px;
  }
}

@media (max-width: 467px) {
  video.video-avisos {
      width: 320px;
  }

  .section-video {
      height: 300px;
  }
}

@media (min-aspect-ratio: 16/9){
  #video-bg:{
    /*width: 100%;
    height: auto;*/
  }
}

@media (max-aspect-ratio: 16/9){
  #video-bg:{
    /*width: auto;
    height: 100%;*/
  }
}