/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
  margin-left: -99999px;
  position: absolute;
  visibility: hidden; }

form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  border: solid 1px rgba(208, 164, 139, 0.5);
  background: white; }

form.custom .custom.checkbox {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: -1px; }

form.custom .custom.radio {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  padding: 3px; }

form.custom .custom.checkbox:before {
  content: "";
  display: block;
  font-size: 16px;
  color: white; }

form.custom .custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  background: #222222;
  position: relative; }

form.custom .custom.checkbox.checked:before {
  content: "\00d7";
  font-family: 'FontAwesome';
  color: #222222;
  position: absolute;
  top: -45%;
  left: 50%;
  margin-top: 4px;
  margin-left: -5px; }

form.custom .custom.checkbox.large {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  top: -50%;
  margin-right: 10px;
  margin-top: -5px; }

form.custom .custom.checkbox:before {
  content: "";
  display: block;
  font-size: 28px;
  color: white; }

form.custom .custom.checkbox.large.checked:before {
  margin-left: -8px; }

/* Custom Select Options and Dropdowns */
form.custom {
  /* Custom input, disabled */ }

form.custom .custom.dropdown {
  display: block;
  position: relative;
  top: 0;
  height: 2.3125em;
  margin-bottom: 1.25em;
  margin-top: 0px;
  padding: 0px;
  width: 100%;
  color: #476050;
  background: white;
  background: none;
  background: none;
  -webkit-box-shadow: none;
  background: white;
  border-color: #e8d2c5 transparent;
  box-shadow: none;
  font-size: 0.875em;
  vertical-align: top; }

form.custom .custom.dropdown:hover {
  background: #f0e0c0;
  border-bottom: 1px solid #f0e0c0; }

form.custom .custom.dropdown ul {
  overflow-y: auto;
  max-height: 240px; }

form.custom .custom.dropdown .current {
  cursor: default;
  white-space: nowrap;
  line-height: 2.25em;
  color: #476050;
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin-left: 0.5em;
  margin-right: 2.3125em; }

form.custom .custom.dropdown .selector {
  cursor: default;
  position: absolute;
  width: 2.5em;
  height: 2.3125em;
  display: block;
  right: 0;
  top: 0; }

form.custom .custom.dropdown .selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #4b3015 transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  left: 0.9375em;
  top: 50%;
  margin-top: -3px; }

form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #4b3015 transparent transparent transparent;
  border-top-style: solid; }

