/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*
 *  Part of Lightview - The jQuery Lightbox
 *  http://projects.nickstakenburg.com/lightview
 *
 *  IMPORTANT:
 *  When modifying or adding skins it's recommended to do this in a seperate file,
 *  overwriting or building on top of the styling defined here to make updating easier.
 *
 *  Documentation:
 *  http://projects.nickstakenburg.com/lightview/documentation/skins
 *
 */

.lv_window {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  overflow: hidden;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.lv_window, .lv_window [class^="lv_"],
.lv_overlay, .lv_overlay [class^="lv_"],
.lv_thumbnails, .lv_thumbnails [class^="lv_"],
.lv_controls_top, .lv_controls_top [class^="lv_"],
.lv_controls_top_close, .lv_controls_top_close [class^="lv_"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.lv_window,
.lv_controls_top,
.lv_controls_top_close,
.lv_thumbnails,
.lv_thumbnails_top_close {
  z-index: 100000;
}
.lv_skin {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.lv_bubble,
.lv_shadow {
  position: absolute;
}
.lv_bubble * {
 display: inline;
 position: relative;
 float: left;
 z-index: none;
}

.lv_skin * {
  margin: 0;
  padding: 0;
}

.lv_overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
}

/* wrapper for the spinner */
.lv_spinner_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
}

/* The the previous/next overlay buttons on top of images */
.lv_inner_previous_next_overlays {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  zoom: 1;
  background: url('skins/blank.gif');
}
.lv_inner_previous_next_overlays * { padding: 0; margin: 0; }
.lv_inner_previous_next_overlays .lv_button {
  position: relative;
  height: 100%;
  width: 49%;
  background: url('skins/blank.gif');
  zoom: 1;
  cursor: pointer;
}
.lv_button_inner_previous_overlay { float: left; }
.lv_button_inner_next_overlay { float: right; }


.lv_title_caption {
  position:absolute;
  font: 11px/18px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
  color: #eaeaea;
}
.lv_title_caption_slider { position: relative; float:left; overflow-y: hidden;}
.lv_title_caption_slide { position: relative; float: left; top: 0; left: 0; padding: 15px 0 7px 0; }
.lv_title { font-weight: bold; }
.lv_title, .lv_caption {
  float: left;
  clear: both;
}

.lv_update_queue {
  position: absolute;
  top: -15000px;
  left: -15000px;
  width: 5000px;
  height: 5000px;
  visibility: hidden;
}
.lv_update_queue .lv_window,
.lv_update_queue .lv_content {
  position: relative;
  overflow: visible;
  float: left;
  top: auto;
  left: auto;
  width: 100%;
}
.lv_content .lv_content_wrapper {
  float: left;
  clear: both;
  position: relative;  
}
.lv_update_queue .lv_content_wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.lv_content_wrapper canvas {
  float: left;
  zoom: 1;
}

.lv_content {
  position: absolute;
  padding: 0;
  margin: 0;
  overflow: auto; /* scrollbars */
  text-align: left;
  background: url('skins/blank.gif'); /* Chrome 18+ opacity bug */
}

.lv_measure_element {
  position: relative;
  float: left;
  clear: both;
}
.lv_content_canvas,
.lv_content_image,
.lv_content_flash,
.lv_content_object,
.lv_content_iframe,
.lv_content_html {
  float: left;
  border: 0;
  clear: both;
  padding: 0;
  margin: 0;
  background: none;
}


.lv_blank_background, /* IE  */
.lv_content /* Chrome 18+ */
 { background-image: url('skins/blank.gif'); }

/* The buttons on the side when you view a gallery */
.lv_side_buttons_underneath {
  position: absolute;
  top: 50%;
  left: 50%;
  clear: both;
  width: 100%;
  padding: 0;
  height: 67px;
  margin-top: -34px;
}
.lv_side_buttons_underneath * { padding: 0; margin: 0; }

.lv_side_buttons_underneath .lv_side_left { float: left; }
.lv_side_buttons_underneath .lv_side_right { float: right; }

.lv_side,
.lv_side_button {
  height: 37px;
  width: 41px;
  position: absolute;
}
.lv_side {
  position: relative;
  overflow: hidden;
  padding: 15px 0;
  cursor: pointer;
}

.lv_side_left { margin-left: -41px; }
.lv_side_right { margin-right: -41px; }
.lv_side_button {
  height: 31px;
  width: 41px;
  cursor: pointer;
}
.lv_side_button_previous {
  margin-left: 0px;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -33px;
}
.lv_side_button_previous:hover,
.lv_side_left .lv_side_button_out { background-position: 0px -64px; }
.lv_side_button_next {
  margin-left: 0px;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -41px -33px;
}
.lv_side_button_next:hover,
.lv_side_right .lv_side_button_out { background-position: -41px -64px; }
.lv_side_buttons_underneath .lv_side_button_out { margin-left: 0; }

/* disabled states */
.lv_side_buttons_underneath .lv_side_left_disabled .lv_side_button,
.lv_side_buttons_underneath .lv_side_left_disabled:hover .lv_side_button { background-position: 0px -95px; }

.lv_button_top_close {
  width: 33px;
  height: 33px;
  position: absolute;
  cursor: pointer;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /* the spacing option set on the relative controls is taken into account when positioning */
  top: 17px;
  /* left or right is set on the css of the skin */
}
.lv_button_top_close:hover {
  background-position: -33px 0px;
}



/*
 * Top Controls
 */
.lv_controls_top {
  position: fixed;
  top: 0;
  left: 50%;
  width: 126px;
  margin-left: -63px;
  height: 63px;
  overflow: hidden;
}
.lv_controls_top_with_slideshow {
  width: 147px;
  margin-left: -74px;
}

.lv_controls_top .lv_top_middle {
  width: 100%;
  height: 33px;
  margin-top: 15px;
  float: left;
  position: relative;
}

.lv_controls_top .lv_top_button {
  height: 100%;
  float: left;
  position: relative;
}
.lv_controls_top .lv_icon {
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  float: left;
  cursor: pointer;
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative;
}
.lv_controls_top .lv_icon_disabled {
  cursor: default;
  color: #2e2e2e;
  text-shadow: none;
}

.lv_top_previous { width: 63px; }
.lv_top_previous .lv_icon { background-position: 0px -96px; }
.lv_top_previous:hover .lv_icon { background-position: 0px -129px; }
.lv_top_previous .lv_icon_disabled,
.lv_top_previous:hover .lv_icon_disabled { background-position: 0px -162px; }

.lv_top_slideshow { width: 21px; display: none; position: relative; }
.lv_controls_top_with_slideshow .lv_top_slideshow { display: block; }
.lv_top_slideshow .lv_icon { background-position: -63px -96px; }
.lv_top_slideshow:hover .lv_icon { background-position: -63px -129px; }
.lv_top_slideshow .lv_icon_disabled,
.lv_top_slideshow:hover .lv_icon_disabled { background-position: -63px -162px; }

.lv_top_slideshow_playing .lv_icon { background-position: -148px -96px; }
.lv_top_slideshow_playing:hover .lv_icon { background-position: -148px -129px; }


.lv_top_next { width: 62px; }
.lv_top_next .lv_icon { background-position: -84px -96px; }
.lv_top_next:hover .lv_icon { background-position: -84px -129px; }
.lv_top_next .lv_icon_disabled,
.lv_top_next:hover .lv_icon_disabled { background-position: -84px -162px; }

.lv_icon span { margin-top: 5px; width: 30px; text-align: center; line-height: 23px; }
.lv_top_previous span { float: right; margin-right: 7px; }
.lv_top_next span { float: left; margin-left: 6px; }


.lv_controls_top_close {
  height: 33px;
  width: 33px; /* 46 */
  position: fixed;
  top: 0;
  right: 0;
  padding: 13px;
}
.lv_controls_top_close_button {
  height: 33px;
  width: 33px;
  float: left;
  position: relative;
  background-image: url("skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -166px -21px;
  cursor: pointer;
}
.lv_controls_top_close_button:hover {
  background-position: -166px -54px;
}


/*
 * Relative Controls / Slider
 */
.lv_controls_relative {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -150px;
  height: 50px;
  overflow: hidden;
  background: url('skins/blank.gif');
}
.lv_slider {
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  font-size: 9px;
  height: 21px;
  line-height: 21px;
  padding: 15px 0 14px 0;
  position: relative;
  overflow: hidden;
}
.lv_slider .lv_slider_numbers {
  float: left;
  position: relative;
  height: 21px;
  overflow: hidden;
  margin: 0 2px;
}
.lv_slider .lv_slider_slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
}

.lv_slider_number,
.lv_slider_number_empty { 
  float: left;
  position: relative;
  height: 21px;
  width: 28px;
  line-height: 21px;
  overflow: hidden;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: #4a4a4a;
  text-align: center;
  padding: 0;
  margin: 0;
  zoom: 1;
  text-transform: none;
  text-decoration: none;
  border: none;
  background-repeat: no-repeat;
  background: url('skins/light/sprite.png');
  background-position: -67px 0px;
  cursor: pointer;
}

.lv_slider_number_empty { background-position: -151px 0px; cursor: default; }
.lv_slider_number_last { margin-right: 0; }

.lv_slider_number:hover {
  background-position: -95px 0px;
  
}
.lv_slider_numbers .lv_slider_number_active,
.lv_slider_numbers .lv_slider_number_active:hover {
  background-position: -123px 0px;
  color: #808080;
  cursor: default;
}

.lv_slider .lv_slider_icon,
.lv_slider .lv_icon {
  height: 21px;
  width: 21px;
}
.lv_slider .lv_slider_icon {
  zoom: 1;
  padding: 0 2px; /* IE6 needs padding instead of margin */
  display: inline;
  position: relative;
  cursor: pointer;
  float: left;
}
.lv_slider .lv_icon {
  background: url('skins/light/sprite.png');
  background-repeat: no-repeat;
  /* IE6 */
  position: absolute; 
  top: 0;
  left: 2px;
  display: block;
}

.lv_slider_previous .lv_icon { background-position: -82px -21px; }
.lv_slider_previous .lv_icon:hover { background-position: -82px -42px; }
.lv_slider_previous_disabled .lv_icon,
.lv_slider_previous_disabled .lv_icon:hover { background-position: -82px -63px; cursor: default; }

.lv_slider_next .lv_icon { background-position: -103px -21px; }
.lv_slider_next .lv_icon:hover { background-position: -103px -42px; }
.lv_slider_next_disabled .lv_icon,
.lv_slider_next_disabled .lv_icon:hover { background-position: -103px -63px; cursor: default; }

.lv_slider_slideshow { position: relative; top : 0; left: 0; display: inline; }
.lv_slider_slideshow .lv_icon { background-position: -125px -21px;}
.lv_slider_slideshow .lv_icon:hover { background-position: -125px -42px; }
.lv_slider_slideshow_playing .lv_icon { background-position: -146px -21px; }
.lv_slider_slideshow_playing .lv_icon:hover { background-position: -146px -42px; }
.lv_slider_slideshow_disabled .lv_icon,
.lv_slider_slideshow_disabled .lv_icon:hover { background-position: -125px -63px; cursor: default; }


/* thumbnails */
.lv_thumbnails {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 92px;
  padding: 15px 0 25px 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.lv_thumbnails_slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}

.lv_thumbnails_slide {
  position: absolute;
  top: 0;
  left: 0;
}

.lv_thumbnail {
  width: 92px;
  height: 92px;
  float: left;
  position: relative;
  display: inline; 
  overflow: hidden; /* IE6 */
}
.lv_thumbnail_image {
  position: relative;
  background: red;
  background: #161616;
  width: 80px;
  height: 80px;
  margin: 6px;
  float: left;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
  cursor: pointer;
  overflow: hidden;
  display: inline; /* IE6 */
  z-index: 0; /* IE8 */
  
}
.lv_thumbnail_image img { position: absolute; }
.lv_thumbnail_active .lv_thumbnail_image {
  filter: alpha(opacity=35);
  opacity: .35;
  display: inline;
}

.lv_thumbnail_icon {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  background-position: 99px 99px;
  background-repeat: no-repeat;
  display: block !important;
  display: none; /* IE6 */
}

.lv_thumbnail_image_spinner_overlay {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  background: #161616;
}

.lv_thumbnail_icon_video { background-position: 0px -196px; }
.lv_thumbnail:hover .lv_thumbnail_icon_video { background-position: -36px -196px; }
.lv_thumbnail_active:hover .lv_thumbnail_icon_video { background-position: 0px -196px; }

/* 
 * Skins
 */
/* normalization for all skins */
.lv_content { text-align: left; }

.lv_content,
.lv_content h1,
.lv_content h2,
.lv_content h3,
.lv_content h4,
.lv_content h5,
.lv_content h6 { color: #333; }

.lv_content a,
.lv_content a:hover {
  color: #0088cc;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none;
}
.lv_content a:hover { text-decoration: underline; }

.lv_title_caption a,
.lv_title_caption a:hover {
  color: #b4b4b4;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none;
}
.lv_title_caption a:hover { text-decoration: underline; }

/* 
 * skin: 'light'
 */
/* title/caption */
.lv_window_light .lv_title_caption { text-shadow: 0px 1px 1px rgba(0,0,0,.25); }

/* close button */
.lv_window_light .lv_button_top_close {
  top: 17px;
  left: 55px;
}

/* sprite */
.lv_window_light .lv_side_button_previous,
.lv_window_light .lv_side_button_next,
.lv_window_light .lv_button_top_close,
.lv_window_light .lv_controls_top_close_button,
.lv_window_light .lv_slider .lv_icon,
.lv_window_light .lv_slider_number,
.lv_window_light .lv_slider_number_empty,
.lv_window_light .lv_controls_top_close_button,
.lv_controls_top_skin_light .lv_icon,
.lv_controls_top_close_skin_light .lv_controls_top_close_button,
.lv_thumbnails_skin_light .lv_thumbnail_icon {
  background-image: url('skins/light/sprite.png') !important;  
  background-image: url('skins/light/sprite_ie_lt_7.png'); /* IE < 7 */
}


/*
 * skin: 'dark'
 */
/* normalization */
.lv_content_dark,
.lv_content_dark h1,
.lv_content_dark h2,
.lv_content_dark h3,
.lv_content_dark h4,
.lv_content_dark h5,
.lv_content_dark h6 {
  color: #f3f3f3;
}

.lv_content_dark a,
.lv_content_dark a:hover {
  color: #b4b4b4;
}

/* sprite */
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_previous,
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_next,
.lv_window_dark .lv_button_top_close,
.lv_window_dark .lv_controls_top_close_button,
.lv_window_dark .lv_slider .lv_icon,
.lv_window_dark .lv_slider .lv_slider_number,
.lv_window_dark .lv_slider .lv_slider_number_empty,
.lv_window_dark .lv_controls_top_close_button,
.lv_controls_top_skin_dark .lv_icon,
.lv_controls_top_close_skin_dark .lv_controls_top_close_button,
.lv_thumbnails_skin_dark .lv_thumbnail_icon {
  background-image: url('skins/dark/sprite.png') !important;
  background-image: url('skins/dark/sprite_ie_lt_7.png'); /* IE < 7 */
}

/* close button */
.lv_window_dark .lv_button_top_close {
  top: 18px;
  left: 53px;
}

/* controls: 'relative' */
.lv_window_dark .lv_slider_number { color: #acacac; }
.lv_window_dark .lv_slider_number:hover { color: #e3e3e3; }
.lv_window_dark .lv_slider_number_active,
.lv_window_dark .lv_slider_number_active:hover { color: #5d5d5d;}

/* controls: 'top' */
.lv_controls_top_skin_dark .lv_icon { color: #a6a6a6; }
.lv_controls_top_skin_dark .lv_icon:hover { color: #e0e0e0; }
.lv_controls_top_skin_dark .lv_icon_disabled,
.lv_controls_top_skin_dark .lv_icon_disabled:hover { color: #575757; }


/* 
 * skin: 'mac'
 */
/* title/caption */
.lv_window_mac .lv_title_caption { text-shadow: 0px 1px 1px rgba(0,0,0,.25); }

/* sprite */
.lv_window_mac .lv_side_button_previous,
.lv_window_mac .lv_side_button_next,
.lv_window_mac .lv_button_top_close,
.lv_window_mac .lv_controls_top_close_button,
.lv_window_mac .lv_slider .lv_icon,
.lv_window_mac .lv_slider_number,
.lv_window_mac .lv_slider_number_empty,
.lv_window_mac .lv_controls_top_close_button,
.lv_controls_top_skin_mac .lv_icon,
.lv_controls_top_close_skin_mac .lv_controls_top_close_button,
.lv_thumbnails_skin_mac .lv_thumbnail_icon {
  background-image: url('skins/mac/sprite.png') !important;
  background-image: url('skins/mac/sprite_ie_lt_7.png'); /* IE < 7 */
}

/* close button */
.lv_window_mac .lv_button_top_close {
  top: 39px;
  left: 39px;
}

/* controls: 'relative' */
.lv_window_mac .lv_slider_number { color: #acacac; }
.lv_window_mac .lv_slider_number:hover { color: #e1e1e1; }
.lv_window_mac .lv_slider_number_active,
.lv_window_mac .lv_slider_number_active:hover { color: #5d5d5d; }

/* controls: 'top' */
.lv_controls_top_skin_mac .lv_icon { color: #a6a6a6; }
.lv_controls_top_skin_mac .lv_icon:hover { color: #e0e0e0; }
.lv_controls_top_skin_mac .lv_icon_disabled,
.lv_controls_top_skin_mac .lv_icon_disabled:hover { color: #575757; }


@import url(https://fonts.googleapis.com/css?family=Poppins:700,300);
@import url(https://fonts.googleapis.com/css?family=Poppins:700,300);
body {
  font-family: 'Poppins', sans-serif; }

.normal, body, * {
  font-weight: 300; }

.bold, #about-1 .content .boxes .box .title, #features .content .features .feature > div .title, #footer .content ul.menu li a {
  font-weight: 700; }

.uppercase, #features .content .features .feature > div .title {
  text-transform: uppercase; }

.text-white, .text-white:active, .text-white:hover, .text-white:visited {
  color: #ffffff; }

.text-white.text-shadow {
  text-shadow: 1px 1px 2px #000000; }

.text-black, .text-black:active, .text-black:hover, .text-black:visited {
  color: #000000; }

.text-black.text-shadow {
  text-shadow: 1px 1px 2px #ffffff; }

.text-gray, .text-gray:active, .text-gray:hover, .text-gray:visited {
  color: #404040; }

.text-gray.text-shadow {
  text-shadow: 1px 1px 2px #ffffff; }

@-webkit-keyframes animation-blur-in {
  0% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
  100% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } }

@-moz-keyframes animation-blur-in {
  0% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
  100% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } }

@-ms-keyframes animation-blur-in {
  0% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
  100% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } }

@-o-keyframes animation-blur-in {
  0% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
  100% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } }

@keyframes animation-blur-in {
  0% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); }
  100% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); } }

@-webkit-keyframes animation-blur-out {
  0% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
  100% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); } }

@-moz-keyframes animation-blur-out {
  0% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
  100% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); } }

@-ms-keyframes animation-blur-out {
  0% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
  100% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); } }

@-o-keyframes animation-blur-out {
  0% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
  100% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); } }

@keyframes animation-blur-out {
  0% {
    -webkit-filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='0' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); }
  100% {
    -webkit-filter: blur(20px);
    -ms-filter: blur(20px);
    -moz-filter: blur(20px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='20' /></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); } }

@-webkit-keyframes animation-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes animation-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes animation-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes animation-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animation-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes animation-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes animation-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes animation-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes animation-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes animation-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pop-in {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pop-in {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes pop-in {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes pop-in {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pop-in {
  0% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/** Vendors **/
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
/* Shrink */
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

/* Bounce In */
/* Bounce Out */
/* Rotate */
/* Grow Rotate */
/* Float */
/* Sink */
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }

/* Skew */
/* Skew Forward */
/* Skew Backward */
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

/* BACKGROUND TRANSITIONS */
/* Fade */
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }

/* Sweep To Right */
/* Sweep To Left */
/* Sweep To Bottom */
/* Sweep To Top */
/* Bounce To Right */
/* Bounce To Left */
/* Bounce To Bottom */
/* Bounce To Top */
/* Radial Out */
/* Radial In */
/* Rectangle In */
/* Rectangle Out */
/* Shutter In Horizontal */
/* Shutter Out Horizontal */
/* Shutter In Vertical */
/* Shutter Out Vertical */
/* BORDER TRANSITIONS */
/* Border Fade */
/* Hollow */
/* Trim */
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }

/* Outline Out */
/* Outline In */
/* Round Corners */
/* Underline From Left */
/* Underline From Center */
/* Underline From Right */
/* Overline From Left */
/* Overline From Center */
/* Overline From Right */
/* Reveal */
/* Underline Reveal */
/* Overline Reveal */
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
/* Shadow */
/* Grow Shadow */
/* Box Shadow Outset */
/* Box Shadow Inset */
/* Float Shadow */
/* Shadow Radial */
/* SPEECH BUBBLES */
/* Bubble Top */
/* Bubble Right */
/* Bubble Bottom */
/* Bubble Left */
/* Bubble Float Top */
/* Bubble Float Right */
/* Bubble Float Bottom */
/* Bubble Float Left */
/* ICONS */
/* Icon Back */
/* Icon Forward */
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

/* Icon Down */
/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

/* Icon Up */
/* Icon Spin */
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
  100% {
    opacity: 1; } }

@keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
  100% {
    opacity: 1; } }

/* Icon Drop */
/* Icon Fade */
/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }

/* Icon Float Away */
/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }

/* Icon Sink Away */
/* Icon Grow */
/* Icon Shrink */
/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

/* Icon Bounce */
/* Icon Rotate */
/* Icon Grow Rotate */
/* Icon Float */
/* Icon Sink */
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

/* CURLS */
/* Curl Top Left */
/* Curl Top Right */
/* Curl Bottom Right */
/* Curl Bottom Left */
@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(0.6); }
  100% {
    transform: rotate(360deg) scale(1); } }

