/* HTML
  =========================================================================================================================================================== */
  html {background:#000;}
  body {font:16px/1.4 Arial, sans-serif; color:#777; -webkit-font-smoothing:subpixel-antialiased;}
  h1 {font-size:3.00em; font-weight:normal;}
  h2 {font-size:2.50em; font-weight:normal;}
  h3 {font-size:1.50em; font-weight:normal;}
  h4 {font-size:1.35em; font-weight:normal;}
  h5 {font-size:1.15em; font-weight:normal;}
  h6 {font-size:1.00em; font-weight:normal;}
  p + p {margin-top:5px;}
  
  a, a:link, a:visited {color:#76c046; text-decoration:none;}
  a:hover, a:active {color:#777; text-decoration:none;}

  ::selection {background:#76c046; background:rgba(118,192,70,.8); color:#fff;}
  .loader {position:fixed; background:#111; width:100%; height:100%; z-index:1000;}



/* Loaders
  =========================================================================================================================================================== */
  .pace .pace-progress {position:fixed; z-index:2000; top:50%; left:0; height:5px; -webkit-transition:width 1s; -moz-transition:width 1s; -o-transition:width 1s; transition:width 1s; background:linear-gradient(to right, transparent 0%, #76c046 100%); border-radius:50%;}
  .pace-inactive {display:none;}



/* Header
  =========================================================================================================================================================== */
  .header {transition:0.5s all ease; background:rgba(0,0,0,0.20);}
  .header .logo img {max-height:60px;}
  
  @media only screen and (max-width:640px) {
    .header .logo img {max-height:40px;}
  }
  
  /* Navigation */
  .header .main-nav {margin-left:50px;}
  .header .main-nav ul li {line-height:60px;}
  .header .main-nav ul li + li {margin-left:30px;}
  .header .main-nav ul li a {color:#ddd; box-shadow:0 3px transparent; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; transition:0.5s all ease;}
  .header .main-nav ul li a:hover {color:#fff; box-shadow:inset 0 -3px #76c046;}
  .header .main-nav ul .this a {color:#5dc405;}
  
  /* Touch navigation */
  .touch-nav .main-nav {position:static; margin:0; padding:0; width:100%; box-shadow:inset 0 1px 0 #111;}
  .touch-nav .main-nav ul {width:100%;}
  .touch-nav .main-nav ul li {width:100%; display:block; line-height:40px;}
  .touch-nav .main-nav ul li + li {margin:0; box-shadow:inset 0 1px 0 #111;}
  .touch-nav .main-nav ul li a {width:100%; display:block; padding:15px 0; color:#999;}
  .touch-nav .main-nav ul .this a {color:#5ca82e;}


  
  .logos li {float:left;}
  .logos li + li {margin-left:10px;}
  .logos li img {max-height:30px;}
  
  .screen-bottom {height:35px; border-top:2px solid #76c046;}
  .screen-bottom:after {content:""; width:25px; height:25px; display:block; margin:-5px auto; border:5px solid #76c046; border-top:none; border-left:none; -ms-transform:rotate(45deg) skew(-15deg, -15deg); -webkit-transform:rotate(45deg) skew(-15deg, -15deg); transform:rotate(45deg) skew(-15deg, -15deg);}


/* Backgrounds
  =========================================================================================================================================================== */
  .bg-pattern-1 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQIHWMAgob///8zAAALgAN+nzYNMAAAAABJRU5ErkJggg==');}
  .bg-pattern-2 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAZSURBVHjaYmCAAAcGJIYDugADAAAA//8DABanAUGgwRftAAAAAElFTkSuQmCC');}
  .bg-pattern-3 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAAlSURBVHjaYvj//z8DAwODOAMDgziUzSDx//9/BihHAlMAXQtgAFETGKWH0Z56AAAAAElFTkSuQmCC');}
  .bg-pattern-4 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFFNDkzMkQ5QzUzMTFFMzk4NDhDNTVERkIwOUQ1OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFFNDkzMkU5QzUzMTFFMzk4NDhDNTVERkIwOUQ1OTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQUU0OTMyQjlDNTMxMUUzOTg0OEM1NURGQjA5RDU5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQUU0OTMyQzlDNTMxMUUzOTg0OEM1NURGQjA5RDU5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKQew8AAAARSURBVHjaYmDABA60EAAIMABAKQFBEfVa8QAAAABJRU5ErkJggg==');}
  .bg-pattern-5 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjE4Q0IyQzBBOEUwMTFFMzhBMEVERjE5NUZCQ0FEMjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjE4Q0IyQzFBOEUwMTFFMzhBMEVERjE5NUZCQ0FEMjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMThDQjJCRUE4RTAxMUUzOEEwRURGMTk1RkJDQUQyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMThDQjJCRkE4RTAxMUUzOEEwRURGMTk1RkJDQUQyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkiiIyAAAAAaSURBVHjaYvz//z8DUYARiB2IU4nNTIAAAwB8hwY+27S8dQAAAABJRU5ErkJggg==');}
  .bg-pattern-6 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzI4QjYxNjRBOEUwMTFFMzlCNDFBMkVBODQ1Mjk0MjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzI4QjYxNjVBOEUwMTFFMzlCNDFBMkVBODQ1Mjk0MjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjhCNjE2MkE4RTAxMUUzOUI0MUEyRUE4NDUyOTQyNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMjhCNjE2M0E4RTAxMUUzOUI0MUEyRUE4NDUyOTQyNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph7VTb8AAAAbSURBVHjaYvj//z8DFDiACBCfiQELoFAQIMAAUTEGQ1veghIAAAAASUVORK5CYII=');}
  .bg-pattern-7 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkYyOEM1MkFBOEUwMTFFMzhEMzhBOUIxOEYxREQ5RDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkYyOEM1MkJBOEUwMTFFMzhEMzhBOUIxOEYxREQ5RDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRjI4QzUyOEE4RTAxMUUzOEQzOEE5QjE4RjFERDlENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjI4QzUyOUE4RTAxMUUzOEQzOEE5QjE4RjFERDlENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1ZfOEAAAAfSURBVHjaYvj//z8DFDiACCQ+JkBX4YBdGTYzAQIMAEt7D/IzTfr2AAAAAElFTkSuQmCC');}
  .bg-pattern-8 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODJEMUI4M0NBOEUwMTFFMzg0Q0NFM0ZBNDVCQjQ4ODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODJEMUI4M0RBOEUwMTFFMzg0Q0NFM0ZBNDVCQjQ4ODkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MkQxQjgzQUE4RTAxMUUzODRDQ0UzRkE0NUJCNDg4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MkQxQjgzQkE4RTAxMUUzODRDQ0UzRkE0NUJCNDg4OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpXCx0cAAAAhSURBVHjaYvj//z8DMkDnO8AYjOgCQHAAq0oGbGYCBBgAwcoNdi1qDRgAAAAASUVORK5CYII=');}
  .bg-pattern-9 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTUzMjIwODhBOEUwMTFFM0IwMEVFRjg5MDY4OTZBMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTUzMjIwODlBOEUwMTFFM0IwMEVFRjg5MDY4OTZBMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NTMyMjA4NkE4RTAxMUUzQjAwRUVGODkwNjg5NkEyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NTMyMjA4N0E4RTAxMUUzQjAwRUVGODkwNjg5NkEyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuYs/WkAAAArSURBVHjaYvj//z8DFDiACBCfiZGRkQEZgPiMMBW4AFySCclMBpiZAAEGAKpYDMBv2TGVAAAAAElFTkSuQmCC');}
  

  .bg-radial {background:radial-gradient(circle, transparent, #000);}
  @media only screen and (max-width:640px) {
    .bg-radial {background:linear-gradient(to right, rgba(0,0,0,0.90) 20%, transparent 100%);}
  }
  .bg-blur {-webkit-filter: blur(5px); filter: blur(5px); transition:all 0.5s ease;}
  .no-blur:hover .bg-blur {-webkit-filter: blur(0); filter: blur(0);}

  .bg-white {background:#fff;}
  .bg-gray {background:#ddd;}
  .bg-dark {background:#333;}
  .bg-darker {background:#222;}
  .bg-darkest {background:#111;}

  .bg-overlay-1 {background:transparent url(//www.dev-it.fi/img/overlay/overlay1.png); background:rgba(0,0,0,0.10);}
  
  .bg-overlay-2 {background:transparent url(//www.dev-it.fi/img/overlay/overlay2.png); background:rgba(0,0,0,0.25);}
  .bg-overlay-3 {background:transparent url(//www.dev-it.fi/img/overlay/overlay3.png); background:rgba(0,0,0,0.35);}
  .bg-overlay-4 {background:transparent url(//www.dev-it.fi/img/overlay/overlay4.png); background:rgba(0,0,0,0.50);}
  .bg-overlay-5 {background:transparent url(//www.dev-it.fi/img/overlay/overlay5.png); background:rgba(0,0,0,0.65);}
  
  .bg-1 {background:url(//www.dev-it.fi/img/1.jpg) no-repeat 50% 100%;}
  .bg-2 {background:url(//www.dev-it.fi/img/2.jpg) no-repeat 50% 100%;}
  .bg-3 {background:url(//www.dev-it.fi/img/3.jpg) no-repeat 50% 100%;}
  .bg-4 {background:url(//www.dev-it.fi/img/4.jpg) no-repeat 50% 0;}
  .bg-5 {background:url(//www.dev-it.fi/img/5.jpg) no-repeat 50% 50%;}
  .bg-6 {background:url(//www.dev-it.fi/img/6.jpg) no-repeat 50% 0;}
  
  .bg-p1 {background:#fff url(//www.dev-it.fi/img/p1.jpg) no-repeat -450px 0;}
  
  .bg-fill {position:absolute; top:0; right:0; bottom:0; left:0;}
  
  .bg-cover {background-size:cover;}
  .bg-contain {background-size:contain;}
  .bg-fixed {background-attachment:fixed;}


/* Height / sizes
  =========================================================================================================================================================== */
  
  .screen-height {min-height:100vh;}
  .screen-half {min-height:50vh;}
  @media only screen and (max-width:640px) {
    .l-no-height {min-height:0;}
  }


/* Main
  =========================================================================================================================================================== */
  
  .v-line-dot {width:1px; background:#dedede; margin:0 auto; height:100px; position:relative;}
  .v-line-dot:after {content:""; width:9px; height:9px; border-radius:50%; background:#666; position:absolute; bottom:0; margin-left:-4px;}


  .top-33 {top:33%;}

  .hr {border-bottom:1px solid #ccc;}
  .result .sp-right {margin-right:-1em; color:#fff;}

  .border-bottom-alt:after {content:""; background:#444; height:1px; width:50px; margin:25px auto 0 auto; display:block;}
  
  
  .progress-bar {width:100%; height:5px; background:#eee;}
  .progress-bar .bar-width {height:5px; background:#76c046;}
  .progress-bar span {float:right; position:relative; top:-5px; display:inline-block; padding:0 10px; font-size:11px; border-radius:15px; color:#fff; background-color:inherit;}
  
  .bg-white {background:#fff;}
  .bg-alt {background:#f6f6f6;}
  .bg-color {background:#76c046;}
  
  .button {background:#76c046; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5); border-radius:4px; border:1px solid rgba(0,0,0,0.10); padding:12px 32px; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.50);}
  .button:hover {box-shadow:inset 0 0 15px rgba(0,0,0,0.10); border:1px solid rgba(0,0,0,0.30);}
  .button:active {position:relative; top:1px;}
  

  .heading-line {border-top: 4px solid #8ecd4e; height: 20px; position: relative; width: 40px; margin-bottom: 30px; }
  .heading-line:before,
  .heading-line:after {position: absolute; width: 80px; top: 4px; content: ""; height: 4px; background-color: #8ecd4e; }
  .heading-line:after {width: 20px; top: 12px; }


  .item + .item  {box-shadow:inset 0 1px 0 #eee;}

  .services {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAD0lEQVQIHWMsO+DGwMAAAAeqAX4ofHvTAAAAAElFTkSuQmCC') repeat-y 50% 0; position:relative; margin-bottom:40px;}
  .services + .services:before {
    content:""; background:#fff; width:11px; height:11px; display:block; border:2px solid #76c046; border-top:none; border-left:none;
    position:absolute; top:-30px; left:50%; margin-left:-6px;
    -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);
  }
  @media only screen and (max-width:640px) {
    .services {background:none; margin-bottom:0;}
    .services .align-right {text-align:left;}
    .services + .services {box-shadow:inset 0 2px #76c046;}
    .services + .services:before {top:-5px;}
  }


/* Form
  =========================================================================================================================================================== */
  label {color:#444;}
  input[type="submit"] {background:#76c046; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5); border-radius:2px; border:1px solid rgba(0,0,0,0.10); padding:12px 32px; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.50); box-shadow:5px 5px 5px rgba(0,0,0,0.30); color:#fff;}
  input[type="submit"]:hover {background:#888;}
  textarea {resize:vertical; overflow:hidden;}
  input[type="text"], input[type="email"], textarea {color:#aaa;}
  .input-data, input[type="text"], input[type="email"], textarea {background:#333;}
  input[type="text"], input[type="email"], input[type="submit"], textarea {border:0;}
  .input-data {border:1px solid #111; border-radius:2px; box-shadow:5px 5px 5px rgba(0,0,0,0.30);}
  .form-text {text-shadow:2px 2px 2px rgba(0,0,0,0.30);}



/* Footer
  =========================================================================================================================================================== */
  .footer {box-shadow:inset 0 1px #111;}
  .footer a {color:#777;}
  .footer a:hover {color:#76c046;}
  .footer .float-left + .float-left {box-shadow:inset 1px 0 #111, inset 2px 0 #333;}
  .footer .line-height {line-height:1.6em;}
  .footer-bottom {background:#111; border-top:1px solid #333;}
  .footer-bottom span + span {margin-left:15px; box-shadow:inset 1px 0 #333, inset 3px 0 #000;}


/* Fonts / colors
  =========================================================================================================================================================== */
  .cf {font-family:cf, "Arial", sans-serif;}
  .cf-bold {font-family:cf-bold, "Arial", sans-serif;}
  .cf-light {font-family:cf-light, "Arial", sans-serif;}

  .color {color:#76c046;}
  .gray  {color:#ccc;}

  .icon-large {font-size:500%;}

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