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

html {
   background: url('/images/background.jpg');
}

body {
   background: none;
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 22px;
}

h1, .uk-article-title, h2 > a {
	font-family: 'EB Garamond', serif;
  font-size: 40px;
  line-height: 50px;
  color: #20384B;
}

h3, h3 > a {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
  color: #3B6688;
}

.tm-middle p {
	margin-top: 10px;
}

em {
   color: inherit;
}

li, dt, dd {
  line-height: 22px;
}

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

.toolbar-wrapper {
  min-height: 70px;
}

.toolbar-wrapper .uk-panel img {
  margin-left: 5px;
  max-width: 35px;
}

.header-wrapper {
  background: #3b6688 none repeat scroll 0 0;
  border-bottom: 1px solid #c2c2c2;
  border-top: 1px solid #c2c2c2;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.tm-headerbar {
   position: relative;
   margin: 0px;
}

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

.tm-logo.uk-width-3-10 {
  display: inline-block;
  position: relative;
}

.tm-logo img {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  left: -5px;
  max-width: 410px;
  position: absolute;
  right: 0;
  top: -55px;
  width: 100% !important;
  z-index: 9999;
  /*border: 1px solid #c2c2c2;*/
}

.tm-logo-small {
  display: inline-block;
}

.tm-logo-small > p {
  display: inline-block;
  margin: 0;
}

.uk-navbar-nav {
   float: right;
}

.uk-navbar-nav > li > a {
  font-size: 16px;
}

.uk-navbar-nav li a {
   font-family: 'Lato', sans-serif;
   text-transform: uppercase;
   color: #3a6689;
   font-weight: 700;
}

.uk-navbar-nav > li > a {
  height: 60px;
  line-height: 60px;
  color: #FFF;
}

.uk-navbar-nav > li.uk-active > a {
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
  color: #ecde64;
}

.tm-logo-small > img {
  max-height: 30px;
}

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

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

.uk-offcanvas-bar {
  background: #3a6689;	
  text-align: center;
  border-right: 1px solid #c2c2c2;
}

.uk-nav-offcanvas > li > a {
   font-family: 'Lato', sans-serif;
   text-transform: uppercase;
   font-size: 20px;	
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
  background: #3a6689;
  color: #ffffff;
  outline: medium none;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #ece163;
  color: #3a6689;
}

.uk-offcanvas-bar .uk-nav-sub {
  padding-left: 0;
}

.uk-thumbnail img {
  width: 100%;
}

.uk-offcanvas-bar .uk-panel > p > a[target="_blank"] {
  margin: 0 5px;
}

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

.home .ss2-align {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid #c7c7c7;
}

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

.tm-top-a .uk-panel, .tm-top-b .uk-panel {
   padding: 0px;
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.home .home-callout > div {
   height: 250px;
   background-size: cover;
   background-position: center;
}

.home .home-callout .content {
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   background-color: rgba(167,167,167,0.85);
   box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
   border: 1px solid #c7c7c7;
}

.home .tm-top-b .uk-width-1-1:first-child .home-callout .content {
   padding-top: 106px;
   padding-bottom: 106px;
}

.home .tm-top-b .uk-width-1-1:nth-child(2) .home-callout .content {
   padding-top: 87px;
   padding-bottom: 87px;
}

.home .tm-top-b .uk-width-1-1:last-child .home-callout .content {
   padding-top: 87px;
   padding-bottom: 87px;
}

.home .home-callout .content h3 {
   line-height: 38px;
}

.home .home-callout .content h3, .home .home-callout .content h3 a {
  color: #20384b;
  font-size: 40px;
  font-weight: bold;
  margin: 0 auto;
}

.home .home-callout .content p, .home .home-callout .content p a {
   color: #444444;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 0px;
   text-transform: uppercase;
}

.home .home-callout a:hover, .home .home-callout a:focus, .services-we-offer .uk-panel h3 a:hover, .services-we-offer .uk-panel h3 a:focus, .services-we-offer .uk-panel .uk-nbfc > a {
   text-decoration: none;
}

.offpage.no-banner .tm-middle {
   margin-top: 100px;
}

.C2CGlossaryTable tr, .C2CGlossaryTable td {
   border: 1px solid #000;
}

.C2CGlossaryTable .C2CGlossaryTablec1 {
   font-weight: bold;
}

.C2CGlossaryTable .C2CGlossaryTableHead {
   background-color: #3a6689;
   color: #fff;
   text-align: center;
}

.C2CGlossaryTable .C2CGlossaryTableHead td {
   padding: 5px;
}

.yoo-zoo.product-uikit .uk-width-medium-1-3 .uk-panel.uk-panel-box {
  padding: 0;
}

.services-we-offer .content {
   text-align: center;
   padding-top: 86px;
   padding-bottom: 86px;
   padding-left: 20px;
   padding-right: 20px;
   background-color: rgba(167,167,167,0.85);
   box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
   border: 1px solid #c7c7c7;
}

.services-we-offer  h3 {
   line-height: 38px;
}

.services-we-offer .yoo-zoo h3, .services-we-offer .yoo-zoo h3 a {
   color: #20384b !important;
   font-size: 40px;
   font-weight: bold;
   margin: 0 auto;
}

.services-we-offer .yoo-zoo .uk-panel .uk-thumbnail {
   display: none;
   height: 0;
}

.services-we-offer .yoo-zoo .uk-panel .uk-nbfc {
   height: 250px;
   background-size: cover;
}

.newsfeed ol {
  list-style: outside none none;
  padding-left: 0;
}

.newsfeed.redirect-ltr li {
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.newsfeed.redirect-ltr li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.yoo-zoo .uk-width-medium-1-4 h3.uk-margin-remove a {
  font-size: 16px;
  line-height: normal;
  color: #3B6688;
}

.yoo-zoo .uk-width-medium-1-3 h3.uk-margin-remove a {
  color: #3B6688;
}

.uk-thumbnail {
  margin-bottom: 0px;
  padding: 0;
}

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

.yoo-zoo .uk-panel.uk-panel-box .uk-nbfc {
  text-align: center;
  margin-top: 10px;
}

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

.tm-footer.uk-grid {
   margin-left: 0px;
   background-color: #3b6688;
   color: #fff;
   padding: 35px;
   box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
   border: 1px solid #c7c7c7;
}

.tm-footer.uk-grid > * {
   padding-left: 0px;
}

.tm-footer h3 {
   color: #ece163;
   font-weight: normal;
}

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

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

.tm-footer .uk-width-1-1:nth-child(6) {
   text-align: right;
}

.tm-footer .uk-width-1-1:nth-child(6) a + a {
   margin-left: 10px;
}

.tm-footer .uk-width-1-1 + .uk-width-1-1 {
   padding-left: 35px;
}

.footer-social.uk-width-1-1.uk-width-medium-1-5 a img {
  margin-right: 5px;
}

#form_aikonform_114_container {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

#form_aikonform_114_container .field, #form_aikonform_114_container label {
   margin-left: 0 !important;
   margin-right: 0 !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

#form_aikonform_114_container input {
   margin-top: 0 !important;
   margin-bottom: 10px !important;
   height: 22px !important;
}

#form_aikonform_114_container button {
   margin: 0 !important;
   padding-top: 5px !important;
   padding-bottom: 5px !important;
}