@keyframes scale {
  30% {
    transform: scale(0.3); }
  100% {
    transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  transform: translateY(-15px); }
  .ball-clip-rotate-pulse > div {
    animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #fff;
      height: 16px;
      width: 16px;
      top: 7px;
      left: -7px;
      animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #fff;
      width: 30px;
      height: 30px;
      left: -14px;
      top: 0px;
      background: transparent;
      border: 2px solid;
      border-color: #fff transparent #fff transparent;
      animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
      animation-duration: 1s; }

.sprite, #more-button .button .arrow, #header .content .logo a span, #header .content .languages a .language, #slider .content-full ul.wvz-slider li.control-prev > .icon, #slider .content-full ul.wvz-slider li.control-next > .icon, #slider .content-full .more .center .icon, #about-1 .content .boxes .box .img, #features .content .features .feature .image, #realisations .content .realisations-container .row .realisations .realisation .mask .search-icon, #contact .content .contact-container .info-container .header .logo, #footer .content .contact-media .icon-map, #footer .content .contact-media .icon-phone, #footer .content .contact-media .icon-email, #footer .content .rightside .back, #footer .content .rightside .social.facebook {
  background-image: url("../images/sprite/sprite.png"); }

body {
  font-family: 'Poppins', sans-serif; }

