/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@media (max-width: 767px) {  
  .tm-navbar {  
    position: fixed;  
  }  
  
.uk-navbar-toggle:after {  
  width: 100%;
  content: "\f0c9";
  font-family: FontAwesome;
  color: #eecf75;
  }
  

  .tm-scroll-message {  
  min-width: 100px;  
  text-align: center;  
}  
svg.tm-icon-scroll > path {  
  fill: #808080;  
}  
.tm-scroll-message a {  
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  
  font-size: 9px;  
  font-weight: 300;  
  color: #808080;  
  text-transform: uppercase;  
  letter-spacing: 1px;  
  -webkit-transition: all 0.2s ease-in-out;  
  transition: all 0.2s ease-in-out;  
}  
.tm-scroll-message a:hover {  
  color: #2a2a2a;  
}  
.tm-scroll-message a:hover svg.tm-icon-scroll > path {  
  fill: #2a2a2a !important;  
}  
.tm-icon-scroll {  
  -webkit-animation: tm-icon-scroll 3s ease-out infinite;  
  animation: tm-icon-scroll 3s ease-out infinite;  
}  
@-webkit-keyframes tm-icon-scroll {  
  0% {  
    -webkit-transform: translateY(0);  
  }  
  20% {  
    -webkit-transform: translateY(0);  
  }  
  25% {  
    -webkit-transform: translateY(3px);  
  }  
  30% {  
    -webkit-transform: translateY(-3px);  
  }  
  35% {  
    -webkit-transform: translateY(3px);  
  }  
  40% {  
    -webkit-transform: translateY(0);  
  }  
  100% {  
    -webkit-transform: translateY(0);  
  }  
}  
@keyframes tm-icon-scroll {  
  0% {  
    transform: translateY(0);  
  }  
  20% {  
    transform: translateY(0);  
  }  
  25% {  
    transform: translateY(3px);  
  }  
  30% {  
    transform: translateY(-3px);  
  }  
  35% {  
    transform: translateY(3px);  
  }  
  40% {  
    transform: translateY(0);  
  }  
  100% {  
    transform: translateY(0);  
  }  
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}