/* cmsms stylesheet: dealer_lightview modified: 07/27/18 13:31:10 */
/*
 *  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%;
  /*max-width: 80%;
  left: 10%;*/
  position: relative;
  overflow: visible;
  background: #fff;
  top: 4%;
}

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

.lv_skin * {
  margin: 0;
  padding: 0;
  left: 0!important;
}

.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_inner_previous_next_overlays {
    z-index: -1;
}
.lv_button_inner_previous_overlay { float: left; }
.lv_button_inner_next_overlay { float: right; }


.lv_title_caption {
  position:absolute;
  color: #000000;
  background: #fff;
}
.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%;*/
  right: 40px;
  margin-left: -150px;
  height: 50px;
  overflow: hidden;
  background: url('skins/blank.gif');
}
.lv_slider {
  font-size: 9px;
  height: 25px;
  line-height: 21px;
  padding: 15px 0 14px 0;
  position: relative;
  overflow: hidden;
}
.lv_slider .lv_slider_numbers {
  float: left;
  position: relative;
  height: 25px;
  overflow: hidden;
  margin: 0 2px;
}
.lv_slider .lv_slider_slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
}

.lv_slider_number,
.lv_slider_number_empty { 
  float: left;
  position: relative;
  height: 25px;
  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; }


.lv_overlay {
    background-color: rgba(0, 0, 0, 0.9)!important;
}

.lv_side {
    display: none;
}
.lv_slider_number,
.bike-color {
    height: 16px;
    width: 16px;
    color:transparent!important;
    text-shadow: none;
    border: 2px solid #878787;
    margin-right: 3px;
}
.lv_slider_number_active,
.bike-color.active {
    content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/haeckchen-grau.png")!important;
    height: 10px;
    width: 10px;
    padding: 3px;
    border: 2px solid #878787;
}
.lv_slider_number_active::before,
.bike-color.active::after {
    content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/haeckchen-grau.png")!important;
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
}
.lv_title_caption_slide {
    padding: 0;
}
.lv_controls_relative {
    margin-left: 23%!important;
    display: block;
    bottom: 15%;
}
.lv_window_dark .lv_button_top_close {
  top: 50px;
  right: 25px;
}
.lv_window_dark .lv_button_top_close {
    background-image: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/icon-close.png")!important;
    width: 21px;
    height: 21px;
}
canvas {
    opacity: 0;
}
@media (max-width: 450px) {
    .lv_caption h4,
    .lv_title .teaser-preis{
        font-size: 20px;
    }
    .lv_controls_relative {
        bottom: 30%;
        right: 0px;
    }
    .lv_skin {
        top: 8%;
    }
}
/* cmsms stylesheet: dealer_norm modified: 07/27/18 13:31:10 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

@font-face {
    font-family: "HelveticaNeue";
    src: url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Roman_0.eot?#iefix') format('eot'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Roman_0.woff') format('woff'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Roman_0.ttf') format('truetype'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Roman_0.svg#HelveticaNeueLTPro-Roman_0') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "HelveticaNeue";
    src: url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Md.eot?#iefix') format('eot'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Md.woff') format('woff'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Md.ttf') format('truetype'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
    font-weight: 600;
}
@font-face {
    font-family: "HelveticaNeue";
    src: url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Bd.eot?#iefix') format('eot'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Bd.woff') format('woff'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Bd.ttf') format('truetype'),
         url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-BdCn_0') format('svg');
    font-weight: bold;
}
/*@font-face {
    font-family: "HelveticaNeue";
    src: url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Roman_0.otf') format('opentype');
    font-weight: normal;
}
@font-face {
    font-family: "HelveticaNeue";
    src: url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-Md.otf') format('opentype');
    font-weight: 600;
}
@font-face {
    font-family: "HelveticaNeue";
    src: url('https://www.husqvarna-motorcycles-wien.com/uploads/font/HelveticaNeueLTPro-BdCn_0.otf') format('opentype');
    font-weight: bold;
}*/
body {
  margin: 0;
  font-family: "HelveticaNeue", sans-serif;
  font-weight: normal;
  overflow-x: hidden;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/* cmsms stylesheet: dealer_skeleton modified: 09/03/18 09:33:55 */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/




#cookie_consent {
    background-color: #E6E6E6;
    color: ;
    text-align: center;
    padding: 35px 0;
    box-shadow: 0px -2px 10px [#000000];
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100000;
}
.cookie-text {
    margin-bottom: 30px;
    
}
#cookie_consent .cookie-text a {
    color: ;
    text-decoration: underline;
}
#cookie_consent .button {
    background-color: ;
    color:;
    margin-left: 2%;
    text-decoration:none;
}
#cookie_consent .button:hover {
  
    background-color:#c6c6c5;
    color:;
    
}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  #headerSlideshow.nine.columns   { width: 77%; }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .service .one-third.column     { width: 35%; }
  .service .two-thirds.column     { width: 60%; }

  .one-half.column                { width: 48%; }
  .one-fifth.column               { width: 16.6666666667%;}
  .teaserItem.three.columns,
  .bike-item.three.columns,
  .member.three.columns           { width: 24.2%; }
  .job-item.four.columns          { width: 32.666667%; }
  .four.columns.service,
  .four.columns.data              { width: 31.99%;; }
  .promoContainer.six.columns     { width: 49.5%; }
  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; 
  overflow-x: hidden;
  }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
 }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: bold; 
  color: #002550;
  font-family: "HelveticaNeue", sans-serif;
}
h1 { font-size: 60px; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 60px; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 30px; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 20px; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 18px; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 16px; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 60px; }
  h2 { font-size: 60px; }
  h3 { font-size: 35px; }
  h4 { font-size: 25px; }
  h5 { font-size: 20px; }
  h6 { font-size: 18px; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #000000; }
a:hover {
  color: #002550; }

#information a:hover {
    color: #fff;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: auto;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box; 
    border: none 0;
    cursor: pointer;
    display: block;
    font-family: "HelveticaNeue", sans-serif;
    text-transform: uppercase;
    color: #002550;
    background-color: #ffed00;
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    border-radius: 5px;
  
  }
  
.button-outline {
    display: inline-block;
  height: auto;
  padding: 6px 15px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box; 
    border: none 0;
    cursor: pointer;
    display: block;
    font-family: "HelveticaNeue", sans-serif;
    text-transform: uppercase;
    color: #002550;
    border: 2px solid #002550;
    display: inline-block;
    margin: 0 10px;
    text-decoration: none;
    border-radius: 5px;
}  
 
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  outline: 0; 
  color: #002550;
  text-decoration: none;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1700+0,ff6600+70 */
    /*background: ; /* Old browsers */
    /*background: -moz-linear-gradient(top,   0%,  70%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,   0%,  70%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,   0%,  70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4800', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */

  /*-webkit-transition: background 0.5s ease-out;
     -moz-transition: background 0.5s ease-out;
       -o-transition: background 0.5s ease-out;
          transition: background 0.5s ease-out;*/
    background-position: 0 -50px;
    background-color: #ffed00;
    outline: solid 5px transparent;
  }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf,
.u-cf:after{
  content: "";
  display: table;
  clear: both; }

    #background-light {
        background-color: #f4f4f4;
        padding: 25px 0 40px;
    }
    #background-black {
        background-color: #000000;
        padding: 25px 0;
    }
    #background-dark {
        background-color: #c6c6c6;
        padding: 25px 0;
    }
    #background-mid {
        background-color: #d0d0d0;
        padding: 25px 0;
    }
    #background-yellow {
        background-color: #ffed00;
    }
    #background-orange.short-info {
        background-color: transparent;
    }
    #background-blue {
        background-color: #002550;
        padding: 25px 0;
    }
    #background-blue.opening {
        padding: 10px 0;
    }


h1,
h2,
#services h3{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
}
.sub {
    font-size: 35px;
    font-weight: normal!important;
    text-transform: uppercase;
    font-family: "HelveticaNeue", sans-serif;
    margin: 15px 0px 20px;
}
h3 {
    text-transform: uppercase;
    font-weight: normal;
}
#map {
    height: 650px;
    width: 100%;
}