.normal, body, * {
  font-weight: 300; }

.bold, #about-1 .content .boxes .box .title, #features .content .features .feature > div .title, #footer .content ul.menu li a {
  font-weight: 700; }

.uppercase, #features .content .features .feature > div .title {
  text-transform: uppercase; }

.text-white, .text-white:active, .text-white:hover, .text-white:visited {
  color: #ffffff; }

.text-white.text-shadow {
  text-shadow: 1px 1px 2px #000000; }

.text-black, .text-black:active, .text-black:hover, .text-black:visited {
  color: #000000; }

.text-black.text-shadow {
  text-shadow: 1px 1px 2px #ffffff; }

.text-gray, .text-gray:active, .text-gray:hover, .text-gray:visited {
  color: #404040; }

.text-gray.text-shadow {
  text-shadow: 1px 1px 2px #ffffff; }

* {
  box-sizing: border-box; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

a, a:hover, a:active, a:visited {
  text-decoration: none;
  color: #000000; }

.hidden {
  display: none; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left; }

html, html body {
  height: 100%; }

html body {
  margin: 0; }
  html body .section {
    width: 100%;
    box-sizing: content-box;
    background-color: #151515; }
    html body .section > .content {
      max-width: 1280px;
      margin: auto;
      display: flex;
      align-items: center;
      align-content: center;
      height: 100%; }
      @media (max-width: 767px) {
        html body .section > .content .title {
          font-size: 16px; } }
      html body .section > .content > * {
        margin: auto; }
      html body .section > .content.content-full {
        width: 100%; }
      html body .section > .content.content-vertical {
        flex-direction: column;
        width: auto; }
  html body .red-bar {
    width: 50px;
    height: 5px;
    background-color: #e31e24;
    display: inline-block; }
  html body .width-50 {
    width: 50px; }

html input, html textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

.button {
  color: white;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.5);
  overflow: hidden;
  line-height: 50px;
  height: 50px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 125px;
  width: 60%;
  cursor: pointer; }
  .button a {
    color: #333333;
    text-decoration: none;
    display: block; }
  .button span {
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%; }
  .button::before {
    content: '';
    position: absolute;
    top: 50px;
    left: -5px;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 190px solid rgba(255, 255, 255, 0.25);
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  .button::after {
    content: '';
    position: absolute;
    top: 50px;
    left: -5px;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 190px solid rgba(255, 255, 255, 0.25);
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.2s;
    /* Safari */
    transition-delay: 0.2s; }
  .button:hover::before {
    opacity: 1;
    -webkit-transform: translate(0px, -190px);
    transform: translate(0px, -190px); }
  .button:hover::after {
    opacity: 1;
    -webkit-transform: translate(0px, -150px);
    transform: translate(0px, -150px); }

.pattern-overlay, #slider .content-full ul.wvz-slider li.item .background, #offer, #clients {
  position: relative;
  z-index: 16; }
  .pattern-overlay:after, #slider .content-full ul.wvz-slider li.item .background:after, #offer:after, #clients:after {
    background: url("../images/pattern-overlay.png") center repeat;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.5;
    z-index: -1; }

.bx-wrapper .bx-loading {
  background: none; }

.fancy-show {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }
  .fancy-show.visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

#more-button {
  display: none;
  position: fixed;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15; }
  #more-button .button {
    margin: auto;
    width: 50px;
    cursor: pointer; }
    #more-button .button .text {
      color: #ffffff;
      margin: 10px auto 0 auto; }
    #more-button .button .arrow {
      margin: auto;
      background-position: -714px -4px;
      background-repeat: no-repeat;
      overflow: hidden;
      display: block;
      width: 64px;
      height: 64px; }

#header {
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  background: none;
  height: 100px;
  position: fixed;
  z-index: 10000; }
  #header.with-background {
    background-color: black; }
  #header .content {
    max-width: 100%; }
    #header .content .logo a {
      float: left; }
      #header .content .logo a span {
        background-position: -225px -576px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 180px;
        height: 25px;
        font-size: 0; }
    #header .content .menu {
      height: 100%;
      position: relative;
      z-index: 10; }
      #header .content .menu ul {
        display: inline-flex;
        height: 100%; }
        #header .content .menu ul li {
          display: inline-flex;
          margin: 0 25px;
          height: 100%; }
          #header .content .menu ul li a {
            display: inline-flex;
            align-items: center;
            position: relative; }
            #header .content .menu ul li a span {
              -webkit-transition: text-shadow 0.3s ease;
              -moz-transition: text-shadow 0.3s ease;
              -ms-transition: text-shadow 0.3s ease;
              -o-transition: text-shadow 0.3s ease;
              transition: text-shadow 0.3s ease;
              color: #ffffff; }
            #header .content .menu ul li a:before {
              position: absolute;
              top: -8px;
              left: -50%;
              width: 200%;
              height: 4px;
              background: red;
              content: '';
              opacity: 0;
              -webkit-transition: opacity 0.3s, transform 0.3s;
              -moz-transition: opacity 0.3s, transform 0.3s;
              -ms-transition: opacity 0.3s, transform 0.3s;
              -o-transition: opacity 0.3s, transform 0.3s;
              transition: opacity 0.3s, transform 0.3s;
              -webkit-transform: translateY(0px);
              -moz-transform: translateY(0px);
              -ms-transform: translateY(0px);
              -o-transform: translateY(0px);
              transform: translateY(0px); }
            #header .content .menu ul li a.active:before, #header .content .menu ul li a:hover:before {
              opacity: 1;
              -webkit-transform: translateY(10px);
              -moz-transform: translateY(10px);
              -ms-transform: translateY(10px);
              -o-transform: translateY(10px);
              transform: translateY(10px); }
            #header .content .menu ul li a.active span, #header .content .menu ul li a:hover span {
              color: #ffffff; }
            #header .content .menu ul li a:hover span {
              text-shadow: 0 0 1px #ffffff; }
            #header .content .menu ul li a:hover.active span {
              text-shadow: none; }
            #header .content .menu ul li a.active span {
              font-weight: bold; }
    #header .content .languages {
      position: relative;
      top: -3px;
      display: inline-flex;
      flex-direction: column; }
      #header .content .languages a .language {
        margin-top: 5px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        #header .content .languages a .language.pl {
          background-position: -714px -414px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 30px;
          height: 20px; }
        #header .content .languages a .language.en {
          background-position: -714px -386px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 30px;
          height: 20px; }
        #header .content .languages a .language.de {
          background-position: -744px -345px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 30px;
          height: 20px; }
        #header .content .languages a .language:hover {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); }
      @media (max-width: 767px) {
        #header .content .languages {
          right: 50px;
          flex-direction: row; }
          #header .content .languages a {
            margin-right: 10px; }
            #header .content .languages a .language {
              display: inline-block; } }
  #header.slim {
    height: 80px; }
    #header.slim .content .menu .hamburger-container {
      top: 27px; }
  @media (max-width: 767px) {
    #header .content .logo {
      width: 100%;
      padding-left: 10px; }
    #header .content .menu {
      -webkit-transition: right 0.5s cubic-bezier(0, 0, 0.51, 1.27);
      -moz-transition: right 0.5s cubic-bezier(0, 0, 0.51, 1.27);
      -ms-transition: right 0.5s cubic-bezier(0, 0, 0.51, 1.27);
      -o-transition: right 0.5s cubic-bezier(0, 0, 0.51, 1.27);
      transition: right 0.5s cubic-bezier(0, 0, 0.51, 1.27);
      position: absolute;
      top: 0;
      right: -160px; }
      #header .content .menu .hamburger-container {
        -webkit-transition: top 0.5s cubic-bezier(0, 0, 0.51, 1.27);
        -moz-transition: top 0.5s cubic-bezier(0, 0, 0.51, 1.27);
        -ms-transition: top 0.5s cubic-bezier(0, 0, 0.51, 1.27);
        -o-transition: top 0.5s cubic-bezier(0, 0, 0.51, 1.27);
        transition: top 0.5s cubic-bezier(0, 0, 0.51, 1.27);
        float: left;
        cursor: pointer;
        position: relative;
        top: 36px;
        right: 8px; }
        #header .content .menu .hamburger-container .hamburger {
          position: relative;
          margin-top: 10px;
          margin-bottom: 10px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          #header .content .menu .hamburger-container .hamburger, #header .content .menu .hamburger-container .hamburger::before, #header .content .menu .hamburger-container .hamburger::after {
            display: block;
            width: 30px;
            height: 5px;
            background-color: #e31e24;
            -webkit-transition-property: background-color, -webkit-transform;
            -moz-transition-property: background-color, -moz-transform;
            -o-transition-property: background-color, -o-transform;
            transition-property: background-color, transform;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s; }
          #header .content .menu .hamburger-container .hamburger::before, #header .content .menu .hamburger-container .hamburger::after {
            position: absolute;
            content: ""; }
          #header .content .menu .hamburger-container .hamburger::before {
            top: -10px; }
          #header .content .menu .hamburger-container .hamburger::after {
            top: 10px; }
      #header .content .menu ul {
        flex-direction: column;
        height: auto;
        background-color: #ffffff;
        color: #000000;
        padding: 15px;
        width: 160px; }
        #header .content .menu ul li {
          width: 100%;
          height: 30px;
          display: block; }
          #header .content .menu ul li a:before {
            top: -15px;
            left: 0;
            width: 100%; }
          #header .content .menu ul li a span {
            color: #000000; }
          #header .content .menu ul li a.active span, #header .content .menu ul li a:hover span {
            color: #000000; }
      #header .content .menu.active {
        right: 0; }
        #header .content .menu.active .hamburger-container .hamburger {
          background-color: transparent; }
        #header .content .menu.active .hamburger-container .hamburger::before {
          -webkit-transform: translateY(10px) rotate(45deg);
          -moz-transform: translateY(10px) rotate(45deg);
          -ms-transform: translateY(10px) rotate(45deg);
          -o-transform: translateY(10px) rotate(45deg);
          transform: translateY(10px) rotate(45deg); }
        #header .content .menu.active .hamburger-container .hamburger::after {
          -webkit-transform: translateY(-10px) rotate(-45deg);
          -moz-transform: translateY(-10px) rotate(-45deg);
          -ms-transform: translateY(-10px) rotate(-45deg);
          -o-transform: translateY(-10px) rotate(-45deg);
          transform: translateY(-10px) rotate(-45deg); } }

