/*
Pallet:
Green: #95c664;
Gray: #e6e6e6;
Light Gray: #f2f2f2
*/

body, p, li, h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova-soft",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  font-size: 18px;
  line-height: 26px;
}

.lead {
  font-size: 20px;
}

.lead p {
  font-size: 20px;
}

th {
  background-color: #e6e6e6;
  padding: 14px;
}

h1, h2 {
  font-weight: 400;
}

h1 {
  font-size: 46px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-weight: bold;
  font-size: 26px;
}

.text-large {
  font-size: 46px;
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: darken(white, 20%);
  background-color: transparent;
  text-decoration: none;
}

a:hover, 
a:focus {
  color: rgb(75,180,255);
}

.full-height {
  min-height: 100vh;
}

#vision-cta h3 {
  margin: 0px;
  font-size: 33px;
  line-height: 48px;
}

.text-center {
  text-align: center;
}

.no_padding_or_margin {
  padding: 0px;
  margin: 0px;
}

.no-padding {
  padding: 0px;
}

.no-margin {
  margin: 0px;
}

.pad-bottom {
  padding-bottom: 20px;
}

.pad-top-and-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}

.overlay-dark {
  background-color: black;
  background-color: rgba(0,0,0,0.5);
}

.background-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vertical-child {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  text-align: center;
}

.form-checkbox {
  padding-left: 20px;
}

.text-black {
  color: black;
}

.text-white {
  color: white;
}

.text-blue {
  color: #33ceff;
}

.text-green {
  color: #95c664;
}

.text-red {
  color: red;
}

.text-md {
  font-size: 16px;
}

.text-sm {
  font-size: 12px;
}

.background-blue {
  background-color: #33ceff;
}

.background-lightgray {
  background-color: #f2f2f2;
}

.background-gray {
  background-color: #e6e6e6;
}

.background-darkgray {
  background-color: darkgray;
}

.form-control.background-white {
  background-color: white;
}

.background-white {
  background-color: white;
}

.pad {
  padding: 20px;
}

.pad-top-and-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pad-section {
  padding: 80px 20px;
}

header .pad-section {
  padding: 170px 20px 120px;
}

.pad-section-sm {
  padding: 50px 0px;
}

.pad-panel {
  padding: 40px;
}

.pad-column {
  padding: 0px 20px;
}

.margin-top {
  margin-top: 20px;
}

.container-sm {
  max-width: 600px;
}

.container-md {
  max-width: 800px;
}

.fa-dot-custom {
  font-size: 5px;
  vertical-align: middle;
  color: #e6e6e6;
}

.fa-clickable-link:hover {
  color: #95c664;
}

.img-icon {
  max-height: 50px;
}

.table>tbody>tr>th.master-header, .table>tfoot>tr>th.master-header, .table>thead>tr>th.master-header {
  padding: 14px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: none;
  padding: 8px 14px;
  vertical-align: middle;
}

.border-bottom {
  border-bottom: 1px solid #f2f2f2;
}

img {
  max-width: 100%;
}

.background-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.uppercase {
  text-transform: uppercase;
}

/*
########   ######      #######  ##     ## ######## ########  ########  #### ########  ########  ######  
##     ## ##    ##    ##     ## ##     ## ##       ##     ## ##     ##  ##  ##     ## ##       ##    ## 
##     ## ##          ##     ## ##     ## ##       ##     ## ##     ##  ##  ##     ## ##       ##       
########   ######     ##     ## ##     ## ######   ########  ########   ##  ##     ## ######    ######  
##     ##       ##    ##     ##  ##   ##  ##       ##   ##   ##   ##    ##  ##     ## ##             ## 
##     ## ##    ##    ##     ##   ## ##   ##       ##    ##  ##    ##   ##  ##     ## ##       ##    ## 
########   ######      #######     ###    ######## ##     ## ##     ## #### ########  ########  ######  
*/

nav .btn-nav {
  margin: 10px 0px;
  font-size: 14px;
  padding: 2px 15px;
  line-height: 26px;
}

.btn {
  font-size: 20px;
  padding: 10px 50px;
  border-radius: 0px;
}

.btn-primary {
  background-color: #95c664;
  color: white;
  border: none;
  text-transform: uppercase;
}

.btn-primary.btn-sm {
  padding: 6px 8px;
  font-size: 16px;
}

.btn-primary:hover {
  opacity: 0.9;
  background-color: #95c664;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:focus {
  background-color: #95c664;
  box-shadow: none;
}

