/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible !important;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  background: #000;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: #000;
}
#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}
#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
  z-index: 5000;
}
/**
 * slippry v1.2.1 - Simple responsive content slider
 * http://slippry.com
 *
 * Author(s): Lukas Jakob Hafner - @saftsaak
 *            Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2013, booncon oy - http://booncon.com
 *
 * Thanks @ http://bxslider.com for the inspiration!
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* -------------------------- MIXINS ---------------------------------- */
/* -------------------------- END MIXINS ---------------------------------- */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
}
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%);
  }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%);
  }
}
/* added to the original element calling slippry */
.sy-box.sy-loading {
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  background-size: 32px;
  min-height: 40px;
}
.sy-box.sy-loading .sy-slides-wrap,
.sy-box.sy-loading .sy-pager {
  visibility: hidden;
}
/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.sy-slides-wrap:hover .sy-controls {
  display: block;
}
/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.sy-list.horizontal {
  -webkit-transition: left ease;
  -moz-transition: left ease;
  -o-transition: left ease;
  transition: left ease;
}
.sy-list.vertical {
  -webkit-transition: top ease;
  -moz-transition: top ease;
  -o-transition: top ease;
  transition: top ease;
}
/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}
.sy-slide.kenburns.useCSS {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name: left-right;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: left-right;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: left-right;
  -o-animation-fill-mode: forwards;
  animation-name: left-right;
  animation-fill-mode: forwards;
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards;
}
.sy-slide.sy-active {
  z-index: 3;
}
.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}
/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  /* display: none; */
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
}
.sy-controls li {
  position: absolute;
  min-width: 1px;
  height: 100%;
  z-index: 33;
}
.sy-controls li.sy-prev {
  left: 0;
  top: 0;
}
.sy-controls li.sy-next {
  right: 0;
  top: 0;
}
.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}
.sy-controls li a:link,
.sy-controls li a:visited {
  /* opacity: 0.4; */
}
.sy-controls li a:hover,
.sy-controls li a:focus {
  /* opacity: 0.8; */
  outline: none;
}
@media only screen and (max-device-width: 600px) {
  .sy-controls {
    display: block;
  }
  .sy-controls li {
    min-width: 2.1em;
  }
  .sy-controls li a:after {
    width: 1.4em;
    height: 1.4em;
    margin-top: -0.7em;
    margin-left: -0.7em;
  }
}
/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%;
}
.sy-caption-wrap .sy-caption {
  position: relative;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
  padding: 0.4em 1em;
  -webkit-border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  -ms-border-radius: 1.2em;
  -o-border-radius: 1.2em;
  border-radius: 1.2em;
}
.sy-caption-wrap .sy-caption a:link,
.sy-caption-wrap .sy-caption a:visited {
  color: #e24b70;
  font-weight: 600;
  text-decoration: none;
}
.sy-caption-wrap .sy-caption a:hover,
.sy-caption-wrap .sy-caption a:focus {
  text-decoration: underline;
}
@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
  .sy-caption-wrap {
    left: 0;
    bottom: 0.4em;
  }
  .sy-caption-wrap .sy-caption {
    left: 0;
    padding: 0.2em 0.4em;
    font-size: 0.92em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}