#slider {
  height: 100%; }
  #slider .content-full {
    height: 100% !important; }
    #slider .content-full ul.wvz-slider {
      height: 100% !important; }
      #slider .content-full ul.wvz-slider li.control-prev, #slider .content-full ul.wvz-slider li.control-next {
        z-index: 50;
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        align-content: center; }
        #slider .content-full ul.wvz-slider li.control-prev > .icon, #slider .content-full ul.wvz-slider li.control-next > .icon {
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -ms-transition: all 1s ease;
          -o-transition: all 1s ease;
          transition: all 1s ease;
          z-index: 50;
          cursor: pointer; }
          #slider .content-full ul.wvz-slider li.control-prev > .icon:hover, #slider .content-full ul.wvz-slider li.control-next > .icon:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2); }
          @media (max-width: 480px) {
            #slider .content-full ul.wvz-slider li.control-prev > .icon, #slider .content-full ul.wvz-slider li.control-next > .icon {
              -webkit-transform: scale(0.5);
              -moz-transform: scale(0.5);
              -ms-transform: scale(0.5);
              -o-transform: scale(0.5);
              transform: scale(0.5); }
              #slider .content-full ul.wvz-slider li.control-prev > .icon:hover, #slider .content-full ul.wvz-slider li.control-next > .icon:hover {
                -webkit-transform: scale(0.6);
                -moz-transform: scale(0.6);
                -ms-transform: scale(0.6);
                -o-transform: scale(0.6);
                transform: scale(0.6); } }
      #slider .content-full ul.wvz-slider li.control-prev {
        left: 15px; }
        #slider .content-full ul.wvz-slider li.control-prev > .icon {
          background-position: -4px -576px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 61px;
          height: 113px; }
      #slider .content-full ul.wvz-slider li.control-next {
        right: 15px; }
        #slider .content-full ul.wvz-slider li.control-next > .icon {
          background-position: -73px -576px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 61px;
          height: 113px; }
      #slider .content-full ul.wvz-slider li.item {
        width: 100%;
        height: 100% !important;
        color: white;
        position: absolute;
        overflow: hidden; }
        #slider .content-full ul.wvz-slider li.item.hidden {
          display: none; }
        #slider .content-full ul.wvz-slider li.item.show-in {
          -webkit-animation: animation-fade-in 2s;
          -moz-animation: animation-fade-in 2s;
          -ms-animation: animation-fade-in 2s;
          -o-animation: animation-fade-in 2s;
          animation: animation-fade-in 2s; }
        #slider .content-full ul.wvz-slider li.item.show-out {
          -webkit-animation: animation-fade-out 2s;
          -moz-animation: animation-fade-out 2s;
          -ms-animation: animation-fade-out 2s;
          -o-animation: animation-fade-out 2s;
          animation: animation-fade-out 2s; }
        #slider .content-full ul.wvz-slider li.item .background {
          background-size: cover;
          background-repeat: no-repeat;
          width: 100%;
          height: 100%; }
        #slider .content-full ul.wvz-slider li.item .title {
          -webkit-transition: opacity 0.9s ease;
          -moz-transition: opacity 0.9s ease;
          -ms-transition: opacity 0.9s ease;
          -o-transition: opacity 0.9s ease;
          transition: opacity 0.9s ease;
          visibility: hidden;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          align-content: center;
          align-items: center;
          text-align: center;
          z-index: 25; }
          #slider .content-full ul.wvz-slider li.item .title > * {
            margin: auto; }
          #slider .content-full ul.wvz-slider li.item .title > div {
            width: 50%; }
          #slider .content-full ul.wvz-slider li.item .title .heading {
            margin-bottom: 0; }
          #slider .content-full ul.wvz-slider li.item .title .text {
            margin-top: 14px; }
          @media (max-width: 767px) {
            #slider .content-full ul.wvz-slider li.item .title .heading {
              font-size: 24px; }
            #slider .content-full ul.wvz-slider li.item .title .text {
              font-size: 12px; } }
          @media (min-width: 768px) {
            #slider .content-full ul.wvz-slider li.item .title .heading {
              font-size: 30px; }
            #slider .content-full ul.wvz-slider li.item .title .text {
              font-size: 18px; } }
          @media (min-width: 992px) {
            #slider .content-full ul.wvz-slider li.item .title .heading {
              font-size: 50px; }
            #slider .content-full ul.wvz-slider li.item .title .text {
              font-size: 26px; }
            #slider .content-full ul.wvz-slider li.item .title > div {
              width: 75%; } }
          @media (min-width: 1150px) {
            #slider .content-full ul.wvz-slider li.item .title .heading {
              font-size: 56px; }
            #slider .content-full ul.wvz-slider li.item .title .text {
              font-size: 28px; } }
          @media (min-width: 1350px) {
            #slider .content-full ul.wvz-slider li.item .title .heading {
              font-size: 74px; }
            #slider .content-full ul.wvz-slider li.item .title .text {
              font-size: 34px; }
            #slider .content-full ul.wvz-slider li.item .title > div {
              width: 75%; } }
        #slider .content-full ul.wvz-slider li.item.item-1 .background {
          background-image: url("../images/slider/1.jpg"); }
        #slider .content-full ul.wvz-slider li.item.item-2 .background {
          background-image: url("../images/slider/2.jpg"); }
    #slider .content-full .more {
      position: absolute;
      left: 50%;
      bottom: 50px;
      z-index: 50; }
      #slider .content-full .more .center {
        display: inline-block;
        cursor: pointer;
        position: relative;
        left: -50%;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale; }
        #slider .content-full .more .center, #slider .content-full .more .center:hover, #slider .content-full .more .center:focus, #slider .content-full .more .center:active {
          -webkit-animation-name: hvr-hang-sink, hvr-hang;
          animation-name: hvr-hang-sink, hvr-hang;
          -webkit-animation-duration: .3s, 1.5s;
          animation-duration: .3s, 1.5s;
          -webkit-animation-delay: 0s, .3s;
          animation-delay: 0s, .3s;
          -webkit-animation-timing-function: ease-out, ease-in-out;
          animation-timing-function: ease-out, ease-in-out;
          -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          -webkit-animation-direction: normal, alternate;
          animation-direction: normal, alternate; }
        #slider .content-full .more .center .icon {
          display: inline-block;
          background-position: -714px -4px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 64px;
          height: 64px; }
        #slider .content-full .more .center .text {
          display: inline-block;
          margin-top: 3px;
          color: #ffffff; }

