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

html {
   background: #085185;
}

body {
   font-family: 'Roboto', sans-serif;
}

h1,h2, h3 {
   font-family:'Snasm W00 Regular';
}

h4, h5, h6 {
   font-family: 'Roboto', sans-serif; 
   font-weight: 700;
}

em {
  color: #085185;
}

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

.tm-headerbar, .tm-navbar {
   margin-bottom: 35px !important;
}

.header-wrapper {
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 10;
}

.logo {
    text-align: center;
}

.tm-headerbar .tm-logo {
    float: none;
}

.banner .border {
   height: 8px;
   background: #256ea2;
   border-top: 2px solid #c2c2c2;
   border-bottom: 2px solid #c2c2c2;
}

.home .banner .content {
   padding-top: 16%;
   padding-bottom: 2%;
}

/*.offpage .banner .content {
   padding-top: 10%;
}*/

.banner .inner-content {
   max-width: 500px;
   color: #fff;
}

.banner .inner-content h1, .banner .inner-content h2, .banner .inner-content h3 {
   color: #fff;
}

.banner .content {
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-8 */
}

.offpage .banner .content {
	height: 193px;
}

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

.uk-navbar {
   background: none;
}

.uk-navbar-nav > li > a {
   color: #fff;
   border: 1px solid transparent;
  font-family: "Roboto",sans-serif;
  font-weight: 500;
  font-size: 18px;
}

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
   background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
   color: #fff;
   border: 1px solid #c2c2c2;
}

.uk-navbar-nav .pay-your-bill {
   background: #0068b3;
   border-radius: 5px;
}

.uk-navbar-nav .pay-your-bill:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 10px;
}

.uk-navbar-nav > li:hover .pay-your-bill, .uk-navbar-nav > li:focus .pay-your-bill {
  background: #408ec6 none repeat scroll 0 0;
}

/* ==================================== 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;
}

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

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

.uk-navbar-toggle {
   color: #fff;
}

.uk-offcanvas-bar {
    background: #fafafa none repeat scroll 0 0;
    border-right: 2px solid #c2c2c2;
}

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

.uk-nav-offcanvas > li > a {
  color: #444;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  padding: 10px 15px;
}

.uk-nav-offcanvas > li > a.pay-your-bill {
  background: #0068b3 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  margin: 0 10px;
}

.uk-nav-offcanvas > li > a.pay-your-bill:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 10px;
}

.uk-nav-offcanvas > li:hover .pay-your-bill, .uk-nav-offcanvas > li:focus .pay-your-bill {
  background: #408ec6 none repeat scroll 0 0;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #408ec6 none repeat scroll 0 0;
}

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

.content-wrapper {
   background: #fff;
}

.content-wrapper .uk-container {
   padding: 35px;
}

.home .tm-middle {
   display: none;
}

.home .tm-top-a .uk-panel {
   background: none;
   padding: 0;
   border: 2px solid #c2c2c2;
   background: #e1e1e1;
}

.home .tm-top-a .uk-panel > img {
   border-bottom: 2px solid #c2c2c2;
   width: 100%;
}

.home .tm-top-a .uk-panel .callout-content {
   padding: 20px;
}

.home .tm-top-a .uk-panel .callout-content h3 {
   color: #0068b3;
   margin-bottom: 0;
}

.home .tm-top-a .uk-panel .callout-content p:last-child {
   margin-bottom: 0;
   margin-top: 0;
}

.uk-panel.uk-panel-box.widget_custom_post_widget {
  background: #e1e1e1 none repeat scroll 0 0;
  border: 1px solid #c2c2c2;
}

/* Flex Home Containers */

.home .content-wrapper .tm-top-a > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.home .content-wrapper .tm-top-a > div > .uk-panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.home .content-wrapper .tm-top-a {
    flex-direction: row;
}
.home .content-wrapper .tm-top-a > div > .uk-panel > .callout-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.home .content-wrapper .tm-top-a > div > .uk-panel > .callout-content > p:first-of-type {
    flex: 1 1 auto;
}

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

.footer-wrapper {
   border-top: 2px solid #c2c2c2;
}

.tm-footer .uk-panel-box {
   background: none;
   padding: 0;
}

.tm-footer .uk-width-1-1:first-child .uk-panel {
   text-align: left;
}

.tm-footer .uk-width-1-1:last-child .uk-panel {
   text-align: right;
}

.tm-footer p, .tm-footer a {
   color: #fff;
}

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

/********* SITE BY TG ******/
#credits {width:100%; margin: 10px 0 0 0;}
#siteby {float:right;}
#siteby .sitebyTG {width:94px; 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 (max-width: 1220px) {
   .uk-navbar-nav > li > a {
     padding: 0 10px;
   }
}

@media (max-width: 960px) {
   .header-wrapper .uk-container {
      padding: 0;
   }
   .header-wrapper .nav {
      width: 100%;
   }
   .header-wrapper .tm-navbar {
      margin: 0;
   }

   .header-wrapper {
       background: #fff none repeat scroll 0 0;
       border-bottom: 2px solid #c2c2c2;
       position: fixed;
   }
   .tm-navbar {
       margin-bottom: 0 !important;
   }
   .uk-navbar-toggle {
       color: #444;
   }
   .tm-logo-small {
       display: inline-block;
   }
   body {
       padding-top: 45px;
   }
   .offpage .banner .content {
       padding-top: 90px;
       height: auto;
   }
}