@import url("/app/webroot/userfiles/302/File/site.css");
.dropdown-menu li a:hover {
  background-color: #838383; }

.form-control::-webkit-input-placeholder {
  color: black; }

.form-control:-moz-placeholder {
  color: black; }

.form-control::-moz-placeholder {
  color: black; }

.form-control:-ms-input-placeholder {
  color: black; }

.form-control::placeholder {
  color: black; }

.form-control {
  background-color: #C9BD68; }

.page-header {
  display: none; }

.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  z-index: 1000; }

.headroom--unpinned {
  top: -100px; }

.headroom--pinned {
  top: 0; }

.hero-boxes {
  position: absolute;
  bottom: 0;
  width: 100%; }

.hero-boxes ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none; }

.hero-boxes ul li {
  width: 25%;
  border: 1px solid white;
  background-color: black;
  color: white;
  padding: 0;
  min-height: 175px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }

.btn-default {
  border: 1px solid black !important; }

/*
*
*
*
    WHEN CLONING THIS SAPLING, REMEMBER TO UPDATE THE URLS TO THE ASSETS IN THE FILE MANAGER
    IT'S IMPORTANT TO UPDATE THE URL TO THIS WH

*
*
*/
/*     NAVIGATION - TOPBAR #pt-topbar:     */
/*    SIDR.js   SIDE MENU    */
/* 
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
*

    ########  ########         ########  #######  ########  ########     ###    ########  
    ##     ##    ##               ##    ##     ## ##     ## ##     ##   ## ##   ##     ## 
    ##     ##    ##               ##    ##     ## ##     ## ##     ##  ##   ##  ##     ## 
    ########     ##    #######    ##    ##     ## ########  ########  ##     ## ########  
    ##           ##               ##    ##     ## ##        ##     ## ######### ##   ##   
    ##           ##               ##    ##     ## ##        ##     ## ##     ## ##    ##  
    ##           ##               ##     #######  ##        ########  ##     ## ##     ## 

    NAVIGATION - TOPBAR #pt-topbar:
*
* 
*/
/* 
$quick-contact-height:3em;
$quick-contact-bg: #e1e1e1;

$nav-bgcolor: rgba(0,0,0,0.9);
// $nav-bgcolor: rgba($pt-color-primary ,0.9);


$nav-btn-highlight: $pt-color-highlight;
 
$sitenav-height: 80;
 */
#pt-topbar {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.2); }
  #pt-topbar.bg-solid {
    background-color: rgba(0, 0, 0, 0.9) !important; }
  #pt-topbar.is-fixed-top {
    position: fixed;
    top: 0; }
  #pt-topbar .has-quick-contact {
    top: 3em; }
  .has-quick-contact #pt-topbar.is-fixed-top {
    top: 3em; }
  #pt-topbar.nav-is-open {
    background-color: rgba(0, 0, 0, 0.9); }
  @media screen and (min-width: 768px) {
    #pt-topbar #navbar ul.nav > li a {
      height: 80px;
      line-height: 64px; } }
  #pt-topbar .navbar-header .navbar-toggle {
    color: white;
    background-color: green; }
    #pt-topbar .navbar-header .navbar-toggle:hover, #pt-topbar .navbar-header .navbar-toggle:focus {
      color: white;
      background-color: #009a00; }
  #pt-topbar #navbar li > a {
    border: 1px solid transparent; }
    #pt-topbar #navbar li > a:hover {
      background-color: rgba(0, 128, 0, 0.5); }
    #pt-topbar #navbar li > a.active {
      background-color: green; }
  #pt-topbar #navbar li.open > a {
    background-color: green; }
  #pt-topbar #navbar li.active a {
    background-color: green; }
  #pt-topbar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.98); }

.pt-quick-contact {
  height: 3em;
  background-color: #e1e1e1; }
  .pt-quick-contact h1, .pt-quick-contact h2, .pt-quick-contact h3, .pt-quick-contact h4, .pt-quick-contact h5, .pt-quick-contact h6 {
    color: #fdf6ee; }
  .pt-quick-contact .social-media-icons li a {
    color: white;
    background-color: black; }
    .pt-quick-contact .social-media-icons li a:hover, .pt-quick-contact .social-media-icons li a:focus {
      color: white;
      background-color: green; }

/* 
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
* 
    
     ######  #### ########  ########     ########     ###    ########  
    ##    ##  ##  ##     ## ##     ##    ##     ##   ## ##   ##     ## 
    ##        ##  ##     ## ##     ##    ##     ##  ##   ##  ##     ## 
     ######   ##  ##     ## ########     ########  ##     ## ########  
          ##  ##  ##     ## ##   ##      ##     ## ######### ##   ##   
    ##    ##  ##  ##     ## ##    ##     ##     ## ##     ## ##    ##  
     ######  #### ########  ##     ##    ########  ##     ## ##     ## 

    SIDR.js   SIDE MENU 
*
*
*
*
* 
*/
/* 
// Colors
$sidr-background: $pt-color-primary;
$sidr-text-color: #fff;

// Width
$sidebar-width: 300px;
$sidebar-width-neg: -$sidebar-width;

$sidr-cover-color: rgba(0,0,0,0.8);

$sidr-topbar-height: 70px;
 */
#sidr-topbar {
  background-color: black; }
  .js #sidr-topbar {
    height: 70px; }

