/* Minification failed. Returning unminified contents.
(586,6): run-time error CSS1031: Expected selector, found '/'
(586,6): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }


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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

[hidden],
template {
  display: none;
}

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

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

a {
  background: transparent;
}

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

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

img {
  border: 0;
}

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

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

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

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

figure {
  margin: 1em 40px;
}

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

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

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

pre {
  overflow: auto;
}

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

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

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

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

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

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

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

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

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

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

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

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

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

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

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

input {
  line-height: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

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

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

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

td,
th {
  padding: 0;
}

body {
	margin:0px;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-color:#cbcbcb;
	font-size:8px;
    overflow-y:scroll;
    font-family:'Helvetica Neue LT W01_51488890';
}
a, a:visited {text-decoration:none;color:inherit;}

/* #imglogo {width:19.625em;position: absolute;top: 1em;left: 1em;z-index: 1;} */
/*#imglogo {width:19.625em;position: absolute;top: 1em;left: 2em;z-index: 1;}*/
/*#imglogo {position: absolute;top: 1em;left: 2em;z-index: 1;}*/
#imglogo {position: absolute;top: 56px;left: 70px;z-index: 1;}
#header  {clear:both;float:left;width:100%;background-color:#fff;}  /*höhe des logos*/

#menubutton     { position:absolute;top:74px;right:65px;z-index:1000;cursor:pointer;}
/*#menubutton img { width:6.687em;}*/


#menuright  {position:fixed;top:0;width:34.375em;color:white;background-color:#313131;display:none;z-index: 101;}
#menuright .submenu { font-family:'Helvetica Neue LT W01_51488890';color:#fefefe;font-size:1.3em;padding-top:0.5em;padding-left:1.7em; }
#menuright .address { font-family:'Helvetica Neue LT W01_51488890';margin-top:0.5em;width:16em;float:left; padding-left:2.1em; color:#8D8F9E;margin-bottom:1em;  }

#menuright ul {margin:0px 0px 10px 0px;padding:0px;padding-left:2.2em; }
#menuright ul li:first-child {padding-top:140px }
#menuright ul li:last-child {padding-bottom:40px }
#menuright ul li {margin: 0;color:#ffffff;list-style-type:none;letter-spacing:0.02em; font-size:39px;margin-bottom:14px;color:white;font-family:'Helvetica Neue LT W01_75 Bold';}

.center {text-align:center;width:95% }
#impressum,#support,#login,#newsletter  {width:34.375em;position:fixed;top:0;color:white;background-color:#313131/*#323943*/;display:none;z-index: 1001;}
#impressum .titel,#support .titel,#login .titel,#newsletter .titel {color:white;font-family:"Helvetica Neue LT W01_75 Bold"/*'HelveticaNeueW02-ThinCn 674417'*/;font-size:3em; margin-bottom:1em;margin-top:0.6em;}
#support .subtitel {font-family:'HelveticaNeueW02-57Cn';color:#8d909f;margin-bottom:.8em;font-size:1.4em; }
#support .subsubtitel {font-family:'HelveticaNeueW02-57Cn';color:#ffffff;font-size:1.4em; }
#support .text {color:white;font-size:1.1em; }
#support .button {cursor:pointer; width:12em;font-size:1.6em;height:2em;margin-bottom:0.5em;line-height:2em;vertical-align:baseline; border:solid 1px #9497A0;background-color:#454C56;text-align:center;color:white;font-family:'HelveticaNeueW02-57Cn';}
#support .data { color:#a7a9b4;font-size:0.9em;}
#closeimpressum,#closesupport, #closelogin, #closenewsletter {text-align:right;width:90%;margin-top:2.4em;cursor:pointer;}
#overlay    {position:absolute;width:100%;display:none;height:100%;background-color:black; z-index: 40;}

#supportpeople {position:relative;background-color:#323943;width:16em;height:40.8em;padding:0.5em;display:none;}
#supportpeople .head {font-family:'HelveticaNeueW02-57Cn';font-size:1.5em;color:#8d909f;margin-bottom:0.8em;padding:0.4em 0em 0em 0.4em }
#supportpeople .person {color:white;font-family:'HelveticaNeueW02-57Cn';padding-left:0.5em;font-size:1.3em;line-height:2.1em;border-top:solid 1px #5B626C;border-bottom:solid 1px #181F25; }
#supportpeople .person:nth-last-child(1) {border-bottom-width:0px; }
#supportpeople .close {position:absolute;top:1.2em;left:14.5em;color:#8d909f; }
#supportpeople .pfeil {position:absolute;bottom:-0.26em;left:15.9em;z-index:100; }