#offer {
  height: 100%;
  min-height: 880px;
  background-image: url("../images/offer-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  #offer .content {
    width: 100%;
    padding-bottom: 250px; }
    #offer .content > div {
      text-align: center; }
      #offer .content > div:first-child {
        margin-top: 20%; }
      #offer .content > div:last-child {
        margin-bottom: 10px; }
      #offer .content > div img {
        width: 100%; }
      #offer .content > div.text-container {
        font-size: 30px;
        margin-top: 70px; }
        @media (max-width: 767px) {
          #offer .content > div.text-container {
            margin-top: 10px; } }
      #offer .content > div .more a {
        display: inline-block;
        width: 193px;
        font-size: 14px;
        height: 50px;
        border: 2px solid #ffffff;
        color: #ffffff;
        margin-top: 70px; }
        #offer .content > div .more a:hover {
          box-shadow: 0px 0px 8px #ffffff; }
        @media (max-width: 767px) {
          #offer .content > div .more a {
            margin-top: 10px; } }
  @media (max-width: 767px) {
    #offer {
      padding-bottom: 0; } }

#info {
  background-color: #ecedef;
  height: 290px;
  position: relative;
  z-index: 20; }
  #info .content {
    height: auto; }
    #info .content > .item {
      background-color: #ffffff;
      align-self: stretch;
      margin: 0 20px;
      position: relative;
      top: -203px;
      min-height: 425px;
      box-shadow: 4px 4px 1px #404040;
      text-align: center; }
      #info .content > .item > .img img {
        width: 100%;
        height: 205px;
        border: 2px solid #ffffff; }
      #info .content > .item > div > h3 {
        color: #000000;
        padding: 2px 5px;
        font-weight: bold;
        font-size: 16px; }
      #info .content > .item > div p {
        margin: 0; }
      #info .content > .item > div p.text-gray {
        margin-top: 10px;
        padding: 15px;
        font-size: 12px; }
      @media (min-width: 992px) {
        #info .content > .item {
          margin: 0 60px; } }
  @media (max-width: 767px) {
    #info {
      height: auto; }
      #info .content {
        flex-direction: column; }
        #info .content > .item {
          margin: 15px;
          top: 0; } }

