html, body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.header_bg{
  background-color: #1F439B; 
}

.header-top a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  padding: 5px 15px;
  font-size: 0.1.1rem;
}
.header-top a:hover {
  background-color: rgba(255, 255, 255, 0.274);
  /* color: rgb(0, 0, 0); */
}
.header-links a{
  color: rgb(43, 43, 43);
  text-decoration: none;
  font-size: 14px;
    /* font-weight: bold; */
}
.header-links a:hover{
  color: #0211acd5;
}

.header-links .nav-item {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.hvr-underline-from-left::before {
  background: #0211acd5;
}
.navbar {
  -border-top: 5px solid #5dc2ac;
}


.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5em;
}
/* TEXTS AND COLORS */
/* ======================= */

.fw-light {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;

}
.fw-semibold {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;

}
.fw-bold {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;

}
.fw_icon_small {
  font-size: 22px;
  font-weight: 200;
  vertical-align: bottom;
}
.text_blue {

  color: #0211acd5
}
.text-yellow {
  color: #ECCE00;
}

.text-orange {
  color: #E78300;
}

.text-green {
  color: #A1CD3A;
}

.text_turquesa {
  color: #32E6BE;
}

.text-grey {
  color: #8E8E8E;
}

.light-grey{
  color: #cacaca;
}

.link_black  {
  color: #000;
  text-decoration: none;
}

.link_black a:hover {
  color: #fff;
}

.links_home a {
  border-top: 7px solid #ffffff;
  padding: 8px 0px 12px 8px;
  white-space: nowrap;
  background-color: #fff;
  color: #5a5a5a;
  font-size: 0.8rem;
  width: 100%;
  text-decoration: none;
  display: block;
  /* text-align: center; */
  text-transform: uppercase;
}
.links_home a:hover{
  background-color: #26be98;
  color: white;
} 

a.border_link_turquese{
  border-top-color: #26be98;  
}
a.border_link_turquese:hover{
  background-color: #26be98;  
}

a.border_link_blue{
  border-color: #0e5fec;
  
}
a.border_link_blue:hover{
  background-color: #0e5fec;  
}

a.border_link_more{
  border-color: #b65fad;
  
}
a.border_link_more:hover{
  background-color: #b65fad;  
}


a.border_link_orange{
  border-color: #fd7c00;
  
}
a.border_link_orange:hover{
  background-color: #fd7c00;  
}


a.border_link_pink{
  border-color: #ff6299;
  
}
a.border_link_pink:hover{
  background-color: #ff6299;  
}

a.border_link_sky{
  border-color: #6ad1fa;
  
}
a.border_link_sky:hover{
  background-color: #6ad1fa;  
}


a.border_link_green{
  border-color: #92d001;
  
}
a.border_link_green:hover{
  background-color: #92d001;  
}


.border-blue_light{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #0761eb;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-blue{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #2a3a84;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-turquesa{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #32e6be;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-more{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #b75eae;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-yellow{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #ECCE00;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-orange{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #fd7c00;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-pink{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #ff6299;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-green{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #94cf01;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border-grey{
  height: 8px;
  /* width: 20%; */
  width: 140px;
  background-color: #8E8E8E;
  display: block;
  margin-top: 35px;
  margin-bottom: 15px;
  min-width: 140px;
}

.border_top_turquesa {
  border-top: 8px solid  #5BBA9E;
}
.border_top_turquesa::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 5px;
  background-color: red;

}

/* BACKGROUNDS */
/* ======================= */

.bg_cover{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg_cover_right{
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}
.bg_cover_left{
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
}
.bg_panel {
    background: #000 url('../imgs/bg-banner.jpg') no-repeat center;
    background-size: cover;
}
.bg_white {
    background-color: rgba(255, 255, 255, 0.7);
}
.bg_gradient {
  background: rgb(8,50,171);
  background: linear-gradient(0deg, rgba(8,50,171,1) 0%, rgba(50,230,190,1) 100%);
}

.bg_gradient_blue {
  background: rgb(8,50,171);
background: linear-gradient(0deg, rgba(8,50,171,1) 0%, rgba(0,0,90,1) 100%);
}


.bg_gradient_turquesa {
  background: rgb(37,178,184);
  background: linear-gradient(0deg, rgba(37,178,184,1) 0%, rgba(19,47,92,1) 100%);
}

.bg_blue_orginal{
  background-color: #0000B4;
}

.bg_blue{
  background-color: #2B3E99;
}

.bg_green{
  background-color: #5BBA9E;
}

.bg_grey_normal {
  background-color: #DEDFE0;
}

.bg_grey {
  background-color: #f5f5f5;
}

.bg_grey_dark {
  background-color: #7D858B;
}

.bg_blue {
  background-color: #2b3e99;
}

.bg_blue_light {
  background-color: #83D0F5;
}

.text_blue, a.text_blue {
  color: #2a3a84;
}

.border_bottom_white {
  border-bottom: 8px solid #fff;
}
.border_bottom_blue {
  border-bottom: 8px solid #0d4cad;
}
.border_bottom_turquesa {
  border-bottom: 8px solid #5BBA9E;
}

.border_white {
    border: 8px solid #fff;
}
.margin_top_n50{
    transform: translateY(-60px);
}
.font_bold {
  
    font-weight: 700;
}

#products .card {
  border-radius: 0;
}