/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.sy-pager li {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin: 0 1em 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li.sy-active a {
  background-color: #e24b70;
}
.sy-pager li a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #cccccc;
  text-indent: -9999px;
  -webkit-background-size: 2em;
  -moz-background-size: 2em;
  -o-background-size: 2em;
  background-size: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.sy-pager li a:link,
.sy-pager li a:visited {
  /*   opacity: 1.0; */
}
.sy-pager li a:hover,
.sy-pager li a:focus {
  /*   opacity: 0.6; */
}
/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}
.sy-filler.ready {
  -webkit-transition: padding 600ms ease;
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  transition: padding 600ms ease;
}
/*---------------------------------------- Widget CSS ----------------------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
.gallery-widget .description-container > *:not(:first-child) {
  display: none;
}
.gallery-widget .description {
  overflow: hidden;
}
.gallery-widget .image-container {
  width: 100%;
  height: 100%;
}
.gallery-widget.thumbs-bottom .gallery-thumbs,
.gallery-widget.thumbs-top .gallery-thumbs {
  display: inline-block;
  *display: inline;
  zoom: 1;
  overflow: hidden;
}
.gallery-widget.thumbs-bottom .gallery-thumbs li,
.gallery-widget.thumbs-top .gallery-thumbs li {
  float: left;
}
.gallery-widget.thumbs-bottom .gallery-thumbs li:last-child,
.gallery-widget.thumbs-top .gallery-thumbs li:last-child {
  margin-right: 0;
}
.gallery-widget.thumbs-bottom .gallery-display,
.gallery-widget.thumbs-top .gallery-display {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/*--------------------------*/
/*--------------------------*/
.item-list-widget .description {
  overflow: hidden;
}
.item-list-widget .item-list {
  overflow: hidden;
}
.item-list-widget .item-list li {
  float: left;
}
/*--------------------------*/
/*--------------------------*/
.profile-widget {
  overflow: hidden;
}
.profile-widget .image img {
  max-width: 100%;
}
.profile-widget.desc-left .description {
  float: left;
}
.profile-widget.desc-left .image {
  float: right;
}
.profile-widget.desc-right .description {
  float: right;
}
.profile-widget.desc-right .image {
  float: left;
}
/*--------------------------*/
/*--------------------------*/
.slider-widget .sy-controls li {
  width: 100px;
}
.slider-widget .slider-thumbs {
  overflow: hidden;
}
.slider-widget .slider-thumbs > * {
  cursor: pointer;
  float: left;
}
.slider-widget .slider-thumbs > *:last-child {
  margin-right: 0 !important;
}
.slider-widget .slider-thumbs > *.active {
  cursor: default;
}
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
.video-widget .video-container {
  position: relative;
  cursor: pointer;
}
.video-widget .video-container .video-button {
  position: absolute;
}
.video-widget .video-container video {
  width: 100%;
  height: 100%;
}
/*---------------------------------------- Modal CSS ----------------------------------------*/
#cboxWrapper .cbox-border {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#cboxWrapper .cbox-border > div {
  position: absolute;
}
#cboxWrapper .cbox-border .cbox-border-top,
#cboxWrapper .cbox-border .cbox-border-bottom {
  width: 100%;
}
#cboxWrapper .cbox-border .cbox-border-right,
#cboxWrapper .cbox-border .cbox-border-left {
  height: 100%;
}
#cboxWrapper .cbox-border .cbox-border-top,
#cboxWrapper .cbox-border .cbox-border-topleft {
  top: 0;
  left: 0;
}
#cboxWrapper .cbox-border .cbox-border-right,
#cboxWrapper .cbox-border .cbox-border-topright {
  top: 0;
  right: 0;
}
#cboxWrapper .cbox-border .cbox-border-bottom,
#cboxWrapper .cbox-border .cbox-border-bottomleft {
  bottom: 0;
  left: 0;
}
#cboxWrapper .cbox-border .cbox-border-left {
  top: 0;
  left: 0;
}
#cboxWrapper .cbox-border .cbox-border-bottomright {
  bottom: 0;
  right: 0;
}
/*--------------------------*/
/*--------------------------*/
.gallery-modal {
  cursor: pointer;
}
.gallery-modal-container {
  display: none;
}
/*--------------------------*/
/*--------------------------*/
.video-modal {
  cursor: pointer;
}
.video-modal-overlay iframe {
  position: relative;
  z-index: 5000;
}
/*--------------------------*/
/*--------------------------*/
.image-modal {
  cursor: pointer;
}
/*--------------------------*/
/*--------------------------*/
.image-reel-modal {
  cursor: pointer;
}
.image-reel-modal-container {
  display: none;
}
/*---------------------------------------- Extension CSS ----------------------------------------*/
/*--------------------------*/
/*--------------------------*/
.tabs-extension .tabs-navigation {
  overflow: hidden;
}
.tabs-extension .tabs-navigation li {
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
  text-align: center;
  float: left;
}
.tabs-extension .tabs-navigation li:last-child {
  margin: 0;
}
.tabs-extension .tabs-container > *:not(:first-child) {
  display: none;
}
/*--------------------------*/
/*--------------------------*/
.sliding-thumbs-extension {
  position: relative;
  overflow: hidden;
}
.sliding-thumbs-extension ul {
  position: absolute;
}
.sliding-thumbs-extension .arrow-left,
.sliding-thumbs-extension .arrow-right {
  cursor: pointer;
  position: absolute;
  z-index: 50;
}
.sliding-thumbs-extension .arrow-left {
  left: 0;
}
.sliding-thumbs-extension .arrow-right {
  right: 0;
}
/*---------------------------------------- Functions ----------------------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
/*--------------------------*/
html,
body {
  background: #000;
}
a {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
#wrapper {
  min-width: 980px;
  overflow: hidden;
}
/*--------------------------*/
/*--------------------------*/
#header {
  position: relative;
  margin: 0 auto;
}
#header .header-background {
  position: relative;
  width: 2000px;
  margin: 0 auto;
  z-index: 10;
}
#header .header-background img {
  width: 100%;
}
#header .header-foreground {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 50;
}
#header .header-foreground .header-foreground-content {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
#content {
  position: relative;
  min-height: 640px;
  margin: 0 auto;
}
#navigation {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 50;
}
#navigation .nav-container {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#navigation .nav-container > * {
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
  float: left;
}
#navigation .nav-container > *.active,
#navigation .nav-container > *.disabled {
  cursor: default;
}
#top-button-container {
  position: fixed;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: 9999;
}
#top-button-container .top-button-align {
  width: 980px;
  height: 1px;
  margin: 0 auto;
}
#top-button-container .top-button {
  cursor: pointer;
}
article {
  width: 980px;
  margin: 0 auto;
}
/*--------------------------*/
/*--------------------------*/
@font-face {
  font-family: 'colaborate-regularregular';
  src: url('../font/ColabReg-webfont.eot');
  src: url('../font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ColabReg-webfont.woff') format('woff'), url('../font/ColabReg-webfont.ttf') format('truetype'), url('../font/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------*/
/*--------------------------*/
/* #z8-header {
	background-color: #000;
	width: 100%;
	height: 61px;
	overflow: hidden;
} */
#header {
  position: relative;
  max-width: 1940px;
  height: 880px;
}
#header #header-animate {
  overflow: hidden;
}
#header .header-top {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}
#header .header-top .logo {
  position: absolute;
  width: 323px;
  height: 70px;
  top: 15px;
  left: 18%;
}
#header .header-top .social {
  position: absolute;
  width: 400px;
  height: 100px;
  top: 45px;
  right: 0;
}
#navigation {
  background: url('../img/nav_pattern.jpg') repeat-x center top;
  height: 80px;
}
#navigation .nav-container {
  background: url('../img/nav_divider.jpg') no-repeat left top;
}
#navigation li {
  font: 700 30px 'colaborate-regularregular';
  color: #6c5656;
  line-height: auto;
  margin-bottom: 0;
  background: url('../img/nav_divider.jpg') no-repeat right top;
  width: 191px;
  height: 53px;
  text-align: center;
  padding-top: 20px;
}
#navigation li.active,
#navigation li:hover:not(.disabled) {
  font: 700 30px 'colaborate-regularregular';
  color: #b80000;
  line-height: auto;
  margin-bottom: 0;
  border-bottom: 1px solid #b80000;
}
#top-button-container .top-button {
  background: url('../img/backtotop.png') no-repeat;
  width: 37px;
  height: 55px;
  margin-top: -55px;
  margin-left: 1055px;
}
#top-button-container .top-button:hover {
  background-position: -37px 0;
}
#weapons {
  position: relative;
}
#weapons .update-button-container {
  position: absolute;
  /*     position: relative; */
  width: 100%;
  /*     max-width: 1920px; */
  height: 200px;
  top: 0;
  /* 		margin: 0 auto; */
}
#weapons .update-button-container .update-button {
  position: relative;
  background: url('http://image.br.z8games.com/cfbr/patches/mutants_vs_knights/img/update_buttons.png') no-repeat;
  width: 282px;
  height: 63px;
  top: 56px;
  left: 547px;
  /* 			margin: 0 auto; */
  cursor: pointer;
}
#weapons .update-button-container .update-button.one {
  background-position: 0 0;
}
#weapons .update-button-container .update-button.one:hover,
#weapons .update-button-container .update-button.one.active {
  background-position: -282px 0;
}
#weapons .update-button-container .update-button.two {
  background-position: 0 -63px;
}
#weapons .update-button-container .update-button.two:hover,
#weapons .update-button-container .update-button.two.active {
  background-position: -282px -63px;
}
#events {
  background: url('http://image.br.z8games.com/cfbr/patches/mutants_vs_knights/img/events/events_bg.jpg') no-repeat center top;
  height: 500px;
  /*   max-width: 1920px; */
}
#events h2 {
  background: url('http://image.br.z8games.com/cfbr/patches/mutants_vs_knights/img/events/events_title.png') no-repeat right 60px;
  width: 820px;
  height: 24px;
  padding: 60px 0;
  margin: 0 auto;
}
#events .item-list-widget .item-list li {
  width: 213px;
  height: 271px;
  margin-right: 20px;
  margin-bottom: 0;
}
#events .item-list-widget .item-list li:nth-child( 3n + 3) {
  margin-right: 0;
}
#events .item-list-widget .item-list {
  position: relative;
  left: 86px;
}
@media (max-width: 1700px) {
  #header-animate,
  #mode-animate,
  #weapons-animate,
  #maps-animate,
  #items-animate,
  .update-button {
    margin-left: -200px !important;
  }
}
@media (max-width: 1500px) {
  #header-animate,
  #mode-animate,
  #weapons-animate,
  #maps-animate,
  #items-animate,
  .update-button {
    margin-left: -300px !important;
  }
}
@media (max-width: 1300px) {
  #header-animate,
  #mode-animate,
  #weapons-animate,
  #maps-animate,
  #items-animate,
  .update-button {
    margin-left: -400px !important;
  }
}
@media (max-width: 1100px) {
  #header-animate,
  #mode-animate,
  #weapons-animate,
  #maps-animate,
  #items-animate,
  .update-button {
    margin-left: -450px !important;
  }
}
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
html.lt-ie9 #header-static {
  height: 100%;
  background: url('../img/legacy/header/static_bg.jpg') no-repeat center top;
  position: absolute;
  height: 880px;
  width: 100%;
}
html.lt-ie9 #mode {
  /* 	.gallery-widget.thumbs-bottom  {
		.GalleryHorizontalThumbs(941px, 400px, 10px, 112px, 80px, 10px, 4, left, 1, 4, '../img/rewards/thumb', '.jpg', url('../img/ajax_loader.gif') no-repeat center);
	} */
}
html.lt-ie9 #mode .section-image {
  height: 750px;
  background: url("../img/legacy/mode/section_image.jpg") no-repeat center top;
}
html.lt-ie9 #weapons .section-image {
  height: 750px;
  background: url('../img/legacy/weapons/section_image.jpg') no-repeat center top;
}
html.lt-ie9 #maps .section-image {
  height: 750px;
  background: url('../img/legacy/maps/section_image.jpg') no-repeat center top;
}
html.lt-ie9 #items .section-image {
  height: 750px;
  background: url('../img/legacy/items/section_image.jpg') no-repeat center top;
}
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
.lt-ie9 .edge-content {
  display: none;
}
.lt-ie9 .legacy-content {
  display: block;
}
html:not(.lt-ie9) .edge-content {
  display: block;
}
html:not(.lt-ie9) .legacy-content {
  display: none;
}
/* //Debug
.edge-content {
  display: block;
} 

.legacy-content {
  display: none;
}  */