/*navigation*/
.navigation {
  background-color: ;
}
.primary {
    position: relative;
    width: 100%;
}
nav.primary ul,
nav.primary ul li {
    margin: 0;
}
nav.primary ul li {
    display: inline-block;
    float: left;
    position: relative;
    border-right: 2px solid #002550;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 100;
}
nav.primary ul li:last-child {
    border: none;
}
nav.primary ul li:nth-child(2) a {
    padding-left: 0;
}
nav.primary ul li:last-child a {
    padding-right: 0;
}
nav.primary ul li a {
    display: inline-block;
    line-height: 22px;
    padding: 0px 15px;
    color: #002550; 
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
}

nav.primary ul li a:hover {
    color: #878787;
    cursor: pointer;
}

/*submenu*/
nav.primary ul ul {
    position: absolute;
    z-index: 999;
    min-width: 100%;
    background-color: #ffffff;
    /*overflow: hidden;*/
    top: 100%;
    left: 0;
    padding: 30px 1000em 20px;
    margin: 0 -1000em ;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.4s ease-out;
}

nav.primary ul li:hover ul {
    height: auto;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}


nav.primary ul ul li {
    float: none;
    text-decoration: none;
    border: none;
    min-width: 350px;
}
nav.primary ul ul li a {
    display: block;
    line-height: 20px;
    text-transform: none;
    padding: 5px 10px;
    color: #878787;
    font-size: 20px;
    border: none;
    text-transform: uppercase;
}
nav.primary ul li a.current {
  color: #878787;
}
nav.primary ul li:hover > a {
    color: #002550;
}
nav.primary ul li ul li a.current {
  color: #002550;
}

li.separator.divider {
    border-bottom: 2px solid #f4f4f4;
    width: 100%;
    margin: 5px 0 5px 10px;
}

.pos-nav {
    padding: 20px 0;
    font-family: "HelveticaNeue", sans-serif;
    width: 515px;
    margin: 0 auto;
}
.pos-nav::before {
    content: "";
    height: 2px;
    width: 60%;
    background-color: #f4f4f4;
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1000;
}
.pos-nav::after {
    content: "";
    height: 2px;
    width: 60%;
    background-color: #f4f4f4;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1000;
}
#dealer-logo {
    height: 140px;
    margin-bottom: 0px;
}

#websiteMenu {
    padding-top: 20px;
    margin-left: 4%;
}
#slideshow .row {
    width: 100%;
    display: flex;
}
#headerSlideshow,
#header-teaser {
    display: block;
}

#pioneering span {
    text-transform: uppercase;
    font-weight: bold;
    border-top: 8px solid #ffed00;
    color: #002550;
    font-size: 14px;
}
#pioneering {
    text-align: right;
    margin-top: 5px;
}
#header-teaser img {
    max-width: 100%;
}
#header-teaser.three.columns {
    margin-left: 1%;
}
#header-teaser .button-outline,
#services .button-outline {
    border: 2px solid #ffed00;
    color: #ffed00;
    margin: 0;
}
#contactData.dark .button-outline {
    border: 2px solid #ffed00;
    color: #ffed00;
}
#header-teaser .button-outline {
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.teaserImg-container {
    position: relative;
}
.teaser-badge {
    height: 80px;
    width: 80px;
    position: absolute;
    top: 10%;
    right: 5%;
}
.teaser-description {
    padding: 15px;
    position: relative;
    background-color: #002550;
    height: 205px;
}
.teaser-description p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}
#header-teaser h3 {
    font-size: 2.2vw;
    line-height: 1;
    text-transform: uppercase;
    color: #ffed00;
    margin-bottom: 26%;
    font-weight: bold;
}
a.logoDealer
{
background:  url("https://www.husqvarna-motorcycles-wien.com/uploads/images/dealer-logo.png") no-repeat center;
width:99px;
height:120px;
text-decoration:none;
line-height: 0;
background-size: contain;
display: block;
position: relative;
z-index: 1004;
}
#authorized-logo {
    height: 120px;
    margin-bottom: 20px;
}
a.logoAuthorized
{
background:  url("https://www.husqvarna-motorcycles-wien.com/uploads/images/logo_authorized_dealer.png") no-repeat center;
width:164px;
height:80px;
text-decoration:none;
line-height: 0;
background-size: contain;
display: block;
padding-top: 60px;
position: relative;
z-index: 1001;
}
a.logoDealer,
a.logoAuthorized {
    margin: 0 auto;
}
.slideshowcaption {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    color: #002550;
    right: 0;
    float: none;
    margin-left: 0;
    /*padding-bottom: 5%;*/
    height: 205px;
    padding: 20px 20px 0;
}
#top-links .links p {
    float: left;
    padding: 0 17px;
    border-right: 2px solid #878787;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0;
    color: #878787;
    font-weight: bold;
    text-decoration: none;
    font-family: "HelveticaNeue", sans-serif;
}
#top-links a {
    color: #878787;
    font-weight: 600;
    text-decoration: none;
}
#top-links .links p:first-child {
    padding-left: 0;
}
#top-links .links p:last-child {
    border: none;
    padding-right: 0;
}
#top-links a:hover {
    color: #878787;
}
#top-links {
    text-align: center;
    height: 20px;
    margin:0 auto 10px;
    width: 190px;
    float: none;
    line-height: 1;
}
.pos-caption {
    position: relative;
    height: 185px;
    width: 100%;
}
.slideshowcaption article {
    margin-bottom: 20px;
    font-size: 20px;
}

#sliderButton {
    position: absolute;
    bottom: 12px;
    right: 15px;
    margin: 0;
}
.search-icon {
  background: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/search-icon.png") no-repeat center;
  background-size: contain;
  height: 25px;
  width: 25px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: -4px;
}
#search {
    width: 25px;
}
#search form {
    margin-bottom: 0;
}
.search-bar input#cntnt01searchinput {
  width: 0px;
  position: absolute;
  margin-top: -27px;
  margin-left: 0px;
  z-index: -1;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.5s ease;
  color: transparent;
}
.openSearch input#cntnt01searchinput {
  width: 300px;
  border: 1px solid #f4f4f4;
  border-radius: 0px;
  margin-left: -320px;
  z-index: 20;
  height: 30px;
  color: #d0d0d0;
  background-color: white;
  box-shadow: none;
}

#information {
    background-color: #ffed00;
    padding: 15px;
    color: #002550;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}
#information article {
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.3);
}
#information article:last-child {
    border-right: none;
    box-shadow: none;
}
#information .four.columns:first-child {
    padding-left: 4%;
}

#services {
    padding: 25px 0 70px;
}

#services .service {
    border-right: 1px solid #d0d0d0;
    padding-right: 2%;
    margin-left: 2%;
}

#services .service:nth-child(2) {
    margin-left: 0;
}
#services .service:last-child {
    border: none;
}
#services a.button {
    margin: 0;
}
#services h3 {
    margin-bottom: 15px;
    color: #ffed00;
    font-size: 45px;
    line-height: 1;
    font-weight: bold;
}
#services h2 {
    margin-bottom: 40px;
    color: #fff;
}
.serv-pic {
    text-align: center;
}
.serv-pic img {
    max-width: 100%;
}

.distance {
    margin-top: 30px;
    margin-bottom: 50px;
}
.distance-top {
    margin-top: 30px;
}
#headerSlideshow .flex-active-slide {
    position: inherit!important;
}
/*teaser*/
#teaserContainer {
    position: relative;
}
#teaserContainer img {
    max-width: 100%;
}
.teaserItem {
    height: 690px;
    position: relative;
    transition: all ease-out 1s;  
}

.text-container {
    padding: 15px;
    position: relative;
}
.teaser-bild {
    position: relative;
}