#products .card .card-body {
  border-top: 1px solid white;
  background-color: #f0f0f0;
}
#products .card .card-body .btn {
  border: 2px solid #e7e7e7 ;
  color: #8a8a8a ;
  font-weight: bold;
  background-color: transparent;
  border-radius: 0;

}
#products .card:hover  {
  /* box-shadow: 1px 0px 50px -1px rgba(0,0,0,0.35) !important;
  -webkit-box-shadow: 1px 0px 50px -1px rgba(0,0,0,0.35) !important;
  -moz-box-shadow: 1px 0px 50px -1px rgba(0,0,0,0.35) !important; */

}

#products .card:hover .card-body .btn {
  border: 2px solid #ffffffe3 ;
  color: #2b3e99 ;
  font-weight: bold;
  background-color: #e9e9e980;
  /* border-radius: 0; */

}

#products .card:hover .card-body {
  /* background-color: #5BBA9E; */
  background: rgb(8,50,171);
  background: linear-gradient(95deg, rgba(8,50,171,1) 0%, rgba(50,230,190,1) 100%);
  color: white;
}

/* FORMS */
/* ======================= */

.form-floating > .form-control {
    padding: .5rem .8rem;
    border:0px;
    border-bottom: 2px solid #ccc;
  }
  .form-floating > .form-select{
    border:0px;
    border-bottom: 2px solid #ccc;
    padding-left: 0;
  }
  .form-floating > label {    
    padding: 1rem 1.8rem;
}
.form-floating > .form-control, .form-floating > .form-select {
    height: calc(3.2rem + 2px);
    border-radius: 0;
   color:#000FAD;
   background-color: white;
  }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    opacity: .55;
    /* transform: scale(.8) translateY(-.6rem) translateX(.8rem); */
    transform: scale(.8) translateY(-.8rem) translateX(.0rem);
  }

  .title_bg {
    border-bottom: 8px solid #14a0de;
  }

/* BUTTOMS */
/* ======================= */

  .btn-primary{
    background-color: #000FAD;
  }
  .btn-primary:hover{
    background-color: #313131;
  }

.btn-blue {
  background-color: #2020e4;
  border-width: 0px;
  font-weight: 700;
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
  padding: 13px 30px ;
  white-space: nowrap;
}
.btn-blue:hover {
  background-color: #030358;
  color: #fff;
  
}

.btn-grey {
  background-color: #f3f3f3;
  border: 2px solid #dadada;
  font-weight: 700;
  border-radius: 0;
  color: #575757;
  font-size: 1rem;
  padding: 10px 30px ;
  white-space: nowrap;
}
.btn-grey:hover {
  border: 2px solid #313131;
  background-color: #3b3b3b;
  color: #fff;
  
}


.btn_gradient {
  position: relative;
  border: 0;
  border-radius: 0;
  font-size: 1rem;
  padding: 15px 40px;
  font-weight: 700;
  color: white;
  background: rgb(8,50,171);
  background: linear-gradient(90deg, rgba(8,50,171,1) 0%, rgba(50,230,190,1) 100%);
}
.btn_gradient::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.226);
  position:absolute;
  top: 0;
  left: 0;
}
.btn_gradient:hover{
  color: #ffffffce;
}

.fs-7{
  font-size: .8rem;
}

.block_home { 
  overflow: hidden;  
}
.block_home div {
  min-height: 400px;
  cursor: pointer;
  transition: all 0.3s;
  overflow: hidden;
  
}
.block_home:hover div {
  opacity: 0.5;
  /* -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
  /* background-size: 120%; */
  transform: scale(1.05);
}

.block_banner{
  height: 550px;
}

.block_industrias{
  height: 600px;
}
.block_centrox{
  height: 500px;
}

.block_50{
  height: 50px;
}

.block_100{
  height: 100px;
}

.block_150{
  height: 150px;
}


.block_200{
  height: 200px;
}

.block_500{
  height: 500px;
}


.block_800{
  height: 800px;
}


.min_500{
  min-height: 500px;
}

.mb_300{
  margin-bottom: 300px;
}

.block_partner {
  height: 250px;
}
.block_partner img {
  width: 220px ;
}
.block_partner_info {
  position: relative;
  transition: all 0.5s ease;
  
}
.block_partner_info .info{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  background-color: #ff000000;
 
}


