*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; 
  overflow-x: hidden;
  overflow-y: hidden;
}


/*** Containers ****************************************************  */

.container {
  min-width: 992px !important; 
  margin-top: 4rem; }
  
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; 
}

  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }

  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }

  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
      
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; 
}

.col-2, .col-3, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; 
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; 
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; 
}
  
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; 
}

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; 
  }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; 
}      

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; 
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; 
}
  

.wrapper {
  width: 100%; 
}

.w-100 {
  width: 100%;
}

/*** Info form ****************************************************  */

.info-wrap h3, p{
  color: #fff; 
}

.info-h {
  margin-bottom: 1.5rem !important; }      
  
.info-wrap .dbox {
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 25px; }

.info-wrap .dbox:last-child {
  margin-bottom: 0; }
.info-wrap .dbox p {
  margin-bottom: 0; }
.info-wrap .dbox p span {
      font-weight: 400;
      color: rgba(255, 255, 255, 0.4);
      font-size: 20px;
      display: block;
      text-transform: uppercase; }
.info-wrap .dbox p a {
      color: rgba(255, 255, 255, 0.7); }
.info-wrap .dbox .icon {
    margin-top: 10px; }
.info-wrap .dbox .icon span {
      font-size: 24px;
      color: #fff; }
.info-wrap .dbox .text {
    width: 100%; }


/*** Contact form ****************************************************  */

.contact-wrap {
  background: #fff;
  border-radius: 10px; 
  height: 100%;
  margin-top: 5rem;
}

.pad-contact {
  padding: 1.5rem !important; }

.contact-form {
  width: 100%;
  height: auto;
  padding: 30px;
  flex: 50%;
  text-align: left;
}

.contact-form h1 {
  margin-bottom: 20px;
  /* text-align: center; */
}

.contact-form-txt {
  width: 90%;
  height: 40px;
  color: #000;
  border: 1px solid #bcbcbc; 
  /* border-radius: 10px; */
  outline: none;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 1.4rem;
}


.contact-form-textarea {  
  width: 90%;
  height: 130px;
  color: #000;
  border: 1px solid #bcbcbc;
  /* border-radius: 10px; */
  outline: none;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 1.4rem;
}

•contact-form-textarea::placeholder {
  color: #aaa;
}

.contact-form-btn {
  width: 50%;
  border: none;
  outline: none; 
  border-radius: 5px; 
  background:  rgb(164, 24, 24);
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0; cursor: pointer; font-size: 15px;
}

/* .dark-mode li {
  color: white;
}
.light-mode li {
  color: white;
} */

.nav__link2{
  color: white;
}