.btn-secondary {
  text-transform: uppercase;
  background-color: white;
  color: #95c664;
  border: 2px solid white;
  a {
    color: #95c664;
  }
}

.btn-secondary:hover {
  color: white;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:active:focus {
  background-color: #95c664;
  box-shadow: none;
}

.btn-secondary-outline {
  text-transform: uppercase;
  background-color: transparent;
  color: white;
  border: 2px solid white;
}

.btn-secondary-outline.focus,
.btn-secondary-outline:focus,
.btn-secondary-outline:hover,
.btn-secondary-outline:active,
.btn-secondary-outline:active:focus {
  background-color: white;
  color: black;
  box-shadow: none;
}

.form-wrapper {
  padding: 2px 20px 30px 20px;
}

.form-control {
  background-color: #f2f2f2;
  background-image: none;
  border: none;
}

.form-indent {
  padding-left: 15px;
}

.modal {
  z-index: 999999999;
}

.modal-content {
  border-radius: 0px;
  padding: 10px 0px 0px 0px;
}

.modal-header {
  border-bottom: none;
}

.modal-body {
  padding: 0px 15px;
}

.modal-footer {
  border-top: none;
}

.modal-form-container {
  max-width: 100%;
}

.modal-form-footer {
  padding: 0px 30px 30px;
}

.modal-form-button-wrapper {
  padding-bottom: 30px;
}

.profile-thumb img {
  max-width: 100%;
}

/*
##    ##    ###    ##     ## ####  ######      ###    ######## ####  #######  ##    ## 
###   ##   ## ##   ##     ##  ##  ##    ##    ## ##      ##     ##  ##     ## ###   ## 
####  ##  ##   ##  ##     ##  ##  ##         ##   ##     ##     ##  ##     ## ####  ## 
## ## ## ##     ## ##     ##  ##  ##   #### ##     ##    ##     ##  ##     ## ## ## ## 
##  #### #########  ##   ##   ##  ##    ##  #########    ##     ##  ##     ## ##  #### 
##   ### ##     ##   ## ##    ##  ##    ##  ##     ##    ##     ##  ##     ## ##   ### 
##    ## ##     ##    ###    ####  ######   ##     ##    ##    ####  #######  ##    ## 
*/

.navbar {
  position: relative;
  border: none;
}

.navbar-default {
  background-color: transparent;
  border-radius: 0;
  margin-bottom: -50px;
  z-index: 99999;
  padding: 10px 0px;
}

.navbar-collapse {
  padding: 0px 0px;
}

.navbar-logo {
  float: left;
  padding: 4px 0px;
}

.navbar-logo img {
  max-height: 40px;
}

.navbar-right {
  margin-right: 0px;
}

.navbar-default .navbar-nav>li>a {
  color: white;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: rgba(255,255,255,0.8);
}

.navbar-default .navbar-nav > li > a.btn:focus, .navbar-default .navbar-nav > li > a.btn:hover {
  background-color: #95c664;
}

.navbar-default .navbar-toggle {
  border-color: white;
  border-width: 2px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active {
  background-color: rgba(255,255,255,0.3);
}

.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
  height: 1000000px;
}

.section-content {
  padding: 200px 20px;
}

/*
##     ## ########    ###    ########  ######## ########  
##     ## ##         ## ##   ##     ## ##       ##     ## 
##     ## ##        ##   ##  ##     ## ##       ##     ## 
######### ######   ##     ## ##     ## ######   ########  
##     ## ##       ######### ##     ## ##       ##   ##   
##     ## ##       ##     ## ##     ## ##       ##    ##  
##     ## ######## ##     ## ########  ######## ##     ## 
*/

#home-header {
  min-height: 100vh;
}

#home-header .overlay-dark {
  height: 100vh;
  min-height: 800px;
}

/*
##     ## ####  ######   ######  ####  #######  ##    ## 
##     ##  ##  ##    ## ##    ##  ##  ##     ## ###   ## 
##     ##  ##  ##       ##        ##  ##     ## ####  ## 
##     ##  ##   ######   ######   ##  ##     ## ## ## ## 
 ##   ##   ##        ##       ##  ##  ##     ## ##  #### 
  ## ##    ##  ##    ## ##    ##  ##  ##     ## ##   ### 
   ###    ####  ######   ######  ####  #######  ##    ## 
*/

#vision-cta {
  padding: 40px 20px;
  background-color: #95c664;
}