.badge {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 80px!important;
    height: 80px;
}
.teaser-category {
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #878787;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    font-family: "HelveticaNeue", sans-serif;
}
.teaser-preis {
    font-size: 30px;
    margin-bottom: 0px;
    line-height: 30px;
    color: #002550;
    font-weight: bold;
    font-family: "HelveticaNeue", sans-serif;
}
#teaserContainer h4,
#bikesItem h4,
#promotions h4,
#teamContent h4,
#jobContainer h4,
.lv_caption h4 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "HelveticaNeue", sans-serif;
}
#teamContent h4,
#promotions h4 {
    font-size: 20px;
}
.teaser-text {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
.teaser-button {
    position: absolute;
    bottom: 0;
    left: 0;
}
.info-button {
    content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/info.png");
    padding: 8.5px;
    float: left;
    margin: 0 0 0 15px;
}
.info-button::before {
    content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/info.png");
    padding: 1px 0 0;
    float: left;
    margin: 0;
}
.more-button {
    float: left;
    margin: 0 0 0 15px;
}

ul#pagenav {
    text-align: center;
    list-style: none;
    margin-top: 25px;
    margin-bottom: 0;
}
ul#pagenav li {
    float: none;
    margin: 0 5px; 
    display: inline-block; 
    zoom: 1; 
    *display: inline;
}
#pagenav li span,
#pagenav li a {
    display: block; 
    background: #d0d0d0; 
    cursor: pointer; 
    text-indent: -9999px;
}
#pagenav li a {
    width: 15px;
    height: 15px;
    border-radius: 20px;
}
#pagenav li a:hover {
    background-color: #ffed00;
}
#pagenav li span.selected {
    background: #ffed00;
    width: 15px;
    height: 15px;
    border-radius: 20px;
}

/*direction-nav*/
.direction-nav {
    *height: 0;
    margin: 0; 
    padding: 0; 
    list-style: none;
}
.direction-nav a  { 
    background: url("/uploads/images/icons/direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); 
    display: block; 
    width: 28px; 
    height: 45px; 
    margin: -20px 0 0; 
    position: absolute; 
    top: 45%; 
    z-index: 10; 
    overflow: hidden; 
    opacity: 0; 
    cursor: pointer; 
    color: rgba(0,0,0,0.8); 
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3); 
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; transition: all .3s ease; 
    text-indent: -9999px; 
}
.direction-nav a:hover, 
.direction-prev a:hover, 
.direction-next a:hover, 
.direction-nav a, 
.direction-next a, 
.direction-prev a {
    text-indent: -9999px;
    font-size:0px;
}
.direction-nav .direction-prev { 
    left: -55px; 
}
.direction-nav .direction-next { 
    background-position: 100% 0; 
    right: -55px; 
    text-align: right; 
}
#teaserContainer:hover .direction-prev { 
    opacity: 0.7; 
    left: 55px; 
}
#teaserContainer:hover .direction-next { 
    opacity: 0.7; 
    right: 55px; 
}
#teaserContainer:hover .direction-next:hover, 
#teaserContainer:hover .direction-prev:hover { 
    opacity: 1; 
}

/*footer*/
#openingHours {
    color: #fff;
    text-align: center;
}
#openingHours h4 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 12px;
    font-family: "HelveticaNeue", sans-serif;
    font-weight: 600;
    color: #fff;
}
.clock::before {
  content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/clock.png");
  background-size: contain;
  height: 35px;
  width: 35px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding-bottom: 5px;
}
.time {
    text-align: center;
    color: #fff;
    font-family: "HelveticaNeue", sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.time p {
    margin-bottom: 0;
}
#openingHours .block {
    font-family: "HelveticaNeue", sans-serif;
    color: #d0d0d0;
    font-weight: normal;
    font-size: 18px;
}
#contactData {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}
#mapsContainer #contactData {
    padding: 40px 0;
}
#contactData.dark {
    background-color: #002550;
}
#contactData a {
    color: #fff;
    text-decoration: none;
}
#contactData a:hover {
    text-decoration: underline;
}
.contact-button {
    clear: both;
    margin: 20px auto 0;
    text-decoration: none!important;
}
.data {
    text-align: center;
    border-right: 2px solid rgba(255, 255, 255, 0.4);
    min-height: 170px;
    font-family: "HelveticaNeue", sans-serif;
    line-height: 1.4;
    padding-right: 2%;
    margin-left: 2%;
    font-size: 18px;
}
.data:last-child {
    border: none;
}
.data > p {
    float: none;
    margin: 0 auto;
}
.dark .data {
    min-height: 210px;
}
#contactData h4 {
    font-size: 25px;
    margin-bottom: 0;
    margin-top: 5px;
    font-family: "HelveticaNeue", sans-serif;
    font-weight: 600;
    color: #fff;
}
.address {
  background: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/address.png") no-repeat center;
  background-size: contain;
  height: 35px;
  width: 35px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
}
.phone {
  background: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/phone.png") no-repeat center;
  background-size: contain;
  height: 35px;
  width: 35px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
}
.mail {
  background: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/mail.png") no-repeat center;
  background-size: contain;
  height: 35px;
  width: 35px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
}

#social {
    text-align: center;
}
#social a {
    margin-right: 5px;
}
#social a:last {
    margin-right: 0;
}
#footerSitemap p {
    float: left;
    padding: 0 15px;
    border-right: 2px solid;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0;
    color: #002550;
    font-family: "HelveticaNeue", sans-serif;
    line-height: 1;
}
#footerSitemap p:last-child {
    border: none;
    padding-right: 0;
}
#footerSitemap {
    text-align: center;
    height: 20px;
    margin: 20px auto;
    width: 530px;
    float: none;
}
#footerSitemap a {
    text-decoration: none;
    color: #002550;
}
#copyright {
    text-align: center;
    color: #002550;
}


/*bikes*/
#bikesItem h1 {
    margin-bottom: 10px;
    line-height: 1;
}
#bikesItem section {
    margin-top: 40px;
}
#bikesItem img {
    max-width: 100%;
}
.bike-item {
    height: 480px;
    position: relative;
    margin-left: 1%;
    margin-bottom: 1%;
    transition: all ease-out 1s;  
}

.bikesImg {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    transition: opacity 2s ease;
}
.bikesImg.active {
    visibility: visible;
    position:relative;
    opacity: 1;
    transition: opacity 2s ease;
}
.zoom {
    content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/lupe.png");
        height: 18px;
    width: 18px;
    padding: 3px;
    border: 2px solid #002550;
    border-radius: 5px;
    margin-left: 15px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}
.zoom::before {
    content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/lupe.png");
    position: absolute;
    top: 3px;
    right: 3px;
}
.imgContainer {
    position: relative;
}
.lv_slider_number:first-child,
.bike-color.blck{
    background-color: #000000;
}
.lv_slider_number:nth-child(2),
.bike-color.orng{
    background-color: #878787;
}
.lv_slider_number:nth-child(3),
.bike-color.wht{
    background-color: white;
}
.colorpicker {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 25px;
}
.bike-color {
    float: left;
    cursor: pointer;
}
.bike-color:last-child {
    margin-right: 15px;
}

.lv_caption h4 {
    margin-bottom: 0;
}

.transition-container {
    position: absolute;
    color: #002550;
    text-align: center;
    background-color: #ffed00;
    z-index: 1;
    width: 103%;
    top: -5px;
    left: -5px;
    height: 490px;
    opacity: 0;
    transition: all 1s ease;
    visibility: hidden;
} 
.transition-container p {
    max-width: 75%;
    margin: 0 auto;
}
.transition-container.visibleContainer {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}
p.little-title {
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1;
    font-family: "HelveticaNeue", sans-serif;
    font-weight: normal;
}
p.attribute {
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 18px;
    font-family: "HelveticaNeue", sans-serif;
    font-weight: bold;
}
a.button.dealer-button {
    border: 2px solid #002550;
    background: none;
}
p.little-title:first-child {
    margin-top: 20px;
}
/*trenner*/
div#trennerContainer {
    margin: 50px auto 70px;
}
#trenner {
    min-height: 280px;
    display: table;
    background-size: cover;
}
.trenner-text-container {
    margin: 0 auto!important;
    float: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 40px 0;
}
#trenner .button {
    margin-top: 20px;
}
#trenner h2 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 10px;
}
.trenner-text {
    font-size: 18px;
    max-width: 50%;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-family: "HelveticaNeue", sans-serif;
    font-weight: bold;
}
/*promotions*/
.hideCount {
    display: none;
}
.promoContainer {
    background-color: #fff;
    padding: 20px;
    margin-left: 1%;
    height: 370px;
}