form.custom .custom.dropdown .disabled {
  color: #e8451f; }

form.custom .custom.dropdown .disabled:hover {
  background: transparent;
  color: #e8451f; }

form.custom .custom.dropdown .disabled:hover:after {
  display: none; }

form.custom .custom.dropdown.open ul {
  display: block;
  z-index: 10;
  min-width: 100%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

form.custom .custom.dropdown.small {
  max-width: 134px; }

form.custom .custom.dropdown.medium {
  max-width: 254px; }

form.custom .custom.dropdown.large {
  max-width: 434px; }

form.custom .custom.dropdown.expand {
  width: 100% !important; }

form.custom .custom.dropdown.open.small ul {
  min-width: 134px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form.custom .custom.dropdown.open.medium ul {
  min-width: 254px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form.custom .custom.dropdown.open.large ul {
  min-width: 434px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

form.custom .custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: -1px;
  top: auto;
  -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  background: white;
  border: solid 1px #e8d2c5;
  font-size: 16px; }

form.custom .custom.dropdown ul li {
  color: #555555;
  font-size: 0.875em;
  cursor: default;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.375em;
  padding-right: 2.375em;
  min-height: 1.5em;
  line-height: 1.5em;
  margin: 0;
  white-space: nowrap;
  list-style: none; }

form.custom .custom.dropdown ul li.selected {
  background: #cb997c;
  color: black; }

form.custom .custom.dropdown ul li:hover {
  background-color: #e8d2c5;
  color: black; }

form.custom .custom.dropdown ul li.selected:hover {
  background: #dab6a0;
  cursor: default;
  color: black; }

form.custom .custom.dropdown ul.show {
  display: block; }

form.custom .custom.disabled {
  background: #dddddd; }

body.artist form.custom .custom.dropdown ul {
  border: solid 1px #a2bfcd; }

body.artist form.custom .custom.dropdown ul li.selected {
  background: #6091a9;
  color: black; }

body.artist form.custom .custom.dropdown ul li:hover {
  background-color: #a2bfcd;
  color: black; }

body.artist form.custom .custom.dropdown ul li.selected:hover {
  background: #81a8bb;
  cursor: default;
  color: black; }

body.artist form.custom .custom.dropdown {
  background: #a2bfcd;
  border-color: #a2bfcd; }

body.artist form.custom .custom.dropdown:hover {
  background: #c3d6df;
  border-bottom: 1px solid #c3d6df; }

body.dark form.custom .custom.dropdown .current {
  color: white;
  letter-spacing: 0.1em; }

body.dark form.custom .custom.dropdown ul {
  border: solid 1px #ab885f; }

body.dark form.custom .custom.dropdown ul li.selected {
  background: #6c5438;
  color: black; }

body.dark form.custom .custom.dropdown ul li:hover {
  background-color: #ab885f;
  color: black; }

body.dark form.custom .custom.dropdown ul li.selected:hover {
  background: #8d6e4a;
  cursor: default;
  color: black; }

body.dark form.custom .custom.dropdown {
  background: #ab885f;
  border-color: #451e15 transparent; }

body.dark form.custom .custom.dropdown:hover {
  background: #bda180;
  border-bottom: 1px solid #bda180; }

body.brown form.custom .custom.dropdown .current {
  color: #643728;
  letter-spacing: 0.1em; }

body.brown form.custom .custom.dropdown ul li.selected {
  background: #6c5438;
  color: black; }

body.brown form.custom .custom.dropdown ul li:hover {
  background-color: #ab885f;
  color: black; }

body.brown form.custom .custom.dropdown ul li.selected:hover {
  background: #8d6e4a;
  cursor: default;
  color: black; }

body.brown form.custom .custom.dropdown {
  background: transparent;
  border-color: #cba590 transparent transparent; }

body.brown form.custom .custom.dropdown:hover {
  background: #bda180;
  border-bottom: 1px solid #bda180; }

body.dark.textured form.custom .custom.dropdown .current {
  color: #4b3015;
  letter-spacing: 0.1em; }

body.dark.textured form.custom .custom.dropdown ul {
  border: solid 1px #ab885f; }

body.dark.textured form.custom .custom.dropdown ul li.selected {
  background: #6c5438;
  color: black; }

body.dark.textured form.custom .custom.dropdown ul li:hover {
  background-color: #ab885f;
  color: black; }

body.dark.textured form.custom .custom.dropdown ul li.selected:hover {
  background: #8d6e4a;
  cursor: default;
  color: black; }

body.dark.textured form.custom .custom.dropdown {
  background: url(../img/dark-textured2.jpg) 400px center;
  border-color: #cba590 transparent; }

body.dark.textured form.custom .custom.dropdown:hover {
  background: #bda180;
  border-bottom: 1px solid #dbc1b3; }

body.green form.custom .custom.dropdown .current {
  color: #476050;
  letter-spacing: 0.1em; }

body.green form.custom .custom.dropdown ul {
  border: solid 1px -2; }

body.green form.custom .custom.dropdown ul li.selected {
  background: #92a877;
  color: black; }

body.green form.custom .custom.dropdown ul li:hover {
  background-color: #c4d0b5;
  color: black; }

body.green form.custom .custom.dropdown ul li.selected:hover {
  background: #abbc96;
  cursor: default;
  color: black; }

body.green form.custom .custom.dropdown {
  background: #c4d0b5;
  border-color: #aabd83 transparent; }

body.green form.custom .custom.dropdown:hover {
  background: #bda180;
  border-bottom: 1px solid #c1cfa4; }

body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }

  40% {
    -moz-transform: translateY(-30px); }

  60% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }

  40% {
    -o-transform: translateY(-30px); }

  60% {
    -o-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }

  40% {
    transform: translateY(-30px); }

  60% {
    transform: translateY(-15px); } }

.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

.panel {
  float: left;
  margin: 20px;
  position: relative;
  font-size: .8em;
  -webkit-perspective: 600px;
  -moz-perspective: 600px; }

/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  border: 1px solid #ccc;
  background: #6b7077;
  text-align: center;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.panel.flip .front {
  z-index: 900;
  border-color: #eee;
  background: #333;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); }

.panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  border: 1px solid #ccc;
  background: #333;
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.panel.flip .back {
  z-index: 1000;
  background: #80868d;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); }

/* -- X axis rotation for click panel -- */
.click .front {
  cursor: pointer;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg); }

.click.flip .front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg); }

.click .back {
  cursor: pointer;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg); }

.click.flip .back {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg); }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

ul#content-slider-1 .banner {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-transition: -webkit-transform 1s 1s, opacity 2s;
  -moz-transition: -moz-transform 1s 1s, opacity 2s;
  transition: transform 1s 1s, opacity 2s; }

.royalSlider .rsSlide .banner-text {
  opacity: 0;
  -webkit-transform: translateX(-70px);
  -moz-transform: translateX(-70px);
  transform: translateX(-70px);
  -webkit-transition: -webkit-transform 1s, opacity 2s;
  -moz-transition: -moz-transform 1s, opacity 2s;
  transition: transform 1s, opacity 2s; }

.royalSlider .rsActiveSlide .banner-text {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px); }

.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

.top {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s; }

.animated, .top-top {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.tagline {
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

.song-image {
  -webkit-animation-name: reset, fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: reset, fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: 1; }

a.logo {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

@-webkit-keyframes reset {
  0% {
    opacity: 0; }

  100% {
    opacity: 0; } }

@-moz-keyframes reset {
  0% {
    opacity: 0; }

  100% {
    opacity: 0; } }

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

  60% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  60% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes slidein {
  from {
    margin-left: -2000px; }

  to {
    margin-left: 0px; } }

@-webkit-keyframes slidein {
  from {
    margin-top: 00px; }

  to {
    margin-top: 100px; } }

@-moz-keyframes slideleft {
  from {
    margin-left: -40px; }

  to {
    margin-left: 0px; } }

@-webkit-keyframes slideleft {
  from {
    margin-left: -40px; }

  to {
    margin-left: 0px; } }

/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** * Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/** * Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video {
  display: inline-block; }

/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0; }

/** * Address styling not present in IE 8/9. */
[hidden] {
  display: none; }

/* ========================================================================== Base ========================================================================== */
/** * 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 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/** * Remove default margin. */
body {
  margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** * Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted; }

/** * Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
  outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/** * Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted; }

/** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong {
  font-weight: bold; }

/** * Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic; }

/** * Address differences between Firefox and other browsers. */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/** * Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000; }

/** * Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/** * Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre-wrap; }

/** * Set consistent quote types. */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/** * 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. */
img {
  border: 0; }

/** * Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** * Address margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** * 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. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
button, input {
  line-height: normal; }

/** * 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 Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */
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"], 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; }

/** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome * on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/** * Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** * Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0; }

meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 48em)/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:48em) and (max-width:1300px)/";
  width: 48em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 16px; }

body {
  background: #000;
  color: #eee;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 48em) {
    body {
      background: #262626 url(../images/hatch2.png); } }

body.splash {
  background: #1c1c1c; }

img,
object,
embed {
  max-width: 100%;
  height: auto;
  background: none; }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }

.flex-video.widescreen {
  padding-bottom: 57.25%; }

.flex-video.vimeo {
  padding-top: 0; }

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

.royalSlider img,
.royalSlider object,
.royalSlider embed {
  max-width: none;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left; }

.right {
  float: right; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.hide {
  display: none; }

img {
  display: block; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1550px;
  *zoom: 1; }

.row.wide {
  max-width: none; }

.row.narrow {
  max-width: 75em; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row .column,
.row .columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%; }

.row.collapse .column,
.row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;background-color: rgba(0, 0, 0, 0.62);
    padding-bottom: 10px;    width: 100%;
 }
 
 

.row.collapse2 {
  position: relative;
 float:left;background-color: rgba(0, 0, 0, 0.62);
    padding-bottom: 10px;    width: 100%;
 }
 
 

.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1; }

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table; }

.row .row.collapse:after {
  clear: both; }

@media only screen {
  .row .column,
  .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .row .small-1 {
    position: relative;
    width: 8.33333%; }

  .row .small-2 {
    position: relative;
    width: 16.66667%; }

  .row .small-3 {
    position: relative;
    width: 25%; }

  .row .small-4 {
    position: relative;
    width: 33.33333%; }

  .row .small-5 {
    position: relative;
    width: 41.66667%; }

  .row .small-6 {
    position: relative;
    width: 50%; }

  .row .small-7 {
    position: relative;
    width: 58.33333%; }

  .row .small-8 {
    position: relative;
    width: 66.66667%; }

  .row .small-9 {
    position: relative;
    width: 75%; }

  .row .small-10 {
    position: relative;
    width: 83.33333%; }

  .row .small-11 {
    position: relative;
    width: 91.66667%; }

  .row .small-12 {
    position: relative;
    width: 100%; }

  .row .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: left; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
  .row .large-1 {
    position: relative;
    width: 8.33333%; }

  .row .large-2 {
    position: relative;
    width: 16.66667%; }

  .row .large-3 {
    position: relative;
    width: 20%; }

  .row .large-4 {
    position: relative;
    width: 33.33333%; }

  .row .large-5 {
    position: relative;
    width: 41.66667%; }

  .row .large-6 {
    position: relative;
    width: 50%; }

  .row .large-7 {
    position: relative;
    width: 58.33333%; }

  .row .large-8 {
    position: relative;
    width: 66.66667%; }

  .row .large-9 {
    position: relative;
    width: 70%; }

  .row .large-10 {
    position: relative;
    width: 83.33333%; }

  .row .large-11 {
    position: relative;
    width: 91.66667%; }

  .row .large-12 {
    position: relative;
    width: 100%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-2 {
    left: inherit; }

  .small-pull-2 {
    right: inherit; }

  .small-push-3 {
    left: inherit; }

  .small-pull-3 {
    right: inherit; }

  .small-push-4 {
    left: inherit; }

  .small-pull-4 {
    right: inherit; }

  .small-push-5 {
    left: inherit; }

  .small-pull-5 {
    right: inherit; }

  .small-push-6 {
    left: inherit; }

  .small-pull-6 {
    right: inherit; }

  .small-push-7 {
    left: inherit; }

  .small-pull-7 {
    right: inherit; }

  .small-push-8 {
    left: inherit; }

  .small-pull-8 {
    right: inherit; }

  .small-push-9 {
    left: inherit; }

  .small-pull-9 {
    right: inherit; }

  .small-push-10 {
    left: inherit; }

  .small-pull-10 {
    right: inherit; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; } }
/* Foundation Visibility HTML Classes */
@media only screen and (max-width: 34em) {
  .hide-for-smallest {
    display: none !important; } }
@media only screen {
  .show-for-small,
  .show-for-medium-down,
  .show-for-large-down {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-up,
  .show-for-large,
  .show-for-large-up,
  .show-for-xlarge {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-up,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-xlarge {
    display: inherit !important; }

  .hide-for-small,
  .hide-for-medium-down,
  .hide-for-large-down {
     }
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-up,
  .show-for-large-down {
    display: inherit !important; }

  .show-for-small,
  .show-for-large,
  .show-for-large-up {
    display: none !important; }

  .hide-for-small,
  .hide-for-large,
  .hide-for-large-up {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-up,
  .hide-for-large-down {
    display: none !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
  .show-for-medium-down,
  .show-for-medium-up,
  .show-for-large,
  .show-for-large-down,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-small,
  .show-for-medium {
    display: none !important; }

  .hide-for-small,
  .hide-for-medium {
    display: inherit !important; }

  .hide-for-medium-down,
  .hide-for-medium-up,
  .hide-for-large,
  .hide-for-large-down,
  .hide-for-large-up {
    display: none !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
  .show-for-medium-up,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-small,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-down,
  .show-for-large {
    display: none !important; }

  .hide-for-small,
  .hide-for-medium,
  .hide-for-large {
    display: inherit !important; }

  .hide-for-medium-down,
  .hide-for-medium-up,
  .hide-for-large-down,
  .hide-for-large-up {
    display: none !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; } }
@media screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 -10px; }

  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 10px 10px; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }

  .small-block-grid-1:nth-of-type(1n+1) {
    clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 5px 10px; }

  .small-block-grid-2:nth-of-type(2n+1) {
    clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }

  .small-block-grid-3:nth-of-type(3n+1) {
    clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }

  .small-block-grid-4:nth-of-type(4n+1) {
    clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }

  .small-block-grid-5:nth-of-type(5n+1) {
    clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }

  .small-block-grid-6:nth-of-type(6n+1) {
    clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }

  .small-block-grid-7:nth-of-type(7n+1) {
    clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }

  .small-block-grid-8:nth-of-type(8n+1) {
    clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }

  .small-block-grid-9:nth-of-type(9n+1) {
    clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }

  .small-block-grid-10:nth-of-type(10n+1) {
    clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }

  .small-block-grid-11:nth-of-type(11n+1) {
    clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }

  .small-block-grid-12:nth-of-type(12n+1) {
    clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }

  .large-block-grid-1:nth-of-type(1n+1) {
    clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 15px 15px; }

  .large-block-grid-2:nth-of-type(2n+1) {
    clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 12px 12px; }

  .large-block-grid-3:nth-of-type(3n+1) {
    clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 20px; }

  .large-block-grid-4:nth-of-type(4n+1) {
    clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }

  .large-block-grid-5:nth-of-type(5n+1) {
    clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }

  .large-block-grid-6:nth-of-type(6n+1) {
    clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }

  .large-block-grid-7:nth-of-type(7n+1) {
    clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }

  .large-block-grid-8:nth-of-type(8n+1) {
    clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }

  .large-block-grid-9:nth-of-type(9n+1) {
    clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }

  .large-block-grid-10:nth-of-type(10n+1) {
    clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }

  .large-block-grid-11:nth-of-type(11n+1) {
    clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }

  .large-block-grid-12:nth-of-type(12n+1) {
    clear: both; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

.button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white; }

.button:hover, .button:focus {
  background-color: #2284a1; }

.button:hover, .button:focus {
  color: white; }

.button.secondary {
  background-color: #e9e9e9;
  border-color: #d0d0d0;
  color: #333333; }

.button.secondary:hover, .button.secondary:focus {
  background-color: #d0d0d0; }

.button.secondary:hover, .button.secondary:focus {
  color: #333333; }

.button.success {
  background-color: #5da423;
  border-color: #457a1a;
  color: white; }

.button.success:hover, .button.success:focus {
  background-color: #457a1a; }

.button.success:hover, .button.success:focus {
  color: white; }

.button.alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: white; }

.button.alert:hover, .button.alert:focus {
  background-color: #970b0e; }

.button.alert:hover, .button.alert:focus {
  color: white; }

.button.large {
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1.0625em;
  padding-left: 2em;
  font-size: 1.25em; }

.button.small {
  padding-top: 0.5625em;
  padding-right: 1.125em;
  padding-bottom: 0.625em;
  padding-left: 1.125em;
  font-size: 0.8125em; }

.button.tiny {
  padding-top: 0.4375em;
  padding-right: 0.875em;
  padding-bottom: 0.5em;
  padding-left: 0.875em;
  font-size: 0.6875em; }

.button.expand {
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  padding-top: 0.75em;
  padding-right: 0px;
  padding-bottom: 0.8125em;
  padding-left: 0px;
  width: 100%; }

.button.left-align {
  text-align: left;
  text-indent: 0.75em; }

.button.right-align {
  text-align: right;
  padding-right: 0.75em; }

.button.disabled, .button[disabled] {
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2284a1; }

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: white; }

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2ba6cb; }

.button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9;
  border-color: #d0d0d0;
  color: #333333;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #d0d0d0; }

.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #333333; }

.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #e9e9e9; }

.button.disabled.success, .button[disabled].success {
  background-color: #5da423;
  border-color: #457a1a;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #457a1a; }

.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: white; }

.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #5da423; }

.button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13;
  border-color: #970b0e;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #970b0e; }

.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: white; }

.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #c60f13; }

input.button,
button.button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em; }

input.button.tiny,
button.button.tiny {
  padding-top: 0.5em;
  padding-bottom: 0.4375em; }

input.button.small,
button.button.small {
  padding-top: 0.625em;
  padding-bottom: 0.5625em; }

input.button.large,
button.button.large {
  padding-top: 1.03125em;
  padding-bottom: 1.03125em; }

@media only screen {
  .button.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

  .button.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; } }
@media only screen and (min-width: 48em) {
  .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: -0.5em; }

form .row .row .column,
form .row .row .columns {
  padding: 0 0.5em; }

form .row .row.collapse {
  margin: 0; }

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0; }

form .row input.column,
form .row input.columns {
  padding-left: 0.5em; }

form .row .row {
  margin: 0; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em; }

label.right {
  float: none;
  text-align: right; }

label.inline {
  margin: 0 0 1em 0;
  padding: 0.625em 0; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.prefix.button.round {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

.prefix.button.round {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }

span.prefix.radius {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }

span.postfix.radius {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: rgba(255, 255, 255, 0.8);
  font-family: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: white;
  ox-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  outline: none; }

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: #dddddd; }

/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }
  @media only screen and (max-width: 48em) {
    .rsNav {
      display: none; } }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
  -webkit-backface-visibility: hidden; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url("../img/blank.gif");
  -webkit-backface-visibility: hidden; }

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #fff;
  color: #FFF; }

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: 0px auto 0px;
  background: none;
  text-align: center;
  line-height: 8px;
  overflow: hidden; }

.rsDefault .rsBullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 10px 5px 10px 5px;
  padding: 6px 0px 6px; }

.rsDefault .rsBullet span {
  display: block;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  border-radius: 50%;
  background: #888;
  background: rgba(255, 255, 255, 0.3); }

.rsDefault .rsBullet.rsNavSelected span {
  background: rgba(255, 255, 255, 0.7); }

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  height: auto; }

.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%; }

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%; }

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px; }

.rsDefault .rsThumb img {
  width: 100%;
  height: 100%; }

.rsDefault .rsThumb.rsNavSelected {
  background: #02874a; }

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.rsDefault .rsTmb {
  display: block; }

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF; }

.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px; }

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  visibility: visible !important;
  opacity: 1 !important; }

.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21; }

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px; }

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsHor .rsArrowLeft {
  left: -7px;
  top: 0; }
  @media screen and (max-width: 71em) {
    .rsDefault.rsHor .rsArrowLeft {
      left: -7px; } }

.rsDefault.rsHor .rsArrowRight {
  right: -7px;
  top: 0; }
  @media screen and (max-width: 71em) {
    .rsDefault.rsHor .rsArrowRight {
      right: -7px; } }

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 45%;
  left: 50%;
  margin-top: -10px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: none;
  opacity: 1 !important;
  background-color: #000;
  background-color: #000;
  *background-color: #000;
  -webkit-transition: opacity .20s ease-in-out;
  -moz-transition: opacity .20s ease-in-out;
  -o-transition: opacity .20s ease-in-out;
  opacity: 1;
  border-radius: 2px; }
  @media screen and (max-width: 48em) {
    .rsDefault .rsArrowIcn {
      opacity: 0.2;
      top: 175px; } }
  @media screen and (orientation: landscape) and (max-width: 48em) {
    .rsDefault .rsArrowIcn {
      top: 35%; } }

.rsDefault .rsArrowIcn:hover:after {
  color: #fff; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  border-radius: 0px 100em 100em 0px; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn:after {
  font-family: 'FontAwesome';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0% 0%;
  background-repeat: repeat;
  content: '\F104';
  font-size: 29px;
  color: #bd2f2f;
  padding: 7px 6px 0px 0px; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  border-radius: 100em 0px 0px 100em; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn:after {
  font-family: 'FontAwesome';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0% 0%;
  background-repeat: repeat;
  content: '\F105';
  font-size: 29px;
  color: #bd2f2f;
  padding: 7px 0px 0px 6px; }

.rsDefault.rsHor .rsArrowRight:hover .rsArrowIcn:after, .rsDefault.rsHor .rsArrowLeft:hover .rsArrowIcn:after {
  color: white; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px; }

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important; }

/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative; }

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  *display: inline;
  *zoom: 1; }

.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf; }

.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; }

.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #acacac, #bbbbbb);
  background-image: -moz-llinear-gradient(top, #acacac, #bbbbbb);
  background-image: linear-gradient(to bottom, #acacac, #bbbbbb); }

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer; }

.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("../img/rs-default.png") 0 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px; }

.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0; }