#parameters {
  background-color: #ffffff;
  min-height: 600px; }
  #parameters .content .item {
    margin: 20px 10px; }
    #parameters .content .item.image img {
      width: 100%; }
    #parameters .content .item.text {
      max-width: 500px; }
      #parameters .content .item.text ul {
        padding-left: 20px; }
        #parameters .content .item.text ul li {
          width: 100%;
          float: left;
          margin: 0px 0;
          list-style-type: square;
          color: #e31e24; }
          #parameters .content .item.text ul li span {
            color: #000000; }
  @media (max-width: 767px) {
    #parameters .content {
      flex-direction: column; } }

#placeholder-2 {
  background: #242424;
  height: 240px;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    #placeholder-2 {
      height: 40px; } }
  @media (max-width: 480px) {
    #placeholder-2 {
      display: none; } }

#about-1 {
  background-image: url("../images/about-1-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 45px;
  padding-bottom: 90px;
  height: 600px; }
  #about-1 .content .title {
    text-shadow: none;
    font-size: 20px; }
  #about-1 .content .boxes {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    #about-1 .content .boxes .box {
      margin: 20px auto;
      display: inline-flex;
      flex-direction: column;
      text-align: center; }
      #about-1 .content .boxes .box .img {
        margin: auto; }
        #about-1 .content .boxes .box .img {
          display: inline-block;
          font-size: 0;
          cursor: pointer;
          border-radius: 50%;
          text-align: center;
          position: relative;
          z-index: 1;
          color: #fff;
          overflow: visible !important;
          -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
          -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
          transition: transform ease-out 0.1s, background 0.2s; }
          #about-1 .content .boxes .box .img:after {
            pointer-events: none;
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            content: '';
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            top: 0;
            left: 0;
            padding: 0;
            z-index: -1;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
            opacity: 0;
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9); }
          #about-1 .content .boxes .box .img:hover {
            -webkit-transform: scale(0.93);
            -moz-transform: scale(0.93);
            -ms-transform: scale(0.93);
            transform: scale(0.93);
            color: #fff; }
            #about-1 .content .boxes .box .img:hover:after {
              -webkit-animation: sonarEffect-about-icon 1.3s ease-out 75ms;
              -moz-animation: sonarEffect-about-icon 1.3s ease-out 75ms;
              animation: sonarEffect-about-icon 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect-about-icon {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-transform: scale(1.5);
    opacity: 0; } }

