html,
body,
.page {
 
}
body {
 font-family: 'Ubuntu', sans-serif;
 font-weight: 300;
 font-size: 95%;
 height: auto !important;
 color: #fff;
}
  body p {
    font-size: 110%;
  }

h1, h2, h3, h4, h5, h6{
  color: #031f34;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
}
strong,
.fontawesome-icon-inline {
  color: #031f34;
  font-weight: bold;
}
ul li{
list-style-image: none;
}
.form-item.form-type-select {
 margin: 0;
}
a {
  text-decoration: none;
}
input[type=text],
input[type=date],
input[type=number],
input[type=email],
input[type=tel],
input[type=password]{
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
 input:focus,
 select:focus,
 textarea:focus {
   outline: none !important;
   box-shadow: none !important;
   border: solid thin #d5a751;
 }
/* text area */
select {
 border-radius: 0;
 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
/* buttons */
input[type=button],
input[type=submit],
.button--primary,
.button,
.btn{
 background: #77a600;
 box-shadow: none;
 color: #fff !important;
 height: auto;
 opacity: 1;
 padding: .6rem 1rem !important;
 border-radius: 5rem;
 transition: all .2s ease-in-out;
 font-weight: bold;
}
a.button, a.btn {
 padding: 0 0.625rem;
}

input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button--primary:hover,
.button--primary:focus,
.button:hover,
.button:focus,
.btn:hover{
 background-color: #031f34 !important;
 border-color: #031f34 !important;
 padding-right: calc(1rem + 5px) !important;
}

select.form-select {
  position: relative;
}
 select:focus {
   outline: none;
 }
 select option {
   padding: 1em 0;
 }
   select option:nth-child(even) {
     background: #f3f5f9;
   }
.form-check-label {
  margin-left: 20px;
  margin-top: 4px;
}
/* radio buttons */
.js-form-type-radio {
 position: relative;
 margin: 0 0 10px;
 font-size: 16px;
 line-height: 24px;
}
 .js-form-type-radio input.form-radio {
   position: absolute;
   top: 4px;
   left: 0;
   width: 36px;
   height: 20px;
   opacity: 0;
   z-index: 0;
 }
 .js-form-type-radio label.option {
   display: block;
   padding: 5px 0 0 40px;
   cursor: pointer;
 }
   .js-form-type-radio label:before {
     content: '';
     position: absolute;
     top: 6px;
     left: 10px;
     width: 20px;
     height: 20px;
     background-color: transparent;
     border: 2px solid rgba(0, 0, 0, 0.54);
     border-radius: 14px;
     z-index: 1;
     transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .js-form-type-radio label:after {
     content: '';
     position: absolute;
     top: 12px;
     left: 16px;
     width: 8px;
     height: 8px;
     background-color: #3f51b5;
     border-radius: 50%;
     z-index: 2;
     transform: scale(0, 0);
     transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .js-form-type-radio input.form-radio:checked + label:before {
     border-color: #3f51b5;
   }
   .js-form-type-radio input.form-radio:checked + label:after {
     transform: scale(1, 1);
   }

/* checkboxes */
.js-form-type-checkbox {
position: relative;
margin: 0 0 10px;
font-size: 16px;
line-height: 24px;
}
.js-form-type-checkbox input.form-checkbox {
  position: absolute;
  top: 4px;
  left: 0;
  width: 36px;
  height: 20px;
  opacity: 0;
  z-index: 0;
}
.js-form-type-checkbox label.option {
  display: block;
  padding: 5px 0 0 40px;
  cursor: pointer;
}
  .js-form-type-checkbox label:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.54);
    z-index: 1;
    transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .js-form-type-checkbox label:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 16px;
    width: 8px;
    height: 8px;
    background-color: #3f51b5;
    z-index: 2;
    transform: scale(0, 0);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .js-form-type-checkbox input.form-checkbox:checked + label:before {
    border-color: #3f51b5;
  }
  .js-form-type-checkbox input.form-checkbox:checked + label:after {
    transform: scale(1, 1);
  }

img {
 max-width: 100%;
 height: auto;
}

.regions {
 background: none;
}

.row {
 margin: 0;
}

.nav-tabs .nav-item {
  border-bottom: 1px solid #d5a751;
}
  .nav-tabs .nav-item a {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: solid 3px #031f34;
    transition: ease-in-out all .5s;
    border-radius: 0;
    font-weight: bold;
  }
    .nav-tabs .nav-item a:hover,
    .nav-tabs .nav-item a.active {
      color: #031f34 !important;
      border-bottom-color: #d5a751 !important;
      background: #f7f7f7;
    }

body main.main-content {
  padding: 0 !important;
}
  #content .content .node__content {
    margin: 0 !important;
    padding: 0 !important;
  }

/* page title */
.block-page-title-block {
  text-align: center;
  padding: 1rem;
}

/* mobile css */
/* mmenu menu icon */
#block-responsivemenumobileicon {

}
 #block-responsivemenumobileicon .label {
   display: none;
 }
