:root{
  --bs-body-bg: #1A1A1A;
  --bs-body-color: #fefefe;
  --bs-body-font-family: 'Gotham', sans-serif;
  --bs-body-font-weight: 300;
  --bs-body-font-size: 1rem;
  --bs-link-color: #fefefe;
  --bs-link-hover-color: #FFFFFF;
  --bs-link-font-weight: 300;
  --bs-nav-link-font-size: 0.8rem;  
  --bs-nav-link-hover-color: #FFFFFF;
  --bs-border-color: #FFFFFF;
  --color-01: #fefefe;
  --h-font-face: "Minion";
  --bgcolor-02: #722525;
  --color-02:#DD7458;
}
body{
  /*margin-top:200px;*/
}
body.home{
  margin-top:0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: var(--h-font-face);
}
p{
  font-weight: 300;
  line-height: 1.9em;
}
#logo{
  width: 100px;
}
.text-small{
  font-size:0.8rem;
}
.color-01{
  color: var(--color-01);
}
.grayscale{
  filter: grayscale(1);
}
.bgcolor-02{
  background: var(--bgcolor-02);
}
.font-01{
  font-family: var(--bs-body-font-family);
}
h2.title {
  font-size: 0.8rem!important;
  text-transform: uppercase;
  color: var(--color-02)!important;
  border-bottom: 1px solid var(--color-02);
  line-height: 3rem;
  margin-bottom: 1.5rem;
  font-family: var(--bs-body-font-family);
  font-weight: normal;
}
.bgcolor-02 h2.title {
  border-bottom-color: var(--color-01)!important;
  color: var(--bs-body-color)!important;
}
.bgcolor-02{
  color: var(--color-01)!important;
}
.filter-invert{
  filter: invert(1);
}
.form-control{
  font-weight: 300;
}
.panel-content h4{
  font-family: var(--bs-body-font-family);
  font-weight: bold;
  font-size: 1rem;
}
.panel-title{
  position: relative;
}
.panel-title.text-md-end.collapsed::after{
  content: "\002B";
  left: 0;
  position: absolute;
  width: 40px;
  color: #fff;
  text-align: center;
}
.panel-title.text-md-start.collapsed::after{
  content: "\002B";
  right: 0;
  position: absolute;
  width: 40px;
  color: #fff;
  text-align: center;
}
.panel-title.text-md-start::after{
  content: "\2212";
  right: 0;
  position: absolute;
  width: 40px;
  color: #fff;
  text-align: center;
}
.panel-title.text-md-end::after{
  content: "\2212";
  left: 0;
  position: absolute;
  width: 40px;
  color: #fff;
  text-align: center;
}
.form-control{
  border:none!important;
}
.form-floating>label{
  color:var(--bgcolor-02)!important;
  left:10px;
}
#navMenu{
  /*padding: 1rem 0rem 0rem 0px;*/
  transition: 0.4s;}
.navbar{
  --bs-navbar-nav-link-padding-x: 1.5rem;
}
.navbar.bg-transparent{
  background-color: #E3DDD7dd!important;
}
.nav-link{
  font-weight: 300;
  color:#FFFFFF;
  font-size: 0.9rem;
  line-height: 1.9rem;
}
.navbar-toggler{
  color: var(--bs-body-color)!important;
}
.nav-link:hover{
  --bs-nav-link-hover-color: #FFFFFF!important;
}
a.iub__us-widget__link{
  color:#1A1A1A;
}
.dropdown-menu {
  --bs-dropdown-min-width: auto!important;
  --bs-dropdown-border-radius: 0rem;
}
.btn{
  --bs-btn-font-weight: 300;
}
.btn-primary{
  --bs-btn-bg: transparent;
  border-radius: var(--bs-border-radius-pill)!important;
  padding: 10px 30px 10px 30px;
}
.btn-primary.btn-white{
  --bs-btn-bg: transparent;
  --bs-btn-hover-bg: rgba(255,255,255,0.3);
  --bs-btn-active-bg: rgba(255,255,255,0.3);
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #dedede;
  --bs-btn-border-color: #ffffff; 
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-active-border-color: #ffffff;
  border-radius: var(--bs-border-radius-pill)!important;
}
.btn-secondary{
  --bs-btn-color: #333333;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #999999;
  --bs-btn-hover-color: #333333;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #333333;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #333333;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: #333333;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dedede;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dedede;
  border-radius: var(--bs-border-radius-pill)!important;
  text-align: left;
  padding: 20px 60px 20px 35px;
  position: relative;
}
.btn-secondary svg{
  position: absolute;
  right: 5%;
  top: 25%;
  bottom: 25%;  
  margin: auto;
}
#home_slider h2,
#homepage_box_2 h2{
  font-size: 2.5em;
  color:var(--color-01);
}
#footer{
  color:#808080;
  margin-top:2rem;
}
.footer-menu{
  text-transform:uppercase;
  font-size:0.8rem;
}
.title-big{
  font-size: 3em;
  line-height: 0.95em;
}
.text-justify{
  text-align: justify;
}
.fs-2{
  font-size: 3em!important;
  line-height: 0.8em;
}
.fs-4{
  font-size: 4em!important;
}
.fs-3{
  font-size: 1.6em!important;;
}
.fs-6{
  font-size: 6em!important;
}
.border-radius-2{
  border-radius: 2rem;
}
.brightness{
  filter: brightness(0.8);
}
.plus{
  width: 30px;
  height: 30px;
  margin-right: 20px;
}
#logo_footer{
  width: 100px;
  margin-top: 10px;
}
/* ---------- */
.carousel-caption{

}
.slick-track{
  display:flex!important;
  align-items: center!important;
}
.slick-dots li.slick-active {
  background-color: var(--color-02)!important;
}
.form-control{
  border-radius: 35px!important;
  background-color: rgba(255,255,255,0.8);
}

@media (min-width: 1200px){
  .h2, h2 {
    font-size: 2rem;
    line-height: 1em;
  }
  .navbar-expand-md .navbar-collapse{
    display: inline!important;
  }
  .navbar-expand-md .navbar-nav{
    border-bottom: 1px solid #fff;
  }  
}
@media screen and (max-width: 767px){
  body{
    margin-top:120px;
  }
  #navMenu{
    padding: 0.2rem 0!important;
  }
  #logo{
    width: 100px;
    margin-bottom: 5px;
  }
  .navbar-toggler{
    filter: invert(1);
  }
  
  .navbar-collapse{
    background: rgba(0,0,0,0.8);    
  }
  .title-big{
    font-size: 2em;
  }
  #home_slider h2,
  #homepage_box_2 h2 {
    font-size: 1.5em;
  }
  .plus{
    width: 30px;
    height: 30px;
  }
  .fs-2{
    font-size: 2.5em!important;
    line-height: 0.7em;
  }
  .fs-4, .fs-6{
    font-size: 2em!important;
  }
  /*SLIDE*/
  .slide-text {
    font-size: 24px; }
  .slide-heading {
    font-size: 48px; }
  .slide-img {
    height: 460px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  /*FOOTER*/
  #footer .list-inline-item{
    display: list-item;
  }
}    