@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0; } }
      #about-1 .content .boxes .box.box-1 .img {
        background-position: -152px -4px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 140px;
        height: 140px; }
      #about-1 .content .boxes .box.box-2 .img {
        background-position: -4px -4px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 140px;
        height: 140px; }
      #about-1 .content .boxes .box.box-3 .img {
        background-position: -152px -152px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 140px;
        height: 140px; }
      #about-1 .content .boxes .box.box-4 .img {
        background-position: -4px -152px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 140px;
        height: 140px; }
  @media (max-width: 767px) {
    #about-1 {
      height: auto; } }

#about-2 {
  background-image: url("../images/about-2-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 90px;
  height: 600px; }
  #about-2 .content {
    text-align: center; }
    #about-2 .content .title {
      margin-top: 20px;
      border-bottom: 2px solid #000000; }
      #about-2 .content .title h1 {
        margin-bottom: 10px; }
    #about-2 .content .description {
      margin-top: 30px; }
      #about-2 .content .description p.main {
        font-size: 27px; }
      #about-2 .content .description p.sub {
        font-size: 20px;
        padding-top: 20px; }
      #about-2 .content .description > p {
        margin: 50px auto; }
      @media (max-width: 767px) {
        #about-2 .content .description p.main {
          font-size: 20px; }
        #about-2 .content .description p.sub {
          font-size: 20px;
          padding-top: 10px; } }
  @media (max-width: 767px) {
    #about-2 {
      height: auto; } }

#features {
  background-color: #ffffff;
  margin-bottom: 70px; }
  #features .content {
    flex-direction: column; }
    #features .content .header-items {
      display: inline-flex;
      margin-top: -200px; }
      #features .content .header-items .item {
        margin: 15px 30px;
        border: 10px solid #ffffff; }
        #features .content .header-items .item .image {
          position: relative; }
          #features .content .header-items .item .image img {
            width: 100%; }
          #features .content .header-items .item .image .mask {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            display: flex;
            align-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            margin: 0;
            top: 0; }
            #features .content .header-items .item .image .mask .text {
              color: #ffffff;
              margin: auto;
              font-weight: bold;
              padding: 0 3px; }
          #features .content .header-items .item .image:hover .mask {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
          @media (max-width: 480px) {
            #features .content .header-items .item .image .mask {
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1); } }
        @media (max-width: 767px) {
          #features .content .header-items .item {
            margin: 0;
            border-width: 3px; } }
      @media (max-width: 767px) {
        #features .content .header-items {
          margin-top: 0; } }
      @media (max-width: 480px) {
        #features .content .header-items {
          flex-direction: column; } }
    #features .content > .title {
      margin: 35px auto;
      text-align: center; }
    #features .content > .hr {
      margin: 50px auto;
      height: 2px;
      width: 150px;
      background-color: #404040; }
    #features .content .features {
      display: flex;
      flex-wrap: wrap; }
      #features .content .features .feature {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: 320px;
        height: 345px;
        padding: 20px;
        text-align: center;
        margin: auto; }
        #features .content .features .feature .image {
          margin: auto; }
        #features .content .features .feature > div {
          display: inline-block; }
          #features .content .features .feature > div .title {
            font-size: 16px; }
          #features .content .features .feature > div .text {
            font-size: 12px;
            margin-top: 22px; }
        #features .content .features .feature.feature-1 .image {
          background-position: -438px -4px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-2 .image {
          background-position: -438px -280px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-3 .image {
          background-position: -142px -438px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-4 .image {
          background-position: -418px -438px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-5 .image {
          background-position: -576px -142px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-6 .image {
          background-position: -576px -418px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-7 .image {
          background-position: -4px -300px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature.feature-8 .image {
          background-position: -300px -4px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 130px;
          height: 130px; }
        #features .content .features .feature:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          transform: scale(1.1); }
          #features .content .features .feature:hover.feature-1 .image {
            background-position: -280px -300px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-2 .image {
            background-position: -438px -142px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-3 .image {
            background-position: -4px -438px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-4 .image {
            background-position: -280px -438px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-5 .image {
            background-position: -576px -4px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-6 .image {
            background-position: -576px -280px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-7 .image {
            background-position: -142px -300px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
          #features .content .features .feature:hover.feature-8 .image {
            background-position: -300px -142px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 130px;
            height: 130px; }
      @media (max-width: 767px) {
        #features .content .features {
          margin-top: 0;
          flex-direction: column;
          padding: 0 20px; }
          #features .content .features .feature {
            padding: 5px;
            width: 100%;
            height: auto;
            text-align: left; }
            #features .content .features .feature .image {
              float: left;
              -webkit-transform: scale(0.8);
              -moz-transform: scale(0.8);
              -ms-transform: scale(0.8);
              -o-transform: scale(0.8);
              transform: scale(0.8); }
            #features .content .features .feature > div {
              display: inline; } }

#clients {
  background: #000000;
  height: 550px;
  padding-bottom: 30px; }
  #clients .content {
    padding-top: 20px; }
    #clients .content .title {
      text-align: center; }
      #clients .content .title h1 {
        margin-bottom: 0;
        font-size: 44px;
        border-bottom: 1px solid #ffffff; }
      #clients .content .title .red-bar {
        width: 70px;
        height: 2px; }
    #clients .content .bx-wrapper {
      width: 800px;
      background: none;
      border: none;
      box-shadow: none; }
      #clients .content .bx-wrapper .items .item {
        background-color: #2B2B2B;
        text-align: center;
        display: inline-flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        height: 190px; }
        #clients .content .bx-wrapper .items .item img, #clients .content .bx-wrapper .items .item a {
          margin: auto; }
        #clients .content .bx-wrapper .items .item p {
          text-align: center;
          color: #ffffff; }
      #clients .content .bx-wrapper .bx-controls {
        margin-top: 30px;
        overflow: hidden;
        float: left;
        height: 40px;
        width: 100%; }
        #clients .content .bx-wrapper .bx-controls .bx-pager {
          position: relative;
          left: 0;
          bottom: 15px; }
          #clients .content .bx-wrapper .bx-controls .bx-pager .bx-pager-link {
            width: 15px;
            height: 15px;
            border-radius: 15px; }
            #clients .content .bx-wrapper .bx-controls .bx-pager .bx-pager-link, #clients .content .bx-wrapper .bx-controls .bx-pager .bx-pager-link:hover {
              background: #666; }
            #clients .content .bx-wrapper .bx-controls .bx-pager .bx-pager-link.active {
              width: 18px;
              height: 18px;
              border-radius: 18px;
              background: #ffffff;
              position: relative;
              top: -2px; }
      @media (max-width: 767px) {
        #clients .content .bx-wrapper {
          width: 100%;
          padding: 0 20px; } }