/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer; }

.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url("../img/rs-default.png") no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9); }

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%; }

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px; }

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("../img/rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/***************
*
*  7. Preloader
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url("../img/preloader-white.gif");
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px; }

.contentSlider {
  width: 100%;
  overflow-x: hidden; }

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  background: none;
  color: #000; }

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: none;
  text-align: center; }

.contentSlider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold; }

.contentSlider img {
  max-width: 100%;
  height: auto;
  display: block; }

.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background: #eee; }

/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }
  @media only screen and (max-width: 48em) {
    .rsNav {
      display: none; } }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
  -webkit-backface-visibility: hidden; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url("../img/blank.gif");
  -webkit-backface-visibility: hidden; }

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #fff;
  color: #FFF; }

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: 0px auto 0px;
  background: none;
  text-align: center;
  line-height: 8px;
  overflow: hidden; }

.rsDefault .rsBullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 10px 5px 10px 5px;
  padding: 6px 0px 6px; }

.rsDefault .rsBullet span {
  display: block;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  border-radius: 50%;
  background: #888;
  background: rgba(255, 255, 255, 0.3); }

.rsDefault .rsBullet.rsNavSelected span {
  background: rgba(255, 255, 255, 0.7); }

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  height: auto; }

.rsDefault .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%; }

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%; }

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px; }

.rsDefault .rsThumb img {
  width: 100%;
  height: 100%; }

.rsDefault .rsThumb.rsNavSelected {
  background: #02874a; }

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.rsDefault .rsTmb {
  display: block; }

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF; }

.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px; }

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  visibility: visible !important;
  opacity: 1 !important; }

.rsDefault .rsArrow {
  height: 100%;
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21; }

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px; }

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsHor .rsArrowLeft {
  left: -7px;
  top: 0; }
  @media screen and (max-width: 71em) {
    .rsDefault.rsHor .rsArrowLeft {
      left: -7px; } }

.rsDefault.rsHor .rsArrowRight {
  right: -7px;
  top: 0; }
  @media screen and (max-width: 71em) {
    .rsDefault.rsHor .rsArrowRight {
      right: -7px; } }

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 45%;
  left: 50%;
  margin-top: -10px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background: none;
  opacity: 1 !important;
  background-color: #000;
  background-color: #000;
  *background-color: #000;
  -webkit-transition: opacity .20s ease-in-out;
  -moz-transition: opacity .20s ease-in-out;
  -o-transition: opacity .20s ease-in-out;
  opacity: 1;
  border-radius: 2px; }
  @media screen and (max-width: 48em) {
    .rsDefault .rsArrowIcn {
      opacity: 0.2;
      top: 175px; } }
  @media screen and (orientation: landscape) and (max-width: 48em) {
    .rsDefault .rsArrowIcn {
      top: 35%; } }