.copyright {
  float: left;
}

#credits {
  display: inline-block;
  margin: 0 0 35px;
  position: relative;
  width: 100%;
}

#siteby {float:right; display: none;}
#siteby p {margin: 0 auto;}
#siteby .sitebyTG {width:92px; height:72px; background:url("http://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 0 transparent; display:block; position:relative;}
#siteby .sitebyTG:hover {background:url("http://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 -73px transparent;}

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

@media (max-width: 1219px) {
   .tm-footer.uk-grid {
      padding: 25px;
   }
   .tm-footer .uk-width-1-1 + .uk-width-1-1 {
      padding-left: 25px;
   }
}

@media (min-width: 961px) {
	.uk-navbar.mobile {
		margin: 0 auto;
	}
}

@media (max-width: 960px) {
   .offpage.no-banner .tm-middle {
      margin-top: 0px;
   }
	.uk-navbar.mobile {
	  border-width: 0 0 1px;
	  margin: 0 -25px 25px;
	  box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	  background: #3a6689;
	}
  #credits {
    margin-top: 35px;
  }
  .services-we-offer .yoo-zoo h3, .services-we-offer .yoo-zoo h3 a {
    font-size: 30px;
    line-height: 1;
  }
}

@media (min-width: 580px) and (max-width: 960px) {
  .mobile-logo.uk-visible-small {
    position: absolute;
    top: 57px;
    z-index: 9;
    max-width: 300px;
    left: 15px;
  }
  .home .mobile-logo.uk-visible-small {
    display: block;
  }
  .home .tm-navbar.uk-navbar.mobile {
    margin-bottom: 75px;
  }
  .offpage.no-banner .tm-middle.uk-grid {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
   .tm-footer .uk-width-1-1 + .uk-width-1-1 {
      margin-top: 25px;
      padding-left: 0px;
   }
   .tm-footer .uk-width-1-1:nth-child(6) {
      text-align: left;
   }
   .copyright {
      position: relative;
   }
}

@media (max-width: 600px) {
  .home .home-callout > div {
    height: 120px;
  }
  .home .home-callout .content h3, .home .home-callout .content h3 a {
    font-size: 8vmin;
    line-height: 1;
  }
   .home .tm-top-b .uk-width-1-1:first-child .home-callout .content {
      padding-top: 36px;
      padding-bottom: 36px;
   }

   .home .tm-top-b .uk-width-1-1:nth-child(2) .home-callout .content {
      padding-top: 12px;
      padding-bottom: 12px;
   }

   .home .tm-top-b .uk-width-1-1:last-child .home-callout .content {
      padding-top: 12px;
      padding-bottom: 12px;
   }
  .services-we-offer .yoo-zoo .uk-panel .uk-nbfc {
    height: auto;
    min-height: 100px;
  }
  .services-we-offer .content {
    min-height: 45px;
    padding-bottom: 36px !important;
    padding-top: 36px !important;
  }
}

@media (max-width: 500px) {
   .home .tm-top-b .uk-width-1-1:first-child .home-callout .content {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .home .tm-top-b .uk-width-1-1:nth-child(2) .home-callout .content {
      padding-top: 20px;
      padding-bottom: 20px;
   }

   .home .tm-top-b .uk-width-1-1:last-child .home-callout .content {
      padding-top: 20px;
      padding-bottom: 20px;
   }
   .services-we-offer .content {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
   }
}

@media (max-width: 400px) {
   .home .tm-top-b .uk-width-1-1:first-child .home-callout .content {
      padding-top: 44px;
      padding-bottom: 44px;
   }

   .home .tm-top-b .uk-width-1-1:nth-child(2) .home-callout .content {
      padding-top: 28px;
      padding-bottom: 28px;
   }

   .home .tm-top-b .uk-width-1-1:last-child .home-callout .content {
      padding-top: 28px;
      padding-bottom: 28px;
   }
   .services-we-offer .content {
      padding-top: 28px !important;
      padding-bottom: 28px !important;
   }
}