/* Ocean Technologies Additional CSS */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html {
  font:normal 15px / 26px 'Open Sans',Arial,Helvetica,sans-serif;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  background:#ffffff;
  color:#333333;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  font-weight: 700;
  color: #222222;
}
.uk-nav-header, ul.uk-nav-sub, .uk-nav-side > li > a, .uk-nav-dropdown > li > a, .uk-nav-navbar > li > a, .uk-nav-offcanvas > li > a, .uk-navbar-nav > li > a, .uk-subnav > * > * {
  font-size: 13px;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.tm-navbar-wrapper {
  opacity: 0.9;
}
.tm-logo {
  max-width: 250px;
  max-height: 75px;
}
.cw-hero h3 {
  color: #ffffff;
}
.tm-gallery-ocean .uk-overlay {
    background-color: #ffffff;
}
.tm-gallery-ocean .uk-overlay:hover {
    background-color: #222222;
}
.tm-gallery-ocean .uk-overlay > img {
    opacity: 0.2;
    transition: all 0.12s ease-in-out 0s;
}
.tm-gallery-ocean .uk-overlay:hover > img {
    opacity: 0.6;
}
.tm-gallery-ocean div .uk-overlay .uk-overlay-background {
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.12s ease-in-out 0s;
}
.tm-gallery-ocean div .uk-overlay .uk-overlay-panel {
    color: rgba(34, 34, 34, 0.9);
}
.tm-gallery-ocean div .uk-overlay:hover .uk-overlay-panel {
    color: rgba(255, 255, 255, 0.9);
}
.tm-gallery-ocean div .uk-overlay .uk-overlay-panel .uk-panel-title {
    color: #222;
}
.tm-gallery-ocean div .uk-overlay:hover .uk-overlay-panel .uk-panel-title {
    color: #fff;
}
.tm-gallery-ocean .uk-overlay-panel .uk-panel-title + * {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 13px;
    margin-top: 10px;
    text-transform: uppercase;
}
.oc-figure .uk-contrast {
  color: rgba(255, 255, 255, 0.9);
}
.oc-figure .uk-overlay-background {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.oc-figure figcaption {
  font-weight: bold;
  text-align: right;
}
@media (max-width:480px) {
.tm-logo {
  max-width: 160px;
  max-height: 48px;
}
}