#promContent {
    padding: 40px 0;
}
#promContent .flex-control-nav {
    margin-bottom: 35px;
}
.promo-img {
    position: relative;
}
#promotions .zoom {
    margin-left: 0px;
}
#promotions .button-outline {
    margin: 0;
}
#promotions .new-arrival, 
#promotions .test-arrival {
    position: absolute;
    top: 0;
    right: 0;
}
#promContent h2,
#promContent p {
    color:#002550;
}
#promContent .teaser-preis {
    color: #002550;
    font-size: 30px;
    line-height: 1;
}
.text-grau {
    color: #878787;
}
.kleingedruckt {
    font-size: 13px;
    margin-top: 25px;
    clear: both;
    margin-bottom: 0;
    color: #d0d0d0;
}
/*team*/
.member {
    border: 5px solid #fff;
    height: auto;
    position: relative;
    margin-left: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    transition: all ease-out 1s;  
}

.member-data {
    padding: 15px;
}
.member-data-one {
    border-bottom: 2px solid #f4f4f4;
}
#teamContent h4 {
    margin-bottom: 0;
}
.member-data-one p {
    margin-bottom: 10px;
    line-height: 1;
    color: #878787;
    font-size: 16px;
    font-family: "HelveticaNeue", sans-serif;
    font-size: 18px;
}
.member-data-two {
    margin-top: 12px;
    color: #878787;
}
.member-data-two a {
    text-decoration: none;
    color: #878787;
    font-family: "HelveticaNeue", sans-serif;
}
.member-data-two a:hover {
    text-decoration: underline;
}
.member-data-two p {
    margin-bottom: 15px;
}
.member-data-two p:last-child {
    margin-bottom: 0px;
}
.member-data-two label {
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0;
}
.member-data-two span {
    line-height: 1.2;
    text-transform: uppercase;
    font-family: "HelveticaNeue", sans-serif;
    font-size: 16px;
    
}
/*jobs*/
.job-item {
    padding: 15px;
    position: relative;
    height: 280px;
    margin-bottom: 1%;
    margin-left: 1%;
    transition: all 1s ease;
    display: none;
}
.w .job-item:nth-child(2n) {
    background-color: #f4f4f4;
}
.w .job-item:nth-child(3n+1) {
    margin-left: 0;
}
.job-item:hover {
    background-color: #d0d0d0;
}
.job-item p {
    margin-bottom: 10px;
    line-height: 1.4;
}
.job-buttons {
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.job-buttons a {
    margin: 0 0 5px 0;
    float: none;
    width: 181px;
}
#jobContainer section {
    margin-top: 20px;
    margin-bottom: 20px;
}
#jobContainer #load {
    width: 120px;
    margin: 20px auto!important;
    float: none;
    font-size: 25px;
}

.w1, .w2, .w3 {
    display: none;
}
.underline a {
    text-decoration: underline!important;
}
div#headerSlideshow h2 {
    font-size: 3vw;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
@media (min-width: 1600px) {
    .slideshowcaption {
        height:215px;
    }
    #headerSlideshow.home {
        max-height: 548px;
    }
    div#headerSlideshow h2 {
        font-size: 55px;
    }
    #header-teaser h3 {
        font-size: 45px;
        font-weight: bold;
    }

}
@media (min-width: 1620px) and (max-width: 1740px) {
    .slideshowcaption {
        height:206px;
    }
    #headerSlideshow.home {
        max-height: 548px;
    }
    div#headerSlideshow h2 {
        font-size: 50px;
    }
    #header-teaser h3 {
        font-size: 40px;
        font-weight: bold;
    }

}
@media (min-width: 1570px) and (max-width: 1599px) {
    .slideshowcaption {
        height:211px;
    }
    #headerSlideshow.home {
        max-height: 548px;
    }
    div#headerSlideshow h2 {
        font-size: 50px;
    }
    #header-teaser h3 {
        font-size: 40px;
    }
}
@media (min-width: 1201px) and (max-width: 1400px) {
    nav.primary ul li a {
        padding: 0 10px;
        font-size: 18px;
    }
    #top-links .links p {
        padding: 0 10px;
    }
    #top-links {
        width: 175px;
    }
    .pos-nav {
        width: 445px;
    }
    .teaserItem {
        height: 600px;
    }
    #openingHours .one-fifth span:before {
        content: "";
        display: table;
        clear: both;
    }
    #openingHours h4 {
        margin-top: 8px;
        line-height: 1;
    }
    .promoContainer {
        height: 300px;
    }
    #header-teaser .button-outline {
        font-size: 12px;
    }
}
@media (min-width: 1201px) {
.bike-item:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
}
@media (max-width: 1200px) {
h1 { font-size: 50px; }
h2 { font-size: 50px; }
h3 { font-size: 30px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
.slideshowcaption article {
    font-size: 16px;
    width: 80%;
    float: left;
}
.slideshowcaption.eight.columns {
        width: 100%;
    }
#sliderButton {
    margin: 0;
}
.w {
    display: none;
}
.job-item {
    height: 315px;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .w {
        display: none;
    }
    .w1 {
        display: block;
    }

    .w1 .job-item:nth-child(2n+1) {
        margin-left: 0;
    }
    .w1 .job-item:nth-child(4n+2), 
    .w1 .job-item:nth-child(4n+3) {
        background-color: #f4f4f4;
    }
    .bike-item:nth-child(3n+1) {
        margin-left: 0;
    }
    .bike-item.four.columns {
        width: 32.6666666667%;
    }
    #websiteMenu.six.columns {
        width: 60%;
    }
    div#authorized-logo {
        width: 10%;
    }
    nav.primary ul li a {
        font-size: 18px;
        padding: 0px 8px;
    }
    #top-links .links p {
        padding: 0 8px;
    }
    #top-links {
        width: 172px;
    }
    .pos-nav {
        width: 430px;
    }

    #openingHours .one-fifth span:before {
        content: "";
        display: table;
        clear: both;
    }
    #openingHours h4 {
        margin-top: 10px;
        line-height: 1;
    }
    #services .service .column {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .serv-pic {
        margin-bottom: 10px;
    }
    .teaserItem {
        height: 600px;
    }
    #openingHours h4 {
        font-size: 23px;
    }
    .promoContainer {
        height: 100%;
    }
    .promoContainer .six.columns {
        width: 100%;
        margin-left: 0;
    }
    .promo-img {
        margin-bottom: 15px;
    }
    #header-teaser .button-outline {
        font-size: 11px;
        padding: 4px 8px;
    }
    
}
@media (max-width: 1024px) {
 #desktop-menu {
     display: none;
 }
li.separator.divider {
    margin: 5px 0;
    max-width: 280px;
}
#jobContainer .w1 {
    display: block;
}
#mobile-menu {
  background: transparent;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  padding: 0 10px;
  z-index: 1003;
}
.js-nav-active #mobile-menu {
    background-color: #fff;
}
 .nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}
.nav-collapse ul ul {
    padding-bottom: 5px;
}
.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
  .mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .8);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 100;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}  
.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}
.nav-collapse {
    margin-bottom: 40px;
}
.nav-collapse ul {
    padding-bottom: 5px;
}
.nav-collapse li {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.nav-collapse a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-decoration: none;
    background: #fff;
    padding: 5px 0px;
    color: #002550;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    line-height: 1;
}

