/*** CALL TO ACTION ***/
#call_to_action{
  display: flow-root;
}
#call_to_action .derecha{
  text-align: right;
  margin-top: 35px !important;
}

/*** SLIDER ***/
#slider .slider-left h3{
  float: left;
  text-align: left;
  padding: 15px 20px 15px 2000px;
  margin: 0 0 0 -2000px;
  clear: both;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  position: relative;  
  z-index: 1;
  min-width: 400px;
}
#slider .slider-right h3{  
  float: right;
  left: auto;
  padding: 15px 2000px 15px 20px;
  margin: 0 -2000px 0 0;
  text-align: left;
  clear: both;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  position: relative;  
  z-index: 1;
  min-width: 400px;
}
#slider .slider-right h3:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(0,0,0,0.65);
  right: 0;
  top: 0;
  z-index: -1;
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
  border-left: 4px solid #000;
  border-right: 0; 
}
#slider .slider-left h3:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(0,0,0,0.65);
  right: 0;
  top: 0;
  z-index: -1;
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
  border-right: 4px solid #000;
  border-left: 0; 
}
#slider .slider-right a{
  float: right;
  height: 62px;
  margin-left: 0;
  margin-right: 4px;
  left: auto;
  position: relative;
  padding: 0 48px;
  font-size: 21px;
  line-height: 62px;
  color: #fff;
}
#slider a{
  float: left;
  height: 62px;
  margin-left: 5px;
  position: relative;
  padding: 0 48px;
  font-size: 21px;
  line-height: 62px;
  color: #fff;
}
#slider a:hover:before{
  border-color: #a52e00;
  background: #a52e00 !important;
}
#slider a:before{
  border-color: #cc3d06;
  background: #cc3d06 !important;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 6px;
  background: rgba(0,0,0,0.4);
  left: 0;
  top: 0;
  right: 0;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
}
#slider .slider-right p{
  float: right;
  left: auto;
  padding: 10px 2000px 10px 20px;
  margin: 5px -2000px 0 0;
  text-align: left;  
  clear: both;
  font-size: 16px;
  line-height: 1;
  color: #F8F8F8;
  position: relative;
  z-index: 1;  
  font-weight: 500;
}
#slider .slider-right p:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: rgba(0,0,0,0.4);
  right: 0;
  top: 0;
  z-index: -1;
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
}
#slider .slider-left p{
  float: left;
  clear: both;
  font-size: 16px;
  line-height: 1;
  color: #F8F8F8;
  position: relative;
  z-index: 1;
  /*opacity: 0;*/
  padding: 15px 20px 15px 2000px;
  margin: 8px 0 0 -2000px;
  text-align: right;
  font-weight: 500;
}
#slider .slider-left p:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: rgba(0,0,0,0.4);
  right: 0;
  top: 0;
  z-index: -1;
  webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
}

/*** FOOTER ***/
#footer{
  font-size: 13px;
}
#footer .iconos i{
  width: 20px;
  margin-right: 0px;
  color: #ff4040;
}

#nosotros-index{
  background-image: url('../images/fondo-nosotros.jpg') !important;
  background-position: center !important;
  background-size: cover !important
}
#nosotros-index a{
  display: table !important;
}
.cab-opaco{
  background: #0000007d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.breadcrumb-area .breadcrumb-title{
  position: relative;
  color: #fff;
}
.breadcrumb-area .breadcrumb-list{
  position: relative;
  color: #fff;
}
.breadcrumb-area .breadcrumb-list .active{
  position: relative;
  color: #ec1c24;
}
#contacto .iconos i{
  width: 30px;
  margin-right: 0px;
  color: #ff4040;
}
#cab-obra video{
  background: #0000007d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#productos-index .testimonial-slider__single{
  min-height: 770px;
}
.breadcrumb-area .breadcrumb-title{
  font-size: 30px;
}
#box-producto .ht-box-images.style-06 .image-box-wrap{
  -webkit-box-shadow: 0 0 5px 3px rgb(51 51 51 / 10%);
  box-shadow: 0 0 5px 3px rgb(51 51 51 / 10%);
  padding: 20px 20px 88px;
}
#slider .swiper-pagination{
  position: absolute;
}
.diagramas .single-gallery__item .overlay-icon{
  top: 50% !important;
  left: 7% !important;
}