/* mmenu block */
.mm-menu_offcanvas {

}
 .mm-menu_offcanvas .mm-panel {
   background: #031f34;
 }
   .mm-menu_offcanvas .mm-panel .mm-navbar {
    background: #77a600;
    color: #fff;
   }
   .mm-btn_prev:before {
    border-color: #fff;
   }
   .mm-menu_offcanvas .mm-panel .mm-listitem .mm-listitem__text {
     text-overflow: inherit;
     white-space: unset;
   }

header.solid .responsive-menu-toggle-icon:before,
header.solid .responsive-menu-toggle-icon:after,
header.solid .responsive-menu-toggle-icon span.icon {
 background: #ea1b21 !important;
}

/* navigation buttons */
.owl-buttons {
  position: absolute;
  top: 35vh;
  width: 100%;
}
  .owl-buttons .owl-prev {
    float: left;
    margin-left: 4em;
  }
  .owl-buttons .owl-next {
    float: right;
    margin-right: 4em;
  }
  .owl-buttons .owl-prev,
  .owl-buttons .owl-next {
    background: none !important;
    color: #d5a751 !important;
    opacity: 1 !important;
  }

/* owl couresel pagination */
.owl-pagination {
  margin-top: -2rem;
}
  .owl-pagination .owl-page {
    border: 2px solid rgba(255, 255, 255, 0.7);
    margin: 0 .5rem;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin: 0 .5em;
  }
  .owl-pagination .owl-page.active {
    border-color: #031f34;
  }
  .owl-pagination .owl-page span {
    background: rgba(255, 255, 255, 0.7);
    position: relative;
    left: -3.8px;
    top: -2px;
  }
    .owl-pagination .owl-page.active span {
      background: #031f34;
    }

/* paragraph columns */
@media (min-width: 768px) {
  .paragraph.paragraph--width--wide > .paragraph__column {
    float: left !important;
    width: 88% !important;
    margin-left: 6% !important;
  }
}

#header #navbar-main {
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.navbar-brand {
  display: flex;
  align-items: center;
}

#main {
  
}

.node--type-advanced-page .page-title {
  
}

input[type=button] svg,
input[type=submit] svg,
.button--primary svg,
.button svg,
.btn svg{
  transition: transform .2s ease-in-out;
}

input[type=button]:hover svg,
input[type=button]:focus svg,
input[type=submit]:hover svg,
input[type=submit]:focus svg,
.button--primary:hover svg,
.button--primary:focus svg,
.button:hover svg,
.button:focus svg,
.btn:hover svg{
  transform: translateX(5px);
}

h2 span {
  background: rgb(119,166,0);
  background: linear-gradient(45deg, rgba(119,166,0,1) 0%, rgba(3,31,52,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #77a600;
}
h2 .field--name-bp-header {
  font-size: 1rem;
  color:#77a600;
}
  h2 .field--name-bp-header:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 30px;
    width: 100px;
    height: 1.6px;
    background-color: #77a600;
  }