.nav-collapse a:active,
.nav-collapse a.active,
.nav-collapse li.active > a {
  background-color: #fff;
  color: #878787;
}
.nav-collapse ul ul a {
  background: #fff;
  color: #878787;
  font-size: 18px;
}
.nav-collapse ul ul a.active {
    color: #002550;
}
@font-face {
  font-family: "responsivenav";
  src:url("uploads/icons/responsivenav.eot");
  src:url("uploads/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("uploads/icons/responsivenav.ttf") format("truetype"),
    url("uploads/icons/responsivenav.woff") format("woff"),
    url("uploads/icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}
.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 100px;
  float: right;
}

.nav-toggle:before {
  text-transform: none;
  text-align: center;
  position: absolute;
  content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/nav-mobile.png"); /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 40px;
  height: 20px;
  width: 30px;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: url("https://www.husqvarna-motorcycles-wien.com/uploads/images/icons/nav-close.png"); /* Close icon */
  width: 25px;
  height: 25px;
  top: 40px;
}
.w2 {
    display: block;
}
#teamSlider3 .six.columns {
    width: 49.5%;
}

#openingHours .one-fifth span:before {
        content: "";
        display: table;
        clear: both;
    }
    #openingHours h4 {
        margin-top: 8px;
        line-height: 1;
        font-size: 18px;
    }
    #services .service .column {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .serv-pic {
        margin-bottom: 10px;
    }
    .teaserItem {
        height: 650px;
    }
#top-links-mobile p,
#top-links-mobile a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0px;
    margin: 0;
    line-height: 1;
    color: #878787;
}
#top-links-mobile a:hover {
    color:#878787;
}
#top-links-mobile {
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 30px;
    /* margin-top: 30px; */
    width: 100%;
}
.links:first-child {
    margin-top: 10px;
}
#top-links-mobile .links:last-child {
    line-height: 1.5;
}
#websiteHeader {
    padding-top: 0px;
}
a.logoDealer {
    height: 120px;
    width: 99px;
}
#dealer-logo {
    height: 140px;
}
.js-nav-active a.logoDealer {
    z-index: 1000;
}
.bike-item:nth-child(2n+1) {
        margin-left: 0;
    }
    
    .promoContainer {
        height: 100%;
    }
    .promoContainer .six.columns {
        width: 100%;
        margin-left: 0;
    }
    .promo-img {
        margin-bottom: 15px;
    }
.bike-item.four.columns {
        width: 49.5%;
    }
/*slideshow+teaser*/

#header-teaser.three.columns {
    margin-left: 1%;
    width: 33%;
}
#headerSlideshow.nine.columns {
    width: 71%;
}
#slideshow .slideshowcaption {
    position: relative;
    width: 100%;
    height: 178px;
}
.pos-caption {
    height: 130px;
}
.slideshowcaption article {
    width: 100%;
}
.teaser-description {
    height: 180px;
}
#sliderButton {
    bottom: -25px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
    .w1 .job-item:nth-child(2n+1) {
        margin-left: 0;
    }
    .w1 .job-item:nth-child(4n+2), 
    .w1 .job-item:nth-child(4n+3) {
        background-color: #f4f4f4;
    }
}
@media screen and (min-width: 1025px) {
#mobile-menu {
    display: none;
}
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
   .mask {
    display: none !important;
    opacity: 0 !important;
  }
  .nav-collapse {
    float: right;
    width: auto;
  }
  .nav-collapse li {
    width: auto;
  }
  .nav-collapse a {
    border-left: 1px solid white;
    padding: 1.02em 2em;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
  .nav-collapse ul ul a {
    display: none;
  }
}

@media (max-width: 979px) {
    #trennerContainer,
    #mapsContainer {
        width: 100%;
    }
    #mapsContainer #contactData {
        padding: 25px 15px;
    }
    #background-light {
        background-color: #f4f4f4;
        padding: 25px 0 40px;
    }
    #background-black {
        background-color: #000000;
        padding: 25px 0;
    }
    #background-dark {
        background-color: #c6c6c6;
        padding: 25px 0;
    }
    #background-mid {
        background-color: #d0d0d0;
        padding: 25px 0;
    }
    #background-orange {
        background-color: #878787;
    }
    #background-orange .container {
        width: 100%;
    }
    #services, #openingHours,
    #contactData, #pageFooter,
    #teamContent {
        background-color: transparent;
        padding: 0;
    }
    #slideshow {
        width: 100%;
    }
    #aboutContent .six {
        width: 100%;
        margin: 0;
    }
    #aboutContent article:nth-child(2) {
        margin-top: 15px;
    }
    .trenner-text {
        max-width: 90%;
    }
    #header-teaser h3 {
        font-size: 3.5vw;
    }
    div#headerSlideshow h2 {
        font-size: 3.5vw;
    }
}
@media (max-width: 855px) {
    #openingHours .three.columns span:before {
        content: "";
        display: table;
        clear: both;
    }
}
@media (max-width: 767px) {
    .container {
        width: 95%;
    }
    .teaserItem {
        height: 580px;
    }
    .job-item.six.columns {
        width: 100%;
        margin-left: 0;
    }
    .job-item:nth-child(2n){
        background-color: #f4f4f4;
    }
    .promoContainer {
        height: 590px;
    }
    #slideshow .row {
        display: block;
    }
    #headerSlideshow.nine.columns, #header-teaser.three.columns {
        width: 100%;
        clear: both;
        float: none;
        margin-left: 0;
    }
div#header-teaser {
    display: flex;
}  
#header-teaser .teaser-description.twelve.columns {
    height: auto;
    width: 50%;
} 
#header-teaser .teaserImg-container.twelve.columns {
    height: auto;
    position: relative;
    width: 50%;
}
#header-teaser .img {
    width: 100%;
}
#header-teaser h3,
div#headerSlideshow h2 {
    font-size: 6.5vw;
}
#slideshow .slideshowcaption,
.pos-caption {
    height: auto;
}
#sliderButton {
    bottom: 0;
    position: relative;
}
#headerSlideshow {
    margin-bottom: 40px;
}
}
@media (max-width: 650px) {
    #information article {
    width: 100%;
    border-right: none;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
#information article:last-child {
    border: none;
    box-shadow: none;
}
#services .four.columns {
    width: 100%;
    border-right: 0;
    padding-bottom: 25px;
    padding-top: 25px;
    margin-left: 0;
    border-bottom: 1px solid #d0d0d0;
}
#services .four.columns:last-child {
    border: none;
}

