body {
  background-color: #dddddd;
}

.uk-container {
  background-color: #ffffff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  margin-top: 40px;
  margin-bottom: 40px;
}

.tm-logo {
    float: left;
}

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

.uk-navbar-nav > li > a {
  color: #444444;
}

.uk-nav-header li {
  font-weight: normal;
  text-transform: capitalize;
}

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

.tm-top-a {

}

a {
  color: #3DBBFF;
}

a:hover {
  text-decoration: none !important;
}

.uk-navbar-nav > li.uk-active > a {
  color: #3DBBFF;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
  color: #3DBBFF;
}

.uk-nav-navbar ul a {
  color: #3DBBFF;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
  background: none repeat scroll 0 0 #3DBBFF;
  color: #ffffff;
}

.tm-toolbar  {

}

.tm-primer .uk-panel {
  border-top: 2px solid #3dbbff;
  border-bottom: 2px solid #3dbbff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tm-middle  {

}

.tm-footer {
  border-top: 2px solid #3dbbff;
  text-align: left;
  padding-top: 20px;
}

/*----------------------------Overlay--------------------------------------*/

.view {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.view .mask {
  background: none repeat scroll 0 0 rgba(61, 187, 255, 0.58);
  color: #ffffff;
  left: 0;
  letter-spacing: 3px;
  overflow: hidden;
  padding: 20px 40px 30px;
  position: absolute;
  text-align: center;
  top: 32%;
  word-spacing: 10px;
}

.view .mask h1 {
  color: #ffffff;
} 

.view .mask h2 {
  color: #ffffff;
  line-height: 50px;
}

.view .mask  h3 {
  color: #ffffff;
} 

.view .mask  h4 {
  color: #ffffff;
} 

.view .mask  h5 {
  color: #ffffff;
}

.view .content {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  text-align: center;
}

.view .mask a {
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 10px 25px;
}

.view .mask a:hover {
  color: #000000;
  border: 2px solid #ffffff;
  padding: 10px 25px;
  background-color: #ffffff;
}

/*------------------Module Suffixes-------------------*/

.blue1 {
  text-align: center;
  background-color: #3DBBFF;
  color: #ffffff;
  padding: 20px;
}

.blue1 h1, .blue1 h2, .blue1 h3, .blue1 h4, .blue1 h5 {
  color: #ffffff;
}

.blue1 a {
  color: #ffffff;
}

.blue2 {
  text-align: center;
  background-color: #0086D1;
  color: #ffffff;
  padding: 20px;  
}

.blue2 h1, .blue2 h2, .blue2 h3, .blue2 h4, .blue2 h5 {
  color: #ffffff;
}

.blue2 a {
  color: #ffffff;
}

.blue3 {
  text-align: center;
  background-color: #003A5A;
  color: #ffffff;
  padding: 20px;  
}

.blue3 a {
  color: #ffffff;
}

.blue3 h1, .blue3 h2, .blue3 h3, .blue3 h4, .blue3 h5 {
  color: #ffffff;
}