#realisations .content {
  width: 100%;
  max-width: 100%; }
  #realisations .content .title {
    color: #ffffff;
    margin: 20px auto; }
  #realisations .content .realisations-container {
    width: 100%; }
    #realisations .content .realisations-container .row {
      width: 100%; }
      #realisations .content .realisations-container .row .realisations {
        display: flex; }
        #realisations .content .realisations-container .row .realisations > div {
          width: 100%; }
        #realisations .content .realisations-container .row .realisations .realisation {
          width: 100%;
          height: 510px;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center; }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-1 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_1.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-2 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_2.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-3 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_3.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-4 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_4.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-5 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_5.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-6 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_6.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-7 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_7.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-8 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_8.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-9 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_9.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-10 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_10.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-11 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_11.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-12 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_12.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-13 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_13.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-14 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_14.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-15 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_15.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation.realisation-16 {
            background-image: url("../images/realisations/bf3-anlagen_wvz-service_16.jpg"); }
          #realisations .content .realisations-container .row .realisations .realisation .mask {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            display: flex;
            align-content: center;
            align-items: center;
            text-align: center;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); }
            #realisations .content .realisations-container .row .realisations .realisation .mask .search-icon {
              margin: auto;
              background-position: -714px -211px;
              background-repeat: no-repeat;
              overflow: hidden;
              display: block;
              width: 50px;
              height: 50px; }
          #realisations .content .realisations-container .row .realisations .realisation:hover .mask {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1); }
          @media (max-width: 767px) {
            #realisations .content .realisations-container .row .realisations .realisation {
              height: 200px; } }
        @media (max-width: 767px) {
          #realisations .content .realisations-container .row .realisations {
            flex-direction: column; } }

.lv_window canvas {
  display: none !important; }

#contact .content {
  width: 100%;
  max-width: 100%; }
  #contact .content .title {
    margin: 30px auto; }
    @media (max-width: 767px) {
      #contact .content .title {
        font-size: 12px; } }
  #contact .content .contact-container {
    width: 100%;
    position: relative;
    display: flex;
    min-height: 550px; }
    #contact .content .contact-container .info-container {
      background: #000000;
      position: relative;
      z-index: 2;
      margin: 110px auto auto;
      padding: 15px 20px 35px 20px; }
      #contact .content .contact-container .info-container .header {
        float: left;
        width: 100%; }
        #contact .content .contact-container .info-container .header .title {
          float: left;
          margin-right: 25px;
          margin-top: 5px; }
        #contact .content .contact-container .info-container .header .logo {
          background-position: -225px -576px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 180px;
          height: 25px; }
      #contact .content .contact-container .info-container .text p {
        font-size: 14px;
        margin: 0; }
      #contact .content .contact-container .info-container .text a {
        color: #ffffff; }
    #contact .content .contact-container .form-container {
      position: relative;
      z-index: 2;
      margin: 110px auto auto; }
      #contact .content .contact-container .form-container #contact-form, #contact .content .contact-container .form-container #contact-submit-error, #contact .content .contact-container .form-container #contact-submit-success {
        width: 450px;
        margin: auto;
        text-align: center; }
        @media (max-width: 767px) {
          #contact .content .contact-container .form-container #contact-form, #contact .content .contact-container .form-container #contact-submit-error, #contact .content .contact-container .form-container #contact-submit-success {
            width: 100%; } }
      #contact .content .contact-container .form-container #contact-form {
        height: 300px; }
        #contact .content .contact-container .form-container #contact-form .input, #contact .content .contact-container .form-container #contact-form .submit {
          height: 45px;
          padding: 15px;
          text-align: center;
          margin: 8px auto;
          display: inline-block;
          border: none; }
        #contact .content .contact-container .form-container #contact-form .input {
          width: 100%;
          background-color: #000000;
          color: #ffffff;
          text-align: left; }
          #contact .content .contact-container .form-container #contact-form .input.message {
            overflow: hidden;
            height: auto; }
          #contact .content .contact-container .form-container #contact-form .input:first-child {
            margin-top: 0; }
          #contact .content .contact-container .form-container #contact-form .input.error {
            border: 3px solid #e31e24; }
        #contact .content .contact-container .form-container #contact-form label.error {
          display: none !important; }
        #contact .content .contact-container .form-container #contact-form .submit {
          float: right;
          cursor: pointer;
          width: 150px;
          background-color: #e31e24;
          color: #ffffff; }
      #contact .content .contact-container .form-container #contact-submit-error {
        margin-bottom: 10px;
        padding: 2px 5px;
        box-shadow: 0 0 2px #e31e24;
        background-color: #e31e24; }
      #contact .content .contact-container .form-container #contact-submit-success {
        margin-bottom: 10px;
        padding: 10px;
        background-color: #50C34E;
        box-shadow: 0 0 2px #000000; }
    #contact .content .contact-container .map {
      height: 550px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1; }
    @media (max-width: 767px) {
      #contact .content .contact-container {
        display: block;
        height: auto; }
        #contact .content .contact-container .info-container {
          margin: 10px auto auto; }
        #contact .content .contact-container .form-container {
          margin: 10px auto auto; }
          #contact .content .contact-container .form-container #contact-form .submit {
            width: 100%; }
        #contact .content .contact-container .map {
          visibility: hidden; } }

#footer {
  position: relative;
  height: 160px; }
  #footer .content {
    padding: 30px 0 30px 0;
    font-size: 14px; }
    #footer .content ul.menu li {
      padding: 0 15px; }
      #footer .content ul.menu li a {
        font-size: 16px;
        color: #ffffff; }
    #footer .content .contact-media {
      margin-top: 20px; }
      #footer .content .contact-media > div {
        display: inline-flex;
        margin: 0 10px; }
        #footer .content .contact-media > div span {
          position: relative;
          top: 10px; }
        #footer .content .contact-media > div p {
          margin-left: 10px; }
          #footer .content .contact-media > div p a {
            color: #ffffff; }
      #footer .content .contact-media .icon-map, #footer .content .contact-media .icon-phone, #footer .content .contact-media .icon-email {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale; }
        #footer .content .contact-media .icon-map, #footer .content .contact-media .icon-map:hover, #footer .content .contact-media .icon-map:focus, #footer .content .contact-media .icon-map:active, #footer .content .contact-media .icon-phone, #footer .content .contact-media .icon-phone:hover, #footer .content .contact-media .icon-phone:focus, #footer .content .contact-media .icon-phone:active, #footer .content .contact-media .icon-email, #footer .content .contact-media .icon-email:hover, #footer .content .contact-media .icon-email:focus, #footer .content .contact-media .icon-email:active {
          -webkit-animation-name: hvr-bob-float, hvr-bob;
          animation-name: hvr-bob-float, hvr-bob;
          -webkit-animation-duration: .3s, 1.5s;
          animation-duration: .3s, 1.5s;
          -webkit-animation-delay: 0s, .3s;
          animation-delay: 0s, .3s;
          -webkit-animation-timing-function: ease-out, ease-in-out;
          animation-timing-function: ease-out, ease-in-out;
          -webkit-animation-iteration-count: 1, infinite;
          animation-iteration-count: 1, infinite;
          -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
          -webkit-animation-direction: normal, alternate;
          animation-direction: normal, alternate; }
      #footer .content .contact-media .icon-map {
        background-position: -714px -345px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 22px;
        height: 33px; }
      #footer .content .contact-media .icon-phone {
        background-position: -714px -305px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 32px;
        height: 32px; }
      #footer .content .contact-media .icon-email {
        background-position: -714px -269px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 38px;
        height: 28px; }
    #footer .content .rightside {
      position: absolute;
      right: 0;
      top: 0;
      text-align: center; }
      #footer .content .rightside .back {
        background-position: -142px -576px;
        background-repeat: no-repeat;
        overflow: hidden;
        display: block;
        width: 75px;
        height: 76px; }
      #footer .content .rightside .social {
        margin: 15px auto; }
        #footer .content .rightside .social.facebook {
          background-position: -714px -143px;
          background-repeat: no-repeat;
          overflow: hidden;
          display: block;
          width: 45px;
          height: 60px; }
  @media (max-width: 767px) {
    #footer {
      height: auto; }
      #footer .content {
        font-size: 12px; }
        #footer .content ul.menu {
          display: none; }
        #footer .content .rightside .back {
          visibility: hidden; } }