/* NAVBAR */

.dropdown:hover > .dropdown-menu {
  display: block;
}

/* SECTION HOME */

@media (min-width: 768px) {
  header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 72px)!important;
  }
}

@media (min-width:992px) {
  header.masthead {
    height: 100vh;
    min-height: 40rem;
    padding-top: 72px;
    /*padding-bottom: 0;*/
  }
}

.bg_image_home {
  position: relative;
}

.opacity_header {
  background: rgba(0, 0, 0, 0.5);
}

.bg_image_home:before {
  opacity: 0.9;
  background-image: url('../../assets/img/bg_image/ambienta-04_bg.jpg');
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}

.header_content {
  position: relative;
}

.btn_conocenos {
  background-color: #ffffff;
  color: black;
}

.btn_conocenos:hover {
  background-color: #e9e6dc;
  color: black !important;
}

/* SECTION US */

.bg_image_us {
  /*background: rgba(238,238,230,0.1);*/
  background-image: url("../../assets/img/bg_image/ambienta-02_image.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 30% 0%;
}

.hr {
  border-style: solid;
  border-radius: 10px;
  opacity: 1;
  width: 7%;
  color: #bdb29e;
}

.margin_left {
  margin-left: 0px;
}

@media (min-width: 1200px) {
  .margin_left {
    margin-left: 80px;
  }
}

.bg_black_op {
  /*background-color: rgba(0,0,0,0.4);*/
  background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(31,25,27,0.4) 100%);
  border-radius: 2px;
}

.card_opacity_white {
  background: rgba(233,230,220,0.5);
}

.btn_circle.btn_xl {
  width: 100px;
  height: 100px;
  padding: 23px 16px;
  border-radius: 60px;
  font-size: 24px;
  line-height: 1.33;
}

.btn_circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.icon_arrow {
  font-size: 48px;
}

/* MODELOS */

.bg_gradient {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(238,238,230,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(238,238,230,1) 100%);
}

.logo_triangle {
  position: absolute;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.bg_black_gradiant_card {
  background: rgb(76,76,76);
  background: radial-gradient(circle, rgba(73,73,73,1) 0%, rgba(0,0,0,1) 100%);
  background-position: 0 -30px;
}

.bg_black_gradient_card {
  background: rgb(76,76,76);
  background: radial-gradient(circle, rgba(73,73,73,1) 0%, rgba(0,0,0,1) 100%);
  background-position: 0 -30px;
}

.bg_black_card {
  background-color: rgba(0,0,0,0.8);
  /*background: linear-gradient(270deg, rgba(44,44,44,1) 0%, rgba(30,30,30,1) 50%, rgba(0,0,0,1) 100%);*/
}

@media (min-width: 992px) {
  .height_100 {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .image_mantenimiento {
    width: 100%;
  }
}

@media (min-width: 300px) and (max-width:991px) {
  .image_mantenimiento {
    width: 80% !important;
    /*display: flex;*/
  }
}

.bg_calentadores {
  background-image: url("../../assets/img/bg_image/ambienta-03_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: 0 -250px;*/
}

.card_opacity_white {
  margin-left: 0px;
}

@media (min-width: 1200px) {
  .card_opacity_white {
    margin-left: 300px;
  }
}

.bg_contact {
  background-image: url("../../assets/img/bg_image/ambienta-09_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_text_header {
  /*color: #fff !important;*/
  /*background-color: rgba(0,0,0,0.5);*/
  background: linear-gradient(to right, white 4px, transparent 4px) 0 0, linear-gradient(to right, #ffffff 4px, transparent 4px) 0 100%, linear-gradient(to left, #ffffff 4px, transparent 4px) 100% 0, linear-gradient(to left, #ffffff 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, #ffffff 4px, transparent 4px) 0 0, linear-gradient(to bottom, #ffffff 4px, transparent 4px) 100% 0, linear-gradient(to top, #ffffff 4px, transparent 4px) 0 100%, linear-gradient(to top, #ffffff 4px, transparent 4px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 35px 35px;
}

.color_naranja {
  color: #bdb29e !important;
}

.bg_naranja {
  background-color: #bdb29e !important;
}

.border_about {
  border-top: 2px dashed rgb(255,255,255);
  border-bottom: 2px dashed rgb(255,255,255);
}

@media (min-width: 280px) {
  .logo_ambienta_contact {
    width: 150px;
  }
}

.border-black.btn-xl {
}

/* FIX COLORS NAV AND SELECTION */

::selection {
  background: var(--bs-gray) !important;
  text-shadow: none;
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #BDB29E !important;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: #000000 !important;
}

#mainNav .navbar-brand {
  color: #ffffff !important;
  font-family: "Montserrat",Helvetica,Arial,cursive !important;
}

a:hover {
  color: #BDB29E !important;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #bdb29e !important;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  font-family: "Montserrat",Arial,sans-serif;
}

a.social_media:hover {
  color: #000000 !important;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #e9e6dc !important;
  border: 1px solid #000000;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: #fff;
}

.scroll-to-top:hover {
  background: #e9e6dc;
  color: #000000 !important;
  border-color: #e9e6dc;
}

.scroll-to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: none;
  width: 3.75rem;
  height: 3.75rem;
  text-align: center;
  color: #fff;
  background: rgba(90,92,105,.5);
  line-height: 46px;
}

.card_with_image {
  background-image: url("../../assets/img/bg_image/instagram_05.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*height: 100%;*/
  width: 50%;
}

@media (max-width: 768px) {
  .card_with_image {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .hr_card_contact {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
}