.block_partner_info:hover .info {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0000B3;
  opacity: 1;
  transition: all 0.5s ease;
}

.block_partner_info .info div {
 
}

/* VERTICALES  */
/* ======================= */
.img_left {
  width: 250px;
}

.img_logo_right {
  width: 180px;
}

.zone_video{
  min-height: 480px;
  background-size: cover;
  background-position: center;
}
.box_height_fix {
  height: calc(100% - 92px);
}

.btn-industrias {
  background-color: white;
  text-decoration: none;
  color:#000;
  font-weight:  bold;
}

.btn-industrias:hover {
  background-color: black;
  color: white;
}

.btn-industriasimg  {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.btn-industrias:hover img  {
  filter: invert(1);
  
}

.text-shadow {

  text-shadow: 3px 3px 9px rgba(9, 0, 0, 0.8);
}

.nav-tabs .nav-link.active {
  border-top: 7px solid #2020e4;
}
/* MENU MOBILE  */
/* ======================= */

#menu-mobile li {
  padding: 8px 0;
}
#menu-mobile a {
  color: #afafaf;
  text-decoration: none;
}

#menu-mobile a:hover {
  color: #1a1a1a;
  
}

/* FOOTER  */
/* ======================= */

.box_contact{
  min-height: 250px;
}

.box_min_300{
  min-height: 300px;
  background-position: top;
}

.box_min_350{
  min-height: 350px;
  background-position: top;
}

.box_min_500{
  min-height: 500px;
}
footer {

  }
footer ul {
  list-style: none;
  padding: 0;
  }
footer li {
  margin-bottom: 10px;
  padding: 0;
}
footer li a {
  color: rgb(175, 174, 174);
  text-decoration: none;

 }

 footer .social-icons a {
  opacity: 0.5;
}
footer .social-icons a:hover {
  opacity: 1;
}


.negative_top_50{
  margin-top: -50px;
}

.negative_top_100{
  margin-top: -100px;
}

.owl-nav {
  display: none;
}

.icon_video_play {
  width: 120px;
}


label.is-invalid {
  color: red;
  font-size: 0.8rem;
  padding-left: 5px;
}

.form-floating > .form-control {
  padding: .5rem .0rem;
  border:0px;
  border-bottom: 2px solid rgb(219, 219, 219);
}
.form-floating > .form-select{
  border:0px;
  border-bottom: 2px solid rgb(219, 219, 219);
  padding-left: 0;
}
.form-floating > label {    
  padding: 1rem .0rem;
}
.form-floating > .form-control, .form-floating > .form-select {
  /* height: calc(3.2rem + 2px); */
  border-radius: 0;
  color:#000FAD;
  background-color: transparent;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: .55;
  transform: scale(.8) translateY(-.8rem) translateX(.0rem);
}

.form-control:focus {
   
  box-shadow: none;
  border-bottom: 2px solid #01A982 !important;
}


.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  /* border-color: #dc3545;*/
    border-bottom-color: rgb(220, 53, 69); 
  box-shadow: 0 0 0 0 rgba(220,53,69,.25);
}


@media (min-width: 1600px) {
  
  .zone_video {
    min-height: 620px;
  }

  .icon_video_play {
      width: 180px;
    }

}



@media (min-width: 1400px) {
    

}
@media (max-width: 1399.98px) { 
  .display-1{
    font-size: 3.5rem;
  }

  .display-2{
    font-size: 3.1rem;
  }
  .display-3{
    font-size: 2.8rem;
  }
  .display-4{
    font-size: 2.5rem;
  }

  .display-5{
    font-size: 2.1rem;
  }

  .display-6{
    font-size: 1.8rem;
  }



  .btn_gradient {
    padding: 10px 30px;
  
}

}

@media (max-width: 1199.98px) {

  .display-1{
    font-size: 2.5rem;
  }

  .btn_gradient {
    padding: 8px 25px;  
  }
  .btn-blue {   
    padding: 8px 25px;
  }
  .btn-grey {   
    padding: 8px 25px;
  }
}

@media (max-width: 992px) { 

  .carousel-item .container div{
    /* margin-bottom: 40px; */
    /* text-align: center !important; */
  }

  .block_500{
    height: inherit !important;
  }
  .box_producto img {
    max-width: 120px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) { 
    .logos {
        width: 130px;
    }
    
    .img_left {
      width: 230px;
    }
    
    .img_logo_right {
      width: 120px;
    }

    .block_partner {
      height: 160px;
    }
    .block_partner img {
      width: 130px ;
    }
    .block_centrox{
      height: 350px;
    }
    .carousel-item {
      height: 33rem;
    }

    .corousel-tablet .carousel-item {
      height: 26rem !important;
    }
    .zone_video{
      min-height: 440px;
    }

    .icon_video_play {
      width: 130px;
    }
    .box_height_fix {
      height: inherit;
    }
  
}