.person:hover { background-color:#212730}

.loginframe { width:300px; height:300px; position:relative; overflow:hidden; }

#main > h1 { font-family:'Helvetica Neue LT W01_75 Bold';font-weight:normal;margin:0px;font-size:48px;color:#303030; }

#main p .shop_link, .shop_link { display:inline-block;background-color:#d41317;color:white;padding:6px 20px;border-radius:12px 12px;margin:5px 0px }
#main p .shop_link:visited, .shop_link:visited { color:white }

.newsletterbutton {
    margin-top: 2em;
    cursor: pointer;
    width: 100%;
    height: 2em;
    font-size: 1.6em;
    margin-bottom: 0.5em;
    line-height: 2em;
    vertical-align: baseline;
    border: solid 1px #9497A0;
    background-color: #454c56;
    text-align: center;
    color: white;
    display:block;
}

#newsletter .label {
    color: #858997;
    padding: 1em 0px 0.3em 0px;
    font-size: 1.4em;
}

#newsletter .textbox {
    font-size: 1.6em;
    width: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
    border: solid 1px #858585;
    font-family: "HelveticaNeueW02-57Cn",Arial;
    color:black;
}

#newsletter label {
    position:relative;
    top:-1px;
    left:5px; 
    margin-right:30px
}

#newsletter .newsletterinfo {
    font-size: 1.6em;
    padding-top:1.3em;
}





#status { letter-spacing:0.06em; }

