:root { --bs-primary-rgb: 244, 98, 58; }

.bg-orange{
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-orange-light{ color:#ffcd83;}

#mainNav {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
    transition: background-color 0.2s ease;
  }
  #mainNav .navbar-brand {
    /*font-family: "Merriweather Sans", -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-weight: 900;
    color: rgba(244, 98, 58, 1.0);
    /*color: #000;*/
  }
  #mainNav .navbar .nav-link {
    color: #6c757d;
    /*font-family: "Merriweather Sans", -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-weight: 700;
    font-size: 0.9rem;
    padding: 0.75rem 0;
  }
  #mainNav .navbar .nav-link:hover, #mainNav .navbar .nav-link:active {
    color: #f4623a;
  }
  #mainNav .navbar .nav-link.active {
    color: #f4623a !important;
  }
  @media (min-width: 992px) {
    #mainNav {
      box-shadow: none;
      background-color: transparent;
    }
    #mainNav .navbar-brand {
        color: rgba(255, 255, 255, 0.7);
        font-weight: 600;
    }
    #mainNav .navbar-brand:hover {
      color: #fff;
    }
    #mainNav .navbar .nav-link {
      color: rgba(255, 255, 255, 0.7);
      padding: 0 1rem;
    }
    #mainNav .navbar .nav-link:hover {
      color: #fff;
    }
    #mainNav .navbar .nav-item:last-child .nav-link {
      padding-right: 0;
    }
    #mainNav.navbar-shrink {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      background-color: #fff;
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: rgba(244, 98, 58, 1.0);
        /*color: #000;*/
    }
    #mainNav.navbar-shrink .navbar-brand:hover {
      color: #f4623a;
    }
    #mainNav.navbar-shrink .navbar .nav-link {
      color: #212529;
    }
    #mainNav.navbar-shrink .navbar .nav-link:hover {
      color: #f4623a;
    }
  }
header.masthead {
    height: 120vh;
    padding-top: 0;
    padding-bottom: 0;/*calc(10rem - 4.5rem);*/
    /*background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead.jpg");*/
    background:  url("../img/collag-03.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
  }
  header.masthead h1, header.masthead .h1 {
    font-size: 2.25rem;
  }
  .logo .navbar-brand{
    font-size: 18px;
    font-weight: 900;
  }   
  @media (max-width: 768px) {
    header.masthead {
      margin-top: 48px; 
      height: 70vh;
      min-height: 40rem;
      padding-top: 4.5rem;
      padding-bottom: 0;
    }
    .logo .navbar-brand{
      font-size: 14px;
      line-height:18px;
      font-weight: 900;
    }  
    .logo{
      max-width: 280px;
      overflow-wrap: break-word;
    } 
    .logo h4{
      word-break: break-all;
      overflow-wrap: break-word;
    }
     
  }
  @media (min-width: 992px) {
    header.masthead {
      height: 100vh;
      min-height: 40rem;
      padding-top: 4.5rem;
      padding-bottom: 0;
    }
    header.masthead p {
      font-size: 1.15rem;
    }
    header.masthead h1, header.masthead .h1 {
      font-size: 3rem;
    }

  }
  @media (min-width: 1200px) {
    header.masthead h1, header.masthead .h1 {
      font-size: 3.5rem;
    }
  }

  .navbar-mobile ul {
      padding-left:24px;
  }
  #mainNav .logo h3 a  {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
  }
  #mainNav .logo h3 a:hover {
    color: #eb5d1e;
    text-decoration: none;
  }

  .services .icon-box {
    max-height: max-content;
    padding:0;
  }

  .counter-section{
    background-color: #bc7819;
  }

  #mainNav .logo h4{
    max-width: 360px;
    overflow-wrap: break-word;
    color: #212529;
    font-size: 18px;
  }

  .text-red{
    color:#c21e2e;;
  }
  .b600{font-weight: 600;}

  .translate-links {color:white;margin-bottom: 14px;}
  .translate-links a{color:#ffcd83; margin-left:5px; margin-right: 5px;}
  .translate-links a:hover{color:white; margin-left:5px; margin-right: 5px;}

  .form-group-inline, .form-group{ margin-bottom:10px;clear:both;}
  .form-group-inline .control-label{margin-right:18px;float:left;width:120px;}
  .form-group-inline .form-control {float:right;}/**/
  .form-group .form-control {margin-bottom:2px;}
  .form-group-inline .form-control{margin-bottom:4px;}
  .form-group-inline input.xs, .form-group-inline select.tiny  { width:50px; }
  .form-group-inline input.tiny, .form-group-inline select.tiny  { width:120px; }
  .form-group-inline input.mini, .form-group-inline select.mini  { width:200px; }
  .form-group-inline input.mid { width:300px; }
  .form-group-inline select.mid { width:300px; }
  .form-group-inline input.large { width:520px; }
  .form-group-inline select.large { width:520px; }
  .form-group-inline textarea.large { width:520px; }
  .form-group-inline .error-help-block{ color: #a94442; }
  .form-group .error, .form-group-inline .error{color: red;font-weight:normal;font-size:0.8rem;}

  .form-group .form-control, .form-group .control-label {
    font-family: "Open Sans", sans-serif;
    color: #212529;font-size:0.9rem;
  }

  .survey-form {padding:14px; background-color: #efefef;}

  .survey-list-item {padding:10px;margin-top:10px;border:1px solid #ddd; border-radius: 5px;}
  .survey-list-item h6 {margin-bottom:4px;font-weight:600;}
  .survey-list-item div {font-size:0.80rem;}

  .nav-tabs .nav-item button,  .nav-tabs .nav-item .tab-pane{
    font-size: 0.9rem;
  }

  .privacy {font-size:0.85rem;}
  .privacy div, .privacy p, .privacy li{font-size:0.85rem;}

  .card-shadow {
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);    
  }

  .utube-container0 {
    position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; 
    margin: 0 auto;
  }
  .utube-video0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 56.25%;
 }