.rsDefault .rsArrowIcn:hover:after {
  color: #fff; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  border-radius: 0px 100em 100em 0px; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn:after {
  font-family: 'FontAwesome';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0% 0%;
  background-repeat: repeat;
  content: '\F104';
  font-size: 29px;
  color: #bd2f2f;
  padding: 7px 6px 0px 0px; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  border-radius: 100em 0px 0px 100em; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn:after {
  font-family: 'FontAwesome';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0% 0%;
  background-repeat: repeat;
  content: '\F105';
  font-size: 29px;
  color: #bd2f2f;
  padding: 7px 0px 0px 6px; }

.rsDefault.rsHor .rsArrowRight:hover .rsArrowIcn:after, .rsDefault.rsHor .rsArrowLeft:hover .rsArrowIcn:after {
  color: white; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px; }

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important; }

/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative; }

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  *display: inline;
  *zoom: 1; }

.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf; }

.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; }

.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #acacac, #bbbbbb);
  background-image: -moz-llinear-gradient(top, #acacac, #bbbbbb);
  background-image: linear-gradient(to bottom, #acacac, #bbbbbb); }

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer; }

.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("../img/rs-default.png") 0 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px; }

.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0; }

/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer; }

.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url("../img/rs-default.png") no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9); }

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%; }

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px; }

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("../img/rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/***************
*
*  7. Preloader
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url("../img/preloader-white.gif");
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px; }

.contentSlider {
  width: 100%;
  overflow-x: hidden; }

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  background: none;
  color: #000; }

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: none;
  text-align: center; }

.contentSlider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold; }

.contentSlider img {
  max-width: 100%;
  height: auto;
  display: block; }

.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background: #eee; }

/*
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfontba72.eot?v=4.0.3");
  src: url("../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfontba72.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfontba72.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfontba72.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }
.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: white; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-mail-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.elastislide-wrapper.elastislide-loading {
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center; }

@font-face {
  font-family: 'DINLightRegular';
  src: url("../fonts/dinl____-webfont.eot");
  src: url("../fonts/dinl____-webfont86d7.eot?iefix") format("eot"), url("../fonts/dinl____-webfont.woff") format("woff"), url("../fonts/dinl____-webfont.ttf") format("truetype"), url("../fonts/dinl____-webfont.svg#webfontZam02nTh") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DINBoldRegular';
  src: url("../fonts/dinb____-webfont.eot");
  src: url("../fonts/dinb____-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/dinb____-webfont.woff") format("woff"), url("../fonts/dinb____-webfont.ttf") format("truetype"), url("../fonts/dinb____-webfont.svg#DINBoldRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'din-mediumregular';
  src: url("../fonts/dinm____.eot");
  src: url("../fonts/dinm____d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/dinm____.woff") format("woff"), url("../fonts/dinm____.ttf") format("truetype"), url("../fonts/dinm____.svg#din-mediumregular") format("svg");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal;
  padding: 0px;
  margin: 0px;
  line-height: 1.25em;
  color: #f9faf6;
  text-align: left; }

h1 {
  font-family: 'DINLightRegular';
  letter-spacing: .1em; }

h1.large {
  font-size: 4em;
  letter-spacing: 0em;
  margin: 0em 0px -0.25em -2px; }
  @media screen and (min-width: 0px) and (max-width: 48em) {
    h1.large {
      font-size: 3em; } }

h1.large.alt {
  color: #bd2f2f; }

h2, .top-nav, .bottom-nav, .banner p, h3 {
  font-family: 'din-mediumregular';
  letter-spacing: .05em; }

h4 {
  font-family: 'DINBoldRegular';
  padding: 0.5em 0px;
  text-transform: uppercase; }

a {
  color: #f9faf6;
  text-decoration: none;
  line-height: inherit; }

a:hover, a:focus {
  color: #bd2f2f; }

a img {
  border: none; }

p {
  color: #d0d0d0;
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  line-height: 1.6;
  margin-bottom: 1.25em; }
  @media screen and (min-width: 0px) and (max-width: 48em) {
    p {
      font-size: 1em;
      line-height: 1.5; } }

p.small {
  font-size: 13px;
  line-height: 20px; }

/* Styles */
.prop-content p {
  font-size: 14px !important; }

h1.prop-title {
  font-size: 3em;
  padding: 0em 0px 0.5em;
  color: #bd2f2f;
  letter-spacing: 0.015em; }
  @media only screen and (max-width: 48em) {
    h1.prop-title {
      font-size: 2.5em;
      padding: 0.25em 0px 0.5em; } }

h2.title {
  color: #fff;
  margin: 10px 0px 0px 0px;
  font-size: 20px;
  text-transform: uppercase; }

h2.title.feat {
  color: #7a7a7a;
  float:left;    font-size: 17px; }

