.tm-header-overlay.tm-header-transparent.tm-header-overlay {
    background: rgba(255,255,255,0.95);
    border-bottom: 1px solid #315b86;
}
.tm-toolbar.tm-toolbar-transparent.uk-dark {

}
div#slide-overlay-block {
	/*padding-bottom: 20px;
  padding-top: 100px;*/
}


/* Logo Animation */
#logo-magnum, #logo-plumbing, #logo-pipe, #logo-relining {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#logo-magnum, #logo-plumbing, #logo-pipe, #logo-relining {opacity: 0;animation-fill-mode: forwards!important;}


#logo-magnum {
    animation: logo-animation-bottom 800ms ease alternate 1;
    
}
#logo-plumbing {
    animation: logo-animation-bottom 800ms ease alternate 1;
    animation-delay: 100ms;
}
#logo-pipe {
  animation: logo-animation-up 800ms ease alternate 1;
  animation-delay: 600ms;
}
#logo-relining {
  animation: logo-animation-up 800ms ease alternate 1;
  animation-delay: 700ms;
}

@keyframes logo-animation-up {
  0%   {transform: translateY(-5%);opacity:0;}
  50% {transform: translateY(-5%);opacity:0;}
  100% {transform: translateY(0);opacity:1;}
}

@keyframes logo-animation-bottom {
  0%   {transform: translateY(15%);opacity:0;}
  40%   {transform: translateY(20%);opacity:1;}
  100% {transform: translateY(0);opacity:1;}
}
/* Logo Animation */


div#slide-overlay-block > .uk-position-cover {
  /*background-color: rgba(255, 255, 255, 0.8) !important;*/
}

/* Optimize Title size */

@media (min-width: 1400px ) and (max-width:1500px) {
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    font-size: 3.2rem;
    letter-spacing: -2px;
  }
}

@media (min-width: 1300px ) and (max-width:1400px) {
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    font-size: 3rem;
  }
}

@media (min-width: 1200px ) and (max-width:1300px) {
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    font-size: 2.6rem;
  }
}

@media (min-width: 1100px ) and (max-width:1200px) {
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    font-size: 2.2rem;
  }
}

@media (min-width: 1000px ) and (max-width:1100px) {
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    font-size: 2.2rem;
  }
}

@media (min-width: 900px ) and (max-width:1100px) {
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    font-size: 2.2rem;
  }
}
/* Optimize Title size */

@media (min-width: 1024px ) and (max-width:1200px) {
  .uk-navbar-primary .uk-navbar-nav>li>a {
    font-size: 17px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (min-width: 960px ) and (max-width:1024px) {
  .uk-navbar-primary .uk-navbar-nav>li>a {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (min-width: 764px ) and (max-width:961px) {
  .uk-navbar-item.uk-logo svg {
    max-width:90px;
  }
  .uk-navbar-primary .uk-navbar-nav>li>a {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #module-tm-1 {display:none;}
}

@media (min-width: 640px ) and (max-width:764px) {
  .uk-navbar-item {
    min-height: unset;
  }
  .uk-navbar-item.uk-logo svg {
    max-width:90px;
  }
  .uk-navbar-primary .uk-navbar-nav>li>a {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #module-tm-1 {display:none;}
}

@media (max-width: 961px) {
  .tm-video-text-block {
    padding-top: 50px;
  }
  #tm-parallax-1>div {
      background-size: 1050px 442px !important;
      background-position-x: right !important;
      padding: 90px 0;
  }
}

/* Small */
@media (max-width: 641px) {

  html {font-size: 14px;}
  #tm-parallax-1>div {
      
      background-size: 700px 294px !important;
      padding: 90px 0;
  }
  #slide-overlay-block>.uk-container {padding:200px 0 0;}
  #slide-overlay-block>.uk-position-cover {display:none;}
  #slide-overlay-block .uk-panel.tm-video-text-block {padding:5px!important;background: rgba(255,255,255,.8);}
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {font-size: 1.2em;}
  #slide-overlay-block .uk-panel.tm-video-text-block .uk-text-meta {font-size: 10px;}


  .tm-form-cta {
    font-size: 32px;
  }

  /* Remove Section Overlaps from a slideshow on mobile devices */
  div#slide-overlay-block:after,
  div#slide-overlay-block + .uk-section-overlap:before {display:none;}
  div#slide-overlay-block + .uk-section-overlap {padding-top: 10px;}

  div#slide-overlay-block > .uk-position-cover{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(255,255,255,.9) 70%) !important;
  	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(255,255,255,.9) 70%) !important;
    /*background-color: rgba(255, 255, 255, 0.2) !important;*/
  	background-color: transparent !important;
  }

  #slide-overlay-block .uk-heading-large .uk-text-background {
    background-color: #1a1a1a;
  }
  #slide-overlay-block .uk-text-secondary {
    color: #585858!important;
  }
  .uk-navbar-item.uk-logo,
  .navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 50px;}
  .uk-logo .uk-svg{
  	height: 50px;
  }

}
@media (max-width: 425px) {
    #tm-parallax-1>div {
        background-size: 550px 230px !important;
        padding: 60px 0;
    }
}
/* Small */
@media (min-width: 640px) {
  div#slide-overlay-block > .uk-position-cover {
      /*background-color: rgba(255, 255, 255, 0.6) !important;*/
  }
  .tm-header .tm-toolbar {
    display:block!important;
  }
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    letter-spacing: -2px;
  }
}


/* Medium */
@media (min-width: 960px) {
  div#slide-overlay-block > .uk-position-cover {
      /*background-color: rgba(255, 255, 255, 0.1) !important;*/
  }
  #slide-overlay-block .uk-panel.tm-video-text-block .el-title {
    text-rendering:optimizeLegibility;
    text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989993px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756803px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279416px 0px;
  }
}


/* Large */
@media (min-width: 1200px) {

}

/* Xlarge */
@media (min-width: 1600px) {

}