body {
  max-width:1500px;
  min-width:250px;
  background-color: #00839B;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-left:auto;
  margin-right:auto;
}

.greenbutton {
   padding: 20px;
   background-color: #3BBB8F;
   border-radius: 18px;
}
.title {
   font-family: 'Orbitron', sans-serif;
}

.title h2 {
   font-size: 28px;
}

.smallprint {
   font-size: 14px;
}

.container {
   max-width:600px;
   margin-left: auto;
   margin-right: auto;
}

/* override color choices for narrow view (mobile) buttons and menus */
.btn-menu {
   float: right;
   font-size: 28px;
   font-family: "FontAwesome";
   color: #0c559d;
   text-align:center;
   width: 28px;
   height: 28px;
   cursor: pointer;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
 
 
#mainnav-mobi {
   display: block;
   margin: 0 auto;
   width: 100%;
   position: absolute;
   top:42px;
   background-color:    rgba(0,0,0,0.5);
   z-index: 1000;
}

.site-logo {
   width: 47px;
}


.ldcontainer {
   width:95%;
   padding-left:10px;
   padding-right:10px;
}

.site-header.fixed {
   padding-top:5px;
   padding-bottom: 5px;
   position: absolute !important;
}

.site-header.float-header {
   background-color: transparent; 
/*   background-color: rgba(255,255,255,0.9);*/
   padding: 5px;
}

#mainnav ul li a {
    position: relative;
    display: block;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    outline: none;
}

#mainnav ul li::before {
  font-family: Fontawesome;
  color: #000;
  float: left;
  margin: 5px 5px 0 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

#mainnav ul li a:hover {
   color: #1595FF;
}



/* meta slider caption */
.metaslider .caption-wrap {
   background: transparent !important;
   top: 30% !important;
   bottom: auto !important;
   opacity: 1.0;
}

.metaslider.fg-caption .caption-wrap {
   opacity: 1;
}

/* This is to override the 'what we offer' h3 to from comfortaa to
   roboto */

.roll-icon-box .content h3 {
   font-family: 'Roboto', sans-serif;
}


/* These two classes are used to shift things around asymettrically. 
   Set the page builder row padding to 0, and then add these classes
   to shift things down */
 
.fg-hero-banner {
    margin-top: 100px;
}

.fg-50px-padding {
    padding-top: 50px;
}

.fg-about-us {
    font-size: 26px;
    color: #505050;
}

.fg-company-text {
    font-size: 18px;
    color: #505050;
}    

.fg-override-h3-widget-title h3 {
    font-size: 22px;
}

table.fgtable td {
    border-width: 0px;
}

.metaslider .caption {
  margin: 0 auto;
  width: 90%;
  line-height: 1.2;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 150) 0px 3px 3px;
  font-family: comfortaa;
  font-size: 4vw;
  color: #ffffff;
  opacity:1.0;
}

/* This 'greys out' the current page in the top nav */

#mainnav ul li.current-menu-item a {
    color: #d0d0d0;
}

/* whisper class for testimonial*/

blockquote.whisper {
  color: #010101;
}

.full-height {
   height:100vh;
}

/* ----- ATP ----- */

/* FLEX */

/* stop resizing below this point */

.flex-row {
   display:flex;
   flex-direction:row;
}

.flex-column {
   display: flex;
   flex-direction: column;
}   
  
.flex-one {
   flex-grow: 1;
   flex-basis: 0;
}

.flex-text-size {
   flex-grow: 1;
   flex-basis: 0;
}

.flex-img-size {
   flex-grow: 2;
   flex-basis:0;
}

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

.flex-justified {
   text-align: justify;
   text-justify: inter-word;
}

.flex-space-around {
     justify-content: space-around;
}

.hrule {
     padding-top: 10px;
     padding-bottom: 10px;
}

.imgpad {
     padding-top:20px;
     padding-bottom: 20px;
}

.plain {
    text-decoration: none;
}
.front-text {
   margin-left:10px;
   margin-right:10px;
}

.white {
   color:white;
}

.leftpad {
   margin-left: 30px;
}
/* custom full width */
.page-template-page_custom_front_page .content-wrapper 
{ 
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px !important;
}
.page-template-page_custom_front_page .page-wrap 
{
    padding-top: 0px !important;
}

.page-template-page_custom_front_page .row 
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* We maintain a static header. */
.page-template-page_custom_front_page .site-header {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1000;
   background-color: transparent !important; 
   padding: 5px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}