.post-content h2 {
  color: #bd2f2f; }

h2.title.alt a, h2.title.alt {
  color: #f9faf6;
  margin: 0px 0px 0px 0px; }

h2.title.alt a, h2.post-title a:hover {
  color: #efefef; }

h2.title.alt a:hover, h2.post-title a {
  color: #bd2f2f; }

h2.small {
  font-size: 14px;
  line-height: 1em; }

/* Defaults */
hr {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #3D3D3D;
  margin: 20px 0px 10px; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.125em;
  margin-bottom: 0;
  font-size: 1em; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }

dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd; }

blockquote cite {
  display: block;
  font-size: 0.8125em;
  color: #555555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a,
blockquote cite a:visited {
  color: #555555; }

#main {
  margin: 0px auto;
  max-width: 1550px; }

#loading {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  margin: 0px;
  z-index: 1000;
  background: black; }

#loading span {
  font-size: 28px;
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 10px;
  margin: -33px 0px 0px -19px;
  z-index: 1000; }

/* Top Navigation */
.top-nav {
  z-index: 130;
  position: relative;
  color: #fff;
  border-top: 0px;
  margin: 0px 0px -2em;
  background: none; }
  @media only screen and (min-width: 48em) {
    .top-nav {
      background: none; } }
  @media only screen and (max-width: 48em) {
    .top-nav {
      background: #111;
      height: auto; } }

.hidden-nav {
  background: none;
  display: none;
  width: 100%;
  position: relative;
  color: #260A23;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px rgba(255, 255, 255, 0.1); }

.mobile-nav {
  background: #111;
  padding: 0px 0px 7px 0px;
  -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(0, 0, 0, 0.05), 0px 1px 0px rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 48em) {
    .mobile-nav {
      padding-top: 0px; } }
  @media only screen and (min-width: 48em) {
    .mobile-nav {
      display: none; } }

.top-nav ul li.logo {
  float: left;
  height: 40px; }

.top-nav ul li.logo {
  float: left; }

.top-nav ul li.logo a {
  margin: 10px 0px 0px 15px;
  background: transparent url("../images/logo.png") no-repeat;
  background-image: url("../images/logo.png") no-repeat;
  background-image: url("../images/logo.png") no-repeat, url("../images/logo.png") no-repeat;
  background-size: 150px 115px;
  width: 150px;
  height: 115px;
  opacity: 0.95; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .top-nav ul li.logo a {
      background: transparent url("../images/logo1.png") no-repeat;
      background-image: url("../images/logo1.png") no-repeat; } }
  @media only screen and (max-width: 1000px) {
    .top-nav ul li.logo a {
      margin: 20px 0px 0px 20px;
      background-size: 120px 59px;
      width: 120px;
      height: 59px; } }
  @media only screen and (max-width: 48em) {
    .top-nav ul li.logo a {
      background: transparent url("../images/logo1.png") no-repeat;
      background-image: url("../images/logo1.png") no-repeat;
      background-size: 120px 59px;
      width: 120px;
      height: 59px;
      margin: 15px 0px 0px 12px; } }

.top-nav ul li.logo a:hover {
  opacity: 1; }

.top-nav ul, .bottom-nav ul {
  padding: 0px;
  margin: 0px; }

.bottom-nav ul {
  padding: 0px;
  margin: 5px 0px 0px 0px; }

.top-nav ul li, .bottom-nav ul li {
  list-style-type: none;
  padding: 0px;
  text-transform: uppercase;
  float: left;
  margin: 0px 24px 0px 0px;
  display:none; }

.top-nav ul li:last-child, .bottom-nav ul li:last-child {
  margin: 0px 0px 10px 0px; }

.top-nav ul li:first-child {
  margin: 0px 0px 10px 0px; }

.top-nav ul li a, .bottom-nav ul li a {
  margin: 0px;
  display: inline-block;
 padding: 71px 0px 44px 0px;
  border-style: solid;
  border-width: 0px;
  font-weight: normal;
  -webkit-transition: opacity .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out;
  -moz-transition: opacity .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out;
  -o-transition: opacity .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out; }
  @media only screen and (max-width: 1070px) {
    .top-nav ul li a, .bottom-nav ul li a {
      padding: 60px 10px 7px 10px;
      font-size: 0.9em; } }
  @media only screen and (max-width: 48em) {
    .top-nav ul li a, .bottom-nav ul li a {
      padding: 75px 10px 7px 10px; } }

.bottom-nav ul li a {
  font-size: 16px;
  line-height: 1em;
  color: #b6b6b6;
  padding: 0px 19px 7px 20px; }
  @media only screen and (max-width: 1070px) {
    .bottom-nav ul li a {
      padding: 0px 10px 7px 10px;
      font-size: 0.9em; } }
  @media only screen and (max-width: 48em) {
    .bottom-nav ul li a {
      padding: 0px 10px 7px 10px; } }

.bottom-nav ul li a.production {
  color: #bd2f2f; }

.bottom-nav ul li a.education {
  color: #86c342; }

.bottom-nav ul li a.distribution {
  color: #0497ae; }

.bottom-nav ul li a.consulting {
  color: #d1af2a; }

.bottom-nav ul li a.kf {
  color: #782b8f; }

.our-work li h2 a {
  color: white; }

.our-work li h2 a:hover {
  color: #b054cc; }

.bottom-nav ul li a.production:hover, .bottom-nav ul li a.kf:hover, .bottom-nav ul li a.consulting:hover, .bottom-nav ul li a.distribution:hover, .bottom-nav ul li a.education:hover {
  color: white; }

.bottom-nav ul li a {
  padding-right: 10px; }

@media only screen and (max-width: 1070px) {
  .bottom-nav ul li ul li a {
    padding: 0px 10px 7px 0px;
    margin: 0px;
    font-size: 0.9em; } }

.bottom-nav ul li:last-child(5) a {
  padding: 0px 10px 7px 20px; }
  @media only screen and (max-width: 1040px) {
    .bottom-nav ul li:last-child(5) a {
      padding: 0px 10px 7px 10px; } }

.top-nav ul li a:after, .bottom-nav ul li a:after {
  content: '|';
  color: rgba(0, 0, 0, 0.7);
  font-family: 'DINBoldRegular';
  margin: 0px 0px 0px 20px;
  position: absolute; }
  @media only screen and (max-width: 1040px) {
    .top-nav ul li a:after, .bottom-nav ul li a:after {
      margin: 0px 0px 0px 10px; } }
  @media only screen and (max-width: 48em) {
    .top-nav ul li a:after, .bottom-nav ul li a:after {
      content: none; } }

.bottom-nav ul li a:last-child {
  content: none; }

.bottom-nav ul li a:after {
  content: none; }

.bottom-nav ul li a:after {
  color: rgba(255, 255, 255, 0.1); }
  @media only screen and (max-width: 1070px) {
    .bottom-nav ul li a:after {
      margin: 0px 0px 0px 10px; } }

.top-nav ul li a.active {
  background: rgba(5, 1, 0, 0.69);
  color: #ce3838;
  font-family: 'DINBoldRegular';
  margin: 0px -4px;
      padding-right: 7px;
	      padding-left: 7px; }
  @media only screen and (max-width: 1040px) {
    .top-nav ul li a.active {
      margin: 0px -5px; } }

.top-nav ul li a.active:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #bd2f2f; }

.top-nav ul li a.active:after, .top-nav ul li:nth-last-child(5) a:after, .top-nav ul li.logo a:after,
.bottom-nav ul li:nth-last-child(5) a:after {
  content: none;
  padding: 0px; }

.top-nav ul li a:hover {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8), -1px -1px 2px rgba(0, 0, 0, 0.8), 1px 1px 14px rgba(0, 0, 0, 0.8), -1px -1px 10px rgba(0, 0, 0, 0.8);
  color: #f1c7c7; }
  @media only screen and (max-width: 48em) {
    .top-nav ul li a:hover {
      text-shadow: none; } }

.bottom-nav ul li a:hover {
  color: #bd2f2f; }

.bottom-nav ul li ul li {
  float: none;
  padding: 0px;
  line-height: 1em;
  margin: 0px; }

.bottom-nav ul li ul li a, .bottom-nav ul li:nth-last-child(5) ul li a {
  float: none;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #565656;
  text-transform: none;
  padding: 0px 10px 0px 20px; }
  @media only screen and (max-width: 1070px) {
    .bottom-nav ul li ul li a, .bottom-nav ul li:nth-last-child(5) ul li a {
      padding: 0px 10px 0px 10px; } }

.bottom-nav ul li ul li a:after {
  content: none; }

.top-nav ul li a.active:hover {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
  color: #d34c4c; }

.top-nav ul li a:hover:after {
  text-shadow: none; }

.top-nav ul li a#show, .bottom-nav ul li a#show {
  float: right;
  margin: 0px 5px 0px 0px;
  padding: 0px 15px 7px 13px;
  font-weight: normal;
  font-size: 28px;
  color: #ccc;
  background: none;
  border: 0px;
  box-shadow: none; }
  @media only screen and (max-width: 48em) {
    .top-nav ul li a#show, .bottom-nav ul li a#show {
      margin: 45px 3px 0px 0px;
      padding: 12px 5px 7px 13px; } }

.top-nav ul li a#show:hover, .bottom-nav ul li a#show:hover {
  color: #bd2f2f;
  opacity: 1;
  text-shadow: none; }

.top-nav ul li a#show.down:before, .bottom-nav ul li a#show.down:before {
  content: "\f068"; }

.top-nav ul.site-map li {
  float: left;
  margin: 0px 5px 0px 0px;
  display: block;
  padding: 5px 5px 5px; }
  @media only screen and (max-width: 48em) {
    .top-nav ul.site-map li {
      float: none;
      margin: 10px 0px 10px 0px;
      padding: 0px 0px 0px 0px; } }

.top-nav ul.site-map:after {
  clear: both; }

.top-nav ul.site-map li:first-child a {
  float: none; }

.top-nav ul.site-map li a {
  background: none;
  text-align: right;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  box-shadow: none;
  border: 0px;
  margin: 0px;
  display: block;
  padding: 15px 10px 13px 0px; }
  @media only screen and (max-width: 48em) {
    .top-nav ul.site-map li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      text-align: left;     padding-left: 41px; } }

.top-nav ul.site-map li:last-child a {
  border: 0px;
  padding: 15px 10px 0px 40px; }

.top-nav ul.site-map li a:hover {
  color: #bd2f2f;
  box-shadow: none;
  opacity: 1; }

/* Second Navigation */
/* Top */
.top {
  z-index: 100;
  position: relative;
  display: inline-block;
  margin: -126px auto 0px;
  max-width: 1550px;
  width: 100%;
  background: #2D2D2D; }
  @media only screen and (max-width: 48em) {
    .top {
      margin: -70px auto 0px; } }

.top.property, .top.news, .top.page {
  padding: 160px 0px 0px; }
  @media only screen and (max-width: 48em) {
    .top.property, .top.news, .top.page {
      padding: 70px 0px 0px; } }

.middle.property, .middle.property, .middle.page {
  margin: 0px auto;
  padding: 0px; }

.middle.page {
  padding-top: 20px; }

.top.down, .middle.down, .drawer.down {
  opacity: 0.2; }

ul#content-slider-1 {
  width: 100%;
  max-width: 1550px;
  margin: 0px auto;
  padding: 0px; }

ul#content-slider-1 li {
  width: 100%; }

ul#content-slider-1 .banner {
  width: 100%;
  height: 800px;
  margin: -22px auto 0px;
  padding: 0px;
  max-width: 1550px;
  display: block; }
  @media only screen and (max-width: 48em) {
    ul#content-slider-1 .banner {
      height: 310px;
      height: 310px;
      background-position: 0px 40px; } }
  @media only screen and (max-width: 30em) {
    ul#content-slider-1 .banner {
      background-position: -20px 70px; } }
  @media only screen and (max-width: 1200px) and (min-width: 48em) {
    ul#content-slider-1 .banner {
      height: 600px; } }
  @media only screen and (max-height: 800px) and (min-width: 48em) {
    ul#content-slider-1 .banner {
      height: 600px; } }

.banner-text {
  margin: 540px 30px 0px 0px;
  text-align: right; }
  .banner-text h1 {
    color: white;
    text-align: right;
    font-size: 40px;
    letter-spacing: .025em;
    line-height: 1em;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7), -5px -5px 10px rgba(0, 0, 0, 0.3), 5px 5px 10px rgba(0, 0, 0, 0.3), 0px 0px 30px rgba(0, 0, 0, 0.7), -5px -5px 10px rgba(0, 0, 0, 0.3), 5px 5px 10px rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 48em) {
      .banner-text h1 {
        font-size: 19px;
        font-family: 'din-mediumregular';
        margin: 0px -10px 0px 0px;
        padding-right: 10px;
		float:left; } }
  .banner-text p {
    color: white;
    font-size: 1em;
    text-align: right;
    line-height: 1.2em;
    letter-spacing: .03em;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7), -5px -5px 10px rgba(0, 0, 0, 0.3), 5px 5px 10px rgba(0, 0, 0, 0.3), 0px 0px 10px rgba(0, 0, 0, 0.7), 5px 5px 10px rgba(0, 0, 0, 0.3), 15px 15px 20px rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 1000px) {
      .banner-text p {
        font-size: 1em; } }
    @media only screen and (max-width: 48em) {
      .banner-text p {
        display: none; } }
  .banner-text p a {
    color: white; }
  .banner-text p a:hover {
    color: white; }
  @media only screen and (max-width: 1200px) {
    .banner-text {
      margin: 340px 30px 0px 0px; } }
  @media only screen and (max-height: 800px) and (min-width: 48em) {
    .banner-text {
      margin: 340px 30px 0px 0px; } }
  @media only screen and (max-width: 48em) {
    .banner-text {
      margin: 300px 0px 0px 0px; } }