#openingHours .one-fifth.column {
    width: 22%;
    margin-left: 4%;
}
#openingHours .one-fifth.column:nth-child(2) {
    margin-left: 0;
}
#openingHours .column.time-title {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
}
#openingHours .four.columns span:before {
        content: "";
        display: table;
        clear: both;
}
#openingHours h4 {
    margin-top: 0;
}
#contactData .four.columns {
    width: 100%;
    margin-left: 0;
    border-right: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    padding: 25px 0;
}
#contactData .four.columns:last-child {
    border: none;
}
#footerSitemap {
    height: auto;
    width: auto;
}
#footerSitemap p {
    clear: both;
    border: none;
    text-align: center;
    padding: 0;
    float: none;
    margin: 15px 0;
}
#teaserContainer .teaserItem {
    width: 100%;
    margin-left: 0;
    height: auto;
    margin-bottom: 25px;
}
.teaser-button {
    position: relative;
    bottom: 0;
    left: 0;
}
.teaser-bild {
    position: relative;
    text-align: center;
}
a.logoDealer {
    float: left;
}
#promotions .six.columns,
.bike-item.four.columns {
    width: 100%;
    margin-left: 0;
    height: auto;
}
#promotions .six.columns {
    margin-bottom: 25px;
}
.transition-container {
    height: 102%;
    width: 102%;
}
p.little-title:first-child {
    margin-top: 5%;
}
p.attribute {
    font-size: 25px;
    margin-bottom: 3%;
}
    #teamContent.w2 {
        display: none;
    }
    .w3 {
        display: block;
    }

}
@media (max-width: 550px) {
    #openingHours .three.columns,
    #openingHours .four.columns {
        margin-bottom: 20px;
    }
    #openingHours .four.columns span:before {
        content: "";
        display: table;
        clear: both;
    }
}
@media (max-width: 500px) {
div#header-teaser {
    display: block;
}  
#header-teaser .teaser-description.twelve.columns {
    height: auto;
    width: 100%;
} 
#header-teaser .teaserImg-container.twelve.columns {
    height: auto;
    position: relative;
    width: 100%;
}
#sliderButton {
    bottom: 0;
    position: relative;
    float: left;
    right: 0;
}
#slideshow .slideshowcaption,
.pos-caption {
    height: auto;
}
div#headerSlideshow h2,
#header-teaser h3 {
    font-size: 5.5vw;
}
#header-teaser h3 {
    margin-bottom: 15px;
}
#header-teaser .button-outline {
    position: relative;
    bottom: 0;
    left: 0;
}
}
@media (max-width: 450px) {
    #openingHours .one-fifth.column {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .container {
        padding: 0;
    }
    #containerFlex .flex-control-nav {
        display: none;
    }
    .job-item {
        height: auto;
    }
    .job-buttons {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 15px 0 5px;
    }
    p.little-title:first-child {
        margin-top: 4%;
    }
    p.attribute {
        font-size: 25px;
        margin-bottom: 4%;
    }
}

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}
/* cmsms stylesheet: dealer_slider modified: 07/27/18 13:31:10 */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('uploads/TBS/fonts/flexslider-icon.eot');
	src:url('uploads/TBS/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('uploads/TBS/fonts/flexslider-icon.woff') format('woff'),
		url('uploads/TBS/fonts/flexslider-icon.ttf') format('truetype'),
		url('uploads/TBS/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
#headerSlideshow .slideshowcaption {
    z-index: 1;
}
#headerSlideshow .flex-active-slide .slideshowcaption {
    z-index: 10;
}
/* Clearfix for the .slides element */

html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin-bottom: 0px; margin-top: 0px;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { background: url("/uploads/images/icons/direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; width: 28px; height: 45px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: transparent; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent: -9999px; }
.flex-direction-nav a:hover, .flex-prev a:hover, .flex-next a:hover, .flex-direction-nav a, .flex-next a, .flex-prev a
{
text-indent: -9999px;
font-size:0px;
}
.flex-direction-nav .flex-prev { left: -28px; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -28px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 55px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 55px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }



/* Control Nav */
.flex-control-nav {width: 100%; position: relative; bottom: -10px; z-index: 10; text-align: center;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 15px; height: 15px; display: block; background: #d0d0d0; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #ffed00;  }
.flex-control-paging li a.flex-active { background: #ffed00; cursor: default; }

#promotions .flex-control-paging li a {
    background: #fff;
}
#promotions .flex-control-paging li a:hover { background: #002550;  }
#promotions .flex-control-paging li a.flex-active { background: #002550; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

#promotions .flex-direction-nav a {
    top: 43%;
}
#teamSlider .flex-control-nav {
    margin-top: 50px;
}
#teamSlider .flex-direction-nav a {
    top: 41%;
}
/* cmsms stylesheet: dealer_famax modified: 07/27/18 13:31:10 */
/* Wookmark Custom CSS */



#tiles {
  list-style-type: none;
  position: relative; 
  margin: 0;
  padding: 0;
}

#tiles li {
  width: 200px;
  overflow:hidden;
  display: none; 
  /*cursor: pointer;*/
        -moz-box-sizing: border-box;
           box-sizing: border-box;
padding: 0px;
}

.posotion-container {
    position: relative;

}
.posotion-container.no-image {
    min-height: 250px;

}

.wookmark-placeholder {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}


#tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}


    #tiles li img {
      min-width: 100%;
      height: auto;
	  display: block;
	  clear: both;
    }
	
	#tiles li p {
		color: #002550;
		font-size: 14px;
		font-family: sans-serif;
		
		line-height: 1.231;
		text-align: left;
		
		
		/*line-height: 25px;*/
		overflow: hidden;
		
		margin:2px 10px 10px 10px;
		clear:both;
		/*height: 40px;*/
		position: absolute;
		top: 0;
		opacity: 0;
		transition: all 1s ease;
		background-color: #d0d0d0;
		bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
	}

#tiles li p:hover,
#tiles li .posotion-container.no-image p{
    opacity: 1;
    height: 320px;
}
#tiles li.three.columns:nth-child(9n+3) p:hover,
#tiles li.three.columns:nth-child(9n+3) .posotion-container.no-image p {
    height:650px;
}

/*Famax CSS*/

#famax,.famax {
background-color: transparent;
width:100%;
margin:0px auto;
font-size: 14px;
text-align: center;
max-width: 100%!important;
}

.famax-video-list-title {
color: #002550;
display: block;
font-weight: bold;
overflow: hidden;
/*height: 22px;*/
float: none;
width: 90%;
margin: 20px auto;
font-size:22px;
line-height: 1.3;
text-transform: uppercase;
font-family: "HelveticaNeue", sans-serif;

}

.famax-video-list-views {
color: #555;
display: inline-block;
font-size: 12px;
float: left;
}

.famax-duration {
background-color: black;
color: white;
padding: 2px 3px;
font-weight: bold;
position: absolute;
bottom: 52px;
right: 0;
opacity: 1;
}

.famax-definition {
background-color: black;
color: white;
padding: 2px 3px;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}

#famax-lightbox {position:fixed;background-color:rgba(0,0,0,0.9);z-index:100;width:100%;height:100%;left:0;top:0;display:none;}

#famax-video-lightbox {opacity:1;}

#famax-iframe-holder {
width:100%; 
position:absolute; 
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 480px;
}

.famax-loading {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 120px;
height: 30px;
color: white;
font-size: 30px;
}

#famax-header {
background-color: rgb(53,53,53);
font: 24px Arial;
color: white;
line-height: 25px;
height: 120px;
text-align: left;
position: relative;
background-position: center center;
background-size: cover;
display: none;
}

#famax-header-wrapper {
position:relative;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
}

#famax-stat-holder {
float: right;
height: 100%;
}


.famax-stat {
float: right;
margin: 40px 15px 40px 15px;
font: 11px Arial;
color: #fff;
text-align: center;
font-weight: bold;
}

#famax-video-list-div {
width: 100%;
text-align: left;
display: inline-block;
background-color: transpanrent;
height: auto!important;
}

.famax-stat-count {
font: 18px Arial;
padding-bottom: 5px;
display: inline-block;
font-weight: bold;
}

.famax-channel-icon {
display: inline-block;
}

.famax-channel-title {
max-width: 250px;
display: inline-block;
font-size: 24px;
vertical-align: top;
height: 120px;
line-height: 120px;
overflow:hidden;
}

.famax-channel-icon  img{
vertical-align:middle; height: 80px;
margin: 20px; display:inline-block;
border: none;
width: auto;
border-radius: 3px;
margin-left: 32px;
}

.famax-subscribe{
display: inline-block;
width: 130px;
height: 25px;
overflow: hidden;
position: absolute;
top: 0;
margin: auto;
left: 0;
bottom: 0;
right: 0;
}

.famax-subscribe div {
position:static !important;
vertical-align: top !important;
}

.famax-subscribe iframe {
position:static !important;
transform: scale(1.2);
transform-origin: top left;
}

#famax-header-wrapper>a {
text-decoration: none;
color: white;
height: 120px;
display: inline-block;
outline: none;
}

#famax-tabs {
text-align: left;
background-color: #fff;
padding-left: 30px;
padding-right: 30px;
margin-top: 22px;
display:none;
}

.famax-tab,.famax-encloser-button {
background-color: #ffffff;
color: #666;
text-shadow: 0 1px 0 #fff;
display: inline-block;
margin: 5px;
margin-top: 10px;
cursor: pointer;
cursor: hand;
/*max-width: 150px;*/
height: 23px;
overflow: hidden;
line-height: 23px;
box-sizing: content-box;
border-radius: 2px;
font-size: 16px;
padding: 5px 11px;
}