/*
.statusdunkel { border:solid 1px #adafba;color:#63666C;background-image:url('../images/rpt_pixel_bg_variante_dunkel.png') }
.statusgemischt { border:solid 1px #d3d3d5;color:#737982;background-image:url('../images/rpt_pixel_bg_variante_gemischt.png') }
.statushell { border:solid 1px #d3d3d5;color:#737982;background-image:url('../images/rpt_pixel_bg_variante_hell.png') }
*/
.statusdunkel { border:solid 1px #adafba;color:#63666C;background-image:url('../images/rpt_pixel_bg_variante_dunkel.png') }
.statusgemischt { color:#313131;font-size:20px;text-align:right }
.statusgemischt span { font-size:20px;font-family:'Helvetica Neue LT W01_75 Bold'; }
.statushell span { font-size:20px;font-family:'Helvetica Neue LT W01_75 Bold'; }
.statushell { color:white;background-image:url('../images/start/hinterdrund-transparent-heller-rpt.png');text-align:right }


@media screen and (min-width: 300px) {
    body {font-size:9px;}
    /* #menuright,#impressum,#support  {width:27em;} */
    #menuright,#impressum,#support,#login,#newsletter  {width:100%;} 
    #menuright .address {width:12em;} /*damit untereinander*/
    #menubutton, #statusimg {font-size:16px;}
}

@media screen and (min-width: 500px) {
    #menuright,#impressum,#support,#login,#newsletter  {width:27em;} 
}


@media screen and (max-width: 500px) {
    #supportmenu  { display:none } 
}

/*Ab Breite 640*/
@media screen and (min-width: 640px) {
    body, #status, #imglogo, #menubutton, #statusimg {font-size:9px;}
    #menuright,#impressum,#support,#login,#newsletter  {width:28.555em;}
    #menuright .address {width:14em;} /*damit untereinander*/
    #menubutton, #statusimg {font-size:16px;}
}

@media screen and (min-height: 500px) and (max-height: 800px) {
    #menuright .address {width:14em;} /*damit untereinander*/
}


@media screen and (min-width: 768px) {
    body, #status, #imglogo, #menubutton, #statusimg {font-size:9px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:12px;}
    #menubutton, #statusimg {font-size:16px;}
    /*
    #menuright,#impressum,#support,#login  {width:28.555em;}
    #menuright .address {width:16em;} /*damit untereinander*/
    */
}

@media screen and (min-width: 1024px) {
    body, #status, #imglogo {font-size:9.0px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:11px;}
    #menuright,#impressum,#support,#login,#newsletter  {width:31em;}
    #menuright .address {width:11em;} /*damit untereinander*/
    #menubutton, #statusimg {font-size:16px;}
}

@media screen and (min-width: 1100px) {
    body  {font-size:10.5px;}
    #status, #imglogo, #menubutton, #statusimg {font-size:16px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:12px;}
}


@media screen and (min-width: 1250px) and (max-width: 1350px) {
   #menuright,#impressum,#support,#login,#newsletter {font-size:14px;}
   #menuright .address {width:13em}
}
}

/*
@media screen and (min-width: 1420px) {
    body, #status, #imglogo, #menubutton {font-size:11px;}
    #menuright,#impressum,#support,#login {font-size:12px;}
}
*/
@media screen and (min-width: 1350px) {
    body {font-size:11px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:12px;}
}

@media screen and (min-width: 1610px) {
    body {font-size:13px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:13px;}
}

@media screen and (min-width: 1650px) {
    body {font-size:13px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:13px;}
}

@media screen and (min-width: 1890px) {
    body     {font-size:15px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:15px;}
}

@media screen and (min-width: 1900px) {
    body, #status, #imglogo, #menubutton, #statusimg       {font-size:16px;}
    #menuright,#impressum,#support,#login,#newsletter {font-size:16px;}
    #menuright,#impressum,#support,#login,#newsletter          {width:24.062em;}
    #menuright .address {width:24em;} /*damit untereinander*/
}



@media screen and (min-width: 1365px) and (max-width: 1890px) {
    #menuright .submenu { font-size:1.7em;    padding-top: 0.3em; padding-left: 1.2em; }
    #menuright .address b, #menuright .address div, #menuright .address a { font-size:1.3em  }
    #menuright .address {width:14em;} /*damit untereinander*/
}


@media screen and (max-width: 800px) {
    #menuright,#impressum,#support,#login,#newsletter {font-size:12px }
}


@media screen and (max-width: 1280px) {
   #menuright ul li {margin-bottom:3px;}
}



@media screen and (max-width: 1365px) {
    #imglogo { top: 20px;left: 40px; }
    #main > h1 { font-size:38px;top:30px;left:40px; }
   #menuright,#impressum,#support,#login,#newsletter {font-size:16px;}
   #menuright ul li {font-size:32px;}
   #menuright ul {margin-top:0px;margin-bottom:0px}
   #menuright .submenu { padding-top:0.2em }
   #menuright ul li:first-child { padding-top:80px }
}


@media screen and (max-width: 1000px) {
    #imglogo { top:26px;left:20px;width:90px;height:45px }
}


@media screen and (max-width: 420px) {
    #menuright ul li:first-child {
        padding-top: 30px;
    }
    #menuright .submenu {
        padding-top: 0.4em;
    }
    #menuright ul li {
        line-height:42px
    }
}


@media screen and (max-width: 400px) {
    #menuright ul li:first-child {
        padding-top: 30px;
    }
    #menuright ul li:last-child {
        padding-bottom: 20px;
    }
}


@media screen and (max-height: 780px) {
    #menuright ul li:first-child { padding-top:50px }
    #menuright ul li:last-child {padding-bottom:10px }
}


@media screen and (max-height: 670px) {
    #menuright, #impressum, #support, #login, #newsletter {
        font-size: 14px;
    }
    #menuright ul li {
        line-height:39px
    }
}


@media screen and (max-height: 570px) {
    #menuright .address {
        margin-top:0px;
    }
    #menuright ul li {
        font-size:28px
    }
    #menuright ul li:last-child {padding-bottom:10px }
    
    #menuright ul li {
        line-height:32px
    }
}


@media screen and (max-width: 378px) {
    .statusgemischt span {  display:none  }
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 26px 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

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

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

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

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

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

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

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

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

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

.mfp-close {
    cursor:pointer;
}

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

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

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

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

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

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

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

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 48px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: white; }

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

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; display:none }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 

}
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: -100px;  }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid white; }

.mfp-arrow-right {
  right: -100px; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid white; }

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

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

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

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

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

.mfp-title {
  text-align: left;
  font-size:18px;
  line-height: 18px;
  color:white;
  word-wrap: break-word;
  padding-right: 36px;
  padding-top:8px;
  text-align:center;
}

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

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

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

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

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