.menu {
  background: #1a1a1a;
  border-bottom: #000 1px solid;
  display: block;
  width: 100%;
  padding: 0px 0px 20px 0px;
  font-family: 'din-mediumregular'; }
  @media only screen and (max-width: 48em) {
    .menu {
      padding: 0px 0px 0px 0px;
      display: inline; } }
  .menu ul {
    max-width: 1555px;
    margin: 0px auto;
    padding: 5px 10px 10px;
    list-style-type: none; }
    @media only screen and (max-width: 48em) {
      .menu ul {
        margin: 0px;
        background: #2A2A2A;
        padding: 1px 0px 0px; } }
  .menu li {
    margin: 0px 5px;
    padding: 0px 2px 0px;
    float: left;
    text-transform: uppercase; }
    @media only screen and (max-width: 48em) {
      .menu li {
        margin: 0px;
        width: 50%;
        padding: 0px 0px 0px;
        background: #3a3a3a;
        text-align: center;
        border-bottom: 1px solid #2a2a2a; } }
  @media only screen and (max-width: 48em) {
    .menu li:hover {
      background: black; } }
  @media only screen and (max-width: 48em) {
    .menu li:nth-of-type(2n+1) {
      clear: both;
      -moz-box-shadow: inset -1px 0px 0px #2a2a2a;
      -webkit-box-shadow: inset -1px 0px 0px #2a2a2a;
      box-shadow: inset -1px 0px 0px #2a2a2a; } }
  .menu li:after {
    content: '/';
    color: #bd2f2f;
    font-family: 'DINLightRegular';
    padding: 0px 0px 0px 15px; }
    @media only screen and (max-width: 48em) {
      .menu li:after {
        content: none; } }
  .menu li:first-child {
    font-family: 'DINBoldRegular';
    margin: 0px 5px;
    padding: 1px 2px 0px;
    float: left; }
    @media only screen and (max-width: 48em) {
      .menu li:first-child {
        font-family: 'din-mediumregular';
        color: #222;
        background: #bd2f2f;
        margin: 0px;
        padding: 0px 0px 0px; } }
  .menu li:last-child:after {
    content: none; }
  .menu li:first-child a {
    color: #bd2f2f; }
    @media only screen and (max-width: 48em) {
      .menu li:first-child a {
        color: #222;
        margin: 0px;
        padding: 10px 10px;
        display: block; } }
  .menu li:first-child a:hover {
    color: #f9faf6; }
  .menu li a {
    color: #d0d0d0; }
    @media only screen and (max-width: 48em) {
      .menu li a {
        padding: 10px 10px;
        display: block; } }
  .menu li a:hover {
    color: #bd2f2f;
    cursor: pointer; }

.drawer, .middle {
  background: #2d2d2d;
  max-width: 1550px;
  margin: 0px auto; }

.drawer {
  padding-top: 15px;
  background: #444;
  background: #333333;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #333333 0%, #555555 34%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(34%, #555555));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #333333 0%, #555555 34%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #333333 0%, #555555 34%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #333333 0%, #555555 34%);
  /* IE10+ */
  background: linear-gradient(to bottom, #333333 0%, #555555 34%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#555555',GradientType=0 );
  /* IE6-8 */
  box-shadow: inset 0px 2px 15px rgba(0, 0, 0, 0.4), inset 0px 0px 30px rgba(0, 0, 0, 0.4), inset 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(255, 255, 255, 0.1); }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .drawer {
      display: none; } }

.middle {
  background: #262626 url(../images/hatch2.png);
  padding: 0px 0px 30px 0px;
  max-width: 1550px;
  margin: 0px auto; }

.middle.alt {
  background: #2D2D2D;
  padding: 20px 0px 20px;
  max-width: 1550px;
  margin: 0px auto;
  border-top: #333 1px solid; }

/* Drawer */
div.scrollingHotSpotLeft {
  -webkit-transition: all .20s ease-in-out;
  -moz-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  background: rgba(40, 40, 40, 0.8) url(../images/hatch2.png) 4px 3px;
  background-position: center center;
  position: absolute;
  z-index: 200;
  left: 0;
  border-radius: 0px 100em 100em 0px;
  -moz-border-radius: 0px 100em 100em 0px;
  -webkit-border-radius: 0px 100em 100em 0px;
  cursor: pointer; }

div.scrollingHotSpotLeftVisible {
  -webkit-transition: opacity .20s ease-in-out;
  -moz-transition: opacity .20s ease-in-out;
  -o-transition: opacity .20s ease-in-out;
  background: rgba(40, 40, 40, 0.8) url(../images/hatch2.png) 4px 3px;
  opacity: 1 !important;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
  zoom: 1; }

div.scrollingHotSpotRight {
  -webkit-transition: all .20s ease-in-out;
  -moz-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  background: rgba(40, 40, 40, 0.8) url(../images/hatch2.png) 4px 3px;
  position: absolute;
  z-index: 200;
  right: 0;
  border-radius: 100em 0px 0px 100em;
  -moz-border-radius: 100em 0px 0px 100em;
  -webkit-border-radius: 100em 0px 0px 100em;
  cursor: pointer; }

div.scrollingHotSpotRightVisible {
  -webkit-transition: all .20s ease-in-out;
  -moz-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;
  background: rgba(40, 40, 40, 0.8) url(../images/hatch2.png) 4px 3px;
  opacity: 1 !important;
  -moz-opacity: 1;
  filter: alpha(opacity=1);
  zoom: 1; }

.scrollingHotSpotRight:after {
  color: #ccc;
  content: '';
  font-style: normal;
  text-decoration: inherit;
  display: block;
  width: 16px;
  height: 26px;
  right: 0px;
  margin: 35px 0px 0px 38px;
  background: transparent url("../images/right.png") no-repeat;
  background-image: url("../images/right.png") no-repeat;
  background-image: url("../images/right.png") no-repeat, url("../images/right.png") no-repeat;
  background-size: 16px 26px; }
  @media only screen and (max-width: 48em) {
    .scrollingHotSpotRight:after {
      margin: 10px 0px 0px 10px;
      right: 10px; } }

div.scrollingHotSpotLeft:after {
  content: '';
  background: transparent url("../images/left.png") no-repeat;
  background-image: url("../images/left.png") no-repeat;
  background-image: url("../images/left.png") no-repeat, url("../images/left.png") no-repeat;
  background-size: 16px 26px;
  display: block;
  width: 16px;
  height: 26px;
  margin: 36px 0px 0px 25px; }
  @media only screen and (max-width: 48em) {
    div.scrollingHotSpotLeft:after {
      margin: 10px 0px 0px 5px;
      width: 36px;
      right: 10px; } }

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

div.scrollableArea {
  position: relative;
  width: auto;
  height: 100%; }

.drawer-horizontal {
  padding: 0px 0px;
  width: 100%;
  height: 400px;
  position: relative; }

.drawer-horizontal div.scrollableArea div {
  position: relative;
  float: left;
  margin: 0px 20px 0px 0px;
  padding: 20px 0px 40px 0px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.drawer-horizontal div.scrollableArea .block {
  margin: 0;
  -webkit-backface-visibility: hidden; }

.drawer-horizontal .block {
  height: 100%;
  display: inline-block; }
  @media only screen and (max-width: 48em) {
    .drawer-horizontal .block {
      max-width: auto;
      margin: 0px 20px 0px 0px; } }

.drawer-horizontal div.scrollableArea .block a img {
  display: inline-block;
  box-shadow: 3px 1px 0px rgba(10, 10, 10, 0.15), 2px 1px 0px rgba(10, 10, 10, 0.25);
  -webkit-transform: translateY(0px) scale(0.97);
  -moz-transform: translateY(0px) scale(0.97);
  -o-transform: translateY(0px) scale(0.97);
  -ms-transform: translateY(0px) scale(0.97);
  transform: translateY(0px) scale(0.97);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  display: block;
  margin: 0px 20px 0px 20px;
  border-top: 0px solid rgba(255, 255, 255, 0.3);
  max-width: 100%;
  z-index: 3;
  position: relative; }

.drawer-horizontal div.scrollableArea .block a:after {
  content: '';
  height: 70px;
  margin: -30px auto 0px;
  position: relative;
  display: block;
  opacity: 1;
  z-index: 1;
  padding: 0px 25px;
  -webkit-transform: translateY(-10px) scale(0.97);
  -moz-transform: translateY(-10px) scale(0.97);
  -o-transform: translateY(-10px) scale(0.97);
  -ms-transform: translateY(-10px) scale(0.97);
  transform: translateY(-10px) scale(0.97);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  background: url(../images/shadow.png) no-repeat center center; }

.drawer-horizontal div.scrollableArea .block a:hover img {
  box-shadow: 1px 3px 0px rgba(10, 10, 10, 0.25), 2px 2px 0px rgba(10, 10, 10, 0.25);
  transform: translate(-22px, 0px);
  -webkit-transform: translateY(-20px) scale(0.99);
  -moz-transform: translateY(-20px) scale(0.99);
  -o-transform: translateY(-20px) scale(0.99);
  -ms-transform: translateY(-20px) scale(0.99);
  transform: translateY(-20px) scale(0.99); }

.drawer-horizontal div.scrollableArea .block:hover a:after {
  padding: 0px 55px;
  opacity: 0.6;
  -webkit-transform: translateY(10px) scale(0.79);
  -moz-transform: translateY(10px) scale(0.79);
  -o-transform: translateY(10px) scale(0.79);
  -ms-transform: translateY(10px) scale(0.79);
  transform: translateY(10px) scale(0.79); }

/* Search */
.search-titles {
  padding-top: 7px; }
  @media only screen and (max-width: 48em) {
    .search-titles {
      background: black;
      padding-top: 3px; } }
  .search-titles input.but {
    background: none;
    border: 0px;
    -webkit-appearance: none;
    font-size: 29px;
    margin: 5px -5px 0px 0px;
    color: #bd2f2f;
    display: block;
    float: right;
    z-index: 12;
    width: 35px;
    position: relative; }
  .search-titles .sb {
    position: absolute;
    font-size: 26px;
    color: #bd2f2f;
    margin: 10px 0px 0px -25px;
    z-index: 10; }
    @media only screen and (max-width: 48em) {
      .search-titles .sb {
        margin: 14px 0px 0px -25px; } }
  .search-titles input.search {
    font-family: 'din-mediumregular';
    text-transform: uppercase;
    width: 110px;
    color: #999;
    font-weight: normal;
    border: 0px;
    letter-spacing: .1em;
    margin: 0px -4px 0px 0px;
    padding: 5px 10px 0px;
    line-height: 1em;
    background: none;
    opacity: 0.3;
    font-size: 20px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: none; }
    @media only screen and (max-width: 48em) {
      .search-titles input.search {
        float: right;
        width: auto;
        text-align: right;
        margin-bottom: 7px;
        padding: 10px 10px 0px; } }
    @media only screen and (max-width: 20em) {
      .search-titles input.search {
        width: 150px; } }
  .search-titles input.search:hover {
    width: 200px;
    opacity: 0.4;
    border-bottom: 1px solid #565656; }
    @media only screen and (max-width: 48em) {
      .search-titles input.search:hover {
        float: right;
        width: auto; } }
    @media only screen and (max-width: 20em) {
      .search-titles input.search:hover {
        width: 150px; } }
  .search-titles input.search:focus {
    width: 200px;
    opacity: 0.7;
    border-bottom: 1px solid #bd2f2f; }
    @media only screen and (max-width: 48em) {
      .search-titles input.search:focus {
        float: right;
        width: auto; } }
    @media only screen and (max-width: 20em) {
      .search-titles input.search:focus {
        width: 150px; } }

.our-work {
  margin: 10px 10px 0px 10px; }
  @media only screen and (max-width: 48em) {
    .our-work {
      margin: 15px 12px 0px 12px; } }
  .our-work .large-block-grid-4 > li {
    overflow: hidden;
    padding: 0 20px 30px; }
  .our-work li a.link {
    height: 100%;
    width: 100%;
    display: block; }
  .our-work li .img {
    width: 100%;
    height: 100%;
    box-shadow: 0px 2px 1px rgba(10, 10, 10, 0.3);
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #111; }
  .our-work li .mask, .our-work li .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0; }
  .our-work li .img img {
    display: block;
    position: relative; }
  .our-work li h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0; }
  .our-work li .img img {
    width: 100%;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out; }
  .our-work li .img .mask {
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; }
  .our-work li h2 {
    background: transparent;
    font-size: 12px;
    letter-spacing: 0.1em;
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    margin: -35px auto 0px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; }
    @media only screen and (max-width: 1130px) {
      .our-work li h2 {
        display: none; } }
    @media only screen and (max-width: 48em) {
      .our-work li h2 {
        display: inline-block;
        opacity: 1;
        margin-top: 40%;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); } }
  .our-work li:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0.4; }
  .our-work li:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .our-work li:hover h2 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6; }
  .our-work li a.more {
    bottom: 0px;
    top: 50%;
    margin: -45px auto 0px;
    z-index: 1000;
    width: 100%;
    display: block;
    position: absolute;
    font-size: 90px; }
  .our-work li a.more i.fa.fa-circle.fa-stack-2x {
    font-size: 90px;
    text-align: center;
    margin: 0px auto;
    color: rgba(255, 255, 255, 0.7); }
  .our-work li a.more i.fa.fa-play.fa-stack-1x.fa-inverse {
    margin: 0px auto;
    font-size: 40px;
    line-height: 90px;
    padding-left: 7px;
    text-align: center;
    color: #000; }
  .our-work li a.more:hover i.fa.fa-play.fa-stack-1x.fa-inverse {
    color: #bd2f2f; }
  .our-work .large-3.columns.listed {
    margin-bottom: 30px; }
  .our-work .large-3.columns.listed:nth-of-type(1), .our-work .large-3.columns.listed:nth-of-type(2), .our-work .large-3.columns.listed:nth-of-type(3) {
    display: none; }
  .our-work h4 {
    margin: 20px 0px 0px -3px;
    color: #bd2f2f; }
  .our-work h5 a {
    font-size: 15px;
    margin: 0px 0px 0px -3px;
    color: #a3a3a3; }
  .our-work h5 a:hover {
    color: #bd2f2f; }
  .our-work h2.prop-cat {
    margin: 0 0 1em 7px;
    text-transform: uppercase;
    font-size: 1em; }

.property h2.excerpt, .property h2.excerpt p {
  margin: 40px 0px 0px 0px;
  line-height: 1.2em;
  font-size: 1.25em;
  color: #a3a3a3; }
  @media only screen and (max-width: 48em) {
    .property h2.excerpt, .property h2.excerpt p {
      margin: 0.75em 0px 0px 0px;
      font-size: 1.15em; } }
.property h2.title.results {
  color: #bd2f2f; }
.property .property p {
  color: #afafaf;
  font-size: 15px; }
.property .expand {
  opacity: 0.7;
  float: left;
  margin-top: 83px;
  padding: 4px 6px;
  background: #4f4f4f;
  border-radius: 3px;
  font-size: 29px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
  @media only screen and (max-width: 48em) {
    .property .expand {
      display: none; } }
.property .expand.down {
  float: right;
  margin-top: 0px; }
  .property .expand.down a.fa-expand:before {
    content: '\f066'; }
.property .expand.down:after {
  clear: both;
  content: ''; }
.property .expand:hover {
  opacity: 1; }
.property .row.vid-pane {
  padding: 20px 0px 10px;
  background: rgba(0, 0, 0, 0.8); }
.property .row.vid-pane .large-8.columns, .property .row.vid-pane .large-4.columns {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }
@media only screen and (max-width: 48em) {
  .property .row.vid-pane {
    margin-top: 60px; } }
.property .row.vid-pane.down h2.excerpt, .property .row.vid-pane.down h2.excerpt p {
  margin-top: 20px;
  margin-right: 30px; }
.property .row.vid-pane.down .large-8.columns, .property .row.vid-pane.down .large-4.columns {
  float: none;
  width: 100%; }
.property ul.sub-cats {
  list-style-type: none;
  margin: 10px 0px 0px 4px;
  padding: 0px; }
  .property ul.sub-cats li {
    float: left;
    font-family: 'DINBoldRegular';
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: 0.1em; }
  .property ul.sub-cats li:nth-child(1), .property ul.sub-cats li:nth-child(2), .property ul.sub-cats li:nth-child(3) {
    display: none; }
  .property ul.sub-cats li a {
    color: #d0d0d0; }
  .property ul.sub-cats li a:hover {
    color: #bd2f2f; }

.about h1 {
 font-size: 33px;
    text-shadow: 0px 1px #171616; }
  .about h1 span {
    font-family: 'DINBoldRegular';
    color: #3a3a3a; }
  @media only screen and (max-width: 48em) {
    .about h1 {
          font-size: 20px;
    text-align: center; } }
.about p {
  color: #CACACA;
    font-family: 'DINLightRegular';
    font-size: 18px;
    line-height: 1.3em;
    
    text-align:justify;}
  @media only screen and (max-width: 48em) {
    .about p {
      font-size: 14px; } }

.page .large-8.columns.page {
  border-left: 1px solid #333;
  margin-top: 20px; }
  @media only screen and (max-width: 48em) {
    .page .large-8.columns.page {
      border: 0px; } }
.page .page-content {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  line-height: 1.6;
  margin-bottom: 1.25em;
  margin-top: 0px;
  padding: 0px 60px 50px 20px; }
  @media only screen and (max-width: 48em) {
    .page .page-content {
      padding: 10px 0px 20px; } }
.page ul.side-nav {
  margin: 80px 0px 0px;
  padding: 0px; }
  @media only screen and (max-width: 48em) {
    .page ul.side-nav {
      margin: 30px 0px 0px; } }
.page ul.side-nav li {
  list-style-type: none;
  font-family: 'DINBoldRegular'; }
.page ul.side-nav li a {
  padding: 0.5em 15px 0.5em 0px;
  line-height: 1.25em;
  border-top: 1px solid #565656;
  color: #f9faf6;
  font-size: 1em;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  display: block; }
.page ul.side-nav li a:before {
  content: none; }
.page ul.side-nav li:last-child a {
  border-top: 1px solid #565656;
  border-bottom: 1px solid #565656; }
.page ul.side-nav li:nth-child(1) a {
  border-top: 1px solid #565656; }
.page ul.side-nav li a:hover {
  padding: 0.5em 15px 0.5em 15px;
  border-top: 1px solid #bd2f2f;
  background: #bd2f2f;
  color: #fff; }
.page h2 {
  padding-bottom: 0.5em; }

.news {
  padding: 10px 0px 30px 0px; }
  .news h2.post-title {
    color: #bd2f2f;
    font-family: 'DINBoldRegular';
    font-size: 20px;
    padding: 0px 20px 0px 0px; }
  .news p.post-date {
    font-family: 'DINLightRegular';
    color: white;
    font-size: 20px;
    margin-bottom: 0px; }
  .news p {
    font-size: 14px;
      line-height: 9px;
    color: #959594;
    padding: 0px 30px 0px 0px; }
  .news a.more {
    font-family: 'din_blackregular';
    font-size: 25px;
    position: absolute;
    margin: -20px 0px 20px 0px; }
  .news a.more:hover {
    color: #bd2f2f; }
  .news .post {
    margin-bottom: 20px; }
  .news .large-8.columns.posts {
    margin-top: 50px;
    border-right: 1px solid #565656; }
    @media only screen and (max-width: 48em) {
      .news .large-8.columns.posts {
        margin-top: 20px;
        border: 0px; } }
  .news .large-4.columns.posts {
    margin-top: 50px; }

.footer {
  max-width: 1550px;
  margin: 0px auto;
  background: #000;
  border-top: 2px solid #000;
  padding: 20px 0px 20px; }
  
  

}  
  
  
  
  
  @media only screen and (max-width: 850px) {
    .footer .large-9 {
      } }
  @media only screen and (max-width: 850px) {
    .footer .large-3.columns.contact-info-col {
      padding: 0px 10px 7px 10px;
      float: left; width:33%; margin-top:50px; } }
  .footer .contact-info {
    padding: 10px 0px 0px 20px;width: 100%; }
  .footer h2 {
    color: #B9B9B9; }
  .footer p {
    color: #565656; }

.splash {
  margin-top: 50px; }
  .splash .logo-splash {
    background: url(../images/img/LOGO_2.png) no-repeat bottom;
    margin: 0 auto;
    width: 445px;
    height: 229px;
    padding-top: 100px; }
    @media only screen and (max-width: 48em) {
      .splash .logo-splash {
        margin: 10px auto 0px;
        background: transparent url("../images/logo1.png") no-repeat;
        background-image: url("../images/logo1.png") no-repeat;
        background-image: url("../images/logo1.png") no-repeat, url("../images/logo1.png") no-repeat;
        background-size: 201px 98px;
        width: 201px;
        height: 100px;
        opacity: 0.95; } }
  .splash .splash-menu ul li a#kids:hover:after {
    content: '';
    background: #1c1c1c url(../images/TRICON_KF_3.png) no-repeat bottom;
    width: 502px;
    height: 334px;
    display: block;
    position: absolute;
    margin: -368px 0px 0px -190px;
    -webkit-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out; }
    @media only screen and (max-width: 48em) {
      .splash .splash-menu ul li a#kids:hover:after {
        display: none; } }
  .splash .splash-menu {
    margin: 0 auto;
    width: 790px; }
    @media only screen and (max-width: 48em) {
      .splash .splash-menu {
        width: auto; } }
  .splash ul {
    text-align: justify;
    list-style: none;
    list-style-image: none;
    margin: 20px 0px 0px 0px;
    padding: 0; }
  .splash li {
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'din-mediumregular';
    display: inline; }
    @media only screen and (max-width: 48em) {
      .splash li {
        display: block;
        text-align: center; } }
  .splash li:after {
    content: '|';
    color: #444;
    font-family: 'DINBoldRegular';
    padding: 0px 7px; }
    @media only screen and (max-width: 48em) {
      .splash li:after {
        content: none;
        padding: 18px 0px;
        width: 100%; } }
  .splash li:last-child:after {
    content: none; }
  @media only screen and (max-width: 48em) {
    .splash li:last-child {
      border-bottom: 1px solid #333; } }
  .splash li a {
    display: inline-block; }
    @media only screen and (max-width: 48em) {
      .splash li a {
        padding: 10px 0px;
        background: #1f1f1f;
        display: block;
        width: 100%;
        border-top: 1px solid #333; } }
  .splash li a:hover, .splash li a:focus, .splash li a:active {
    color: #bd2f2f; }
    @media only screen and (max-width: 48em) {
      .splash li a:hover, .splash li a:focus, .splash li a:active {
        background: #bd2f2f;
        color: white; } }
  .splash li a#kids:hover, .splash li a#kids:active, .splash li a#kids:focus {
    color: #782b8f; }
    @media only screen and (max-width: 48em) {
      .splash li a#kids:hover, .splash li a#kids:active, .splash li a#kids:focus {
        background: #782b8f;
        color: white; } }
  .splash li a#consulting:hover, .splash li a#consulting:focus, .splash li a#consulting:active {
    color: #d1af2a; }
    @media only screen and (max-width: 48em) {
      .splash li a#consulting:hover, .splash li a#consulting:focus, .splash li a#consulting:active {
        background: #d1af2a;
        color: white; } }
  .splash li a#distribution:hover, .splash li a#distribution:focus, .splash li a#distribution:active {
    color: #0497ae; }
    @media only screen and (max-width: 48em) {
      .splash li a#distribution:hover, .splash li a#distribution:focus, .splash li a#distribution:active {
        background: #0497ae;
        color: white; } }
  .splash li a#education:hover, .splash li a#education:focus, .splash li a#education:active {
    color: #86c342; }
    @media only screen and (max-width: 48em) {
      .splash li a#education:hover, .splash li a#education:focus, .splash li a#education:active {
        background: #86c342;
        color: white; } }

ul.site-map li:nth-child(1) a {
  color: #d1af2a; }

ul.site-map li:nth-child(2) a {
  color: #86c342; }

ul.site-map li:nth-child(3) a {
  color: #782b8f; }

ul.site-map li:nth-child(4) a {
  color: #0497ae; }

ul.site-map li:nth-child(5) a {
  color: #bd2f2f; }
.logo2 {
	float: left;
	height: 115px;
	width: 500px;
	text-align: center;
	font-size: 18px;
	color: #FFF;    margin-top: 15px;
}
.logo_name {
float: right;
    height: auto;
    width: 360px;
    font-size: 28px;
    line-height: 31px;
	margin-top:-92px;
}.v {
	float: right;
	height: 0px;
	width: 52%;
}
.ao {
	    background-color: #131212;
    float: left;
    height: 40px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #5F5F5F;
    padding-top: 16px;
}

.ao_name{
	color: #A29D9D;
}













@media screen and (min-width:320px) and (max-width:500px){
	
.logo2 {
	float: left;
    height: 116px;
    width: 98%;
    font-size: 18px;

}
.logo_name {
float: right;
    height: auto;
    width: 60%;
    font-size: 20px;
}
.v {
	float: right;
	height: auto;
	width: 52%;
}
.ao {
	    background-color: #131212;
    float: left;
    height: 40px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #5F5F5F;
    padding-top: 16px;
}

.ao_name{
	color: #A29D9D;
}

.bottom-nav ul li {
       list-style-type: none;
    padding: 0px;
    text-transform: uppercase;
    float: left;
    margin: 0px 58px 0px 0px;
    width: 88%;
    float: left;
}

[class*="column"] + [class*="column"]:last-child {
    float: left;
    margin-left: 66px;
}


.drawer, .middle {
    background: #2d2d2d;
    max-width: 90%;
    margin: 0px 22px;
}

div.scrollingHotSpotRight {
  -webkit-transition: all .20s ease-in-out;
  -moz-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;
  width: 44px;
  height: 50px;
  top: 50%;
  margin-top: -50px;
  background: rgba(40, 40, 40, 0.8) url(../images/hatch2.png) 4px 3px;
  position: absolute;
  z-index: 200;
  right: 0;
  border-radius: 100em 0px 0px 100em;
  -moz-border-radius: 100em 0px 0px 100em;
  -webkit-border-radius: 100em 0px 0px 100em;
  cursor: pointer; }


div.scrollingHotSpotleft {
  -webkit-transition: all .20s ease-in-out;
  -moz-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;
  width: 44px;
  height: 50px;
  top: 50%;
  margin-top: -50px;
  background: rgba(40, 40, 40, 0.8) url(../images/hatch2.png) 4px 3px;
  position: absolute;
  z-index: 200;
  right: 0;
  border-radius: 100em 0px 0px 100em;
  -moz-border-radius: 100em 0px 0px 100em;
  -webkit-border-radius: 100em 0px 0px 100em;
  cursor: pointer; }





	}
	
	
	
	
	
	
	
	

@media screen and (min-width:501px) and (max-width:700px){
	
.logo2 {
	float: left;
    height: 116px;
    width: 80%;
    font-size: 18px;

}
.logo_name {
float: right;
    height: auto;
    width: 60%;
    font-size: 20px;
}
.v {
	float: right;
	height: auto;
	width: 15%;
}
.ao {
	    background-color: #131212;
    float: left;
    height: 40px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #5F5F5F;
    padding-top: 16px;
}

.ao_name{
	color: #A29D9D;
}

	
	
	
	}	
	.last {
	float: left;
	height: auto;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	color: #565656;
}
.last a {
	color: #565656;
}
.total {
	font-size: 13px;
	color: #FFF;
	float: right;
	height: auto;
	width: 300px;
}