/* ====================================== General ====================================== */

body {
   color: #363a3c;
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   line-height: 24px;
}

h1,h2,h3,h4,h5,h6 {
   font-family: 'Oswald', sans-serif; 
   color: #62b346; 
   font-weight: 400;
   text-transform: uppercase;
}

h3,h4,h5,h6 {
   color: #8991a4;
}

h1, .uk-article-title {
   font-weight: 800;
   text-transform: uppercase;
}

h2 {
   font-weight: 600;
}

b, strong {
   font-weight: 800;
}

em {
   color: #FFF;
}

a, .uk-link {
   color: #abc989;
   cursor: pointer;
   text-decoration: none;
}

a:hover, .uk-link:hover {
   color: #a3b392;
   text-decoration: underline;
}

a.btn {
    background: #62b346 none repeat scroll 0 0;
    border: 1px solid #d9ba8c;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    max-width: 200px;
    padding: 10px 25px;
    text-align: center;
    width: 100%;
}

a.btn:before {
    content: "";
    font-family: FontAwesome;
    margin-right: 10px;
}

a.btn:hover, a.btn:focus {
    background: #79be62 none repeat scroll 0 0;
    text-decoration: none;
}

/* ====================================== Header ====================================== */

.header-wrapper {
   background: url('/wp-content/uploads/bg.jpg') no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.tm-logo > img {
   width: 100%;
}

.tm-headerbar {
   margin-top: 15px;
   margin-bottom: 15px;
}

.tm-navbar, .tm-footer {
   margin-bottom: 0;
   margin-top: 0;
}

.tm-headerbar .uk-panel {
   max-width: 100%;
   color: #fff;
   text-align: right;
}

.header-wrapper em {
   color: #62b346;
}

.tm-toolbar {
   margin-top: 0;
}

.tm-toolbar .uk-icon a {
   color: #fff;
}

/* ====================================== Nav ====================================== */

.menu-wrapper {
   background: #8991a4;
   border-top: 2px solid #d9ba8c;
   border-bottom: 2px solid #d9ba8c;
   box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.tm-navbar {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.uk-icon:before {
   font-family: FontAwesome;
   margin-right: 10px;
   color: #62b346;
}

.uk-icon.envelope:before {
   content: "";
}

.uk-icon.phone:before {
   content: "";
}

.social-media {
   text-align: right;
}

.social-media p {
   display: inline-block;
   line-height: 50px;
   margin-bottom: 0;
}

.social-media img {
   margin: 0 2px;
}

.uk-navbar-nav > li.uk-active > a {
   background-color: rgba(0, 0, 0, 0.15);
   color: #fff;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
   background-color: rgba(0,0,0,0.3);
   color: #fff;
   outline: medium none;
}

/* ====================================== Justified Nav ====================================== */

.uk-navbar-nav {
   -ms-flex-wrap:wrap;
   -webkit-flex-wrap:wrap;
   display:-ms-flexbox;
   display:-webkit-box;
   display:-webkit-flex;
   display:flex;
   flex-wrap:wrap;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   width:100%;
}

.uk-navbar-nav > li > a {
   -ms-flex-align:center;
   -ms-flex-pack:center;
   -webkit-align-items:center;
   -webkit-box-align:center;
   -webkit-box-pack:center;
   -webkit-justify-content:center;
   align-items:center;
   display:-ms-flexbox;
   display:-webkit-box;
   display:-webkit-flex;
   display:flex;
   justify-content:center;
   text-decoration:none;
   font-family: 'Oswald', sans-serif;
   color: #FFF;
   font-size: 20px;
   font-weight: bold;
   height: 50px;
   line-height: 50px;
   text-transform: uppercase;
   text-shadow: 2px 2px 2px rgba(0,0,0,0.45);
}

.uk-navbar-nav > li {
   -ms-flex:1 1 auto;
   -webkit-box-flex:1;
   -webkit-flex:1 1 auto;
   flex:1 1 auto;
   position:relative;
}

/* ====================================== Dropdown Nav ====================================== */

.uk-dropdown-navbar {
   background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
   border: 1px solid #a3d0a8;
   border-top: none;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
   color: #fff;
   margin-top: 0;
}

.uk-nav-navbar > li > a {
   color: #fff;
   font-size: 16px;
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
   background: #62b346 none repeat scroll 0 0;
   color: #ffffff;
   outline: medium none;
}

/* ====================================== Offcanvas Nav ====================================== */

.uk-navbar-toggle {
   color: #fff;
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.uk-offcanvas {
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
}

.uk-offcanvas-bar {
   background: url('/wp-content/uploads/bg.jpg');
   border-right: 1px solid #d9ba8c;
}

/*.uk-nav.uk-nav-offcanvas {
   background: #8991A4;
}*/

.uk-nav-offcanvas > li {
   border-top: 1px solid #d9ba8c;
}

.uk-nav-offcanvas > li > a {
   font-size: 20px;
   line-height: 30px;
   color: #fff;
   text-shadow: 0 0 3px rgba(0,0,0,0.4);
   font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
}

.uk-nav-offcanvas > li:last-child {
   border-bottom: 1px solid #d9ba8c;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
   background: #62B346;
}

.uk-offcanvas .uk-panel a:not([class]) {
   color: #FFF;
}

.uk-offcanvas .uk-panel:nth-child(4) {
   text-align: center;
}

.uk-offcanvas .uk-panel:nth-child(4) p a {
   display: inline-block;
   margin: 0 4px;
   max-width: 35px;
}

.uk-offcanvas .uk-panel:nth-child(1) {
   text-align: center;
}

.uk-offcanvas .uk-panel:nth-child(2), .uk-offcanvas .uk-panel:nth-child(3) {
   margin: 0 15px 20px;
   text-align: center;
}

.uk-offcanvas .uk-panel:nth-child(2) p, .uk-offcanvas .uk-panel:nth-child(3) p {
   margin-bottom: 0;
}

.uk-nav-offcanvas ul a::before {
    content: "";
    font-family: "FontAwesome";
    margin-right: 10px;
}

.uk-nav-offcanvas ul a {
  color: #fff;
  font-size: 14px;
}

.uk-offcanvas-bar .uk-panel.widget_custom_post_widget a img {
    margin-right: 10px;
}

.uk-offcanvas .uk-panel {
    color: #fff;
}


/* ====================================== Banner ====================================== */

.banner-wrapper-outer {
   background: url('/wp-content/uploads/banner-bg.jpg') no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.banner-wrapper {
   margin-left: 0px;
   border-left: 1px solid #d9ba8c;
   border-bottom: 1px solid #d9ba8c;
   border-right: 1px solid #d9ba8c;
}

.banner-wrapper .banner {
  overflow: hidden;
  position: relative;
}

.banner-wrapper .banner .background-image {
   min-height: 422px;
}

.banner-wrapper .banner .background-image:before {
  background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
  bottom: 0;
  content: " ";
  display: inline-block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.banner-wrapper .banner .background-image .content {
   padding: 0 30px;
   position: absolute;
   bottom: 25px;
}

.banner-wrapper .banner .background-image .content > * {
  color: #fff;
  line-height: 1.2;
  margin: 0;
  text-shadow: 0 3px rgba(0, 0, 0, 0.3);
}

.banner-wrapper .banner .background-image .content a {
  background: #62b346 none repeat scroll 0 0;
  border: 1px solid #d9ba8c;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-weight: 700;
  margin-top: 35px;
  padding: 8px 15px;
  text-align: center;
  text-shadow: none;
  max-width: 200px;
}

.banner-wrapper .banner .background-image .content a:hover, 
.banner-wrapper .banner .background-image .content a:focus {
  background: #79be62 none repeat scroll 0 0;
  text-decoration: none;
}

.banner-wrapper .banner .background-image .content a:before {
    content: "";
    font-family: FontAwesome;
    margin-right: 7px;
    display: inline-block;
}

.banner-wrapper .banner .background-image .content > h3 {
    font-size: 1.25vw;
}

.banner-wrapper .banner .background-image .content > h2 {
    font-size: 3.65vw;
}

.banner-wrapper .banner .background-image .content h1 {
  color: #62b346;
  font-size: 4.6vw;
}

.banner-wrapper .banner, .banner-wrapper .banner-callouts {
   padding-left: 0;
}

.banner-wrapper .banner-callouts {
   padding-left: 0;
   border-left: 1px solid #d9ba8c;
}

.banner-wrapper .banner-callouts > *:not(:last-child) {
   border-bottom: 1px solid #d9ba8c;
}

.banner-wrapper .banner-callouts .background-image .content {
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   line-height: 140px;
}

.banner-wrapper .banner-callouts .background-image .content a {
  color: #fff;
  display: block;
  font-family: "Oswald",sans-serif;
  font-size: 26px;
  line-height: 140px;
  text-shadow: 0 2.5px 0 rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

.banner-wrapper .banner-callouts .background-image .content a:hover, 
.banner-wrapper .banner-callouts .background-image .content a:focus {
  text-decoration: none;
  background: rgba(255,255,255,0.35);
}

.banner-wrapper .banner-callouts .background-image .content > * {
   margin: 0;
}

/* ====================================== Content ====================================== */

.content-wrapper {
   background: #ebebeb;
   padding: 60px 0;
}

.offpage .tm-content {
   min-height: 550px;
}

.uk-panel-box {
   background: none;
}

/* Begin Payment Form Styling */
.fsBody.fsEmbed {
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
}
.fsBody form.fsForm {
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
}
.fsBody .fsNextButton, .fsBody .fsPreviousButton, .fsBody .fsSubmitButton {
  background-color: #62B346 !important;
}
/* End Payment Form Styling */

/* ====================================== Footer ====================================== */

.footer-wrapper {
   padding: 25px 0;
   border-top: 2px solid #d9ba8c;
   background: url('/wp-content/uploads/bg.jpg') no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.copyright {
   float: left;
   color: #ebebeb;
}

.cc {
   float: left;
   clear: left;
   margin-top: 5px;
}

.calculator {
   clear: both;
}

/********* SITE BY TG ******/
#credits {width:100%; margin:0 auto;}
#credits p {margin: 0 auto;}
#siteby {float:right;}
#siteby .sitebyTG {width:133px; height:72px; background:url("https://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 0 transparent; display:block; position:relative;}
#siteby .sitebyTG:hover {background:url("https://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 -73px transparent;}

/* ====================================== Media Queries ====================================== */

@media (min-width: 1220px) {
   .uk-container {
      max-width: 1260px;
   }
}

@media (max-width: 1220px) {
   .banner-wrapper .banner .background-image .content h1 {
       font-size: 54px;
   }
   .banner-wrapper .banner .background-image .content > h3 {
       font-size: 15px;
   }
   .banner-wrapper .banner .background-image .content > h2 {
       font-size: 44px;
   }
   .banner-wrapper .banner .background-image .content a {
       margin-top: 15px;
   }
}

@media (max-width: 960px) {
   body {
     padding-top: 48px;
   }
   .menu-wrapper {
     background: rgba(0, 0, 0, 0) url("/wp-content/uploads/bg.jpg") no-repeat scroll center center / cover ;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 9;
   }
   .menu-wrapper .uk-container {
      padding: 0;
   }
   .tm-navbar {
      width: 100%;
      margin: 0;
   }
  .content-wrapper {
    padding: 25px 0;
  }
}

@media (max-width: 767px) {
   .banner-wrapper > * {
      width: 100%;
   }
   .banner-wrapper .banner-callouts {
      border-left: none;
      border-top: 1px solid #d9ba8c;
   }
  .offpage .tm-content {
     min-height: 0px;
  }
}

@media (max-width: 480px) {
  .banner-wrapper .banner .background-image .content h1 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .banner-wrapper .banner .background-image .content a {
    font-size: 16px;
    max-width: 130px;
  }
}