.vision-image {
  max-height: 200px;
}

.vision-button-wrapper {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-left: -20px;
  padding: 0px 20px;
}

/*
##      ## ##     ## ######## ########  ########    ##      ## ########       ###    ########  ######## 
##  ##  ## ##     ## ##       ##     ## ##          ##  ##  ## ##            ## ##   ##     ## ##       
##  ##  ## ##     ## ##       ##     ## ##          ##  ##  ## ##           ##   ##  ##     ## ##       
##  ##  ## ######### ######   ########  ######      ##  ##  ## ######      ##     ## ########  ######   
##  ##  ## ##     ## ##       ##   ##   ##          ##  ##  ## ##          ######### ##   ##   ##       
##  ##  ## ##     ## ##       ##    ##  ##          ##  ##  ## ##          ##     ## ##    ##  ##       
 ###  ###  ##     ## ######## ##     ## ########     ###  ###  ########    ##     ## ##     ## ######## 
*/

.where-we-are-hr {
  border-top: 3px solid black;
  max-width: 360px;
}


/*
########  ######## ##     ##  #######  
##     ## ##       ###   ### ##     ## 
##     ## ##       #### #### ##     ## 
##     ## ######   ## ### ## ##     ## 
##     ## ##       ##     ## ##     ## 
##     ## ##       ##     ## ##     ## 
########  ######## ##     ##  #######  
*/

/*
########     ###    ########  ######## ##    ## ######## ########  
##     ##   ## ##   ##     ##    ##    ###   ## ##       ##     ## 
##     ##  ##   ##  ##     ##    ##    ####  ## ##       ##     ## 
########  ##     ## ########     ##    ## ## ## ######   ########  
##        ######### ##   ##      ##    ##  #### ##       ##   ##   
##        ##     ## ##    ##     ##    ##   ### ##       ##    ##  
##        ##     ## ##     ##    ##    ##    ## ######## ##     ## 
*/

/*
 ######  ##     ## ########  ########   #######  ########  ######## 
##    ## ##     ## ##     ## ##     ## ##     ## ##     ##    ##    
##       ##     ## ##     ## ##     ## ##     ## ##     ##    ##    
 ######  ##     ## ########  ########  ##     ## ########     ##    
      ## ##     ## ##        ##        ##     ## ##   ##      ##    
##    ## ##     ## ##        ##        ##     ## ##    ##     ##    
 ######   #######  ##        ##         #######  ##     ##    ##    
*/

.support-item {
  margin: 20px 0px;
}

.support-item-title {
  margin: 20px 0px 10px;
  font-weight: bold;
}

/*
########  #######   #######  ######## ######## ########  
##       ##     ## ##     ##    ##    ##       ##     ## 
##       ##     ## ##     ##    ##    ##       ##     ## 
######   ##     ## ##     ##    ##    ######   ########  
##       ##     ## ##     ##    ##    ##       ##   ##   
##       ##     ## ##     ##    ##    ##       ##    ##  
##        #######   #######     ##    ######## ##     ## 
*/

#footer {
  background-color: #95c664;
}

.social-media-wrapper {
  text-align: center;
  padding: 20px 0px;
}

.social-media-wrapper a {
  margin: 0px 10px;
  font-size: 36px;
  color: white;
}

.social-media-wrapper a:hover {
  opacity: 0.6;
}

/*
##     ## ######## ########  ####    ###    
###   ### ##       ##     ##  ##    ## ##   
#### #### ##       ##     ##  ##   ##   ##  
## ### ## ######   ##     ##  ##  ##     ## 
##     ## ##       ##     ##  ##  ######### 
##     ## ##       ##     ##  ##  ##     ## 
##     ## ######## ########  #### ##     ## 
*/

.hidden-mobile {
 display: inherit;
}

.display-mobile {
 display: none; 
}

@media (max-width: 768px) {

  .hidden-mobile {
   display: none;
  }

  .display-mobile {
   display: inherit; 
  }
  .pad-column {
    padding: 0px 40px;
  }

  .vision-button-wrapper {
    width: inherit;
    position: relative;
    bottom: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
  }

  .navbar-nav>li>a {
    font-size: 44px;
    text-align: center;
    line-height: 36px;
    margin: 30px 0px;
  }

  li nav .btn-nav {
    text-align: center;
  }

  nav .btn-nav {
    font-size: 44px;
    padding: 40px 80px;
  }

  .nav-btn-wrapper {
    text-align: center;
  }
}