#sidr-menu-btn {
  background-color: black;
  width: 70px;
  height: 70px; }
  #sidr-menu-btn:hover, #sidr-menu-btn:focus {
    text-decoration: none;
    background-color: black; }

#sidr-close-btn {
  right: 300px;
  height: 70px;
  width: 70px;
  background-color: black; }
  #sidr-close-btn:hover, #sidr-close-btn:focus {
    background-color: black; }

#pt-sidr {
  background-color: black; }
  #pt-sidr a {
    color: white; }
    #pt-sidr a:hover, #pt-sidr a:focus {
      color: blue; }
  #pt-sidr .contact-links {
    min-height: 70px; }
    #pt-sidr .contact-links a:hover, #pt-sidr .contact-links a:focus {
      background-color: black; }
  #pt-sidr .caret {
    border-top-color: #fff; }
  #pt-sidr nav ul {
    border-top: 1px solid black;
    border-bottom: 1px solid #1a1a1a; }
    #pt-sidr nav ul li {
      border-top: 1px solid #1a1a1a;
      border-bottom: 1px solid black; }
      #pt-sidr nav ul li:hover {
        background-color: black; }
        #pt-sidr nav ul li:hover ul {
          background-color: black; }
          #pt-sidr nav ul li:hover ul li {
            background-color: black; }
            #pt-sidr nav ul li:hover ul li:hover {
              background-color: black; }
      #pt-sidr nav ul li ul li:last-child {
        border-bottom: 0; }
  #pt-sidr a {
    color: #fff; }
  #pt-sidr ul ul {
    background-color: black; }
    #pt-sidr ul ul ul {
      background-color: black; }

.sidr-cover {
  background-color: rgba(0, 0, 0, 0.8); }

#sidr-topbar nav ul {
  background-color: black; }
  #sidr-topbar nav ul ul {
    background-color: black; }
    #sidr-topbar nav ul ul ul {
      background-color: black; }
  #sidr-topbar nav ul li a {
    color: #fff; }

/* 
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
*

    ########   #######   #######  ########  ######  ######## ########     ###    ########  
    ##     ## ##     ## ##     ##    ##    ##    ##    ##    ##     ##   ## ##   ##     ## 
    ##     ## ##     ## ##     ##    ##    ##          ##    ##     ##  ##   ##  ##     ## 
    ########  ##     ## ##     ##    ##     ######     ##    ########  ##     ## ########  
    ##     ## ##     ## ##     ##    ##          ##    ##    ##   ##   ######### ##        
    ##     ## ##     ## ##     ##    ##    ##    ##    ##    ##    ##  ##     ## ##        
    ########   #######   #######     ##     ######     ##    ##     ## ##     ## ##        

    BOOTSTRAP BUTTON / LINK / NAV STYLES
*
*
*
*
 */
a {
  color: black; }
  a:hover, a:focus {
    color: #1a1a1a; }

.btn-primary {
  color: #fff;
  background-color: black; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: black;
    background-color: #b3b3b3;
    border-color: black; }

.nav-pills > li > a {
  border: 1px solid black; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: black; }

ul.nav li.active a {
  color: white;
  background-color: black; }
  ul.nav li.active a:hover, ul.nav li.active a:focus, ul.nav li.active a:active, ul.nav li.active a:focus {
    color: white;
    background-color: green; }
ul.nav li a {
  color: black; }
  ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active, ul.nav li a:focus {
    color: white;
    background-color: black; }

/* 
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*
*
*


########  ########     ##    ##    ###    ##     ## ########     ###    ########  
##     ##    ##        ###   ##   ## ##   ##     ## ##     ##   ## ##   ##     ## 
##     ##    ##        ####  ##  ##   ##  ##     ## ##     ##  ##   ##  ##     ## 
########     ##        ## ## ## ##     ## ##     ## ########  ##     ## ########  
##           ##        ##  #### #########  ##   ##  ##     ## ######### ##   ##   
##           ##    ### ##   ### ##     ##   ## ##   ##     ## ##     ## ##    ##  
##           ##    ### ##    ## ##     ##    ###    ########  ##     ## ##     ##
    
    BASIC NAVBAR
*
*
*
*
 */
.pt-navbar {
  background-color: #fff; }
  .pt-navbar li a {
    color: black; }
    .pt-navbar li a:hover, .pt-navbar li a:focus, .pt-navbar li a:active, .pt-navbar li a:focus {
      color: #fff;
      background-color: black; }
  .pt-navbar li.active a {
    color: #fff;
    background-color: black; }
    .pt-navbar li.active a:hover, .pt-navbar li.active a:focus, .pt-navbar li.active a:active, .pt-navbar li.active a:focus {
      color: #fff;
      background-color: black; }

@media screen and (min-width: 768px) {
  #sidr-topbar {
    padding: 0 30px; } }
@font-face {
  font-family: 'BLOKK';
  src: url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.eot");
  src: url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.eot?#iefix") format("embedded-opentype"), url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.woff2") format("woff2"), url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.woff") format("woff"), url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.otf") format("opentype"), url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.ttf") format("truetype"), url("/app/webroot/userfiles/324/File/fonts/BLOKKNeue-Regular.svg#BLOKKRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'BLOKK';
    src: url("BLOKKNeue-Regular.svg") format("svg"); } }
.is-section p {
  font-family: 'BLOKK'; }