.famax-tab:hover {
background-color: #f7f7f7;
}

.famax-tab-hover {
	color:white;
	background-color: #0097ab !important;
	text-shadow:none;

}


/*#famax-load-more-div {
width: 100%;
height: 40px;
background-color: #d4d4d4;
color: #666;
text-shadow: 0 1px 0 #E9E9E9;
cursor: pointer;
border: 0;
outline: 0;
font-size: 15px;
font-weight: 900;
line-height: 1px;
border-radius: 0px;
}

#famax-load-more-div:hover {
color: white;
background-color: #0097ab;
text-shadow:none;
}*/

.famax-load-more-div-click {
color: white !important;
background-color: #002550 !important;
text-shadow:none !important;
}

#famax-select{
width: 90%;
font-size: 14px;
margin-top: 20px;
border: 1px solid #ccc;
border-radius: 4px;
height: auto;
padding: 8px;
outline: none;
background-color:#fff;
display: none;
}

#famax-select-box{
	display:none;
}

#famax-select > option {
  background: white;
  color:#5A5A5A;
  cursor:pointer;
}

#famax-encloser {
margin-top: 20px;
}

/*New Famax */
.famax-link {
	font-weight:normal;
	font-style:italic;
	color:#666;
}

#tiles>li:hover .famax-hover-icon {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

.famax-hover-icon {
	display: inline-block;
	position: absolute;
	left: 43%;
	top: 40%;
	color: white;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s cubic-bezier(.83,.01,.17,1) 0.3s,opacity 0.3s cubic-bezier(.83,.01,.17,1);
}

.famax-hover-icon-play i{
background: rgba(0,0,0,0.7);
padding: 12px 12px 12px 15px;
border-radius: 40px;
}

.famax-iframe-icon-play i{
background: rgba(0,0,0,0.7);
/*padding: 18px 18px 18px 20px;
border-radius: 40px;*/
padding: 12px 12px 12px 16px;
color: white;
}

.famax-iframe-icon-play{
position: absolute;
z-index: 1050;
left: 0;
top: 0;
/*right: 0;
bottom: 0;
width: 50px;
height: 50px;*/
margin: auto;
overflow: visible;
display:none;
}


.famax-hover-icon-link i{
background: rgba(0,0,0,0.7);
padding: 14px 12px 12px 12px;
border-radius: 40px;
}

.famax-hover-icon-search i{
background: rgba(0,0,0,0.7);
padding: 12px 13px 12px 13px;
border-radius: 40px;
}

span.famax-link-title {
    width: 90%;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin: 15px auto 0;
    float: none;
    font-weight: bold;
    font-family: "HelveticaNeue", sans-serif;
}

span.famax-link-description {
    margin-bottom: 8px;
    display: block;
    width: 90%;
    margin: 5px auto 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-family: "HelveticaNeue", sans-serif;
}

.famax-attachment-holder {
	width: 100%;
    display: table;
    table-layout: fixed;
	height:150px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}

.famax-attachment:first-child {
	border-left:0px !important;
}

.famax-attachment:last-child {
	border-right:0px !important;
}

.famax-attachment {
    border: 1px solid grey;
    display: table-cell;
	background-size: cover;
	background-position: center center;
	border: 2px solid #fff;
}

.famax-from-img {
width: 40px;
height:40px;
background-size: cover;
background-position: center center;
display: inline-block;
float: left;
}

.famax-from-name {
display: inline-block;
line-height: 40px;
float: left;
margin-left: 12px;
color: white;
font-size: 15px;
}

.famax-from {
display: inline-block;
width: 100%;
background-color: rgb(50, 56, 69);
/*margin-bottom: -4px;*/
float:left;
}

.famax-link-post {
	text-decoration:none;
	outline: none;
	border: none;
	display: block;
	clear:both;
}

a img{border:0;}

#tiles li img, .famax-attachment{
	cursor:pointer;
}

.mfp-content {
width:auto;
}

/*
.famax-link-separator {
border-bottom: 1px dotted #9F9F9F;
margin-bottom: 10px;
margin-top: 10px;
}*/


/*Famax 4.0 added styles*/


.famax-link{
color: #002550;
font-weight: 700 !important;
text-decoration: none;
font-style: normal;
font-size: 20px;
/* color: rgb(111, 111, 111) !important; */
}

a.famax-link:hover {
/*color: rgb(111,111,111);*/
text-decoration: underline;
}
a.famax-link {
    color: #fff;
}
#famax-tabs span {
border-radius: 2px;
}

#tiles li {
	border:none !important;
}

.famax-album-photo-count {
font-size: 20px;
font-weight: bold;
}

.famax-album-line {
width: 40%;
border: 2px solid rgb(218, 218, 218);
display: inline-block;
}

.famax-album-line-wrapper {
font-size: 7px;
margin-top: 4px;
line-height: 9px;
}

.famax-album-photo-count-box {
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 85px;
line-height: 20px;
/* border-top: 10px solid rgb(205, 205, 205); */
/* border-bottom: 10px solid rgb(205, 205, 205); */
}

.famax-album-photo-count-wrapper {
position: absolute;
right: 0;
top: 0;
height: 100%;
background-color: rgba(0,0,0,0.5);
color: white;
width: 30%;
text-align: center;
}

#famax-showing-title {
margin-top: 20px;
width: 100%;
}

#famax-showing-title .famax-tab {
width: 100%;
box-sizing: border-box;
height: auto;
margin: 0;
padding: 6px;
}

.famax-likes-shares-comments-string {
width: 100%;
height: 30px;
/*background-color: rgba(0,0,0,0.6);*/
background-color: #0097ab;
color: white;
}

.famax-show-likes,.famax-show-comments { /*.famax-show-shares*/
width: 50%;
display: inline-block;
text-align: center;
line-height: 30px;
cursor: pointer;
float: left;
}

.famax-likes-count, .famax-comments-count, .famax-shares-count {
display: inline-block;
margin-left: 4px;
}

.famax-from {
background-color: rgb(90, 90, 90);
}

.white-popup {
  position: relative;
  background: #FFF;
  /*padding: 20px;*/
  width: auto;
  max-width: 900px;
  margin: 20px auto;
}

/* 4.0 comment styles */


.famax-popup-show-button {
z-index: 1046;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: auto;
cursor:pointer;
/*margin-top: 15px;*/
}

.famax-load-more-comments-clicked,.famax-load-more-likes-clicked {
background-color: #0097ab !important;
}

.famax-comment-textbox {
width: 70%;
height: 40px;
margin: 5px;
vertical-align: middle;
box-sizing: border-box;
padding: 10px;
font-size: 14px;
border: 1px solid #D6D6D6;
background: #ffffff;
}

.famax-add-comment-button,.famax-add-like-button {
margin: 5px;
width: 15%;
height: 40px;
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0,0,0,.05);
background-color: #0097ab;
background-image: -webkit-linear-gradient(top,transparent,transparent);
border: 1px solid transparent;
color: #fff;
text-shadow: none;
border-radius: 2px;
cursor: pointer;
font-size: 13px;
font-weight: bold;
text-align: center;
white-space: nowrap;
margin-right: 16px;
line-height: 1;
vertical-align: bottom;
}

.famax-add-like-button {
width: 35%;
}


.famax-comment-from ,.famax-like-from {
display: inline-block;
width: 100%;
/*background-color: #323845;*/
float: left;
}

.famax-comment-from-img,.famax-like-from-img {
width: 40px;
height: 40px;
background-size: cover;
background-position: center center;
display: inline-block;
float: left;
border-radius: 40px;
}

.famax-comment-from-name,.famax-like-from-name {
display: inline-block;
line-height: 40px;
float: left;
margin-left: 12px;
font-size: 16px;
color: #000;
}

.famax-comment-content,.famax-like-content {
text-align: left;
margin-top: 10px;
display: inline-block;
overflow: hidden;
float: left;
/*font-size: 1.1em;*/
font-size: 15px;
color: #666;
line-height: 18px;
}

.famax-published {
display: inline-block;
line-height: 40px;
float: right;
margin-right: 12px;
color: #6b7cb5;
font-size: 14px;
}

#famax-encloser-comment-holder,#famax-encloser-like-holder {
	display: hidden;
	width: 100%;
}
.famax-video-comment,.famax-video-like {
display: inline-block;
width: 80%;
margin: 10px;
background: #e6e6e6;
padding: 15px 15px;
box-shadow: inset 1px 1px 0 rgba(220,220,220,.25),1px 1px 2px rgba(59,59,59,.26);
padding-left: 22px;
}

.famax-comment,.famax-like {
/*background: #ffffff;*/
display: inline-block;
width: 100%;

}

.famax-encloser-comment-wrapper-popup ,.famax-encloser-like-wrapper-popup {
/*position: absolute;
z-index: 1046;*/
}

.famax-encloser-comment-holder-popup,.famax-encloser-like-holder-popup {
background: #ffffff;
padding: 20px 0px;
}

#famax-encloser-comment-wrapper,#famax-encloser-like-wrapper {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

#famax-encloser-comments,#famax-encloser-likes {
	width:100%;
	display:inline-block;
	/*min-height:150px;*/
}

.famax-more-comments-button,.famax-more-likes-button {
	color: white;
	background-color: rgb(122, 122, 122);
	text-shadow: none;
	width: 150px;
	height: 25px;
	line-height: 25px;
	border-radius: 2px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	cursor:pointer;
}

.famax-more-comments-button:hover,.famax-more-likes-button:hover {
	background-color: #0097ab !important;
}

#famax-like-block {
	max-width: 500px;
}

.famax-facebook-f {
font-size: 17px;
line-height: 1px;
font-weight: 900;
font-family: cursive;
}

#famax-video-list-div img[src^=undefined] {height: 500px;width: 100%;}
#famax-video-list-div img[src=''] {height: 500px;width: 100%;}

/*Fitvids*/

.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}
.fluid-width-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*Responsive media queries*/


@media all and (max-width: 800px) , screen and (max-device-width: 800px) {

	#famax-stat-holder {
	display:none;
	}

	.famax-subscribe {
	left:initial;
	}

	#famax-select-box{
		display:block;
	}

	#famax-tabs {
		display:none;
	}

}





@media all and (max-width: 500px) , screen and (max-device-width: 500px) {

	#famax-stat-holder {
	display:none;
	}

	.famax-subscribe {
	display:none;
	}

	.famax-tab {
	width: 42%;
	text-align: center;
	}
	
	.famax-channel-icon  img{
		margin-left: 10px;
	}	

}

@media all and (max-width: 350px) , screen and (max-device-width: 350px) {

	.famax-tab {
	width: 90%;
	text-align: center;
	}

	.famax-channel-icon  img{
		margin-left: 10px;
	}

}

	

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*Added in v5*/
li#tags-not-found span {
  text-align: center;
}

.famax-image-wrapper {
  position: relative;
}

.famax-hover-icon {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.famax-loading-div {
text-align:center; height:300px; font:14px Calibri;
}

i#famax-back-to-albums {
  float: left;
  margin-top: 4px;
  margin-left: 4px;
}



/*Added after free listing - Good Will update*/

.famax-subscribe {
    width: 50px;
    height: 63px;
	left: 85%;
}

#famax-stat-holder {
    display: none;
}

.famax-subscribe iframe {
    transform: none;
}

.famax-channel-title {
    font-family: fantasy;
    font-size: 40px;
    max-width: initial;
}

.famax-tab {
    font-family: fantasy;
    font-size: 17px;
    padding: 6px 14px;
}

#famax-load-more-div {
    width: auto;
    margin: 20px auto!important;
    float: none;
    font-size: 17px;
    font-family: "HelveticaNeue", sans-serif;
    background-color: transparent;
    border: 2px solid;
}


.famax-likes-shares-comments-string {
    background-color: #bdd8dc;
    color: #0097ab;
    font-weight: bold;
}

.famax-video-list-title {
    color: #002550;
}

#tiles li:nth-child(2n) p {
    background-color: #d0d0d0;
}
#tiles li:nth-child(3n) p {
    background-color: #ffed00;
}
 

#tiles li.three.columns .famax-video-list-title {
    font-size: 16px;
}
#tiles li.three.columns .famax-link {
    font-size: 16px;
}
@media (min-width: 1201px) {
#tiles li {
    clip: rect(0px, 320px, 450px, 0px);
    min-height: 320px;
    max-height: 320px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 320px;
    min-height: 320px;
}

#tiles li.three.columns {
    width: 24%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 320px;
    margin-left: 1%!important;
}
#tiles li.three.columns:nth-child(9n+2) {
    margin-top: 330px;
    margin-left: -24%!important;
}
#tiles li.three.columns:nth-child(9n+3) {
    width: 49%!important;
    height: 650px;
}
#tiles li.three.columns:nth-child(9n+3) .famax-video-list-title,
#tiles li.three.columns:nth-child(9n+3) .famax-link-title,
#tiles li.three.columns:nth-child(9n+3) .famax-link-description {
    font-size: 25px;
}
#tiles li:nth-child(9n+3) {
    clip: rect(0px, 650px, 920px, 0px);
    min-height: 650px;
    max-height: 650px;
    
}
#tiles li:nth-child(9n+3) img {
    display: block;
    clear: both;
    max-height: 150%;
    min-height: 650px;
}
}
@media (min-width: 980px) and (max-width: 1200px) {
#tiles li {
    clip: rect(0px, 320px, 450px, 0px);
    min-height: 320px;
    max-height: 320px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 320px;
    min-height: 320px;
}
#tiles li.three.columns {
    width: 32.3%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 320px;
    margin-left: 1%!important;
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 150%;
    min-height: 650px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#tiles li {
    clip: rect(0px, 380px, 450px, 0px);
    min-height: 380px;
    max-height: 380px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 380px;
    min-height: 380px;
}
#tiles li.three.columns {
    width: 49%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 380px;
    margin-left: 1%!important;
}
#tiles li p {
    position: absolute;
    height: auto!important;
    bottom:0;
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 150%;
    min-height: 650px;
}
}
@media (max-width: 768px) {
#tiles li {
    clip: rect(0px, 680px, 450px, 0px);
    min-height: 680px;
    max-height: 680px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 680px;
    min-height: 680px;
}
#tiles li.three.columns {
    width: 100%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 680px;
    margin-left: 1%!important;
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 150%;
    min-height: 650px;
}
#tiles li p {
    position: absolute;
    height: auto!important;
    bottom:0;
}
}
@media (max-width: 480px) {
#tiles li {
    clip: rect(0px, 580px, 450px, 0px);
    min-height: 580px;
    max-height: 580px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 580px;
    min-height: 580px;
}
#tiles li.three.columns {
    width: 100%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 580px;
    margin-left: 1%!important;
}
#tiles li p {
    position: absolute;
    height: auto!important;
    bottom:0;
}
}
@media (max-width: 400px) {
#tiles li {
    clip: rect(0px, 480px, 450px, 0px);
    min-height: 480px;
    max-height: 480px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 480px;
    min-height: 480px;
}
#tiles li.three.columns {
    width: 100%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 480px;
    margin-left: 1%!important;
}
#tiles li p {
    position: absolute;
    height: auto!important;
    bottom:0;
}
}
@media (max-width: 300px) {
#tiles li {
    clip: rect(0px, 480px, 450px, 0px);
    min-height: 380px;
    max-height: 380px;
    background-color: #f4f4f4;
    
}
#tiles li img {
    display: block;
    clear: both;
    max-height: 380px;
    min-height: 380px;
}
#tiles li.three.columns {
    width: 100%!important;
    position: relative!important;
    float: left!important;
    top: auto!important;
    left: auto!important;
    height: 380px;
    margin-left: 1%!important;
}
#tiles li p {
    position: absolute;
    height: auto!important;
    bottom:0;
}
}