@charset 'UTF-8';

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%
}

body {
 margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display: block
}

audio,
canvas,
progress,
video {
 display: inline-block;
 vertical-align: baseline
}

audio:not([controls]) {
 display: none;
 height: 0
}

[hidden],
template {
 display: none
}

a {
 background-color: transparent
}

a:active,
a:hover {
 outline: 0
}

abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted
}

b,
strong {
 font-weight: bold
}

dfn {
 font-style: italic
}

h1 {
 font-size: 2em;
 margin: .67em 0
}

mark {
 background: #ff0;
 color: #000
}

small {
 font-size: 80%
}

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline
}

sup {
 top: -0.5em
}

sub {
 bottom: -0.25em
}

img {
 border: 0
}

svg:not(:root) {
 overflow: hidden
}

figure {
 margin: 1em 40px
}

hr {
 box-sizing: content-box;
 height: 0
}

pre {
 overflow: auto
}

code,
kbd,
pre,
samp {
 font-family: monospace, monospace;
 font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
 color: inherit;
 font: inherit;
 margin: 0
}

button {
 overflow: visible
}

button,
select {
 text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 -webkit-appearance: button;
 cursor: pointer
}

button[disabled],
html input[disabled] {
 cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0
}

input {
 line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height: auto
}

input[type="search"] {
 -webkit-appearance: textfield;
 box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none
}

fieldset {
 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: .35em .625em .75em
}

legend {
 border: 0;
 padding: 0
}

textarea {
 overflow: auto
}

optgroup {
 font-weight: bold
}

table {
 border-collapse: collapse;
 border-spacing: 0
}

td,
th {
 padding: 0
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
 *,
 *:before,
 *:after {
  color: #000 !important;
  text-shadow: none !important;
  background: transparent !important;
  box-shadow: none !important
 }
 a,
 a:visited {
  text-decoration: underline
 }
 a[href]:after {
  content: " (" attr(href) ")"
 }
 abbr[title]:after {
  content: " (" attr(title) ")"
 }
 a[href^="#"]:after,
 a[href^="javascript:"]:after {
  content: ""
 }
 pre,
 blockquote {
  border: 1px solid #999;
  page-break-inside: avoid
 }
 thead {
  display: table-header-group
 }
 tr,
 img {
  page-break-inside: avoid
 }
 img {
  max-width: 100% !important
 }
 p,
 h2,
 h3 {
  orphans: 3;
  widows: 3
 }
 h2,
 h3 {
  page-break-after: avoid
 }
 .navbar {
  display: none
 }
 .btn>.caret,
 .dropup>.btn>.caret {
  border-top-color: #000 !important
 }
 .label {
  border: 1px solid #000
 }
 .table {
  border-collapse: collapse !important
 }
 .table td,
 .table th {
  background-color: #fff !important
 }
 .table-bordered th,
 .table-bordered td {
  border: 1px solid #ddd !important
 }
}

@font-face {
 font-family: "Glyphicons Halflings";
 src: url("../Fonts/bootstrap/glyphicons-halflings-regular.eot");
 src: url("../Fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../Fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../Fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../Fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")
}

.glyphicon {
 position: relative;
 top: 1px;
 display: inline-block;
 font-family: "Glyphicons Halflings";
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
 content: "\002a"
}

.glyphicon-plus:before {
 content: "\002b"
}

.glyphicon-euro:before,
.glyphicon-eur:before {
 content: "\20ac"
}

.glyphicon-minus:before {
 content: "\2212"
}

.glyphicon-cloud:before {
 content: "\2601"
}

.glyphicon-envelope:before {
 content: "\2709"
}

.glyphicon-pencil:before {
 content: "\270f"
}

.glyphicon-glass:before {
 content: "\e001"
}

.glyphicon-music:before {
 content: "\e002"
}

.glyphicon-search:before {
 content: "\e003"
}

.glyphicon-heart:before {
 content: "\e005"
}

.glyphicon-star:before {
 content: "\e006"
}

.glyphicon-star-empty:before {
 content: "\e007"
}

.glyphicon-user:before {
 content: "\e008"
}

.glyphicon-film:before {
 content: "\e009"
}

.glyphicon-th-large:before {
 content: "\e010"
}

.glyphicon-th:before {
 content: "\e011"
}

.glyphicon-th-list:before {
 content: "\e012"
}

.glyphicon-ok:before {
 content: "\e013"
}

.glyphicon-remove:before {
 content: "\e014"
}

.glyphicon-zoom-in:before {
 content: "\e015"
}

.glyphicon-zoom-out:before {
 content: "\e016"
}

.glyphicon-off:before {
 content: "\e017"
}

.glyphicon-signal:before {
 content: "\e018"
}

.glyphicon-cog:before {
 content: "\e019"
}

.glyphicon-trash:before {
 content: "\e020"
}

.glyphicon-home:before {
 content: "\e021"
}

.glyphicon-file:before {
 content: "\e022"
}

.glyphicon-time:before {
 content: "\e023"
}

.glyphicon-road:before {
 content: "\e024"
}

.glyphicon-download-alt:before {
 content: "\e025"
}

.glyphicon-download:before {
 content: "\e026"
}

.glyphicon-upload:before {
 content: "\e027"
}

.glyphicon-inbox:before {
 content: "\e028"
}

.glyphicon-play-circle:before {
 content: "\e029"
}

.glyphicon-repeat:before {
 content: "\e030"
}

.glyphicon-refresh:before {
 content: "\e031"
}

.glyphicon-list-alt:before {
 content: "\e032"
}

.glyphicon-lock:before {
 content: "\e033"
}

.glyphicon-flag:before {
 content: "\e034"
}

.glyphicon-headphones:before {
 content: "\e035"
}

.glyphicon-volume-off:before {
 content: "\e036"
}

.glyphicon-volume-down:before {
 content: "\e037"
}

.glyphicon-volume-up:before {
 content: "\e038"
}

.glyphicon-qrcode:before {
 content: "\e039"
}

.glyphicon-barcode:before {
 content: "\e040"
}

.glyphicon-tag:before {
 content: "\e041"
}

.glyphicon-tags:before {
 content: "\e042"
}

.glyphicon-book:before {
 content: "\e043"
}

.glyphicon-bookmark:before {
 content: "\e044"
}

.glyphicon-print:before {
 content: "\e045"
}

.glyphicon-camera:before {
 content: "\e046"
}

.glyphicon-font:before {
 content: "\e047"
}

.glyphicon-bold:before {
 content: "\e048"
}

.glyphicon-italic:before {
 content: "\e049"
}

.glyphicon-text-height:before {
 content: "\e050"
}

.glyphicon-text-width:before {
 content: "\e051"
}

.glyphicon-align-left:before {
 content: "\e052"
}

.glyphicon-align-center:before {
 content: "\e053"
}

.glyphicon-align-right:before {
 content: "\e054"
}

.glyphicon-align-justify:before {
 content: "\e055"
}

.glyphicon-list:before {
 content: "\e056"
}

.glyphicon-indent-left:before {
 content: "\e057"
}

.glyphicon-indent-right:before {
 content: "\e058"
}

.glyphicon-facetime-video:before {
 content: "\e059"
}

.glyphicon-picture:before {
 content: "\e060"
}

.glyphicon-map-marker:before {
 content: "\e062"
}

.glyphicon-adjust:before {
 content: "\e063"
}

.glyphicon-tint:before {
 content: "\e064"
}

.glyphicon-edit:before {
 content: "\e065"
}

.glyphicon-share:before {
 content: "\e066"
}

.glyphicon-check:before {
 content: "\e067"
}

.glyphicon-move:before {
 content: "\e068"
}

.glyphicon-step-backward:before {
 content: "\e069"
}

.glyphicon-fast-backward:before {
 content: "\e070"
}

.glyphicon-backward:before {
 content: "\e071"
}

.glyphicon-play:before {
 content: "\e072"
}

.glyphicon-pause:before {
 content: "\e073"
}

.glyphicon-stop:before {
 content: "\e074"
}

.glyphicon-forward:before {
 content: "\e075"
}

.glyphicon-fast-forward:before {
 content: "\e076"
}

.glyphicon-step-forward:before {
 content: "\e077"
}

.glyphicon-eject:before {
 content: "\e078"
}

.glyphicon-chevron-left:before {
 content: "\e079"
}

.glyphicon-chevron-right:before {
 content: "\e080"
}

.glyphicon-plus-sign:before {
 content: "\e081"
}

.glyphicon-minus-sign:before {
 content: "\e082"
}

.glyphicon-remove-sign:before {
 content: "\e083"
}

.glyphicon-ok-sign:before {
 content: "\e084"
}

.glyphicon-question-sign:before {
 content: "\e085"
}

.glyphicon-info-sign:before {
 content: "\e086"
}

.glyphicon-screenshot:before {
 content: "\e087"
}

.glyphicon-remove-circle:before {
 content: "\e088"
}

.glyphicon-ok-circle:before {
 content: "\e089"
}

.glyphicon-ban-circle:before {
 content: "\e090"
}

.glyphicon-arrow-left:before {
 content: "\e091"
}

.glyphicon-arrow-right:before {
 content: "\e092"
}

.glyphicon-arrow-up:before {
 content: "\e093"
}

.glyphicon-arrow-down:before {
 content: "\e094"
}

.glyphicon-share-alt:before {
 content: "\e095"
}

.glyphicon-resize-full:before {
 content: "\e096"
}

.glyphicon-resize-small:before {
 content: "\e097"
}

.glyphicon-exclamation-sign:before {
 content: "\e101"
}

.glyphicon-gift:before {
 content: "\e102"
}

.glyphicon-leaf:before {
 content: "\e103"
}

.glyphicon-fire:before {
 content: "\e104"
}

.glyphicon-eye-open:before {
 content: "\e105"
}

.glyphicon-eye-close:before {
 content: "\e106"
}

.glyphicon-warning-sign:before {
 content: "\e107"
}

.glyphicon-plane:before {
 content: "\e108"
}

.glyphicon-calendar:before {
 content: "\e109"
}

.glyphicon-random:before {
 content: "\e110"
}

.glyphicon-comment:before {
 content: "\e111"
}

.glyphicon-magnet:before {
 content: "\e112"
}

.glyphicon-chevron-up:before {
 content: "\e113"
}

.glyphicon-chevron-down:before {
 content: "\e114"
}

.glyphicon-retweet:before {
 content: "\e115"
}

.glyphicon-shopping-cart:before {
 content: "\e116"
}

.glyphicon-folder-close:before {
 content: "\e117"
}

.glyphicon-folder-open:before {
 content: "\e118"
}

.glyphicon-resize-vertical:before {
 content: "\e119"
}

.glyphicon-resize-horizontal:before {
 content: "\e120"
}

.glyphicon-hdd:before {
 content: "\e121"
}

.glyphicon-bullhorn:before {
 content: "\e122"
}

.glyphicon-bell:before {
 content: "\e123"
}

.glyphicon-certificate:before {
 content: "\e124"
}

.glyphicon-thumbs-up:before {
 content: "\e125"
}

.glyphicon-thumbs-down:before {
 content: "\e126"
}

.glyphicon-hand-right:before {
 content: "\e127"
}

.glyphicon-hand-left:before {
 content: "\e128"
}

.glyphicon-hand-up:before {
 content: "\e129"
}

.glyphicon-hand-down:before {
 content: "\e130"
}

.glyphicon-circle-arrow-right:before {
 content: "\e131"
}

.glyphicon-circle-arrow-left:before {
 content: "\e132"
}

.glyphicon-circle-arrow-up:before {
 content: "\e133"
}

.glyphicon-circle-arrow-down:before {
 content: "\e134"
}

.glyphicon-globe:before {
 content: "\e135"
}

.glyphicon-wrench:before {
 content: "\e136"
}

.glyphicon-tasks:before {
 content: "\e137"
}

.glyphicon-filter:before {
 content: "\e138"
}

.glyphicon-briefcase:before {
 content: "\e139"
}

.glyphicon-fullscreen:before {
 content: "\e140"
}

.glyphicon-dashboard:before {
 content: "\e141"
}

.glyphicon-paperclip:before {
 content: "\e142"
}

.glyphicon-heart-empty:before {
 content: "\e143"
}

.glyphicon-link:before {
 content: "\e144"
}

.glyphicon-phone:before {
 content: "\e145"
}

.glyphicon-pushpin:before {
 content: "\e146"
}

.glyphicon-usd:before {
 content: "\e148"
}

.glyphicon-gbp:before {
 content: "\e149"
}

.glyphicon-sort:before {
 content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
 content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
 content: "\e152"
}

.glyphicon-sort-by-order:before {
 content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
 content: "\e154"
}

.glyphicon-sort-by-attributes:before {
 content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
 content: "\e156"
}

.glyphicon-unchecked:before {
 content: "\e157"
}

.glyphicon-expand:before {
 content: "\e158"
}

.glyphicon-collapse-down:before {
 content: "\e159"
}

.glyphicon-collapse-up:before {
 content: "\e160"
}

.glyphicon-log-in:before {
 content: "\e161"
}

.glyphicon-flash:before {
 content: "\e162"
}

.glyphicon-log-out:before {
 content: "\e163"
}

.glyphicon-new-window:before {
 content: "\e164"
}

.glyphicon-record:before {
 content: "\e165"
}

.glyphicon-save:before {
 content: "\e166"
}

.glyphicon-open:before {
 content: "\e167"
}

.glyphicon-saved:before {
 content: "\e168"
}

.glyphicon-import:before {
 content: "\e169"
}

.glyphicon-export:before {
 content: "\e170"
}

.glyphicon-send:before {
 content: "\e171"
}

.glyphicon-floppy-disk:before {
 content: "\e172"
}

.glyphicon-floppy-saved:before {
 content: "\e173"
}

.glyphicon-floppy-remove:before {
 content: "\e174"
}

.glyphicon-floppy-save:before {
 content: "\e175"
}

.glyphicon-floppy-open:before {
 content: "\e176"
}

.glyphicon-credit-card:before {
 content: "\e177"
}

.glyphicon-transfer:before {
 content: "\e178"
}

.glyphicon-cutlery:before {
 content: "\e179"
}

.glyphicon-header:before {
 content: "\e180"
}

.glyphicon-compressed:before {
 content: "\e181"
}

.glyphicon-earphone:before {
 content: "\e182"
}

.glyphicon-phone-alt:before {
 content: "\e183"
}

.glyphicon-tower:before {
 content: "\e184"
}

.glyphicon-stats:before {
 content: "\e185"
}

.glyphicon-sd-video:before {
 content: "\e186"
}

.glyphicon-hd-video:before {
 content: "\e187"
}

.glyphicon-subtitles:before {
 content: "\e188"
}

.glyphicon-sound-stereo:before {
 content: "\e189"
}

.glyphicon-sound-dolby:before {
 content: "\e190"
}

.glyphicon-sound-5-1:before {
 content: "\e191"
}

.glyphicon-sound-6-1:before {
 content: "\e192"
}

.glyphicon-sound-7-1:before {
 content: "\e193"
}

.glyphicon-copyright-mark:before {
 content: "\e194"
}

.glyphicon-registration-mark:before {
 content: "\e195"
}

.glyphicon-cloud-download:before {
 content: "\e197"
}

.glyphicon-cloud-upload:before {
 content: "\e198"
}

.glyphicon-tree-conifer:before {
 content: "\e199"
}

.glyphicon-tree-deciduous:before {
 content: "\e200"
}

.glyphicon-cd:before {
 content: "\e201"
}

.glyphicon-save-file:before {
 content: "\e202"
}

.glyphicon-open-file:before {
 content: "\e203"
}

.glyphicon-level-up:before {
 content: "\e204"
}

.glyphicon-copy:before {
 content: "\e205"
}

.glyphicon-paste:before {
 content: "\e206"
}

.glyphicon-alert:before {
 content: "\e209"
}

.glyphicon-equalizer:before {
 content: "\e210"
}

.glyphicon-king:before {
 content: "\e211"
}

.glyphicon-queen:before {
 content: "\e212"
}

.glyphicon-pawn:before {
 content: "\e213"
}

.glyphicon-bishop:before {
 content: "\e214"
}

.glyphicon-knight:before {
 content: "\e215"
}

.glyphicon-baby-formula:before {
 content: "\e216"
}

.glyphicon-tent:before {
 content: "\26fa"
}

.glyphicon-blackboard:before {
 content: "\e218"
}

.glyphicon-bed:before {
 content: "\e219"
}

.glyphicon-apple:before {
 content: "\f8ff"
}

.glyphicon-erase:before {
 content: "\e221"
}

.glyphicon-hourglass:before {
 content: "\231b"
}

.glyphicon-lamp:before {
 content: "\e223"
}

.glyphicon-duplicate:before {
 content: "\e224"
}

.glyphicon-piggy-bank:before {
 content: "\e225"
}

.glyphicon-scissors:before {
 content: "\e226"
}

.glyphicon-bitcoin:before {
 content: "\e227"
}

.glyphicon-btc:before {
 content: "\e227"
}

.glyphicon-xbt:before {
 content: "\e227"
}

.glyphicon-yen:before {
 content: "\00a5"
}

.glyphicon-jpy:before {
 content: "\00a5"
}

.glyphicon-ruble:before {
 content: "\20bd"
}

.glyphicon-rub:before {
 content: "\20bd"
}

.glyphicon-scale:before {
 content: "\e230"
}

.glyphicon-ice-lolly:before {
 content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
 content: "\e232"
}

.glyphicon-education:before {
 content: "\e233"
}

.glyphicon-option-horizontal:before {
 content: "\e234"
}

.glyphicon-option-vertical:before {
 content: "\e235"
}

.glyphicon-menu-hamburger:before {
 content: "\e236"
}

.glyphicon-modal-window:before {
 content: "\e237"
}

.glyphicon-oil:before {
 content: "\e238"
}

.glyphicon-grain:before {
 content: "\e239"
}

.glyphicon-sunglasses:before {
 content: "\e240"
}

.glyphicon-text-size:before {
 content: "\e241"
}

.glyphicon-text-color:before {
 content: "\e242"
}

.glyphicon-text-background:before {
 content: "\e243"
}

.glyphicon-object-align-top:before {
 content: "\e244"
}

.glyphicon-object-align-bottom:before {
 content: "\e245"
}

.glyphicon-object-align-horizontal:before {
 content: "\e246"
}

.glyphicon-object-align-left:before {
 content: "\e247"
}

.glyphicon-object-align-vertical:before {
 content: "\e248"
}

.glyphicon-object-align-right:before {
 content: "\e249"
}

.glyphicon-triangle-right:before {
 content: "\e250"
}

.glyphicon-triangle-left:before {
 content: "\e251"
}

.glyphicon-triangle-bottom:before {
 content: "\e252"
}

.glyphicon-triangle-top:before {
 content: "\e253"
}

.glyphicon-console:before {
 content: "\e254"
}

.glyphicon-superscript:before {
 content: "\e255"
}

.glyphicon-subscript:before {
 content: "\e256"
}

.glyphicon-menu-left:before {
 content: "\e257"
}

.glyphicon-menu-right:before {
 content: "\e258"
}

.glyphicon-menu-down:before {
 content: "\e259"
}

.glyphicon-menu-up:before {
 content: "\e260"
}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

*:before,
*:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

html {
 font-size: 10px;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 1.42857143;
 color: #333;
 background-color: #fff
}

input,
button,
select,
textarea {
 font-family: inherit;
 font-size: inherit;
 line-height: inherit
}

a {
 color: #337ab7;
 text-decoration: none
}

a:hover,
a:focus {
 color: #23527c;
 text-decoration: underline
}

a:focus {
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

figure {
 margin: 0
}

img {
 vertical-align: middle
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
 display: block;
 max-width: 100%;
 height: auto
}

.img-rounded {
 border-radius: 6px
}

.img-thumbnail {
 padding: 4px;
 line-height: 1.42857143;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 display: inline-block;
 max-width: 100%;
 height: auto
}

.img-circle {
 border-radius: 50%
}

hr {
 margin-top: 20px;
 margin-bottom: 20px;
 border: 0;
 border-top: 1px solid #eee
}

.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
 position: static;
 width: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 clip: auto
}

[role="button"] {
 cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 font-family: inherit;
 font-weight: 500;
 line-height: 1.1;
 color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
 font-weight: 400;
 line-height: 1;
 color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
 margin-top: 20px;
 margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
 font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
 margin-top: 10px;
 margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
 font-size: 75%
}

h1,
.h1 {
 font-size: 36px
}

h2,
.h2 {
 font-size: 30px
}

h3,
.h3 {
 font-size: 24px
}

h4,
.h4 {
 font-size: 18px
}

h5,
.h5 {
 font-size: 14px
}

h6,
.h6 {
 font-size: 12px
}

p {
 margin: 0 0 10px
}

.lead {
 margin-bottom: 20px;
 font-size: 16px;
 font-weight: 300;
 line-height: 1.4
}

@media (min-width:768px) {
 .lead {
  font-size: 21px
 }
}

small,
.small {
 font-size: 85%
}

mark,
.mark {
 padding: .2em;
 background-color: #fcf8e3
}

.text-left {
 text-align: left
}

.text-right {
 text-align: right
}

.text-center {
 text-align: center
}

.text-justify {
 text-align: justify
}

.text-nowrap {
 white-space: nowrap
}

.text-lowercase {
 text-transform: lowercase
}

.text-uppercase {
 text-transform: uppercase
}

.text-capitalize {
 text-transform: capitalize
}

.text-muted {
 color: #777
}

.text-primary {
 color: #337ab7
}

a.text-primary:hover,
a.text-primary:focus {
 color: #286090
}

.text-success {
 color: #3c763d
}

a.text-success:hover,
a.text-success:focus {
 color: #2b542c
}

.text-info {
 color: #31708f
}

a.text-info:hover,
a.text-info:focus {
 color: #245269
}

.text-warning {
 color: #8a6d3b
}

a.text-warning:hover,
a.text-warning:focus {
 color: #66512c
}

.text-danger {
 color: #a94442
}

a.text-danger:hover,
a.text-danger:focus {
 color: #843534
}

.bg-primary {
 color: #fff;
 background-color: #337ab7
}

a.bg-primary:hover,
a.bg-primary:focus {
 background-color: #286090
}

.bg-success {
 background-color: #dff0d8
}

a.bg-success:hover,
a.bg-success:focus {
 background-color: #c1e2b3
}

.bg-info {
 background-color: #d9edf7
}

a.bg-info:hover,
a.bg-info:focus {
 background-color: #afd9ee
}

.bg-warning {
 background-color: #fcf8e3
}

a.bg-warning:hover,
a.bg-warning:focus {
 background-color: #f7ecb5
}

.bg-danger {
 background-color: #f2dede
}

a.bg-danger:hover,
a.bg-danger:focus {
 background-color: #e4b9b9
}

.page-header {
 padding-bottom: 9px;
 margin: 40px 0 20px;
 border-bottom: 1px solid #eee
}

ul ul,
ol ul,
ul ol,
ol ol {
 margin-bottom: 0
}

.list-unstyled {
 padding-left: 0;
 list-style: none
}

.list-inline {
 padding-left: 0;
 list-style: none;
 margin-left: -5px
}

.list-inline>li {
 display: inline-block;
 padding-right: 5px;
 padding-left: 5px
}

dl {
 margin-top: 0;
 margin-bottom: 20px
}

dt,
dd {
 line-height: 1.42857143
}

dt {
 font-weight: 700
}

dd {
 margin-left: 0
}

@media (min-width:768px) {
 .dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
 }
 .dl-horizontal dd {
  margin-left: 180px
 }
}

abbr[title],
abbr[data-original-title] {
 cursor: help
}

.initialism {
 font-size: 90%;
 text-transform: uppercase
}

blockquote {
 padding: 10px 20px;
 margin: 0 0 20px;
 font-size: 17.5px;
 border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
 margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
 display: block;
 font-size: 80%;
 line-height: 1.42857143;
 color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
 content: "\2014 \00A0"
}

.blockquote-reverse,
blockquote.pull-right {
 padding-right: 15px;
 padding-left: 0;
 text-align: right;
 border-right: 5px solid #eee;
 border-left: 0
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
 content: ""
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
 content: "\00A0 \2014"
}

address {
 margin-bottom: 20px;
 font-style: normal;
 line-height: 1.42857143
}

code,
kbd,
pre,
samp {
 font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
 padding: 2px 4px;
 font-size: 90%;
 color: #c7254e;
 background-color: #f9f2f4;
 border-radius: 4px
}

kbd {
 padding: 2px 4px;
 font-size: 90%;
 color: #fff;
 background-color: #333;
 border-radius: 3px;
 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
 padding: 0;
 font-size: 100%;
 font-weight: 700;
 box-shadow: none
}

pre {
 display: block;
 padding: 9.5px;
 margin: 0 0 10px;
 font-size: 13px;
 line-height: 1.42857143;
 color: #333;
 word-break: break-all;
 word-wrap: break-word;
 background-color: #f5f5f5;
 border: 1px solid #ccc;
 border-radius: 4px
}

pre code {
 padding: 0;
 font-size: inherit;
 color: inherit;
 white-space: pre-wrap;
 background-color: transparent;
 border-radius: 0
}

.pre-scrollable {
 max-height: 340px;
 overflow-y: scroll
}

.container {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto
}

@media (min-width:768px) {
 .container {
  width: 750px
 }
}

@media (min-width:992px) {
 .container {
  width: 970px
 }
}

@media (min-width:1200px) {
 .container {
  width: 1170px
 }
}

.container-fluid {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto
}

.row {
 margin-right: -15px;
 margin-left: -15px
}

.row-no-gutters {
 margin-right: 0;
 margin-left: 0
}

.row-no-gutters [class*="col-"] {
 padding-right: 0;
 padding-left: 0
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
 float: left
}

.col-xs-12 {
 width: 100%
}

.col-xs-11 {
 width: 91.66666667%
}

.col-xs-10 {
 width: 83.33333333%
}

.col-xs-9 {
 width: 75%
}

.col-xs-8 {
 width: 66.66666667%
}

.col-xs-7 {
 width: 58.33333333%
}

.col-xs-6 {
 width: 50%
}

.col-xs-5 {
 width: 41.66666667%
}

.col-xs-4 {
 width: 33.33333333%
}

.col-xs-3 {
 width: 25%
}

.col-xs-2 {
 width: 16.66666667%
}

.col-xs-1 {
 width: 8.33333333%
}

.col-xs-pull-12 {
 right: 100%
}

.col-xs-pull-11 {
 right: 91.66666667%
}

.col-xs-pull-10 {
 right: 83.33333333%
}

.col-xs-pull-9 {
 right: 75%
}

.col-xs-pull-8 {
 right: 66.66666667%
}

.col-xs-pull-7 {
 right: 58.33333333%
}

.col-xs-pull-6 {
 right: 50%
}

.col-xs-pull-5 {
 right: 41.66666667%
}

.col-xs-pull-4 {
 right: 33.33333333%
}

.col-xs-pull-3 {
 right: 25%
}

.col-xs-pull-2 {
 right: 16.66666667%
}

.col-xs-pull-1 {
 right: 8.33333333%
}

.col-xs-pull-0 {
 right: auto
}

.col-xs-push-12 {
 left: 100%
}

.col-xs-push-11 {
 left: 91.66666667%
}

.col-xs-push-10 {
 left: 83.33333333%
}

.col-xs-push-9 {
 left: 75%
}

.col-xs-push-8 {
 left: 66.66666667%
}

.col-xs-push-7 {
 left: 58.33333333%
}

.col-xs-push-6 {
 left: 50%
}

.col-xs-push-5 {
 left: 41.66666667%
}

.col-xs-push-4 {
 left: 33.33333333%
}

.col-xs-push-3 {
 left: 25%
}

.col-xs-push-2 {
 left: 16.66666667%
}

.col-xs-push-1 {
 left: 8.33333333%
}

.col-xs-push-0 {
 left: auto
}

.col-xs-offset-12 {
 margin-left: 100%
}

.col-xs-offset-11 {
 margin-left: 91.66666667%
}

.col-xs-offset-10 {
 margin-left: 83.33333333%
}

.col-xs-offset-9 {
 margin-left: 75%
}

.col-xs-offset-8 {
 margin-left: 66.66666667%
}

.col-xs-offset-7 {
 margin-left: 58.33333333%
}

.col-xs-offset-6 {
 margin-left: 50%
}

.col-xs-offset-5 {
 margin-left: 41.66666667%
}

.col-xs-offset-4 {
 margin-left: 33.33333333%
}

.col-xs-offset-3 {
 margin-left: 25%
}

.col-xs-offset-2 {
 margin-left: 16.66666667%
}

.col-xs-offset-1 {
 margin-left: 8.33333333%
}

.col-xs-offset-0 {
 margin-left: 0
}

@media (min-width:768px) {
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12 {
  float: left
 }
 .col-sm-12 {
  width: 100%
 }
 .col-sm-11 {
  width: 91.66666667%
 }
 .col-sm-10 {
  width: 83.33333333%
 }
 .col-sm-9 {
  width: 75%
 }
 .col-sm-8 {
  width: 66.66666667%
 }
 .col-sm-7 {
  width: 58.33333333%
 }
 .col-sm-6 {
  width: 50%
 }
 .col-sm-5 {
  width: 41.66666667%
 }
 .col-sm-4 {
  width: 33.33333333%
 }
 .col-sm-3 {
  width: 25%
 }
 .col-sm-2 {
  width: 16.66666667%
 }
 .col-sm-1 {
  width: 8.33333333%
 }
 .col-sm-pull-12 {
  right: 100%
 }
 .col-sm-pull-11 {
  right: 91.66666667%
 }
 .col-sm-pull-10 {
  right: 83.33333333%
 }
 .col-sm-pull-9 {
  right: 75%
 }
 .col-sm-pull-8 {
  right: 66.66666667%
 }
 .col-sm-pull-7 {
  right: 58.33333333%
 }
 .col-sm-pull-6 {
  right: 50%
 }
 .col-sm-pull-5 {
  right: 41.66666667%
 }
 .col-sm-pull-4 {
  right: 33.33333333%
 }
 .col-sm-pull-3 {
  right: 25%
 }
 .col-sm-pull-2 {
  right: 16.66666667%
 }
 .col-sm-pull-1 {
  right: 8.33333333%
 }
 .col-sm-pull-0 {
  right: auto
 }
 .col-sm-push-12 {
  left: 100%
 }
 .col-sm-push-11 {
  left: 91.66666667%
 }
 .col-sm-push-10 {
  left: 83.33333333%
 }
 .col-sm-push-9 {
  left: 75%
 }
 .col-sm-push-8 {
  left: 66.66666667%
 }
 .col-sm-push-7 {
  left: 58.33333333%
 }
 .col-sm-push-6 {
  left: 50%
 }
 .col-sm-push-5 {
  left: 41.66666667%
 }
 .col-sm-push-4 {
  left: 33.33333333%
 }
 .col-sm-push-3 {
  left: 25%
 }
 .col-sm-push-2 {
  left: 16.66666667%
 }
 .col-sm-push-1 {
  left: 8.33333333%
 }
 .col-sm-push-0 {
  left: auto
 }
 .col-sm-offset-12 {
  margin-left: 100%
 }
 .col-sm-offset-11 {
  margin-left: 91.66666667%
 }
 .col-sm-offset-10 {
  margin-left: 83.33333333%
 }
 .col-sm-offset-9 {
  margin-left: 75%
 }
 .col-sm-offset-8 {
  margin-left: 66.66666667%
 }
 .col-sm-offset-7 {
  margin-left: 58.33333333%
 }
 .col-sm-offset-6 {
  margin-left: 50%
 }
 .col-sm-offset-5 {
  margin-left: 41.66666667%
 }
 .col-sm-offset-4 {
  margin-left: 33.33333333%
 }
 .col-sm-offset-3 {
  margin-left: 25%
 }
 .col-sm-offset-2 {
  margin-left: 16.66666667%
 }
 .col-sm-offset-1 {
  margin-left: 8.33333333%
 }
 .col-sm-offset-0 {
  margin-left: 0
 }
}

@media (min-width:992px) {
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12 {
  float: left
 }
 .col-md-12 {
  width: 100%
 }
 .col-md-11 {
  width: 91.66666667%
 }
 .col-md-10 {
  width: 83.33333333%
 }
 .col-md-9 {
  width: 75%
 }
 .col-md-8 {
  width: 66.66666667%
 }
 .col-md-7 {
  width: 58.33333333%
 }
 .col-md-6 {
  width: 50%
 }
 .col-md-5 {
  width: 41.66666667%
 }
 .col-md-4 {
  width: 33.33333333%
 }
 .col-md-3 {
  width: 25%
 }
 .col-md-2 {
  width: 16.66666667%
 }
 .col-md-1 {
  width: 8.33333333%
 }
 .col-md-pull-12 {
  right: 100%
 }
 .col-md-pull-11 {
  right: 91.66666667%
 }
 .col-md-pull-10 {
  right: 83.33333333%
 }
 .col-md-pull-9 {
  right: 75%
 }
 .col-md-pull-8 {
  right: 66.66666667%
 }
 .col-md-pull-7 {
  right: 58.33333333%
 }
 .col-md-pull-6 {
  right: 50%
 }
 .col-md-pull-5 {
  right: 41.66666667%
 }
 .col-md-pull-4 {
  right: 33.33333333%
 }
 .col-md-pull-3 {
  right: 25%
 }
 .col-md-pull-2 {
  right: 16.66666667%
 }
 .col-md-pull-1 {
  right: 8.33333333%
 }
 .col-md-pull-0 {
  right: auto
 }
 .col-md-push-12 {
  left: 100%
 }
 .col-md-push-11 {
  left: 91.66666667%
 }
 .col-md-push-10 {
  left: 83.33333333%
 }
 .col-md-push-9 {
  left: 75%
 }
 .col-md-push-8 {
  left: 66.66666667%
 }
 .col-md-push-7 {
  left: 58.33333333%
 }
 .col-md-push-6 {
  left: 50%
 }
 .col-md-push-5 {
  left: 41.66666667%
 }
 .col-md-push-4 {
  left: 33.33333333%
 }
 .col-md-push-3 {
  left: 25%
 }
 .col-md-push-2 {
  left: 16.66666667%
 }
 .col-md-push-1 {
  left: 8.33333333%
 }
 .col-md-push-0 {
  left: auto
 }
 .col-md-offset-12 {
  margin-left: 100%
 }
 .col-md-offset-11 {
  margin-left: 91.66666667%
 }
 .col-md-offset-10 {
  margin-left: 83.33333333%
 }
 .col-md-offset-9 {
  margin-left: 75%
 }
 .col-md-offset-8 {
  margin-left: 66.66666667%
 }
 .col-md-offset-7 {
  margin-left: 58.33333333%
 }
 .col-md-offset-6 {
  margin-left: 50%
 }
 .col-md-offset-5 {
  margin-left: 41.66666667%
 }
 .col-md-offset-4 {
  margin-left: 33.33333333%
 }
 .col-md-offset-3 {
  margin-left: 25%
 }
 .col-md-offset-2 {
  margin-left: 16.66666667%
 }
 .col-md-offset-1 {
  margin-left: 8.33333333%
 }
 .col-md-offset-0 {
  margin-left: 0
 }
}

@media (min-width:1200px) {
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12 {
  float: left
 }
 .col-lg-12 {
  width: 100%
 }
 .col-lg-11 {
  width: 91.66666667%
 }
 .col-lg-10 {
  width: 83.33333333%
 }
 .col-lg-9 {
  width: 75%
 }
 .col-lg-8 {
  width: 66.66666667%
 }
 .col-lg-7 {
  width: 58.33333333%
 }
 .col-lg-6 {
  width: 50%
 }
 .col-lg-5 {
  width: 41.66666667%
 }
 .col-lg-4 {
  width: 33.33333333%
 }
 .col-lg-3 {
  width: 25%
 }
 .col-lg-2 {
  width: 16.66666667%
 }
 .col-lg-1 {
  width: 8.33333333%
 }
 .col-lg-pull-12 {
  right: 100%
 }
 .col-lg-pull-11 {
  right: 91.66666667%
 }
 .col-lg-pull-10 {
  right: 83.33333333%
 }
 .col-lg-pull-9 {
  right: 75%
 }
 .col-lg-pull-8 {
  right: 66.66666667%
 }
 .col-lg-pull-7 {
  right: 58.33333333%
 }
 .col-lg-pull-6 {
  right: 50%
 }
 .col-lg-pull-5 {
  right: 41.66666667%
 }
 .col-lg-pull-4 {
  right: 33.33333333%
 }
 .col-lg-pull-3 {
  right: 25%
 }
 .col-lg-pull-2 {
  right: 16.66666667%
 }
 .col-lg-pull-1 {
  right: 8.33333333%
 }
 .col-lg-pull-0 {
  right: auto
 }
 .col-lg-push-12 {
  left: 100%
 }
 .col-lg-push-11 {
  left: 91.66666667%
 }
 .col-lg-push-10 {
  left: 83.33333333%
 }
 .col-lg-push-9 {
  left: 75%
 }
 .col-lg-push-8 {
  left: 66.66666667%
 }
 .col-lg-push-7 {
  left: 58.33333333%
 }
 .col-lg-push-6 {
  left: 50%
 }
 .col-lg-push-5 {
  left: 41.66666667%
 }
 .col-lg-push-4 {
  left: 33.33333333%
 }
 .col-lg-push-3 {
  left: 25%
 }
 .col-lg-push-2 {
  left: 16.66666667%
 }
 .col-lg-push-1 {
  left: 8.33333333%
 }
 .col-lg-push-0 {
  left: auto
 }
 .col-lg-offset-12 {
  margin-left: 100%
 }
 .col-lg-offset-11 {
  margin-left: 91.66666667%
 }
 .col-lg-offset-10 {
  margin-left: 83.33333333%
 }
 .col-lg-offset-9 {
  margin-left: 75%
 }
 .col-lg-offset-8 {
  margin-left: 66.66666667%
 }
 .col-lg-offset-7 {
  margin-left: 58.33333333%
 }
 .col-lg-offset-6 {
  margin-left: 50%
 }
 .col-lg-offset-5 {
  margin-left: 41.66666667%
 }
 .col-lg-offset-4 {
  margin-left: 33.33333333%
 }
 .col-lg-offset-3 {
  margin-left: 25%
 }
 .col-lg-offset-2 {
  margin-left: 16.66666667%
 }
 .col-lg-offset-1 {
  margin-left: 8.33333333%
 }
 .col-lg-offset-0 {
  margin-left: 0
 }
}

table {
 background-color: transparent
}

table col[class*="col-"] {
 position: static;
 display: table-column;
 float: none
}

table td[class*="col-"],
table th[class*="col-"] {
 position: static;
 display: table-cell;
 float: none
}

caption {
 padding-top: 8px;
 padding-bottom: 8px;
 color: #777;
 text-align: left
}

th {
 text-align: left
}

.table {
 width: 100%;
 max-width: 100%;
 margin-bottom: 20px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
 padding: 8px;
 line-height: 1.42857143;
 vertical-align: top;
 border-top: 1px solid #ddd
}

.table>thead>tr>th {
 vertical-align: bottom;
 border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
 border-top: 0
}

.table>tbody+tbody {
 border-top: 2px solid #ddd
}

.table .table {
 background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
 padding: 5px
}

.table-bordered {
 border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
 border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
 border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
 background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
 background-color: #f5f5f5
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
 background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
 background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
 background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
 background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
 background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
 background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
 background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
 background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
 background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
 background-color: #ebcccc
}

.table-responsive {
 min-height: .01%;
 overflow-x: auto
}

@media screen and (max-width:767px) {
 .table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd
 }
 .table-responsive>.table {
  margin-bottom: 0
 }
 .table-responsive>.table>thead>tr>th,
 .table-responsive>.table>tbody>tr>th,
 .table-responsive>.table>tfoot>tr>th,
 .table-responsive>.table>thead>tr>td,
 .table-responsive>.table>tbody>tr>td,
 .table-responsive>.table>tfoot>tr>td {
  white-space: nowrap
 }
 .table-responsive>.table-bordered {
  border: 0
 }
 .table-responsive>.table-bordered>thead>tr>th:first-child,
 .table-responsive>.table-bordered>tbody>tr>th:first-child,
 .table-responsive>.table-bordered>tfoot>tr>th:first-child,
 .table-responsive>.table-bordered>thead>tr>td:first-child,
 .table-responsive>.table-bordered>tbody>tr>td:first-child,
 .table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0
 }
 .table-responsive>.table-bordered>thead>tr>th:last-child,
 .table-responsive>.table-bordered>tbody>tr>th:last-child,
 .table-responsive>.table-bordered>tfoot>tr>th:last-child,
 .table-responsive>.table-bordered>thead>tr>td:last-child,
 .table-responsive>.table-bordered>tbody>tr>td:last-child,
 .table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0
 }
 .table-responsive>.table-bordered>tbody>tr:last-child>th,
 .table-responsive>.table-bordered>tfoot>tr:last-child>th,
 .table-responsive>.table-bordered>tbody>tr:last-child>td,
 .table-responsive>.table-bordered>tfoot>tr:last-child>td {
  border-bottom: 0
 }
}

fieldset {
 min-width: 0;
 padding: 0;
 margin: 0;
 border: 0
}

legend {
 display: block;
 width: 100%;
 padding: 0;
 margin-bottom: 20px;
 font-size: 21px;
 line-height: inherit;
 color: #333;
 border: 0;
 border-bottom: 1px solid #e5e5e5
}

label {
 display: inline-block;
 max-width: 100%;
 margin-bottom: 5px;
 font-weight: 700
}

input[type="search"] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-appearance: none;
 appearance: none
}

input[type="radio"],
input[type="checkbox"] {
 margin: 4px 0 0;
 margin-top: 1px \9;
 line-height: normal
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
 cursor: not-allowed
}

input[type="file"] {
 display: block
}

input[type="range"] {
 display: block;
 width: 100%
}

select[multiple],
select[size] {
 height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

output {
 display: block;
 padding-top: 7px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555
}

.form-control {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
 border-color: #66afe9;
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
 color: #999;
 opacity: 1
}

.form-control:-ms-input-placeholder {
 color: #999
}

.form-control::-webkit-input-placeholder {
 color: #999
}

.form-control::-ms-expand {
 background-color: transparent;
 border: 0
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
 background-color: #eee;
 opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
 cursor: not-allowed
}

textarea.form-control {
 height: auto
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 input[type="date"].form-control,
 input[type="time"].form-control,
 input[type="datetime-local"].form-control,
 input[type="month"].form-control {
  line-height: 34px
 }
 input[type="date"].input-sm,
 input[type="time"].input-sm,
 input[type="datetime-local"].input-sm,
 input[type="month"].input-sm,
 .input-group-sm input[type="date"],
 .input-group-sm input[type="time"],
 .input-group-sm input[type="datetime-local"],
 .input-group-sm input[type="month"] {
  line-height: 30px
 }
 input[type="date"].input-lg,
 input[type="time"].input-lg,
 input[type="datetime-local"].input-lg,
 input[type="month"].input-lg,
 .input-group-lg input[type="date"],
 .input-group-lg input[type="time"],
 .input-group-lg input[type="datetime-local"],
 .input-group-lg input[type="month"] {
  line-height: 46px
 }
}

.form-group {
 margin-bottom: 15px
}

.radio,
.checkbox {
 position: relative;
 display: block;
 margin-top: 10px;
 margin-bottom: 10px
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
 cursor: not-allowed
}

.radio label,
.checkbox label {
 min-height: 20px;
 padding-left: 20px;
 margin-bottom: 0;
 font-weight: 400;
 cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
 position: absolute;
 margin-top: 4px \9;
 margin-left: -20px
}

.radio+.radio,
.checkbox+.checkbox {
 margin-top: -5px
}

.radio-inline,
.checkbox-inline {
 position: relative;
 display: inline-block;
 padding-left: 20px;
 margin-bottom: 0;
 font-weight: 400;
 vertical-align: middle;
 cursor: pointer
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
 cursor: not-allowed
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
 margin-top: 0;
 margin-left: 10px
}

.form-control-static {
 min-height: 34px;
 padding-top: 7px;
 padding-bottom: 7px;
 margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm {
 padding-right: 0;
 padding-left: 0
}

.input-sm {
 height: 30px;
 padding: 5px 10px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px
}

select.input-sm {
 height: 30px;
 line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
 height: auto
}

.form-group-sm .form-control {
 height: 30px;
 padding: 5px 10px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px
}

.form-group-sm select.form-control {
 height: 30px;
 line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
 height: auto
}

.form-group-sm .form-control-static {
 height: 30px;
 min-height: 32px;
 padding: 6px 10px;
 font-size: 12px;
 line-height: 1.5
}

.input-lg {
 height: 46px;
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333;
 border-radius: 6px
}

select.input-lg {
 height: 46px;
 line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
 height: auto
}

.form-group-lg .form-control {
 height: 46px;
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333;
 border-radius: 6px
}

.form-group-lg select.form-control {
 height: 46px;
 line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
 height: auto
}

.form-group-lg .form-control-static {
 height: 46px;
 min-height: 38px;
 padding: 11px 16px;
 font-size: 18px;
 line-height: 1.3333333
}

.has-feedback {
 position: relative
}

.has-feedback .form-control {
 padding-right: 42.5px
}

.form-control-feedback {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 display: block;
 width: 34px;
 height: 34px;
 line-height: 34px;
 text-align: center;
 pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
 width: 46px;
 height: 46px;
 line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
 width: 30px;
 height: 30px;
 line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
 color: #3c763d
}

.has-success .form-control {
 border-color: #3c763d;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
 border-color: #2b542c;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
 color: #3c763d;
 background-color: #dff0d8;
 border-color: #3c763d
}

.has-success .form-control-feedback {
 color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
 color: #8a6d3b
}

.has-warning .form-control {
 border-color: #8a6d3b;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
 border-color: #66512c;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
 color: #8a6d3b;
 background-color: #fcf8e3;
 border-color: #8a6d3b
}

.has-warning .form-control-feedback {
 color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
 color: #a94442
}

.has-error .form-control {
 border-color: #a94442;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
 border-color: #843534;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
 color: #a94442;
 background-color: #f2dede;
 border-color: #a94442
}

.has-error .form-control-feedback {
 color: #a94442
}

.has-feedback label~.form-control-feedback {
 top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
 top: 0
}

.help-block {
 display: block;
 margin-top: 5px;
 margin-bottom: 10px;
 color: #737373
}

@media (min-width:768px) {
 .form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle
 }
 .form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle
 }
 .form-inline .form-control-static {
  display: inline-block
 }
 .form-inline .input-group {
  display: inline-table;
  vertical-align: middle
 }
 .form-inline .input-group .input-group-addon,
 .form-inline .input-group .input-group-btn,
 .form-inline .input-group .form-control {
  width: auto
 }
 .form-inline .input-group>.form-control {
  width: 100%
 }
 .form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle
 }
 .form-inline .radio,
 .form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle
 }
 .form-inline .radio label,
 .form-inline .checkbox label {
  padding-left: 0
 }
 .form-inline .radio input[type="radio"],
 .form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0
 }
 .form-inline .has-feedback .form-control-feedback {
  top: 0
 }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
 padding-top: 7px;
 margin-top: 0;
 margin-bottom: 0
}

.form-horizontal .radio,
.form-horizontal .checkbox {
 min-height: 27px
}

.form-horizontal .form-group {
 margin-right: -15px;
 margin-left: -15px
}

@media (min-width:768px) {
 .form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right
 }
}

.form-horizontal .has-feedback .form-control-feedback {
 right: 15px
}

@media (min-width:768px) {
 .form-horizontal .form-group-lg .control-label {
  padding-top: 11px;
  font-size: 18px
 }
}

@media (min-width:768px) {
 .form-horizontal .form-group-sm .control-label {
  padding-top: 6px;
  font-size: 12px
 }
}

.btn {
 display: inline-block;
 margin-bottom: 0;
 font-weight: normal;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 touch-action: manipulation;
 cursor: pointer;
 background-image: none;
 border: 1px solid transparent;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 border-radius: 4px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
 outline: 5px auto -webkit-focus-ring-color;
 outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
 color: #333;
 text-decoration: none
}

.btn:active,
.btn.active {
 background-image: none;
 outline: 0;
 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
 cursor: not-allowed;
 filter: alpha(opacity=65);
 opacity: .65;
 -webkit-box-shadow: none;
 box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
 pointer-events: none
}

.btn-default {
 color: #333;
 background-color: #fff;
 border-color: #ccc
}

.btn-default:focus,
.btn-default.focus {
 color: #333;
 background-color: #e6e6e6;
 border-color: #8c8c8c
}

.btn-default:hover {
 color: #333;
 background-color: #e6e6e6;
 border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
 color: #333;
 background-color: #e6e6e6;
 background-image: none;
 border-color: #adadad
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
 color: #333;
 background-color: #d4d4d4;
 border-color: #8c8c8c
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
 background-color: #fff;
 border-color: #ccc
}

.btn-default .badge {
 color: #fff;
 background-color: #333
}

.btn-primary {
 color: #fff;
 background-color: #337ab7;
 border-color: #2e6da4
}

.btn-primary:focus,
.btn-primary.focus {
 color: #fff;
 background-color: #286090;
 border-color: #122b40
}

.btn-primary:hover {
 color: #fff;
 background-color: #286090;
 border-color: #204d74
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
 color: #fff;
 background-color: #286090;
 background-image: none;
 border-color: #204d74
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
 color: #fff;
 background-color: #204d74;
 border-color: #122b40
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
 background-color: #337ab7;
 border-color: #2e6da4
}

.btn-primary .badge {
 color: #337ab7;
 background-color: #fff
}

.btn-success {
 color: #fff;
 background-color: #5cb85c;
 border-color: #4cae4c
}

.btn-success:focus,
.btn-success.focus {
 color: #fff;
 background-color: #449d44;
 border-color: #255625
}

.btn-success:hover {
 color: #fff;
 background-color: #449d44;
 border-color: #398439
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
 color: #fff;
 background-color: #449d44;
 background-image: none;
 border-color: #398439
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
 color: #fff;
 background-color: #398439;
 border-color: #255625
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
 background-color: #5cb85c;
 border-color: #4cae4c
}

.btn-success .badge {
 color: #5cb85c;
 background-color: #fff
}

.btn-info {
 color: #fff;
 background-color: #5bc0de;
 border-color: #46b8da
}

.btn-info:focus,
.btn-info.focus {
 color: #fff;
 background-color: #31b0d5;
 border-color: #1b6d85
}

.btn-info:hover {
 color: #fff;
 background-color: #31b0d5;
 border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
 color: #fff;
 background-color: #31b0d5;
 background-image: none;
 border-color: #269abc
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
 color: #fff;
 background-color: #269abc;
 border-color: #1b6d85
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
 background-color: #5bc0de;
 border-color: #46b8da
}

.btn-info .badge {
 color: #5bc0de;
 background-color: #fff
}

.btn-warning {
 color: #fff;
 background-color: #f0ad4e;
 border-color: #eea236
}

.btn-warning:focus,
.btn-warning.focus {
 color: #fff;
 background-color: #ec971f;
 border-color: #985f0d
}

.btn-warning:hover {
 color: #fff;
 background-color: #ec971f;
 border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
 color: #fff;
 background-color: #ec971f;
 background-image: none;
 border-color: #d58512
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
 color: #fff;
 background-color: #d58512;
 border-color: #985f0d
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
 background-color: #f0ad4e;
 border-color: #eea236
}

.btn-warning .badge {
 color: #f0ad4e;
 background-color: #fff
}

.btn-danger {
 color: #fff;
 background-color: #d9534f;
 border-color: #d43f3a
}

.btn-danger:focus,
.btn-danger.focus {
 color: #fff;
 background-color: #c9302c;
 border-color: #761c19
}

.btn-danger:hover {
 color: #fff;
 background-color: #c9302c;
 border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
 color: #fff;
 background-color: #c9302c;
 background-image: none;
 border-color: #ac2925
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
 color: #fff;
 background-color: #ac2925;
 border-color: #761c19
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
 background-color: #d9534f;
 border-color: #d43f3a
}

.btn-danger .badge {
 color: #d9534f;
 background-color: #fff
}

.btn-link {
 font-weight: 400;
 color: #337ab7;
 border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
 background-color: transparent;
 -webkit-box-shadow: none;
 box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
 border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
 color: #23527c;
 text-decoration: underline;
 background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
 color: #777;
 text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333;
 border-radius: 6px
}

.btn-sm,
.btn-group-sm>.btn {
 padding: 5px 10px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px
}

.btn-xs,
.btn-group-xs>.btn {
 padding: 1px 5px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px
}

.btn-block {
 display: block;
 width: 100%
}

.btn-block+.btn-block {
 margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
 width: 100%
}

.fade {
 opacity: 0;
 -webkit-transition: opacity .15s linear;
 -o-transition: opacity .15s linear;
 transition: opacity .15s linear
}

.fade.in {
 opacity: 1
}

.collapse {
 display: none
}

.collapse.in {
 display: block
}

tr.collapse.in {
 display: table-row
}

tbody.collapse.in {
 display: table-row-group
}

.collapsing {
 position: relative;
 height: 0;
 overflow: hidden;
 -webkit-transition-property: height, visibility;
 transition-property: height, visibility;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transition-timing-function: ease;
 transition-timing-function: ease
}

.caret {
 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 2px;
 vertical-align: middle;
 border-top: 4px dashed;
 border-top: 4px solid \9;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent
}

.dropup,
.dropdown {
 position: relative
}

.dropdown-toggle:focus {
 outline: 0
}

.dropdown-menu {
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1000;
 display: none;
 float: left;
 min-width: 160px;
 padding: 5px 0;
 margin: 2px 0 0;
 font-size: 14px;
 text-align: left;
 list-style: none;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, 0.15);
 border-radius: 4px;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.dropdown-menu.pull-right {
 right: 0;
 left: auto
}

.dropdown-menu .divider {
 height: 1px;
 margin: 9px 0;
 overflow: hidden;
 background-color: #e5e5e5
}

.dropdown-menu>li>a {
 display: block;
 padding: 3px 20px;
 clear: both;
 font-weight: 400;
 line-height: 1.42857143;
 color: #333;
 white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
 color: #262626;
 text-decoration: none;
 background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
 color: #fff;
 text-decoration: none;
 background-color: #337ab7;
 outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
 color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
 text-decoration: none;
 cursor: not-allowed;
 background-color: transparent;
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
 display: block
}

.open>a {
 outline: 0
}

.dropdown-menu-right {
 right: 0;
 left: auto
}

.dropdown-menu-left {
 right: auto;
 left: 0
}

.dropdown-header {
 display: block;
 padding: 3px 20px;
 font-size: 12px;
 line-height: 1.42857143;
 color: #777;
 white-space: nowrap
}

.dropdown-backdrop {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 990
}

.pull-right>.dropdown-menu {
 right: 0;
 left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
 content: "";
 border-top: 0;
 border-bottom: 4px dashed;
 border-bottom: 4px solid \9
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
 top: auto;
 bottom: 100%;
 margin-bottom: 2px
}

@media (min-width:768px) {
 .navbar-right .dropdown-menu {
  right: 0;
  left: auto
 }
 .navbar-right .dropdown-menu-left {
  right: auto;
  left: 0
 }
}

.btn-group,
.btn-group-vertical {
 position: relative;
 display: inline-block;
 vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
 position: relative;
 float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
 z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
 margin-left: -1px
}

.btn-toolbar {
 margin-left: -5px
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
 float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
 margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
 border-radius: 0
}

.btn-group>.btn:first-child {
 margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0
}

.btn-group>.btn-group {
 float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
 border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
 outline: 0
}

.btn-group>.btn+.dropdown-toggle {
 padding-right: 8px;
 padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
 padding-right: 12px;
 padding-left: 12px
}

.btn-group.open .dropdown-toggle {
 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
 -webkit-box-shadow: none;
 box-shadow: none
}

.btn .caret {
 margin-left: 0
}

.btn-lg .caret {
 border-width: 5px 5px 0;
 border-bottom-width: 0
}

.dropup .btn-lg .caret {
 border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
 display: block;
 float: none;
 width: 100%;
 max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
 float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
 margin-top: -1px;
 margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
 border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
 border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
 border-top-left-radius: 0;
 border-top-right-radius: 0
}

.btn-group-justified {
 display: table;
 width: 100%;
 table-layout: fixed;
 border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
 display: table-cell;
 float: none;
 width: 1%
}

.btn-group-justified>.btn-group .btn {
 width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
 left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
 position: absolute;
 clip: rect(0, 0, 0, 0);
 pointer-events: none
}

.input-group {
 position: relative;
 display: table;
 border-collapse: separate
}

.input-group[class*="col-"] {
 float: none;
 padding-right: 0;
 padding-left: 0
}

.input-group .form-control {
 position: relative;
 z-index: 2;
 float: left;
 width: 100%;
 margin-bottom: 0
}

.input-group .form-control:focus {
 z-index: 3
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
 height: 46px;
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333;
 border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
 height: 46px;
 line-height: 46px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
 height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
 height: 30px;
 padding: 5px 10px;
 font-size: 12px;
 line-height: 1.5;
 border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
 height: 30px;
 line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
 height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
 display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
 border-radius: 0
}

.input-group-addon,
.input-group-btn {
 width: 1%;
 white-space: nowrap;
 vertical-align: middle
}

.input-group-addon {
 padding: 6px 12px;
 font-size: 14px;
 font-weight: 400;
 line-height: 1;
 color: #555;
 text-align: center;
 background-color: #eee;
 border: 1px solid #ccc;
 border-radius: 4px
}

.input-group-addon.input-sm {
 padding: 5px 10px;
 font-size: 12px;
 border-radius: 3px
}

.input-group-addon.input-lg {
 padding: 10px 16px;
 font-size: 18px;
 border-radius: 6px
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
 margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0
}

.input-group-addon:first-child {
 border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0
}

.input-group-addon:last-child {
 border-left: 0
}

.input-group-btn {
 position: relative;
 font-size: 0;
 white-space: nowrap
}

.input-group-btn>.btn {
 position: relative
}

.input-group-btn>.btn+.btn {
 margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
 z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
 margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
 z-index: 2;
 margin-left: -1px
}

.nav {
 padding-left: 0;
 margin-bottom: 0;
 list-style: none
}

.nav>li {
 position: relative;
 display: block
}

.nav>li>a {
 position: relative;
 display: block;
 padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
 text-decoration: none;
 background-color: #eee
}

.nav>li.disabled>a {
 color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
 color: #777;
 text-decoration: none;
 cursor: not-allowed;
 background-color: transparent
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
 background-color: #eee;
 border-color: #337ab7
}

.nav .nav-divider {
 height: 1px;
 margin: 9px 0;
 overflow: hidden;
 background-color: #e5e5e5
}

.nav>li>a>img {
 max-width: none
}

.nav-tabs {
 border-bottom: 1px solid #ddd
}

.nav-tabs>li {
 float: left;
 margin-bottom: -1px
}

.nav-tabs>li>a {
 margin-right: 2px;
 line-height: 1.42857143;
 border: 1px solid transparent;
 border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
 border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
 color: #555;
 cursor: default;
 background-color: #fff;
 border: 1px solid #ddd;
 border-bottom-color: transparent
}

.nav-tabs.nav-justified {
 width: 100%;
 border-bottom: 0
}

.nav-tabs.nav-justified>li {
 float: none
}

.nav-tabs.nav-justified>li>a {
 margin-bottom: 5px;
 text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
 top: auto;
 left: auto
}

@media (min-width:768px) {
 .nav-tabs.nav-justified>li {
  display: table-cell;
  width: 1%
 }
 .nav-tabs.nav-justified>li>a {
  margin-bottom: 0
 }
}

.nav-tabs.nav-justified>li>a {
 margin-right: 0;
 border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
 border: 1px solid #ddd
}

@media (min-width:768px) {
 .nav-tabs.nav-justified>li>a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0
 }
 .nav-tabs.nav-justified>.active>a,
 .nav-tabs.nav-justified>.active>a:hover,
 .nav-tabs.nav-justified>.active>a:focus {
  border-bottom-color: #fff
 }
}

.nav-pills>li {
 float: left
}

.nav-pills>li>a {
 border-radius: 4px
}

.nav-pills>li+li {
 margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
 color: #fff;
 background-color: #337ab7
}

.nav-stacked>li {
 float: none
}

.nav-stacked>li+li {
 margin-top: 2px;
 margin-left: 0
}

.nav-justified {
 width: 100%
}

.nav-justified>li {
 float: none
}

.nav-justified>li>a {
 margin-bottom: 5px;
 text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
 top: auto;
 left: auto
}

@media (min-width:768px) {
 .nav-justified>li {
  display: table-cell;
  width: 1%
 }
 .nav-justified>li>a {
  margin-bottom: 0
 }
}

.nav-tabs-justified {
 border-bottom: 0
}

.nav-tabs-justified>li>a {
 margin-right: 0;
 border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
 border: 1px solid #ddd
}

@media (min-width:768px) {
 .nav-tabs-justified>li>a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0
 }
 .nav-tabs-justified>.active>a,
 .nav-tabs-justified>.active>a:hover,
 .nav-tabs-justified>.active>a:focus {
  border-bottom-color: #fff
 }
}

.tab-content>.tab-pane {
 display: none
}

.tab-content>.active {
 display: block
}

.nav-tabs .dropdown-menu {
 margin-top: -1px;
 border-top-left-radius: 0;
 border-top-right-radius: 0
}

.navbar {
 position: relative;
 min-height: 50px;
 margin-bottom: 20px;
 border: 1px solid transparent
}

@media (min-width:768px) {
 .navbar {
  border-radius: 4px
 }
}

@media (min-width:768px) {
 .navbar-header {
  float: left
 }
}

.navbar-collapse {
 padding-right: 15px;
 padding-left: 15px;
 overflow-x: visible;
 border-top: 1px solid transparent;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
 overflow-y: auto
}

@media (min-width:768px) {
 .navbar-collapse {
  width: auto;
  border-top: 0;
  box-shadow: none
 }
 .navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important
 }
 .navbar-collapse.in {
  overflow-y: visible
 }
 .navbar-fixed-top .navbar-collapse,
 .navbar-static-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
  padding-right: 0;
  padding-left: 0
 }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
 position: fixed;
 right: 0;
 left: 0;
 z-index: 1030
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
 max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
 .navbar-fixed-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
  max-height: 200px
 }
}

@media (min-width:768px) {
 .navbar-fixed-top,
 .navbar-fixed-bottom {
  border-radius: 0
 }
}

.navbar-fixed-top {
 top: 0;
 border-width: 0 0 1px
}

.navbar-fixed-bottom {
 bottom: 0;
 margin-bottom: 0;
 border-width: 1px 0 0
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
 margin-right: -15px;
 margin-left: -15px
}

@media (min-width:768px) {
 .container>.navbar-header,
 .container-fluid>.navbar-header,
 .container>.navbar-collapse,
 .container-fluid>.navbar-collapse {
  margin-right: 0;
  margin-left: 0
 }
}

.navbar-static-top {
 z-index: 1000;
 border-width: 0 0 1px
}

@media (min-width:768px) {
 .navbar-static-top {
  border-radius: 0
 }
}

.navbar-brand {
 float: left;
 height: 50px;
 padding: 15px 15px;
 font-size: 18px;
 line-height: 20px
}

.navbar-brand:hover,
.navbar-brand:focus {
 text-decoration: none
}

.navbar-brand>img {
 display: block
}

@media (min-width:768px) {
 .navbar>.container .navbar-brand,
 .navbar>.container-fluid .navbar-brand {
  margin-left: -15px
 }
}

.navbar-toggle {
 position: relative;
 float: right;
 padding: 9px 10px;
 margin-right: 15px;
 margin-top: 8px;
 margin-bottom: 8px;
 background-color: transparent;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px
}

.navbar-toggle:focus {
 outline: 0
}

.navbar-toggle .icon-bar {
 display: block;
 width: 22px;
 height: 2px;
 border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
 margin-top: 4px
}

@media (min-width:768px) {
 .navbar-toggle {
  display: none
 }
}

.navbar-nav {
 margin: 7.5px -15px
}

.navbar-nav>li>a {
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 20px
}

@media (max-width:767px) {
 .navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none
 }
 .navbar-nav .open .dropdown-menu>li>a,
 .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 25px
 }
 .navbar-nav .open .dropdown-menu>li>a {
  line-height: 20px
 }
 .navbar-nav .open .dropdown-menu>li>a:hover,
 .navbar-nav .open .dropdown-menu>li>a:focus {
  background-image: none
 }
}

@media (min-width:768px) {
 .navbar-nav {
  float: left;
  margin: 0
 }
 .navbar-nav>li {
  float: left
 }
 .navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px
 }
}

.navbar-form {
 padding: 10px 15px;
 margin-right: -15px;
 margin-left: -15px;
 border-top: 1px solid transparent;
 border-bottom: 1px solid transparent;
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 margin-top: 8px;
 margin-bottom: 8px
}

@media (min-width:768px) {
 .navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle
 }
 .navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle
 }
 .navbar-form .form-control-static {
  display: inline-block
 }
 .navbar-form .input-group {
  display: inline-table;
  vertical-align: middle
 }
 .navbar-form .input-group .input-group-addon,
 .navbar-form .input-group .input-group-btn,
 .navbar-form .input-group .form-control {
  width: auto
 }
 .navbar-form .input-group>.form-control {
  width: 100%
 }
 .navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle
 }
 .navbar-form .radio,
 .navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle
 }
 .navbar-form .radio label,
 .navbar-form .checkbox label {
  padding-left: 0
 }
 .navbar-form .radio input[type="radio"],
 .navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0
 }
 .navbar-form .has-feedback .form-control-feedback {
  top: 0
 }
}

@media (max-width:767px) {
 .navbar-form .form-group {
  margin-bottom: 5px
 }
 .navbar-form .form-group:last-child {
  margin-bottom: 0
 }
}

@media (min-width:768px) {
 .navbar-form {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none
 }
}

.navbar-nav>li>.dropdown-menu {
 margin-top: 0;
 border-top-left-radius: 0;
 border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
 margin-bottom: 0;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0
}

.navbar-btn {
 margin-top: 8px;
 margin-bottom: 8px
}

.navbar-btn.btn-sm {
 margin-top: 10px;
 margin-bottom: 10px
}

.navbar-btn.btn-xs {
 margin-top: 14px;
 margin-bottom: 14px
}

.navbar-text {
 margin-top: 15px;
 margin-bottom: 15px
}

@media (min-width:768px) {
 .navbar-text {
  float: left;
  margin-right: 15px;
  margin-left: 15px
 }
}

@media (min-width:768px) {
 .navbar-left {
  float: left !important
 }
 .navbar-right {
  float: right !important;
  margin-right: -15px
 }
 .navbar-right~.navbar-right {
  margin-right: 0
 }
}

.navbar-default {
 background-color: #f8f8f8;
 border-color: #e7e7e7
}

.navbar-default .navbar-brand {
 color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
 color: #5e5e5e;
 background-color: transparent
}

.navbar-default .navbar-text {
 color: #777
}

.navbar-default .navbar-nav>li>a {
 color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
 color: #333;
 background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
 color: #555;
 background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
 color: #ccc;
 background-color: transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 color: #555;
 background-color: #e7e7e7
}

@media (max-width:767px) {
 .navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: #777
 }
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #333;
  background-color: transparent
 }
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
  color: #555;
  background-color: #e7e7e7
 }
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
  color: #ccc;
  background-color: transparent
 }
}

.navbar-default .navbar-toggle {
 border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
 background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
 background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
 border-color: #e7e7e7
}

.navbar-default .navbar-link {
 color: #777
}

.navbar-default .navbar-link:hover {
 color: #333
}

.navbar-default .btn-link {
 color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
 color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
 color: #ccc
}

.navbar-inverse {
 background-color: #222;
 border-color: #080808
}

.navbar-inverse .navbar-brand {
 color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
 color: #fff;
 background-color: transparent
}

.navbar-inverse .navbar-text {
 color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
 color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
 color: #fff;
 background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
 color: #fff;
 background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
 color: #444;
 background-color: transparent
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
 color: #fff;
 background-color: #080808
}

@media (max-width:767px) {
 .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
  border-color: #080808
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #080808
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #9d9d9d
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #fff;
  background-color: transparent
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
  color: #fff;
  background-color: #080808
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
  color: #444;
  background-color: transparent
 }
}

.navbar-inverse .navbar-toggle {
 border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
 background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
 border-color: #101010
}

.navbar-inverse .navbar-link {
 color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
 color: #fff
}

.navbar-inverse .btn-link {
 color: #9d9d9d
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
 color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
 color: #444
}

.breadcrumb {
 padding: 8px 15px;
 margin-bottom: 20px;
 list-style: none;
 background-color: #f5f5f5;
 border-radius: 4px
}

.breadcrumb>li {
 display: inline-block
}

.breadcrumb>li+li:before {
 padding: 0 5px;
 color: #ccc;
 content: "/\00a0"
}

.breadcrumb>.active {
 color: #777
}

.pagination {
 display: inline-block;
 padding-left: 0;
 margin: 20px 0;
 border-radius: 4px
}

.pagination>li {
 display: inline
}

.pagination>li>a,
.pagination>li>span {
 position: relative;
 float: left;
 padding: 6px 12px;
 margin-left: -1px;
 line-height: 1.42857143;
 color: #337ab7;
 text-decoration: none;
 background-color: #fff;
 border: 1px solid #ddd
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
 z-index: 2;
 color: #23527c;
 background-color: #eee;
 border-color: #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
 margin-left: 0;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
 z-index: 3;
 color: #fff;
 cursor: default;
 background-color: #337ab7;
 border-color: #337ab7
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
 color: #777;
 cursor: not-allowed;
 background-color: #fff;
 border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
 border-top-left-radius: 6px;
 border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
 padding: 5px 10px;
 font-size: 12px;
 line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px
}

.pager {
 padding-left: 0;
 margin: 20px 0;
 text-align: center;
 list-style: none
}

.pager li {
 display: inline
}

.pager li>a,
.pager li>span {
 display: inline-block;
 padding: 5px 14px;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
 text-decoration: none;
 background-color: #eee
}

.pager .next>a,
.pager .next>span {
 float: right
}

.pager .previous>a,
.pager .previous>span {
 float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
 color: #777;
 cursor: not-allowed;
 background-color: #fff
}

.label {
 display: inline;
 padding: .2em .6em .3em;
 font-size: 75%;
 font-weight: 700;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: .25em
}

a.label:hover,
a.label:focus {
 color: #fff;
 text-decoration: none;
 cursor: pointer
}

.label:empty {
 display: none
}

.btn .label {
 position: relative;
 top: -1px
}

.label-default {
 background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
 background-color: #5e5e5e
}

.label-primary {
 background-color: #337ab7
}

.label-primary[href]:hover,
.label-primary[href]:focus {
 background-color: #286090
}

.label-success {
 background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
 background-color: #449d44
}

.label-info {
 background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
 background-color: #31b0d5
}

.label-warning {
 background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
 background-color: #ec971f
}

.label-danger {
 background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
 background-color: #c9302c
}

.badge {
 display: inline-block;
 min-width: 10px;
 padding: 3px 7px;
 font-size: 12px;
 font-weight: bold;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 background-color: #777;
 border-radius: 10px
}

.badge:empty {
 display: none
}

.btn .badge {
 position: relative;
 top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
 top: 0;
 padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
 color: #fff;
 text-decoration: none;
 cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
 color: #337ab7;
 background-color: #fff
}

.list-group-item>.badge {
 float: right
}

.list-group-item>.badge+.badge {
 margin-right: 5px
}

.nav-pills>li>a>.badge {
 margin-left: 3px
}

.jumbotron {
 padding-top: 30px;
 padding-bottom: 30px;
 margin-bottom: 30px;
 color: inherit;
 background-color: #eee
}

.jumbotron h1,
.jumbotron .h1 {
 color: inherit
}

.jumbotron p {
 margin-bottom: 15px;
 font-size: 21px;
 font-weight: 200
}

.jumbotron>hr {
 border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
 padding-right: 15px;
 padding-left: 15px;
 border-radius: 6px
}

.jumbotron .container {
 max-width: 100%
}

@media screen and (min-width:768px) {
 .jumbotron {
  padding-top: 48px;
  padding-bottom: 48px
 }
 .container .jumbotron,
 .container-fluid .jumbotron {
  padding-right: 60px;
  padding-left: 60px
 }
 .jumbotron h1,
 .jumbotron .h1 {
  font-size: 63px
 }
}

.thumbnail {
 display: block;
 padding: 4px;
 margin-bottom: 20px;
 line-height: 1.42857143;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 4px;
 -webkit-transition: border .2s ease-in-out;
 -o-transition: border .2s ease-in-out;
 transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
 margin-right: auto;
 margin-left: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
 border-color: #337ab7
}

.thumbnail .caption {
 padding: 9px;
 color: #333
}

.alert {
 padding: 15px;
 margin-bottom: 20px;
 border: 1px solid transparent;
 border-radius: 4px
}

.alert h4 {
 margin-top: 0;
 color: inherit
}

.alert .alert-link {
 font-weight: bold
}

.alert>p,
.alert>ul {
 margin-bottom: 0
}

.alert>p+p {
 margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
 padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
 position: relative;
 top: -2px;
 right: -21px;
 color: inherit
}

.alert-success {
 color: #3c763d;
 background-color: #dff0d8;
 border-color: #d6e9c6
}

.alert-success hr {
 border-top-color: #c9e2b3
}

.alert-success .alert-link {
 color: #2b542c
}

.alert-info {
 color: #31708f;
 background-color: #d9edf7;
 border-color: #bce8f1
}

.alert-info hr {
 border-top-color: #a6e1ec
}

.alert-info .alert-link {
 color: #245269
}

.alert-warning {
 color: #8a6d3b;
 background-color: #fcf8e3;
 border-color: #faebcc
}

.alert-warning hr {
 border-top-color: #f7e1b5
}

.alert-warning .alert-link {
 color: #66512c
}

.alert-danger {
 color: #a94442;
 background-color: #f2dede;
 border-color: #ebccd1
}

.alert-danger hr {
 border-top-color: #e4b9c0
}

.alert-danger .alert-link {
 color: #843534
}

@-webkit-keyframes progress-bar-stripes {
 from {
  background-position: 40px 0
 }
 to {
  background-position: 0 0
 }
}

@keyframes progress-bar-stripes {
 from {
  background-position: 40px 0
 }
 to {
  background-position: 0 0
 }
}

.progress {
 height: 20px;
 margin-bottom: 20px;
 overflow: hidden;
 background-color: #f5f5f5;
 border-radius: 4px;
 -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)
}

.progress-bar {
 float: left;
 width: 0;
 height: 100%;
 font-size: 12px;
 line-height: 20px;
 color: #fff;
 text-align: center;
 background-color: #337ab7;
 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 -webkit-transition: width .6s ease;
 -o-transition: width .6s ease;
 transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
 -webkit-animation: progress-bar-stripes 2s linear infinite;
 -o-animation: progress-bar-stripes 2s linear infinite;
 animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
 background-color: #5cb85c
}

.progress-striped .progress-bar-success {
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
 background-color: #5bc0de
}

.progress-striped .progress-bar-info {
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
 background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
 background-color: #d9534f
}

.progress-striped .progress-bar-danger {
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
 margin-top: 15px
}

.media:first-child {
 margin-top: 0
}

.media,
.media-body {
 overflow: hidden;
 zoom: 1
}

.media-body {
 width: 10000px
}

.media-object {
 display: block
}

.media-object.img-thumbnail {
 max-width: none
}

.media-right,
.media>.pull-right {
 padding-left: 10px
}

.media-left,
.media>.pull-left {
 padding-right: 10px
}

.media-left,
.media-right,
.media-body {
 display: table-cell;
 vertical-align: top
}

.media-middle {
 vertical-align: middle
}

.media-bottom {
 vertical-align: bottom
}

.media-heading {
 margin-top: 0;
 margin-bottom: 5px
}

.media-list {
 padding-left: 0;
 list-style: none
}

.list-group {
 padding-left: 0;
 margin-bottom: 20px
}

.list-group-item {
 position: relative;
 display: block;
 padding: 10px 15px;
 margin-bottom: -1px;
 background-color: #fff;
 border: 1px solid #ddd
}

.list-group-item:first-child {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px
}

.list-group-item:last-child {
 margin-bottom: 0;
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
 color: #777;
 cursor: not-allowed;
 background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
 color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
 color: #777
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
 z-index: 2;
 color: #fff;
 background-color: #337ab7;
 border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
 color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
 color: #c7ddef
}

a.list-group-item,
button.list-group-item {
 color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
 color: #333
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
 color: #555;
 text-decoration: none;
 background-color: #f5f5f5
}

button.list-group-item {
 width: 100%;
 text-align: left
}

.list-group-item-success {
 color: #3c763d;
 background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
 color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
 color: inherit
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
 color: #3c763d;
 background-color: #d0e9c6
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
 color: #fff;
 background-color: #3c763d;
 border-color: #3c763d
}

.list-group-item-info {
 color: #31708f;
 background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
 color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
 color: inherit
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
 color: #31708f;
 background-color: #c4e3f3
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
 color: #fff;
 background-color: #31708f;
 border-color: #31708f
}

.list-group-item-warning {
 color: #8a6d3b;
 background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
 color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
 color: inherit
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
 color: #8a6d3b;
 background-color: #faf2cc
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
 color: #fff;
 background-color: #8a6d3b;
 border-color: #8a6d3b
}

.list-group-item-danger {
 color: #a94442;
 background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
 color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
 color: inherit
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
 color: #a94442;
 background-color: #ebcccc
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
 color: #fff;
 background-color: #a94442;
 border-color: #a94442
}

.list-group-item-heading {
 margin-top: 0;
 margin-bottom: 5px
}

.list-group-item-text {
 margin-bottom: 0;
 line-height: 1.3
}

.panel {
 margin-bottom: 20px;
 background-color: #fff;
 border: 1px solid transparent;
 border-radius: 4px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
 padding: 15px
}

.panel-heading {
 padding: 10px 15px;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
 color: inherit
}

.panel-title {
 margin-top: 0;
 margin-bottom: 0;
 font-size: 16px;
 color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
 color: inherit
}

.panel-footer {
 padding: 10px 15px;
 background-color: #f5f5f5;
 border-top: 1px solid #ddd;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
 margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
 border-width: 1px 0;
 border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
 border-top: 0;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
 border-bottom: 0;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
 border-top-left-radius: 0;
 border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
 border-top-width: 0
}

.list-group+.panel-footer {
 border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
 margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
 padding-right: 15px;
 padding-left: 15px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
 border-top-left-radius: 3px;
 border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
 border-top-left-radius: 3px;
 border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
 border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
 border-top-right-radius: 3px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
 border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
 border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
 border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
 border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
 border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
 border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
 border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
 border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
 border-bottom: 0
}

.panel>.table-responsive {
 margin-bottom: 0;
 border: 0
}

.panel-group {
 margin-bottom: 20px
}

.panel-group .panel {
 margin-bottom: 0;
 border-radius: 4px
}

.panel-group .panel+.panel {
 margin-top: 5px
}

.panel-group .panel-heading {
 border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
 border-top: 1px solid #ddd
}

.panel-group .panel-footer {
 border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
 border-bottom: 1px solid #ddd
}

.panel-default {
 border-color: #ddd
}

.panel-default>.panel-heading {
 color: #333;
 background-color: #f5f5f5;
 border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
 border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
 color: #f5f5f5;
 background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color: #ddd
}

.panel-primary {
 border-color: #337ab7
}

.panel-primary>.panel-heading {
 color: #fff;
 background-color: #337ab7;
 border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
 border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
 color: #337ab7;
 background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color: #337ab7
}

.panel-success {
 border-color: #d6e9c6
}

.panel-success>.panel-heading {
 color: #3c763d;
 background-color: #dff0d8;
 border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
 border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
 color: #dff0d8;
 background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color: #d6e9c6
}

.panel-info {
 border-color: #bce8f1
}

.panel-info>.panel-heading {
 color: #31708f;
 background-color: #d9edf7;
 border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
 border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
 color: #d9edf7;
 background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color: #bce8f1
}

.panel-warning {
 border-color: #faebcc
}

.panel-warning>.panel-heading {
 color: #8a6d3b;
 background-color: #fcf8e3;
 border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
 border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
 color: #fcf8e3;
 background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color: #faebcc
}

.panel-danger {
 border-color: #ebccd1
}

.panel-danger>.panel-heading {
 color: #a94442;
 background-color: #f2dede;
 border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
 border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
 color: #f2dede;
 background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color: #ebccd1
}

.embed-responsive {
 position: relative;
 display: block;
 height: 0;
 padding: 0;
 overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0
}

.embed-responsive-16by9 {
 padding-bottom: 56.25%
}

.embed-responsive-4by3 {
 padding-bottom: 75%
}

.well {
 min-height: 20px;
 padding: 19px;
 margin-bottom: 20px;
 background-color: #f5f5f5;
 border: 1px solid #e3e3e3;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
 border-color: #ddd;
 border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
 padding: 24px;
 border-radius: 6px
}

.well-sm {
 padding: 9px;
 border-radius: 3px
}

.close {
 float: right;
 font-size: 21px;
 font-weight: bold;
 line-height: 1;
 color: #000;
 text-shadow: 0 1px 0 #fff;
 filter: alpha(opacity=20);
 opacity: .2
}

.close:hover,
.close:focus {
 color: #000;
 text-decoration: none;
 cursor: pointer;
 filter: alpha(opacity=50);
 opacity: .5
}

button.close {
 padding: 0;
 cursor: pointer;
 background: transparent;
 border: 0;
 -webkit-appearance: none;
 appearance: none
}

.modal-open {
 overflow: hidden
}

.modal {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1050;
 display: none;
 overflow: hidden;
 -webkit-overflow-scrolling: touch;
 outline: 0
}

.modal.fade .modal-dialog {
 -webkit-transform: translate(0, -25%);
 -ms-transform: translate(0, -25%);
 -o-transform: translate(0, -25%);
 transform: translate(0, -25%);
 -webkit-transition: -webkit-transform 0.3s ease-out;
 -moz-transition: -moz-transform 0.3s ease-out;
 -o-transition: -o-transform 0.3s ease-out;
 transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
 -webkit-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -o-transform: translate(0, 0);
 transform: translate(0, 0)
}

.modal-open .modal {
 overflow-x: hidden;
 overflow-y: auto
}

.modal-dialog {
 position: relative;
 width: auto;
 margin: 10px
}

.modal-content {
 position: relative;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #999;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 6px;
 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 outline: 0
}

.modal-backdrop {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1040;
 background-color: #000
}

.modal-backdrop.fade {
 filter: alpha(opacity=0);
 opacity: 0
}

.modal-backdrop.in {
 filter: alpha(opacity=50);
 opacity: .5
}

.modal-header {
 padding: 15px;
 border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
 margin-top: -2px
}

.modal-title {
 margin: 0;
 line-height: 1.42857143
}

.modal-body {
 position: relative;
 padding: 15px
}

.modal-footer {
 padding: 15px;
 text-align: right;
 border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
 margin-bottom: 0;
 margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
 margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
 margin-left: 0
}

.modal-scrollbar-measure {
 position: absolute;
 top: -9999px;
 width: 50px;
 height: 50px;
 overflow: scroll
}

@media (min-width:768px) {
 .modal-dialog {
  width: 600px;
  margin: 30px auto
 }
 .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
 }
 .modal-sm {
  width: 300px
 }
}

@media (min-width:992px) {
 .modal-lg {
  width: 900px
 }
}

.tooltip {
 position: absolute;
 z-index: 1070;
 display: block;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-style: normal;
 font-weight: 400;
 line-height: 1.42857143;
 line-break: auto;
 text-align: left;
 text-align: start;
 text-decoration: none;
 text-shadow: none;
 text-transform: none;
 letter-spacing: normal;
 word-break: normal;
 word-spacing: normal;
 word-wrap: normal;
 white-space: normal;
 font-size: 12px;
 filter: alpha(opacity=0);
 opacity: 0
}

.tooltip.in {
 filter: alpha(opacity=90);
 opacity: .9
}

.tooltip.top {
 padding: 5px 0;
 margin-top: -3px
}

.tooltip.right {
 padding: 0 5px;
 margin-left: 3px
}

.tooltip.bottom {
 padding: 5px 0;
 margin-top: 3px
}

.tooltip.left {
 padding: 0 5px;
 margin-left: -3px
}

.tooltip.top .tooltip-arrow {
 bottom: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 5px 5px 0;
 border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
 right: 5px;
 bottom: 0;
 margin-bottom: -5px;
 border-width: 5px 5px 0;
 border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
 bottom: 0;
 left: 5px;
 margin-bottom: -5px;
 border-width: 5px 5px 0;
 border-top-color: #000
}

.tooltip.right .tooltip-arrow {
 top: 50%;
 left: 0;
 margin-top: -5px;
 border-width: 5px 5px 5px 0;
 border-right-color: #000
}

.tooltip.left .tooltip-arrow {
 top: 50%;
 right: 0;
 margin-top: -5px;
 border-width: 5px 0 5px 5px;
 border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
 top: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
 top: 0;
 right: 5px;
 margin-top: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
 top: 0;
 left: 5px;
 margin-top: -5px;
 border-width: 0 5px 5px;
 border-bottom-color: #000
}

.tooltip-inner {
 max-width: 200px;
 padding: 3px 8px;
 color: #fff;
 text-align: center;
 background-color: #000;
 border-radius: 4px
}

.tooltip-arrow {
 position: absolute;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid
}

.popover {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1060;
 display: none;
 max-width: 276px;
 padding: 1px;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-style: normal;
 font-weight: 400;
 line-height: 1.42857143;
 line-break: auto;
 text-align: left;
 text-align: start;
 text-decoration: none;
 text-shadow: none;
 text-transform: none;
 letter-spacing: normal;
 word-break: normal;
 word-spacing: normal;
 word-wrap: normal;
 white-space: normal;
 font-size: 14px;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ccc;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 6px;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
 margin-top: -10px
}

.popover.right {
 margin-left: 10px
}

.popover.bottom {
 margin-top: 10px
}

.popover.left {
 margin-left: -10px
}

.popover>.arrow {
 border-width: 11px
}

.popover>.arrow,
.popover>.arrow:after {
 position: absolute;
 display: block;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid
}

.popover>.arrow:after {
 content: "";
 border-width: 10px
}

.popover.top>.arrow {
 bottom: -11px;
 left: 50%;
 margin-left: -11px;
 border-top-color: #999;
 border-top-color: rgba(0, 0, 0, 0.25);
 border-bottom-width: 0
}

.popover.top>.arrow:after {
 bottom: 1px;
 margin-left: -10px;
 content: " ";
 border-top-color: #fff;
 border-bottom-width: 0
}

.popover.right>.arrow {
 top: 50%;
 left: -11px;
 margin-top: -11px;
 border-right-color: #999;
 border-right-color: rgba(0, 0, 0, 0.25);
 border-left-width: 0
}

.popover.right>.arrow:after {
 bottom: -10px;
 left: 1px;
 content: " ";
 border-right-color: #fff;
 border-left-width: 0
}

.popover.bottom>.arrow {
 top: -11px;
 left: 50%;
 margin-left: -11px;
 border-top-width: 0;
 border-bottom-color: #999;
 border-bottom-color: rgba(0, 0, 0, 0.25)
}

.popover.bottom>.arrow:after {
 top: 1px;
 margin-left: -10px;
 content: " ";
 border-top-width: 0;
 border-bottom-color: #fff
}

.popover.left>.arrow {
 top: 50%;
 right: -11px;
 margin-top: -11px;
 border-right-width: 0;
 border-left-color: #999;
 border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
 right: 1px;
 bottom: -10px;
 content: " ";
 border-right-width: 0;
 border-left-color: #fff
}

.popover-title {
 padding: 8px 14px;
 margin: 0;
 font-size: 14px;
 background-color: #f7f7f7;
 border-bottom: 1px solid #ebebeb;
 border-radius: 5px 5px 0 0
}

.popover-content {
 padding: 9px 14px
}

.carousel {
 position: relative
}

.carousel-inner {
 position: relative;
 width: 100%;
 overflow: hidden
}

.carousel-inner>.item {
 position: relative;
 display: none;
 -webkit-transition: .6s ease-in-out left;
 -o-transition: .6s ease-in-out left;
 transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
 line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
 .carousel-inner>.item {
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  -moz-transition: -moz-transform 0.6s ease-in-out;
  -o-transition: -o-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px
 }
 .carousel-inner>.item.next,
 .carousel-inner>.item.active.right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  left: 0
 }
 .carousel-inner>.item.prev,
 .carousel-inner>.item.active.left {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0
 }
 .carousel-inner>.item.next.left,
 .carousel-inner>.item.prev.right,
 .carousel-inner>.item.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0
 }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
 display: block
}

.carousel-inner>.active {
 left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
 position: absolute;
 top: 0;
 width: 100%
}

.carousel-inner>.next {
 left: 100%
}

.carousel-inner>.prev {
 left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
 left: 0
}

.carousel-inner>.active.left {
 left: -100%
}

.carousel-inner>.active.right {
 left: 100%
}

.carousel-control {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 15%;
 font-size: 20px;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 background-color: rgba(0, 0, 0, 0);
 filter: alpha(opacity=50);
 opacity: .5
}

.carousel-control.left {
 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
 background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat: repeat-x
}

.carousel-control.right {
 right: 0;
 left: auto;
 background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
 background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat: repeat-x
}

.carousel-control:hover,
.carousel-control:focus {
 color: #fff;
 text-decoration: none;
 outline: 0;
 filter: alpha(opacity=90);
 opacity: .9
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block;
 margin-top: -10px
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
 left: 50%;
 margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
 right: 50%;
 margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
 width: 20px;
 height: 20px;
 font-family: serif;
 line-height: 1
}

.carousel-control .icon-prev:before {
 content: "\2039"
}

.carousel-control .icon-next:before {
 content: "\203a"
}

.carousel-indicators {
 position: absolute;
 bottom: 10px;
 left: 50%;
 z-index: 15;
 width: 60%;
 padding-left: 0;
 margin-left: -30%;
 text-align: center;
 list-style: none
}

.carousel-indicators li {
 display: inline-block;
 width: 10px;
 height: 10px;
 margin: 1px;
 text-indent: -999px;
 cursor: pointer;
 background-color: #000 \9;
 background-color: rgba(0, 0, 0, 0);
 border: 1px solid #fff;
 border-radius: 10px
}

.carousel-indicators .active {
 width: 12px;
 height: 12px;
 margin: 0;
 background-color: #fff
}

.carousel-caption {
 position: absolute;
 right: 15%;
 bottom: 20px;
 left: 15%;
 z-index: 10;
 padding-top: 20px;
 padding-bottom: 20px;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
 text-shadow: none
}

@media screen and (min-width:768px) {
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-prev,
 .carousel-control .icon-next {
  width: 30px;
  height: 30px;
  margin-top: -10px;
  font-size: 30px
 }
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .icon-prev {
  margin-left: -10px
 }
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-next {
  margin-right: -10px
 }
 .carousel-caption {
  right: 20%;
  left: 20%;
  padding-bottom: 30px
 }
 .carousel-indicators {
  bottom: 20px
 }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
 display: table;
 content: " "
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
 clear: both
}

.center-block {
 display: block;
 margin-right: auto;
 margin-left: auto
}

.pull-right {
 float: right !important
}

.pull-left {
 float: left !important
}

.hide {
 display: none !important
}

.show {
 display: block !important
}

.invisible {
 visibility: hidden
}

.text-hide {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0
}

.hidden {
 display: none !important
}

.affix {
 position: fixed
}

@-ms-viewport {
 width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
 display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
 display: none !important
}

@media (max-width:767px) {
 .visible-xs {
  display: block !important
 }
 table.visible-xs {
  display: table !important
 }
 tr.visible-xs {
  display: table-row !important
 }
 th.visible-xs,
 td.visible-xs {
  display: table-cell !important
 }
}

@media (max-width:767px) {
 .visible-xs-block {
  display: block !important
 }
}

@media (max-width:767px) {
 .visible-xs-inline {
  display: inline !important
 }
}

@media (max-width:767px) {
 .visible-xs-inline-block {
  display: inline-block !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-sm {
  display: block !important
 }
 table.visible-sm {
  display: table !important
 }
 tr.visible-sm {
  display: table-row !important
 }
 th.visible-sm,
 td.visible-sm {
  display: table-cell !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-sm-block {
  display: block !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-sm-inline {
  display: inline !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .visible-sm-inline-block {
  display: inline-block !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-md {
  display: block !important
 }
 table.visible-md {
  display: table !important
 }
 tr.visible-md {
  display: table-row !important
 }
 th.visible-md,
 td.visible-md {
  display: table-cell !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-md-block {
  display: block !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-md-inline {
  display: inline !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .visible-md-inline-block {
  display: inline-block !important
 }
}

@media (min-width:1200px) {
 .visible-lg {
  display: block !important
 }
 table.visible-lg {
  display: table !important
 }
 tr.visible-lg {
  display: table-row !important
 }
 th.visible-lg,
 td.visible-lg {
  display: table-cell !important
 }
}

@media (min-width:1200px) {
 .visible-lg-block {
  display: block !important
 }
}

@media (min-width:1200px) {
 .visible-lg-inline {
  display: inline !important
 }
}

@media (min-width:1200px) {
 .visible-lg-inline-block {
  display: inline-block !important
 }
}

@media (max-width:767px) {
 .hidden-xs {
  display: none !important
 }
}

@media (min-width:768px) and (max-width:991px) {
 .hidden-sm {
  display: none !important
 }
}

@media (min-width:992px) and (max-width:1199px) {
 .hidden-md {
  display: none !important
 }
}

@media (min-width:1200px) {
 .hidden-lg {
  display: none !important
 }
}

.visible-print {
 display: none !important
}

@media print {
 .visible-print {
  display: block !important
 }
 table.visible-print {
  display: table !important
 }
 tr.visible-print {
  display: table-row !important
 }
 th.visible-print,
 td.visible-print {
  display: table-cell !important
 }
}

.visible-print-block {
 display: none !important
}

@media print {
 .visible-print-block {
  display: block !important
 }
}

.visible-print-inline {
 display: none !important
}

@media print {
 .visible-print-inline {
  display: inline !important
 }
}

.visible-print-inline-block {
 display: none !important
}

@media print {
 .visible-print-inline-block {
  display: inline-block !important
 }
}

@media print {
 .hidden-print {
  display: none !important
 }
}


/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
 display: none
}

.ui-helper-hidden-accessible {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px
}

.ui-helper-reset {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 line-height: 1.3;
 text-decoration: none;
 font-size: 100%;
 list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
 content: "";
 display: table;
 border-collapse: collapse
}

.ui-helper-clearfix:after {
 clear: both
}

.ui-helper-zfix {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 opacity: 0;
 filter: alpha(opacity=0)
}

.ui-front {
 z-index: 100
}

.ui-state-disabled {
 cursor: default !important;
 pointer-events: none
}

.ui-icon {
 display: inline-block;
 vertical-align: middle;
 margin-top: -0.25em;
 position: relative;
 text-indent: -99999px;
 overflow: hidden;
 background-repeat: no-repeat
}

.ui-widget-icon-block {
 left: 50%;
 margin-left: -8px;
 display: block
}

.ui-widget-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
}

.ui-accordion .ui-accordion-header {
 display: block;
 cursor: pointer;
 position: relative;
 margin: 2px 0 0 0;
 padding: .5em .5em .5em .7em;
 font-size: 100%
}

.ui-accordion .ui-accordion-content {
 padding: 1em 2.2em;
 border-top: 0;
 overflow: auto
}

.ui-autocomplete {
 position: absolute;
 top: 0;
 left: 0;
 cursor: default
}

.ui-menu {
 list-style: none;
 padding: 0;
 margin: 0;
 display: block;
 outline: 0
}

.ui-menu .ui-menu {
 position: absolute
}

.ui-menu .ui-menu-item {
 margin: 0;
 cursor: pointer;
 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
 position: relative;
 padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
 margin: 5px 0;
 height: 0;
 font-size: 0;
 line-height: 0;
 border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
 margin: -1px
}

.ui-menu-icons {
 position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
 padding-left: 2em
}

.ui-menu .ui-icon {
 position: absolute;
 top: 0;
 bottom: 0;
 left: .2em;
 margin: auto 0
}

.ui-menu .ui-menu-icon {
 left: auto;
 right: 0
}

.ui-button {
 padding: .4em 1em;
 display: inline-block;
 position: relative;
 line-height: normal;
 margin-right: .1em;
 cursor: pointer;
 vertical-align: middle;
 text-align: center;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
 text-decoration: none
}

.ui-button-icon-only {
 width: 2em;
 box-sizing: border-box;
 text-indent: -9999px;
 white-space: nowrap
}

input.ui-button.ui-button-icon-only {
 text-indent: 0
}

.ui-button-icon-only .ui-icon {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -8px;
 margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
 padding: 0;
 width: 2.1em;
 height: 2.1em;
 text-indent: -9999px;
 white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
 width: auto;
 height: auto;
 text-indent: 0;
 white-space: normal;
 padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
 border: 0;
 padding: 0
}

.ui-controlgroup {
 vertical-align: middle;
 display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
 float: left;
 margin-left: 0;
 margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
 z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
 display: block;
 float: none;
 width: 100%;
 margin-top: 0;
 margin-bottom: 0;
 text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
 box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
 padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
 font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
 border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
 border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
 border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
 border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
 width: 75%;
 width: calc(97.6%)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
 border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
 box-shadow: inset 1px 1px 1px #ccc;
 border-radius: .12em;
 border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
 width: 16px;
 height: 16px;
 border-radius: 1em;
 overflow: visible;
 border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
 background-image: none;
 width: 8px;
 height: 8px;
 border-width: 4px;
 border-style: solid
}

.ui-checkboxradio-disabled {
 pointer-events: none
}

.ui-datepicker {
 width: 17em;
 padding: .2em .2em 0;
 display: none
}

.ui-datepicker .ui-datepicker-header {
 position: relative;
 padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
 position: absolute;
 top: 2px;
 width: 1.8em;
 height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
 top: 1px
}

.ui-datepicker .ui-datepicker-prev {
 left: 2px
}

.ui-datepicker .ui-datepicker-next {
 right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
 left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
 right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
 display: block;
 position: absolute;
 left: 50%;
 margin-left: -8px;
 top: 50%;
 margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
 margin: 0 2.3em;
 line-height: 1.8em;
 text-align: center
}

.ui-datepicker .ui-datepicker-title select {
 font-size: 1em;
 margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
 width: 45%
}

.ui-datepicker table {
 width: 100%;
 font-size: .9em;
 border-collapse: collapse;
 margin: 0 0 .4em
}

.ui-datepicker th {
 padding: .7em .3em;
 text-align: center;
 font-weight: bold;
 border: 0
}

.ui-datepicker td {
 border: 0;
 padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
 display: block;
 padding: .2em;
 text-align: right;
 text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
 background-image: none;
 margin: .7em 0 0 0;
 padding: 0 .2em;
 border-left: 0;
 border-right: 0;
 border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
 float: right;
 margin: .5em .2em .4em;
 cursor: pointer;
 padding: .2em .6em .3em .6em;
 width: auto;
 overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 float: left
}

.ui-datepicker.ui-datepicker-multi {
 width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
 float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
 width: 95%;
 margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
 width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
 width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
 width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
 clear: left
}

.ui-datepicker-row-break {
 clear: both;
 width: 100%;
 font-size: 0
}

.ui-datepicker-rtl {
 direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
 right: 2px;
 left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
 left: 2px;
 right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
 right: 1px;
 left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
 left: 1px;
 right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
 clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
 float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
 float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 border-right-width: 0;
 border-left-width: 1px
}

.ui-datepicker .ui-icon {
 display: block;
 text-indent: -99999px;
 overflow: hidden;
 background-repeat: no-repeat;
 left: .5em;
 top: .3em
}

.ui-dialog {
 position: absolute;
 top: 0;
 left: 0;
 padding: .2em;
 outline: 0
}

.ui-dialog .ui-dialog-titlebar {
 padding: .4em 1em;
 position: relative
}

.ui-dialog .ui-dialog-title {
 float: left;
 margin: .1em 0;
 white-space: nowrap;
 width: 90%;
 overflow: hidden;
 text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
 position: absolute;
 right: .3em;
 top: 50%;
 width: 20px;
 margin: -10px 0 0 0;
 padding: 1px;
 height: 20px
}

.ui-dialog .ui-dialog-content {
 position: relative;
 border: 0;
 padding: .5em 1em;
 background: none;
 overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
 text-align: left;
 border-width: 1px 0 0 0;
 background-image: none;
 margin-top: .5em;
 padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 float: right
}

.ui-dialog .ui-dialog-buttonpane button {
 margin: .5em .4em .5em 0;
 cursor: pointer
}

.ui-dialog .ui-resizable-n {
 height: 2px;
 top: 0
}

.ui-dialog .ui-resizable-e {
 width: 2px;
 right: 0
}

.ui-dialog .ui-resizable-s {
 height: 2px;
 bottom: 0
}

.ui-dialog .ui-resizable-w {
 width: 2px;
 left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
 width: 7px;
 height: 7px
}

.ui-dialog .ui-resizable-se {
 right: 0;
 bottom: 0
}

.ui-dialog .ui-resizable-sw {
 left: 0;
 bottom: 0
}

.ui-dialog .ui-resizable-ne {
 right: 0;
 top: 0
}

.ui-dialog .ui-resizable-nw {
 left: 0;
 top: 0
}

.ui-draggable .ui-dialog-titlebar {
 cursor: move
}

.ui-draggable-handle {
 -ms-touch-action: none;
 touch-action: none
}

.ui-resizable {
 position: relative
}

.ui-resizable-handle {
 position: absolute;
 font-size: .1px;
 display: block;
 -ms-touch-action: none;
 touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
 display: none
}

.ui-resizable-n {
 cursor: n-resize;
 height: 7px;
 width: 100%;
 top: -5px;
 left: 0
}

.ui-resizable-s {
 cursor: s-resize;
 height: 7px;
 width: 100%;
 bottom: -5px;
 left: 0
}

.ui-resizable-e {
 cursor: e-resize;
 width: 7px;
 right: -5px;
 top: 0;
 height: 100%
}

.ui-resizable-w {
 cursor: w-resize;
 width: 7px;
 left: -5px;
 top: 0;
 height: 100%
}

.ui-resizable-se {
 cursor: se-resize;
 width: 12px;
 height: 12px;
 right: 1px;
 bottom: 1px
}

.ui-resizable-sw {
 cursor: sw-resize;
 width: 9px;
 height: 9px;
 left: -5px;
 bottom: -5px
}

.ui-resizable-nw {
 cursor: nw-resize;
 width: 9px;
 height: 9px;
 left: -5px;
 top: -5px
}

.ui-resizable-ne {
 cursor: ne-resize;
 width: 9px;
 height: 9px;
 right: -5px;
 top: -5px
}

.ui-progressbar {
 height: 2em;
 text-align: left;
 overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
 margin: -1px;
 height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
 background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
 height: 100%;
 filter: alpha(opacity=25);
 opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
 background-image: none
}

.ui-selectable {
 -ms-touch-action: none;
 touch-action: none
}

.ui-selectable-helper {
 position: absolute;
 z-index: 100;
 border: 1px dotted black
}

.ui-selectmenu-menu {
 padding: 0;
 margin: 0;
 position: absolute;
 top: 0;
 left: 0;
 display: none
}

.ui-selectmenu-menu .ui-menu {
 overflow: auto;
 overflow-x: hidden;
 padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
 font-size: 1em;
 font-weight: bold;
 line-height: 1.5;
 padding: 2px .4em;
 margin: .5em 0 0 0;
 height: auto;
 border: 0
}

.ui-selectmenu-open {
 display: block
}

.ui-selectmenu-text {
 display: block;
 margin-right: 20px;
 overflow: hidden;
 text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
 text-align: left;
 white-space: nowrap;
 width: 22em
}

.ui-selectmenu-icon.ui-icon {
 float: right;
 margin-top: 0
}

.ui-slider {
 position: relative;
 text-align: left
}

.ui-slider .ui-slider-handle {
 position: absolute;
 z-index: 2;
 width: 1.2em;
 height: 1.2em;
 cursor: default;
 -ms-touch-action: none;
 touch-action: none
}

.ui-slider .ui-slider-range {
 position: absolute;
 z-index: 1;
 font-size: .7em;
 display: block;
 border: 0;
 background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
 filter: inherit
}

.ui-slider-horizontal {
 height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
 top: -0.3em;
 margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
 top: 0;
 height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
 left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
 right: 0
}

.ui-slider-vertical {
 width: .8em;
 height: 100px
}

.ui-slider-vertical .ui-slider-handle {
 left: -0.3em;
 margin-left: 0;
 margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
 left: 0;
 width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
 bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
 top: 0
}

.ui-sortable-handle {
 -ms-touch-action: none;
 touch-action: none
}

.ui-spinner {
 position: relative;
 display: inline-block;
 overflow: hidden;
 padding: 0;
 vertical-align: middle
}

.ui-spinner-input {
 border: none;
 background: none;
 color: inherit;
 padding: .222em 0;
 margin: .2em 0;
 vertical-align: middle;
 margin-left: .4em;
 margin-right: 2em
}

.ui-spinner-button {
 width: 1.6em;
 height: 50%;
 font-size: .5em;
 padding: 0;
 margin: 0;
 text-align: center;
 position: absolute;
 cursor: default;
 display: block;
 overflow: hidden;
 right: 0
}

.ui-spinner a.ui-spinner-button {
 border-top-style: none;
 border-bottom-style: none;
 border-right-style: none
}

.ui-spinner-up {
 top: 0
}

.ui-spinner-down {
 bottom: 0
}

.ui-tabs {
 position: relative;
 padding: .2em
}

.ui-tabs .ui-tabs-nav {
 margin: 0;
 padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
 list-style: none;
 float: left;
 position: relative;
 top: 0;
 margin: 1px .2em 0 0;
 border-bottom-width: 0;
 padding: 0;
 white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
 float: left;
 padding: .5em 1em;
 text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
 margin-bottom: -1px;
 padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
 cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
 cursor: pointer
}

.ui-tabs .ui-tabs-panel {
 display: block;
 border-width: 0;
 padding: 1em 1.4em;
 background: none
}

.ui-tooltip {
 padding: 8px;
 position: absolute;
 z-index: 9999;
 max-width: 300px
}

body .ui-tooltip {
 border-width: 2px
}

.ui-widget {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em
}

.ui-widget .ui-widget {
 font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em
}

.ui-widget.ui-widget-content {
 border: 1px solid #c5c5c5
}

.ui-widget-content {
 border: 1px solid #dddddd;
 background: #ffffff;
 color: #333333
}

.ui-widget-content a {
 color: #333333
}

.ui-widget-header {
 border: 1px solid #dddddd;
 background: #e9e9e9;
 color: #333333;
 font-weight: bold
}

.ui-widget-header a {
 color: #333333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
 border: 1px solid #c5c5c5;
 background: #f6f6f6;
 font-weight: normal;
 color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
 color: #454545;
 text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
 border: 1px solid #cccccc;
 background: #ededed;
 font-weight: normal;
 color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
 color: #2b2b2b;
 text-decoration: none
}

.ui-visual-focus {
 box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
 border: 1px solid #003eff;
 background: #007fff;
 font-weight: normal;
 color: #ffffff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
 border: #003eff;
 background-color: #ffffff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
 color: #ffffff;
 text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
 border: 1px solid #dad55e;
 background: #fffa90;
 color: #777620
}

.ui-state-checked {
 border: 1px solid #dad55e;
 background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
 color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
 border: 1px solid #f1a899;
 background: #fddfdf;
 color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
 color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
 color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
 font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
 opacity: .7;
 filter: alpha(opacity=70);
 font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
 opacity: .35;
 filter: alpha(opacity=35);
 background-image: none
}

.ui-state-disabled .ui-icon {
 filter: alpha(opacity=35)
}

.ui-icon {
 width: 16px;
 height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
 background-image: url("../Images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
 background-image: url("../Images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
 background-image: url("../Images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
 background-image: url("../Images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
 background-image: url("../Images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
 background-image: url("../Images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
 background-image: url("../Images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
 background-position: 16px 16px
}

.ui-icon-caret-1-n {
 background-position: 0 0
}

.ui-icon-caret-1-ne {
 background-position: -16px 0
}

.ui-icon-caret-1-e {
 background-position: -32px 0
}

.ui-icon-caret-1-se {
 background-position: -48px 0
}

.ui-icon-caret-1-s {
 background-position: -65px 0
}

.ui-icon-caret-1-sw {
 background-position: -80px 0
}

.ui-icon-caret-1-w {
 background-position: -96px 0
}

.ui-icon-caret-1-nw {
 background-position: -112px 0
}

.ui-icon-caret-2-n-s {
 background-position: -128px 0
}

.ui-icon-caret-2-e-w {
 background-position: -144px 0
}

.ui-icon-triangle-1-n {
 background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
 background-position: -16px -16px
}

.ui-icon-triangle-1-e {
 background-position: -32px -16px
}

.ui-icon-triangle-1-se {
 background-position: -48px -16px
}

.ui-icon-triangle-1-s {
 background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
 background-position: -80px -16px
}

.ui-icon-triangle-1-w {
 background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
 background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
 background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
 background-position: -144px -16px
}

.ui-icon-arrow-1-n {
 background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
 background-position: -16px -32px
}

.ui-icon-arrow-1-e {
 background-position: -32px -32px
}

.ui-icon-arrow-1-se {
 background-position: -48px -32px
}

.ui-icon-arrow-1-s {
 background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
 background-position: -80px -32px
}

.ui-icon-arrow-1-w {
 background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
 background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
 background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
 background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
 background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
 background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
 background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
 background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
 background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
 background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
 background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
 background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
 background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
 background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
 background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
 background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
 background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
 background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
 background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
 background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
 background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
 background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
 background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
 background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
 background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
 background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
 background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
 background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
 background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
 background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
 background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
 background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
 background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
 background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
 background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
 background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
 background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
 background-position: -176px -64px
}

.ui-icon-arrow-4 {
 background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
 background-position: -16px -80px
}

.ui-icon-extlink {
 background-position: -32px -80px
}

.ui-icon-newwin {
 background-position: -48px -80px
}

.ui-icon-refresh {
 background-position: -64px -80px
}

.ui-icon-shuffle {
 background-position: -80px -80px
}

.ui-icon-transfer-e-w {
 background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
 background-position: -112px -80px
}

.ui-icon-folder-collapsed {
 background-position: 0 -96px
}

.ui-icon-folder-open {
 background-position: -16px -96px
}

.ui-icon-document {
 background-position: -32px -96px
}

.ui-icon-document-b {
 background-position: -48px -96px
}

.ui-icon-note {
 background-position: -64px -96px
}

.ui-icon-mail-closed {
 background-position: -80px -96px
}

.ui-icon-mail-open {
 background-position: -96px -96px
}

.ui-icon-suitcase {
 background-position: -112px -96px
}

.ui-icon-comment {
 background-position: -128px -96px
}

.ui-icon-person {
 background-position: -144px -96px
}

.ui-icon-print {
 background-position: -160px -96px
}

.ui-icon-trash {
 background-position: -176px -96px
}

.ui-icon-locked {
 background-position: -192px -96px
}

.ui-icon-unlocked {
 background-position: -208px -96px
}

.ui-icon-bookmark {
 background-position: -224px -96px
}

.ui-icon-tag {
 background-position: -240px -96px
}

.ui-icon-home {
 background-position: 0 -112px
}

.ui-icon-flag {
 background-position: -16px -112px
}

.ui-icon-calendar {
 background-position: -32px -112px
}

.ui-icon-cart {
 background-position: -48px -112px
}

.ui-icon-pencil {
 background-position: -64px -112px
}

.ui-icon-clock {
 background-position: -80px -112px
}

.ui-icon-disk {
 background-position: -96px -112px
}

.ui-icon-calculator {
 background-position: -112px -112px
}

.ui-icon-zoomin {
 background-position: -128px -112px
}

.ui-icon-zoomout {
 background-position: -144px -112px
}

.ui-icon-search {
 background-position: -160px -112px
}

.ui-icon-wrench {
 background-position: -176px -112px
}

.ui-icon-gear {
 background-position: -192px -112px
}

.ui-icon-heart {
 background-position: -208px -112px
}

.ui-icon-star {
 background-position: -224px -112px
}

.ui-icon-link {
 background-position: -240px -112px
}

.ui-icon-cancel {
 background-position: 0 -128px
}

.ui-icon-plus {
 background-position: -16px -128px
}

.ui-icon-plusthick {
 background-position: -32px -128px
}

.ui-icon-minus {
 background-position: -48px -128px
}

.ui-icon-minusthick {
 background-position: -64px -128px
}

.ui-icon-close {
 background-position: -80px -128px
}

.ui-icon-closethick {
 background-position: -96px -128px
}

.ui-icon-key {
 background-position: -112px -128px
}

.ui-icon-lightbulb {
 background-position: -128px -128px
}

.ui-icon-scissors {
 background-position: -144px -128px
}

.ui-icon-clipboard {
 background-position: -160px -128px
}

.ui-icon-copy {
 background-position: -176px -128px
}

.ui-icon-contact {
 background-position: -192px -128px
}

.ui-icon-image {
 background-position: -208px -128px
}

.ui-icon-video {
 background-position: -224px -128px
}

.ui-icon-script {
 background-position: -240px -128px
}

.ui-icon-alert {
 background-position: 0 -144px
}

.ui-icon-info {
 background-position: -16px -144px
}

.ui-icon-notice {
 background-position: -32px -144px
}

.ui-icon-help {
 background-position: -48px -144px
}

.ui-icon-check {
 background-position: -64px -144px
}

.ui-icon-bullet {
 background-position: -80px -144px
}

.ui-icon-radio-on {
 background-position: -96px -144px
}

.ui-icon-radio-off {
 background-position: -112px -144px
}

.ui-icon-pin-w {
 background-position: -128px -144px
}

.ui-icon-pin-s {
 background-position: -144px -144px
}

.ui-icon-play {
 background-position: 0 -160px
}

.ui-icon-pause {
 background-position: -16px -160px
}

.ui-icon-seek-next {
 background-position: -32px -160px
}

.ui-icon-seek-prev {
 background-position: -48px -160px
}

.ui-icon-seek-end {
 background-position: -64px -160px
}

.ui-icon-seek-start {
 background-position: -80px -160px
}

.ui-icon-seek-first {
 background-position: -80px -160px
}

.ui-icon-stop {
 background-position: -96px -160px
}

.ui-icon-eject {
 background-position: -112px -160px
}

.ui-icon-volume-off {
 background-position: -128px -160px
}

.ui-icon-volume-on {
 background-position: -144px -160px
}

.ui-icon-power {
 background-position: 0 -176px
}

.ui-icon-signal-diag {
 background-position: -16px -176px
}

.ui-icon-signal {
 background-position: -32px -176px
}

.ui-icon-battery-0 {
 background-position: -48px -176px
}

.ui-icon-battery-1 {
 background-position: -64px -176px
}

.ui-icon-battery-2 {
 background-position: -80px -176px
}

.ui-icon-battery-3 {
 background-position: -96px -176px
}

.ui-icon-circle-plus {
 background-position: 0 -192px
}

.ui-icon-circle-minus {
 background-position: -16px -192px
}

.ui-icon-circle-close {
 background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
 background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
 background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
 background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
 background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
 background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
 background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
 background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
 background-position: -160px -192px
}

.ui-icon-circle-zoomin {
 background-position: -176px -192px
}

.ui-icon-circle-zoomout {
 background-position: -192px -192px
}

.ui-icon-circle-check {
 background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
 background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
 background-position: -16px -208px
}

.ui-icon-circlesmall-close {
 background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
 background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
 background-position: -64px -208px
}

.ui-icon-squaresmall-close {
 background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
 background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
 background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
 background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
 background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
 background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
 background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
 border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
 border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
 border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
 border-bottom-right-radius: 3px
}

.ui-widget-overlay {
 background: #aaaaaa;
 opacity: .003
}

.ui-widget-shadow {
 -webkit-box-shadow: 0 0 5px #666666;
 box-shadow: 0 0 5px #666666
}

.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,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
 -webkit-backface-visibility: hidden
}

.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 .3s linear;
 -moz-transition: opacity .3s linear;
 -o-transition: opacity .3s linear;
 transition: opacity .3s linear
}

.rsHidden {
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
 -moz-transition: visibility 0s linear .3s, opacity .3s linear;
 -o-transition: visibility 0s linear .3s, opacity .3s linear;
 transition: visibility 0s linear .3s, opacity .3s linear
}

.rsGCaption {
 width: 100%;
 float: left;
 text-align: center
}

.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
}

.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)
}

.rsVideoContainer {
 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%
}

.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
}

img.rsImg {
 max-width: none
}

.grab-cursor {
 cursor: url(grab.png) 8 8, move
}

.grabbing-cursor {
 cursor: url(grabbing.png) 8 8, move
}

.rsNoDrag {
 cursor: auto
}

.rsLink {
 left: 0;
 top: 0;
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 z-index: 20;
 background: url(blank.gif)
}

.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
 background: #000;
 color: #FFF
}

.rsMinW .rsArrow {
 height: 32px;
 width: 32px;
 position: absolute;
 display: block;
 cursor: pointer;
 z-index: 21
}

.rsMinW .rsArrowLeft {
 right: 37px;
 bottom: 7px
}

.rsMinW .rsArrowRight {
 right: 7px;
 bottom: 7px
}

.rsMinW .rsArrowIcn {
 width: 24px;
 height: 24px;
 margin-top: 3px;
 margin-left: 3px;
 position: absolute;
 cursor: pointer;
 background: url('rs-minimal-white.png') transparent;
 border-radius: 2px
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
 background-position: -68px -36px
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
 background-position: -68px -68px
}

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
 background-position: -100px -36px
}

.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
 background-position: -100px -68px
}

.rsMinW .rsArrowDisabled .rsArrowIcn {
 opacity: .3 !important;
 filter: alpha(opacity=30);
 *display: none
}

.rsMinW .rsBullets {
 position: absolute;
 bottom: 15px;
 right: 73px;
 z-index: 35;
 padding-top: 4px;
 height: auto;
 text-align: center;
 line-height: 6px;
 overflow: hidden
}

.rsMinW .rsBullet {
 width: 6px;
 height: 6px;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 padding: 6px 5px 6px 4px
}

.rsMinW .rsBullet span {
 display: block;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #CCC;
 background: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1)
}

.rsMinW .rsBullet.rsNavSelected span {
 background: #FFF
}

.rsMinW .rsThumbsHor {
 width: 100%;
 height: 72px
}

.rsMinW .rsThumbsVer {
 width: 96px;
 height: 100%;
 position: absolute;
 top: 0;
 right: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsContainer {
 position: relative;
 height: 100%
}

.rsMinW.rsWithThumbsVer .rsThumbsContainer {
 position: relative;
 width: 100%
}

.rsMinW .rsThumb {
 float: left;
 overflow: hidden;
 width: 96px;
 height: 72px
}

.rsMinW .rsThumb img {
 width: 100%;
 height: 100%
}

.rsMinW .rsThumb.rsNavSelected {
 background: #333
}

.rsMinW .rsThumb.rsNavSelected img {
 filter: alpha(opacity=40);
 opacity: .7
}

.rsMinW .rsThumb.rsNavSelected span.thumbIco {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border: 2px solid #FFF;
 border: 2px solid rgba(255, 255, 255, 0.9);
 -webkit-backface-visibility: hidden
}

.rsMinW .rsTmb {
 display: block
}

.rsMinW .rsThumbsArrow {
 height: 100%;
 width: 20px;
 position: absolute;
 display: block;
 cursor: pointer;
 z-index: 21
}

.rsMinW.rsWithThumbsVer .rsThumbsArrow {
 width: 100%;
 height: 20px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
 top: 0;
 left: 0
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
 bottom: 0;
 left: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
 left: 0;
 top: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
 right: 0;
 top: 0
}

.rsMinW .rsThumbsArrowIcn {
 width: 16px;
 height: 16px;
 top: 50%;
 left: 50%;
 margin-top: -8px;
 margin-left: -8px;
 position: absolute;
 cursor: pointer;
 background: url('rs-minimal-white.png')
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
 background-position: -128px -32px
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
 background-position: -128px -48px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
 background-position: -144px -32px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
 background-position: -144px -48px
}

.rsMinW .rsThumbsArrowDisabled {
 display: none !important
}

@media screen and (min-width:0) and (max-width:800px) {
 .rsMinW .rsThumb {
  width: 59px;
  height: 44px
 }
 .rsMinW .rsThumbsHor {
  height: 44px
 }
 .rsMinW .rsThumbsVer {
  width: 59px
 }
}

.rsMinW .rsTabs {
 width: 100%;
 height: auto;
 margin: 0 auto;
 text-align: center;
 overflow: hidden;
 padding-top: 12px;
 position: relative
}

.rsMinW .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: #000;
 background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
 background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
 background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
 *display: inline;
 *zoom: 1
}

.rsMinW .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
}

.rsMinW .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
}

.rsMinW .rsTab:active {
 border: 1px solid #D9D9DD;
 background-color: #f4f4f4;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset
}

.rsMinW .rsTab.rsNavSelected {
 color: #000;
 border: 1px solid #999;
 text-shadow: 1px 1px #838383;
 box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
 background: #ACACAC;
 background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
 background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
 background-image: linear-gradient(to bottom, #ACACAC, #BBB)
}

.rsMinW .rsFullscreenBtn {
 right: 0;
 top: 0;
 width: 44px;
 height: 44px;
 z-index: 22;
 display: block;
 position: absolute;
 cursor: pointer
}

.rsMinW .rsFullscreenIcn {
 display: block;
 margin: 6px;
 width: 32px;
 height: 32px;
 background: url('rs-minimal-white.png') 0 0 transparent
}

.rsMinW .rsFullscreenIcn:hover {
 opacity: .8
}

.rsMinW.rsFullscreen .rsFullscreenIcn {
 background-position: -32px 0
}

.rsMinW .rsPlayBtn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
 width: 64px;
 height: 64px;
 margin-left: -32px;
 margin-top: -32px;
 cursor: pointer
}

.rsMinW .rsPlayBtnIcon {
 width: 64px;
 display: block;
 height: 64px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
 background: url(rs-minimal-white.png) no-repeat 0 -32px;
 background-color: #000;
 background-color: rgba(0, 0, 0, 0.75);
 *background-color: #000
}

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
 background-color: rgba(0, 0, 0, 0.9)
}

.rsMinW .rsBtnCenterer {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 20px;
 height: 20px
}

.rsMinW .rsCloseVideoBtn {
 right: 0;
 top: 0;
 width: 44px;
 height: 44px;
 z-index: 500;
 position: absolute;
 cursor: pointer;
 -webkit-backface-visibility: hidden;
 -webkit-transform: translateZ(0)
}

.rsMinW .rsCloseVideoBtn.rsiOSBtn {
 top: -38px;
 right: -6px
}

.rsMinW .rsCloseVideoIcn {
 margin: 6px;
 width: 32px;
 height: 32px;
 background: url('rs-minimal-white.png') -64px 0;
 background-color: #000;
 background-color: rgba(0, 0, 0, 0.75);
 *background-color: #000
}

.rsMinW .rsCloseVideoIcn:hover {
 background-color: rgba(0, 0, 0, 0.9)
}

.rsMinW .rsPreloader {
 width: 20px;
 height: 20px;
 background-image: url(../preloaders/preloader-white.gif);
 left: 50%;
 top: 50%;
 margin-left: -10px;
 margin-top: -10px
}

.rsMinW .rsGCaption {
 position: absolute;
 float: none;
 bottom: 6px;
 left: 6px;
 text-align: left;
 background: #000;
 background: rgba(0, 0, 0, 0.75);
 color: #FFF;
 padding: 2px 8px;
 width: auto;
 font-size: 12px;
 border-radius: 2px
}

.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
 background: #000;
 color: #FFF
}

.rsMinW .rsArrow {
 height: 32px;
 width: 32px;
 position: absolute;
 display: block;
 cursor: pointer;
 z-index: 21
}

.rsMinW .rsArrowLeft {
 right: 37px;
 bottom: 7px
}

.rsMinW .rsArrowRight {
 right: 7px;
 bottom: 7px
}

.rsMinW .rsArrowIcn {
 width: 24px;
 height: 24px;
 margin-top: 3px;
 margin-left: 3px;
 position: absolute;
 cursor: pointer;
 background: url('rs-minimal-white.png') transparent;
 border-radius: 2px
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
 background-position: -68px -36px
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
 background-position: -68px -68px
}

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
 background-position: -100px -36px
}

.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
 background-position: -100px -68px
}

.rsMinW .rsArrowDisabled .rsArrowIcn {
 opacity: .3 !important;
 filter: alpha(opacity=30);
 *display: none
}

.rsMinW .rsBullets {
 position: absolute;
 bottom: 15px;
 right: 73px;
 z-index: 35;
 padding-top: 4px;
 height: auto;
 text-align: center;
 line-height: 6px;
 overflow: hidden
}

.rsMinW .rsBullet {
 width: 6px;
 height: 6px;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 padding: 6px 5px 6px 4px
}

.rsMinW .rsBullet span {
 display: block;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #CCC;
 background: rgba(255, 255, 255, 0.5);
 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1)
}

.rsMinW .rsBullet.rsNavSelected span {
 background: #FFF
}

.rsMinW .rsThumbsHor {
 width: 100%;
 height: 72px
}

.rsMinW .rsThumbsVer {
 width: 96px;
 height: 100%;
 position: absolute;
 top: 0;
 right: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsContainer {
 position: relative;
 height: 100%
}

.rsMinW.rsWithThumbsVer .rsThumbsContainer {
 position: relative;
 width: 100%
}

.rsMinW .rsThumb {
 float: left;
 overflow: hidden;
 width: 96px;
 height: 72px
}

.rsMinW .rsThumb img {
 width: 100%;
 height: 100%
}

.rsMinW .rsThumb.rsNavSelected {
 background: #333
}

.rsMinW .rsThumb.rsNavSelected img {
 filter: alpha(opacity=40);
 opacity: .7
}

.rsMinW .rsThumb.rsNavSelected span.thumbIco {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 border: 2px solid #FFF;
 border: 2px solid rgba(255, 255, 255, 0.9);
 -webkit-backface-visibility: hidden
}

.rsMinW .rsTmb {
 display: block
}

.rsMinW .rsThumbsArrow {
 height: 100%;
 width: 20px;
 position: absolute;
 display: block;
 cursor: pointer;
 z-index: 21
}

.rsMinW.rsWithThumbsVer .rsThumbsArrow {
 width: 100%;
 height: 20px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
 top: 0;
 left: 0
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
 bottom: 0;
 left: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
 left: 0;
 top: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
 right: 0;
 top: 0
}

.rsMinW .rsThumbsArrowIcn {
 width: 16px;
 height: 16px;
 top: 50%;
 left: 50%;
 margin-top: -8px;
 margin-left: -8px;
 position: absolute;
 cursor: pointer;
 background: url('rs-minimal-white.png')
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
 background-position: -128px -32px
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
 background-position: -128px -48px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
 background-position: -144px -32px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
 background-position: -144px -48px
}

.rsMinW .rsThumbsArrowDisabled {
 display: none !important
}

@media screen and (min-width:0) and (max-width:800px) {
 .rsMinW .rsThumb {
  width: 59px;
  height: 44px
 }
 .rsMinW .rsThumbsHor {
  height: 44px
 }
 .rsMinW .rsThumbsVer {
  width: 59px
 }
}

.rsMinW .rsTabs {
 width: 100%;
 height: auto;
 margin: 0 auto;
 text-align: center;
 overflow: hidden;
 padding-top: 12px;
 position: relative
}

.rsMinW .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: #000;
 background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
 background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
 background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
 *display: inline;
 *zoom: 1
}

.rsMinW .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
}

.rsMinW .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
}

.rsMinW .rsTab:active {
 border: 1px solid #D9D9DD;
 background-color: #f4f4f4;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset
}

.rsMinW .rsTab.rsNavSelected {
 color: #000;
 border: 1px solid #999;
 text-shadow: 1px 1px #838383;
 box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
 background: #ACACAC;
 background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
 background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
 background-image: linear-gradient(to bottom, #ACACAC, #BBB)
}

.rsMinW .rsFullscreenBtn {
 right: 0;
 top: 0;
 width: 44px;
 height: 44px;
 z-index: 22;
 display: block;
 position: absolute;
 cursor: pointer
}

.rsMinW .rsFullscreenIcn {
 display: block;
 margin: 6px;
 width: 32px;
 height: 32px;
 background: url('rs-minimal-white.png') 0 0 transparent
}

.rsMinW .rsFullscreenIcn:hover {
 opacity: .8
}

.rsMinW.rsFullscreen .rsFullscreenIcn {
 background-position: -32px 0
}

.rsMinW .rsPlayBtn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
 width: 64px;
 height: 64px;
 margin-left: -32px;
 margin-top: -32px;
 cursor: pointer
}

.rsMinW .rsPlayBtnIcon {
 width: 64px;
 display: block;
 height: 64px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
 background: url(rs-minimal-white.png) no-repeat 0 -32px;
 background-color: #000;
 background-color: rgba(0, 0, 0, 0.75);
 *background-color: #000
}

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
 background-color: rgba(0, 0, 0, 0.9)
}

.rsMinW .rsBtnCenterer {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 20px;
 height: 20px
}

.rsMinW .rsCloseVideoBtn {
 right: 0;
 top: 0;
 width: 44px;
 height: 44px;
 z-index: 500;
 position: absolute;
 cursor: pointer;
 -webkit-backface-visibility: hidden;
 -webkit-transform: translateZ(0)
}

.rsMinW .rsCloseVideoBtn.rsiOSBtn {
 top: -38px;
 right: -6px
}

.rsMinW .rsCloseVideoIcn {
 margin: 6px;
 width: 32px;
 height: 32px;
 background: url('rs-minimal-white.png') -64px 0;
 background-color: #000;
 background-color: rgba(0, 0, 0, 0.75);
 *background-color: #000
}

.rsMinW .rsCloseVideoIcn:hover {
 background-color: rgba(0, 0, 0, 0.9)
}

.rsMinW .rsPreloader {
 width: 20px;
 height: 20px;
 background-image: url(../preloaders/preloader-white.gif);
 left: 50%;
 top: 50%;
 margin-left: -10px;
 margin-top: -10px
}

.rsMinW .rsGCaption {
 position: absolute;
 float: none;
 bottom: 6px;
 left: 6px;
 text-align: left;
 background: #000;
 background: rgba(0, 0, 0, 0.75);
 color: #FFF;
 padding: 2px 8px;
 width: auto;
 font-size: 12px;
 border-radius: 2px
}

body:before {
 white-space: pre;
 font-family: monospace
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
 margin: 0;
 padding: 0;
 border: 0;
 font: inherit;
 font-size: 100%;
 vertical-align: baseline
}

li::marker  {
	color:#ffa300; 
}

li {
    color: #000;
    margin-bottom: 15px;
}

ul,
ol {
 margin: 0;
 margin-bottom: 3px;
 list-style: disc;
 padding: 0;
 padding-left: 20px;
 border: 0;
 font: inherit;
 font-size: 100%;
 vertical-align: baseline
}

html {
 line-height: 1
}


table {
 border-collapse: collapse;
 border-spacing: 0
}

caption,
td,
th {
 text-align: left;
 font-weight: 400;
 vertical-align: middle
}

blockquote,
q {
 quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
 content: "";
 content: none
}

a img {
 border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display: block
}

#full-width-slider.rsMinW .rsArrowLeft .rsArrowIcn,
#full-width-slider.rsMinW .rsArrowLeft .rsArrowIcn:hover,
#full-width-slider.rsMinW .rsArrowRight .rsArrowIcn,
#full-width-slider.rsMinW .rsArrowRight .rsArrowIcn:hover,
.active .toggler-l1,
.active .toggler-l1.inactive,
.ce-link a.download-new-window,
.ce-link a.external-link-new-window,
.ce-link a.internal-link-new-window,
.dropdown-l2.active .toggler-l2,
.hosted-logo,
.icons-sprite,
.main .page .row .accordion ul.accordion>li h3 span,
.main .page .row .accordion ul.accordion>li.open h3 span,
.main .page .row .votes div.quote.quote-in,
.main .page .row .votes div.quote.quote-out,
.mobile-nav div#navhead div.closer,
.mobile-nav div#navhead div.navlogo,
.mobile-nav>ul>li a,
.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li a,
.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li.active>a,
.mobile-nav>ul>li.active .dropdown-menu li a,
.mobile-nav>ul>li.active .dropdown-menu li.current>a,
.mobile-nav>ul>li.homelink.active a,
.sf .ui-state-default.ui-selectmenu-button span.ui-icon,
.sf#domainorder button,
.sf#productorder button,
.sf#userlogin button,
.toggler-l1,
.toggler-l2,
.wrapper div.main .container .rsContent .content .claim-bg,
.wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .claim-bg,
.wrapper div.main .container>.row.field div.bg-field,
.wrapper header #user-lang .logo-small,
.wrapper header #user-lang form button,
.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-contact,
.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-fb,
.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-tw,
a.download-new-window,
a.external-link-new-window,
a.internal-link-new-window,
a.internal-link-product,
body.f1 a.download-new-window,
body.f1 a.external-link-new-window,
body.f1 a.internal-link-new-window,
body.f2 a.download-new-window,
body.f2 a.external-link-new-window,
body.f2 a.internal-link-new-window,
footer .footer2 nav ul li a,
footer .social-cont .socials a.fb,
footer .social-cont .socials a.ma,
footer .social-cont .socials a.tw,
footer .social-cont .socials a.xi,
header .container .row.primary a.ms-logo,
header .container .row.primary a.qh-logo {
 background-image: url(http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/772e7804-1862-427a-b2b4-b058dc319388.png);
 background-repeat: no-repeat
}

.bgs-sprite,
.wrapper header {
 background-image: url(../Images/bgs-s2fd6db15ad.png);
 background-repeat: no-repeat
}

@font-face {
 font-family: Qhfont;
 src: url(https://www.qualityhosting.de/typo3conf/ext/qualityhosting_site/Resources/Public/Fonts/TheSansOffice5_a.woff) format("woff")
}

@font-face {
 font-family: Qhfont;
 src: url(../Fonts/TheSansOffice5_a.eot)
}

@font-face {
 font-family: Qhfont;
 src: url(../Fonts/TheSansOffice5_a.svg#TheSansOffice5_a) format("svg")
}

@font-face {
 font-family: Qhfontbolditalic;
 src: url(../Fonts/TheSansOffice7i_a.woff) format("woff")
}

@font-face {
 font-family: Qhfontbolditalic;
 src: url(../Fonts/TheSansOffice7i_a.eot)
}

@font-face {
 font-family: Qhfontbolditalic;
 src: url(../Fonts/TheSansOffice7i_a.svg#TheSansOffice7i_a) format("svg")
}

@font-face {
 font-family: Qhfontbold;
 src: url(../Fonts/TheSansOffice7_a.woff) format("woff")
}

@font-face {
 font-family: Qhfontbold;
 src: url(../Fonts/TheSansOffice7_a.eot)
}

@font-face {
 font-family: Qhfontbold;
 src: url(../Fonts/TheSansOffice7_a.svg#TheSansOffice7_a) format("svg")
}

@font-face {
 font-family: Qhfontitalic;
 src: url(../Fonts/TheSansOffice5i_a.woff) format("woff")
}

@font-face {
 font-family: Qhfontitalic;
 src: url(../Fonts/TheSansOffice5i_a.eot)
}

@font-face {
 font-family: Qhfontitalic;
 src: url(../Fonts/TheSansOffice5i_a.svg#TheSansOffice5i_a) format("svg")
}

.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9 {
 position: relative;
 padding-left: 15px;
 padding-right: 15px
}

@media (min-width:480px) and (max-width:767px) {
 .container {
  max-width: 748px
 }
 .col-ms-1,
 .col-ms-10,
 .col-ms-11,
 .col-ms-2,
 .col-ms-3,
 .col-ms-4,
 .col-ms-5,
 .col-ms-6,
 .col-ms-7,
 .col-ms-8,
 .col-ms-9 {
  float: left
 }
 .col-ms-1 {
  width: 8.33333333%
 }
 .col-ms-2 {
  width: 16.66666667%
 }
 .col-ms-3 {
  width: 25%
 }
 .col-ms-4 {
  width: 33.33333333%
 }
 .col-ms-5 {
  width: 41.66666667%
 }
 .col-ms-6 {
  width: 50%
 }
 .col-ms-7 {
  width: 58.33333333%
 }
 .col-ms-8 {
  width: 66.66666667%
 }
 .col-ms-9 {
  width: 75%
 }
 .col-ms-10 {
  width: 83.33333333%
 }
 .col-ms-11 {
  width: 91.66666667%
 }
 .col-ms-12 {
  width: 100%
 }
 .hidden-ms {
  display: none
 }
}

body {
 background-color: #fff;
 color: #333;
 font-family: Arial, sans-serif;
 font-size: 15px;
 line-height: 22px
}

@media (min-width:1230px) {
 body {
  font-size: 15px;
  line-height: 22px
 }
}

h1 {
 font-size: 40px;
 line-height: 44px;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-weight: 400;
 margin-bottom: 13px
}

@media (min-width:1230px) {
 h1 {
  font-size: 40px;
  line-height: 44px
 }
}

@media (max-width:767px) {
 h1 {
  font-size: 27px;
  line-height: 32px
 }
}

h2 {
 font-size: 30px;
 line-height: 34px;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-weight: 400;
 color: #ffa300;
 margin: 0 0 24px
}

h2:first-child {
 margin: 0 0 0px
}

@media (min-width:1230px) {
 h2 {
  font-size: 30px;
  line-height: 34px
 }
}

@media (max-width:767px) {
 h2 {
  font-size: 23px;
  line-height: 28px
 }
}

h3,
h3 a {
 font-size: 20px;
 line-height: 24px;
 color: #ffa300;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-weight: 400;
 margin: 0 0 13px
}

@media (min-width:1230px) {
 h3,
 h3 a {
  font-size: 20px;
  line-height: 24px
 }
}

h4 {
 font-size: 17px;
 line-height: 20px;
 color: #333333;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-weight: 400;
 margin: 0 0 10px
}

@media (min-width:1230px) {
 h4 {
  font-size: 17px;
  line-height: 20px
 }
}

h5 {
 font-size: inherit;
 line-height: inherit;
 font-weight: 700;
 margin: 0 0 10px
}

@media (min-width:1230px) {
 h5 {
  font-size: inherit;
  line-height: inherit
 }
}

p {
 margin: 0 0 10px;
 position: relative
}

@media (max-width:1229px) {
 img {
  height: auto
 }
}

a {
 font-size: 15px;
 line-height: 22px;
 color: #ffa300;
 font-weight: 400
}

a:hover {
 color: #ffa300;
 text-decoration: underline
}

@media (min-width:1230px) {
 a {
  font-size: 15px;
  line-height: 22px
 }
}

a.internal-link {
 font-size: 15px;
 line-height: 22px;
 color: #ffa300;
 font-weight: 400
}

a.internal-link:hover {
 color: #ffa300;
 text-decoration: underline
}

@media (min-width:1230px) {
 a.internal-link {
  font-size: 15px;
  line-height: 22px
 }
}

a.internal-link-new-window {
 font-size: 15px;
 line-height: 16px;
 color: #ffa300;
 font-weight: 400;
 padding-left: 14px;
 background-position: 0 -1880px
}

a.internal-link-new-window:hover {
 color: #ffa300;
 text-decoration: underline
}

a.download-new-window {
 font-size: 15px;
 line-height: 16px;
 color: #ffa300;
 font-weight: 400;
 padding-left: 14px;
 background-position: 0 -1880px
}

a.download-new-window:hover {
 color: #ffa300;
 text-decoration: underline
}

a.external-link-new-window {
 font-size: 15px;
 line-height: 16px;
 color: #ffa300;
 font-weight: 400;
 padding-left: 14px;
 background-position: 0 -1880px
}

a.external-link-new-window:hover {
 color: #ffa300;
 text-decoration: underline
}

a.external-link-new-window {
 font-size: 15px;
 line-height: 16px;
 color: #ffa300;
 font-weight: 400;
 padding-left: 14px;
 background-position: 0 -1880px
}

a.external-link-new-window:hover {
 color: #ffa300;
 text-decoration: underline
}

a.internal-link-product {
 font-size: 15px;
 line-height: 22px;
 color: #000;
 font-weight: 400;
 background-position: 5px -481px;
 height: 20px;
 width: 15px;
 min-height: 30px;
 background-color: #ffa300;
 display: block;
 padding: 4px 10px 0 23px;
 width: auto;
 float: left;
 color: #fff
}

a.internal-link-product:hover {
 color: #ffa300;
 text-decoration: underline
}

a.internal-link-product:hover {
 text-decoration: underline;
 color: #fff
}

.ce-link {
 clear: both;
 display: block;
 width: 100%
}

.ce-link a.download-new-window,
.ce-link a.external-link-new-window,
.ce-link a.internal-link-new-window {
 font-size: 15px;
 line-height: 22px;
 color: #000;
 font-weight: 400;
 background-position: 5px -481px;
 height: 20px;
 width: 15px;
 min-height: 30px;
 background-color: #ffa300;
 padding: 5px 10px;
 display: none;
 width: 100%
}

.ce-link a.download-new-window:hover,
.ce-link a.external-link-new-window:hover,
.ce-link a.internal-link-new-window:hover {
 color: #ffa300;
 text-decoration: underline
}

.ce-link a.download-new-window:hover,
.ce-link a.external-link-new-window:hover,
.ce-link a.internal-link-new-window:hover {
 color: #000;
 text-decoration: underline
}

body.f1 .sub-nav-col,
body.f2 .sub-nav-col {
 display: none
}

body.f1 a.download-new-window,
body.f1 a.external-link-new-window,
body.f1 a.internal-link-new-window,
body.f2 a.download-new-window,
body.f2 a.external-link-new-window,
body.f2 a.internal-link-new-window {
 background-position: 10px -404px;
 height: 12px;
 width: 10px;
 color: #fff;
 background-color: #424242;
 float: left;
 height: auto !important;
 min-height: 30px;
 padding: 7px 10px 5px 28px !important;
 margin-bottom: 10px;
 margin-top: 0;
 width: 100%
}

body.f1 a.download-new-window:hover,
body.f1 a.external-link-new-window:hover,
body.f1 a.internal-link-new-window:hover,
body.f2 a.download-new-window:hover,
body.f2 a.external-link-new-window:hover,
body.f2 a.internal-link-new-window:hover {
 color: #fff;
 text-decoration: underline
}

body.f1 .ce-link,
body.f2 .ce-link {
 width: 100%
}

body.f1 .ce-link a,
body.f2 .ce-link a {
 color: #fff;
 padding: 4px 10px 5px 25px !important
}

body.f1 .ce-link a.download-new-window,
body.f1 .ce-link a.external-link-new-window,
body.f1 .ce-link a.internal-link-new-window,
body.f2 .ce-link a.download-new-window,
body.f2 .ce-link a.external-link-new-window,
body.f2 .ce-link a.internal-link-new-window {
 display: block
}

b,
strong {
 font-weight: 700
}

span.important {
 font-weight: 700;
 color: red
}

span.detail {
 font-weight: 700;
 color: green
}

span.name-of-person {
 font-weight: 700;
 color: #00f
}

.align-center {
 text-align: center
}

.align-right {
 text-align: right
}

.align-left {
 text-align: left
}

.highlight {
 font-weight: 700;
 color: #ffa300
}

.royalSlider {
 width: 100%;
 margin-bottom: 27px
}

@media (max-width:767px) {
 .royalSlider {
  margin-bottom: 22px
 }
}

.ce-intext.ce-left .ce-gallery {
 margin-right: 21px
}

.ce-above .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-intext.ce-right .ce-gallery {
 margin-bottom: 21px
}

@media (max-width:480px) {
 .ce-column {
  width: 100%
 }
}

.ce-border iframe,
.ce-border img {
 border: 1px solid #000
}

.wrapper header {
 background-position: 0 0;
 background-repeat: repeat-x;
 background-position: 0 68px;
 transition: .3s ease
}

.shadow,
.wrapper header div.shadow {
 z-index: 99999;
 background-color: rgba(0, 0, 0, 0.5);
 height: 110px;
 position: absolute;
 width: 100%;
 top: 0
}

.wrapper header #user-lang {
 position: absolute;
 right: 20px;
 top: 1px;
 width: auto;
 z-index: 100
}

.wrapper header #user-lang form input {
 width: 164px;
 font-size: 15px;
 line-height: 21px;
 margin: 0 0 10px 10px;
 border: none
}

.wrapper header #user-lang form button {
 background-position: 0 -1118px;
 height: 23px;
 margin: 0 10px 0 5px;
 width: 20px;
 background-color: #444
}

.wrapper header #user-lang .langswitch {
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
 float: right;
 height: 27px;
 cursor: pointer
}

.wrapper header #user-lang .langswitch span {
 color: #fff;
 float: left;
 padding: 7px 10px 4px;
 text-transform: uppercase;
 font-size: 15px;
 line-height: 16px;
 font-family: Qhfont, Helvetica, Arial, sans-serif
}

.wrapper header #user-lang .langswitch span.act {
 background: #444
}

.wrapper header #user-lang .langswitch span:hover {
 text-decoration: none
}

.wrapper header #user-lang .langswitch .langswitch-container {
 background: #444;
 height: auto;
 padding-bottom: 5px;
 padding-top: 6px;
 position: absolute;
 right: 0;
 top: 27px;
 width: 38px
}

.wrapper header #user-lang .langswitch .langswitch-container.hidden {
 display: none
}

.wrapper header #user-lang .langswitch .langswitch-container a {
 color: #fff;
 float: left;
 padding: 7px 10px 4px;
 text-transform: uppercase;
 font-size: 15px;
 line-height: 16px;
 font-family: Qhfont, Helvetica, Arial, sans-serif
}

.wrapper header #user-lang .langswitch .langswitch-container a:hover {
 text-decoration: none
}

.wrapper header #user-lang #user-login {
 float: left;
 position: relative
}

.wrapper header #user-lang #user-login span {
 float: left;
 padding: 7px 10px 4px;
 text-transform: uppercase;
 color: #fff;
 font-size: 15px;
 line-height: 16px;
 font-weight: 400;
 border-left: 1px solid #fff;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 cursor: pointer
}

.wrapper header #user-lang #user-login span.act {
 background: #444
}

.wrapper header #user-lang #user-login span:hover {
 text-decoration: none
}

.wrapper header #user-lang #user-login .userlogin-container {
 background: #444;
 height: auto;
 padding-bottom: 5px;
 padding-top: 20px;
 position: absolute;
 right: 0;
 top: 27px;
 width: 210px
}

.wrapper header #user-lang #user-login .userlogin-container.hidden {
 display: none
}

.wrapper header #user-lang .logo-small {
 display: none;
 background-position: 0 -3706px
}

@media (max-width:1070px) {
 .wrapper header #user-lang {
  width: auto
 }
 .wrapper header #user-lang input {
  width: 50px
 }
}

.wrapper header .container {
 width: 100%
}

@media (min-width:1230px) {
 .wrapper header .container {
  width: 1230px;
  margin: 0 auto
 }
}

.wrapper header .container .primary .header-col-2 {
 padding-top: 10px;
 height: 67px;
 overflow: hidden
}

.wrapper header .container .primary .header-col-2 b {
 font-weight: 400
}

.wrapper header .container .primary .header-col-2 span {
 font-size: 19px;
 font-weight: 700;
 line-height: 27px
}

.mobile-nav {
 position: fixed;
 left: -470px;
 top: 0;
 width: 280px;
 bottom: 0;
 z-index: 100000;
 margin-bottom: 0;
 overflow-x: hidden;
 -webkit-transform: translate3d(190px, 0, 0);
 -moz-transform: translate3d(190px, 0, 0);
 -ms-transform: translate3d(190px, 0, 0);
 -o-transform: translate3d(190px, 0, 0);
 transform: translate3d(190px, 0, 0);
 -webkit-transition: .3s ease;
 -o-transition: .3s ease;
 transition: .3s ease
}

.show-menu .mobile-nav {
 left: -190px
}

.show-menu .wrapper {
 overflow: hidden
}

.mobile-nav div#navhead {
 height: 70px;
 width: 100%;
 background: #fff
}

.mobile-nav div#navhead div.closer {
 background-position: 14px -3207px;
 height: 28px;
 width: 28px;
 height: 70px;
 width: 42px;
 float: left
}

.mobile-nav div#navhead div.navlogo {
 background-position: -4px -3114px;
 height: 46px;
 width: 186px;
 height: 70px;
 width: 200px;
 float: right
}

.mobile-nav div#navhead div.navlogo a {
 height: 70px;
 width: 200px;
 display: block
}

@media (min-width:768px) {
 .mobile-nav {
  left: -570px;
  top: 0;
  width: 380px
 }
}

@media (min-width:988px) {
 .mobile-nav {
  display: none
 }
}

.mobile-nav>ul {
 position: static;
 margin: 0;
 padding: 0;
 display: block;
 width: 100%
}

@media (min-width:768px) {
 .mobile-nav>ul {
  padding: 0;
  display: block;
  margin: 0;
  width: auto
 }
}

@media (min-width:988px) {
 .mobile-nav>ul {
  display: block;
  padding: 0;
  width: 50%
 }
 .mobile-nav>ul.left {
  text-align: left
 }
 .mobile-nav>ul.right {
  text-align: right
 }
}

.mobile-nav>ul>li {
 float: left;
 position: relative;
 width: 100%;
 display: block;
 background-color: #424242;
 border-bottom: none
}

@media (min-width:768px) {
 .mobile-nav>ul>li {
  display: inline-block;
  border-bottom: 1px solid #fff
 }
}

.mobile-nav>ul>li div.toggler {
 position: absolute;
 right: 0;
 top: 0;
 height: 32px;
 width: 31px;
 background-color: #262626;
 border-left: 1px solid #fff
}

.mobile-nav>ul>li a {
 background-position: 16px -2838px;
 height: 12px;
 width: 6px;
 position: relative;
 color: #fff;
 display: block;
 font-size: 15px;
 line-height: 15px;
 padding: 8px 10px 9px 30px;
 text-transform: none;
 letter-spacing: .3px;
 border-bottom: 1px solid #fff;
 width: 100%;
 height: 33px;
 float: left;
 -webkit-transition: .3s ease;
 -o-transition: .3s ease;
 transition: .3s ease
}

.mobile-nav>ul>li a.active {
 background-color: #ffa300 !important;
 color: #fff !important
}

.mobile-nav>ul>li a:hover {
 background-color: transparent
}

@media (min-width:768px) {
 .mobile-nav>ul>li a {
  border: 0;
  font-size: 14px;
  line-height: 16px
 }
}

@media (min-width:988px) {
 .mobile-nav>ul>li a {
  font-size: 19px;
  line-height: 20px;
  padding: 30px 20px;
  margin-top: 0
 }
}

@media (min-width:1230px) {
 .mobile-nav>ul>li a {
  font-size: 22px;
  padding: 30px 25px
 }
}

.mobile-nav>ul>li .dropdown {
 float: left;
 position: relative;
 width: 100%;
 background-color: #d9d9d9
}

.mobile-nav>ul>li .dropdown-menu-2 {
 display: none
}

.mobile-nav>ul>li.homelink.active a {
 background-color: #ffa300;
 color: #fff;
 background-position: 16px -2766px;
 height: 12px;
 width: 6px;
 width: 100%;
 height: auto
}

.mobile-nav>ul>li.active {
 background-color: #1d1d1b
}

.mobile-nav>ul>li.active div.toggler {
 background-color: #424242
}

.mobile-nav>ul>li.active .dropdown {
 background-color: #d9d9d9
}

.mobile-nav>ul>li.active a {
 color: #fff
}

.mobile-nav>ul>li.active a:hover {
 background-color: transparent
}

.mobile-nav>ul>li.active .dropdown-menu {
 border: medium none;
 display: none;
 position: relative;
 border-radius: 0;
 box-shadow: none;
 margin: 0;
 padding: 0
}

.mobile-nav>ul>li.active .dropdown-menu li {
 background-color: #d9d9d9
}

.mobile-nav>ul>li.active .dropdown-menu li a {
 color: #444;
 padding-left: 42px;
 background-color: #f6f6f6;
 border-bottom: 1px solid #a6a6a6;
 background-position: 28px -2838px;
 height: 12px;
 width: 6px;
 width: 100%;
 height: auto;
 min-height: 33px;
 white-space: normal
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 {
 display: none
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li a {
 padding-left: 42px
}

.mobile-nav>ul>li.active .dropdown-menu li .toggler {
 background-color: #fff;
 border-left: 1px solid #a6a6a6
}

.mobile-nav>ul>li.active .dropdown-menu li.active .dropdown-menu-2 {
 display: none
}

.mobile-nav>ul>li.active .dropdown-menu li.active a {
 border-bottom: 1px solid #a6a6a6;
 background-color: #fff;
 color: #fff
}

.mobile-nav>ul>li.active .dropdown-menu li.active>a {
 color: #ffa300
}

.mobile-nav>ul>li.active .dropdown-menu li.active .toggler {
 background-color: #f2f2f2
}

.mobile-nav>ul>li.active .dropdown-menu li.current .dropdown-menu-2 {
 display: none
}

.mobile-nav>ul>li.active .dropdown-menu li.current a {
 border-bottom: 1px solid #a6a6a6;
 background-color: #ffa300;
 color: #fff
}

.mobile-nav>ul>li.active .dropdown-menu li.current>a {
 color: #fff;
 background-position: 28px -2766px;
 height: 12px;
 width: 6px;
 width: 100%;
 height: auto
}

.mobile-nav>ul>li.active .dropdown-menu li.current .toggler {
 background-color: #f2f2f2
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 {
 border: medium none;
 display: none;
 position: relative;
 border-radius: 0;
 box-shadow: none;
 margin: 0;
 padding: 0
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li {
 background-color: #d9d9d9
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li a {
 color: #1d1d1b;
 padding-left: 54px;
 background-color: #fff;
 border-bottom: 1px solid #a6a6a6;
 background-position: 40px -2838px;
 height: 12px;
 width: 6px;
 width: 100%;
 min-height: 33px;
 height: auto;
 white-space: normal
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li .dropdown-menu-2 {
 display: none
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li .dropdown-menu-2 li a {
 padding-left: 42px
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li .toggler {
 background-color: #fff;
 border-left: 1px solid #a6a6a6
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li.active .dropdown-menu-2 {
 display: none
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li.active a {
 border-bottom: 1px solid #a6a6a6;
 background-color: #fff;
 color: #ffa300
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li.active>a {
 background-color: #ffa300;
 color: #fff;
 background-position: 40px -2766px;
 height: 12px;
 width: 6px;
 width: 100%;
 height: auto
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li.active .toggler {
 background-color: #f2f2f2
}

.mobile-nav>ul>li.current>a {
 color: #ffa300
}

.mobile-nav>ul>li.current a {
 background-color: #1d1d1b
}

.mobile-nav>ul>li.current a:hover {
 background-color: #1d1d1b
}

.mobile-nav>ul>li .dropdown-menu {
 width: 100%
}

.mobile-nav>ul>li .dropdown-menu>.active>a,
.mobile-nav>ul>li .dropdown-menu>.active>a:focus,
.mobile-nav>ul>li .dropdown-menu>.active>a:hover {
 background-color: #d9d9d9
}

.wrapper header .container .primary-mobile {
 margin-bottom: 0
}

.wrapper header .container .primary-mobile .col-mobile {
 position: relative
}

.wrapper header .container .primary-mobile .col-mobile .layer-content {
 width: 100%;
 position: absolute;
 z-index: 999;
 background-color: #fff;
 border: 1px solid #b2b2b2;
 left: 0;
 top: 32px;
 padding: 10px 20px 10px 20px;
 display: none
}

@media (min-width:480px) {
 .wrapper header .container .primary-mobile .col-mobile .layer-content {
  right: 50px;
  width: 300px
 }
}

.wrapper header .container .primary-mobile .col-mobile .layer-content span.close {
 border: 2px solid #767676;
 border-radius: 5px;
 font-size: 25px;
 font-weight: 200;
 height: 38px;
 line-height: 25px;
 padding: 2px 9px;
 position: absolute;
 right: 20px;
 top: 10px;
 width: 34px;
 color: #767676
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items {
 width: auto;
 float: right;
 white-space: nowrap
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button {
 height: 17px;
 display: block;
 float: left;
 margin: 3px 20px 0 0;
 position: relative;
 cursor: pointer
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-contact {
 width: 22px;
 background-position: 0 -2108px
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-tw {
 width: 16px;
 height: 15px;
 margin-top: 5px;
 background-position: 0 -2498px
}

@media (max-width:480px) {
 .wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-tw {
  display: none
 }
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-fb {
 width: 9px;
 background-position: 0 -2265px
}

@media (max-width:480px) {
 .wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-fb {
  display: none
 }
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button::after {
 cursor: none;
 content: "|";
 position: absolute;
 right: -13px;
 top: -3px;
 color: #b2b2b2
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-login {
 width: auto;
 padding: 2px 10px 2px 10px;
 margin-right: 10px;
 background-color: #ffa300;
 color: #fff;
 display: none;
 position: relative;
 top: -4px;
 height: 24px
}

@media (max-width:480px) {
 .wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-login {
  display: block
 }
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items div.button#mobile-login::after {
 cursor: none;
 content: "";
 position: absolute;
 right: 0;
 top: 0;
 color: transparent
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items form#userlogin {
 float: left;
 margin-right: 10px
}

@media (max-width:480px) {
 .wrapper header .container .primary-mobile .col-mobile #mobile-items form#userlogin {
  display: none
 }
}

.wrapper header .container .primary-mobile .col-mobile #mobile-items .langswitch {
 float: left
}

.wrapper header.sticky {
 position: fixed;
 width: 100%;
 top: 0;
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
 background-color: #fff;
 z-index: 99999
}

.wrapper div.main {
 background-repeat: repeat-x;
 transition: .3s ease
}

.wrapper div.main div.shadow {
 background-color: rgba(0, 0, 0, 0.5);
 height: 110px;
 position: absolute;
 width: 100%;
 z-index: 1001
}

.wrapper div.main p {
 margin: 0 0 18px
}

.wrapper div.main .container {
 background: 0 0;
 overflow: hidden;
 width: 100%
}

.wrapper div.main .container #c1288 .ce-intext.ce-right .ce-gallery {
 margin-left: 0
}

.wrapper div.main .container .rsMinW,
.wrapper div.main .container .rsMinW .rsOverflow,
.wrapper div.main .container .rsMinW .rsSlide,
.wrapper div.main .container .rsMinW .rsThumbs,
.wrapper div.main .container .rsMinW .rsVideoFrameHolder {
 background: 0 0
}

.wrapper div.main .container .row .row {
 margin-bottom: 0
}

.wrapper div.main .container>.row {
 margin-left: 22px;
 margin-right: 22px
}

@media (max-width:988px) {
 .wrapper div.main .container>.row {
  margin-left: 10px;
  margin-right: 10px
 }
 .wrapper div.main .container>.row>div {
  padding-left: 18px;
  padding-right: 18px
 }
}

@media (max-width:767px) {
 .wrapper div.main .container>.row {
  margin-left: 0;
  margin-right: 0
 }
 .wrapper div.main .container>.row>div {
  padding-left: 12px;
  padding-right: 12px
 }
}

.wrapper div.main .container>.row.field {
 position: relative
}

.wrapper div.main .container>.row.field h2 {
 margin: 0
}

.wrapper div.main .container>.row.field div.bg-field {
 display: block;
 height: 22px;
 left: -22px;
 position: absolute;
 top: 6px;
 width: 30px;
 background-position: 0 -1717px
}

@media (max-width:767px) {
 .wrapper div.main .container>.row.field div.bg-field {
  height: 16px
 }
}

.wrapper div.main .container .sub-nav-row {
 background: #444;
 border-left: 15px none;
 margin: 0 0 30px 0
}

@media (max-width:988px) {
 .wrapper div.main .container .sub-nav-row {
  margin-bottom: 20px
 }
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row {
  margin-bottom: 10px
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-rootline {
 background: #fff none repeat scroll 0 0;
 float: left;
 font-size: 13px;
 padding-bottom: 0;
 padding-left: 30px;
 padding-top: 20px;
 width: 100%
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-rootline {
  padding-left: 15px
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-rootline a {
 font-size: 13px !important
}

.wrapper div.main .container .sub-nav-row .sub-nav-rootline a::after {
 content: ">";
 padding: 0 4px
}

.wrapper div.main .container .sub-nav-row .sub-nav-rootline span {
 padding: 0
}

.wrapper div.main .container .sub-nav-row .sub-nav-col {
 padding-left: 12px
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col {
 position: relative;
 padding-right: 0;
 padding-left: 0
}

@media (min-width:988px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col {
  padding-left: 20px
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col img {
 vertical-align: bottom;
 position: relative
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
 position: absolute;
 top: 53px;
 left: 20px;
 z-index: 11
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
  top: 10px;
  left: 0
 }
}

@media (max-width:988px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
  left: 0
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .claim-bg {
 position: absolute;
 top: 7px;
 left: 0;
 width: 30px;
 height: 27px;
 display: block;
 margin-right: 12px;
 background-position: 0 -1545px
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .claim-bg {
  width: 10px;
  height: 11px
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .hl-orange {
 color: #ffa300;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-weight: 400;
 font-size: 33px;
 margin-left: 44px;
 line-height: 43px;
 text-shadow: 0 0 5px #000
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .hl-orange {
  font-size: 20px;
  line-height: 23px;
  margin-top: 2px;
  margin-left: 18px
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .hl {
 color: #fff;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-size: 30px;
 margin-left: 44px;
 line-height: 38px;
 text-shadow: 0 0 5px #000
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .hl {
  font-size: 20px;
  line-height: 23px;
  margin-left: 18px
 }
}

.wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .sl {
 color: #fff;
 font-family: Qhfont, Helvetica, Arial, sans-serif;
 font-size: 18px;
 margin-left: 44px;
 line-height: 22px;
 margin-top: 10px
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .sl {
  display: none
 }
}

@media (min-width:1230px) {
 .wrapper div.main .container {
  width: 1230px;
  margin: 0 auto
 }
}

.wrapper div.main .container img {
 width: 100%;
 max-width: 100%;
 height: auto
}

@media (min-width:1230px) {
 .wrapper div.main .container img {
  width: 100%
 }
}

.wrapper footer {
 background-color: #444
}

.wrapper footer div.shadow {
 background-color: rgba(0, 0, 0, 0.5);
 height: 110px;
 position: absolute;
 width: 100%;
 z-index: 1001;
 top: -23px
}

.wrapper footer>.container>.row,
.wrapper footer>.dos-bg>.container>.row {
 margin-left: 22px;
 margin-right: 22px
}

.wrapper footer .dos-bg {
 background: #f1f1f1;
 padding-top: 35px;
 float: left;
 width: 100%
}

.wrapper footer .dos-bg .container {
 padding-bottom: 20px
}

.wrapper footer .container {
 overflow: hidden;
 padding-bottom: 25px;
 width: 100%
}

@media (min-width:1230px) {
 .wrapper footer .container {
  width: 1230px;
  margin: 0 auto;
  padding-bottom: 25px
 }
}

.wrapper footer .ce-gallery img {
 height: auto;
 max-width: 100%;
 border: 1px solid #fff
}

.row {
 margin-left: -20px;
 margin-right: -20px
}

.row .row-parent-102::after {
 clear: none
}

@media (min-width:988px) {
 .row .row-parent-102::after {
  clear: both
 }
}

.row .equalheight {
 display: table;
 height: 100%;
 table-layout: fixed
}

.row .equalheight .equal {
 display: table-cell;
 float: none;
 height: 100%
}

.row .layout {
 float: left;
 width: 100%
}

.row .layout.layout1 .ce-textpic {
 border-bottom: 1px solid #b2b2b2;
 margin-bottom: 26px;
 padding-bottom: 10px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
 padding-left: 20px;
 padding-right: 20px
}

header {
 display: block
}

header .container .row.primary a.ms-logo {
 background-position: 0 -1632px;
 width: 120px;
 height: 25px;
 display: block;
 margin-top: 21px;
 margin-left: 11px
}

header .container .row.primary a.qh-logo {
 background-position: 0 -3819px;
 display: block;
 float: right;
 height: 59px;
 width: 216px;
 margin-top: 8px;
 margin-right: 12px
}

@media (min-width:988px) {
 header .container .row.primary a.qh-logo {
  height: 59px
 }
}

header .secondary nav.navbar {
 border: none;
 border-radius: 0;
 margin-bottom: 0;
 min-height: 35px
}

header .secondary nav.navbar-default {
 background-color: transparent;
 border-color: transparent
}

header .secondary nav ul.nav {
 position: relative
}

header .secondary nav ul.nav li {
 position: static;
 float: left
}

header .secondary nav ul.nav li a {
 color: #fff;
 font-size: 15px;
 line-height: 16px;
 font-weight: 400;
 padding: 7px 10px 4px;
 border-left: 1px solid #fff;
 font-family: Qhfont, Helvetica, Arial, sans-serif
}

header .secondary nav ul.nav li a:hover {
 margin-top: 1px;
 padding-bottom: 5px;
 padding-top: 6px;
 background-color: #444
}

@media (max-width:1150px) {
 header .secondary nav ul.nav li a {
  padding: 7px 6px 4px 6px
 }
}

header .secondary nav ul.nav li a.bannerlink {
 border: medium none;
 float: left;
 margin: 0 !important;
 padding: 0 !important
}

header .secondary nav ul.nav li.last a {
 border-right: 1px solid #fff
}

header .secondary nav ul.nav li.active a,
header .secondary nav ul.nav li.activeHover a {
 margin-top: 1px;
 padding-bottom: 5px;
 padding-top: 6px;
 background-color: #444
}

header .secondary nav ul.nav li.active a.bannerlink,
header .secondary nav ul.nav li.activeHover a.bannerlink {
 border: medium none;
 float: left;
 margin: 0 !important;
 padding: 0 !important
}

header .secondary nav ul.nav li.dropdown:hover .dropdown-menu {
 display: block;
 min-width: 100%
}

header .secondary nav ul.nav li .dropdown-menu {
 position: absolute;
 top: 26px;
 left: 0;
 padding: 0;
 min-height: 372px;
 background: #444;
 border: medium none;
 box-shadow: none;
 border-radius: 0;
 border-bottom: 1px solid #444;
 border-top: 2px solid #444;
 border-right: 11px solid #444;
 border-left: 11px solid #444
}

header .secondary nav ul.nav li .dropdown-menu>ul {
 padding: 0
}

header .secondary nav ul.nav li .dropdown-menu>div.col-img {
 padding: 0
}

header .secondary nav ul.nav li .dropdown-menu>div.col-img img {
 height: auto;
 margin-top: 12px;
 max-width: 100%;
 width: 100%
}

header .secondary nav ul.nav li .dropdown-menu>ul>li {
 float: left;
 min-height: 165px;
 overflow: hidden;
 border-left: 3px solid #999;
 margin: 8px 0 14px 0;
 padding: 4px 14px 5px 14px;
 cursor: pointer
}

@media (max-width:1070px) {
 header .secondary nav ul.nav li .dropdown-menu>ul>li img {
  display: none
 }
}

header .secondary nav ul.nav li .dropdown-menu>ul>li a {
 float: left
}

header .secondary nav ul.nav li .dropdown-menu>ul>li:hover {
 border-left: 3px solid #ffa300
}

header .secondary nav ul.nav li .dropdown-menu>ul>li:hover a h3 {
 color: #ffa300;
 text-decoration: none;
 border-bottom: 0
}

header .secondary nav ul.nav li .dropdown-menu>ul>li:hover a p span {
 color: #fff;
 border-bottom: 1px solid #ffa300;
 text-decoration: none
}

header .secondary nav ul.nav li .dropdown-menu>ul>li.active {
 border-left: 3px solid #ffa300
}

header .secondary nav ul.nav li .dropdown-menu>ul>li p {
 font-family: Arial, sans-serif
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a {
 white-space: initial !important;
 border: medium none;
 padding: 0;
 color: #fff;
 display: block
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a h3 {
 color: #fff;
 font-size: 17px;
 margin-bottom: 8px
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a p {
 font-size: 13px;
 font-weight: 400
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a p img {
 float: left;
 margin-right: 15px;
 margin-bottom: 70px
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a:hover {
 text-decoration: none
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a:hover h3 {
 text-decoration: none;
 border-bottom: 0
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a:hover p span {
 text-decoration: none
}

.toggle-menu {
 position: absolute;
 display: block;
 height: 25px;
 width: 30px;
 left: 31px;
 top: 3px;
 z-index: 1000
}

.toggle-menu span,
.toggle-menu:after,
.toggle-menu:before {
 background-color: #fff;
 content: "";
 height: 2px;
 position: absolute;
 left: 0;
 right: 8px;
 top: 11px;
 width: 23px;
 -webkit-transition: .3s ease-in-out .4s;
 -o-transition: .3s ease-in-out .4s;
 transition: .3s ease-in-out .4s
}

.toggle-menu:before {
 -webkit-transform: translate3d(0, -7px, 0);
 -moz-transform: translate3d(0, -7px, 0);
 -ms-transform: translate3d(0, -7px, 0);
 -o-transform: translate3d(0, -7px, 0);
 transform: translate3d(0, -7px, 0)
}

.toggle-menu:after {
 -webkit-transform: translate3d(0, 7px, 0);
 -moz-transform: translate3d(0, 7px, 0);
 -ms-transform: translate3d(0, 7px, 0);
 -o-transform: translate3d(0, 7px, 0);
 transform: translate3d(0, 7px, 0)
}

@media (min-width:988px) {
 .toggle-menu {
  display: none
 }
}

.toggler-l1 {
 background-position: 9px -2625px;
 height: 6px;
 width: 12px
}

.active .toggler-l1 {
 background-position: 9px -3045px;
 height: 6px;
 width: 12px
}

.active .toggler-l1.inactive {
 background-position: 9px -2625px;
 height: 6px;
 width: 12px
}

.toggler-l2 {
 background-position: 9px -2559px;
 height: 6px;
 width: 12px
}

.dropdown-l2.active .toggler-l2 {
 background-position: 9px -2979px
}

.show-menu .main,
.show-menu footer,
.show-menu header {
 -webkit-transform: translate3d(281px, 0, 0);
 -moz-transform: translate3d(281px, 0, 0);
 -ms-transform: translate3d(281px, 0, 0);
 -o-transform: translate3d(281px, 0, 0);
 transform: translate3d(281px, 0, 0)
}

@media (min-width:768px) {
 .show-menu .main,
 .show-menu footer,
 .show-menu header {
  -webkit-transform: translate3d(381px, 0, 0);
  -moz-transform: translate3d(381px, 0, 0);
  -ms-transform: translate3d(381px, 0, 0);
  -o-transform: translate3d(381px, 0, 0);
  transform: translate3d(381px, 0, 0)
 }
}

@media (min-width:988px) {
 .show-menu .main,
 .show-menu footer,
 .show-menu header {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
 }
}

.show-menu .main .toggle-menu span,
.show-menu footer .toggle-menu span,
.show-menu header .toggle-menu span {
 opacity: 0
}

.show-menu .main .toggle-menu:after,
.show-menu .main .toggle-menu:before,
.show-menu footer .toggle-menu:after,
.show-menu footer .toggle-menu:before,
.show-menu header .toggle-menu:after,
.show-menu header .toggle-menu:before {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg)
}

.show-menu .main .toggle-menu:after,
.show-menu footer .toggle-menu:after,
.show-menu header .toggle-menu:after {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg)
}

.show-menu header .primary nav {
 -webkit-transform: translate3d(272px, 0, 0);
 -moz-transform: translate3d(272px, 0, 0);
 -ms-transform: translate3d(272px, 0, 0);
 -o-transform: translate3d(272px, 0, 0);
 transform: translate3d(272px, 0, 0)
}

@media (min-width:768px) {
 .show-menu header .primary nav {
  -webkit-transform: translate3d(198px, 0, 0);
  -moz-transform: translate3d(198px, 0, 0);
  -ms-transform: translate3d(198px, 0, 0);
  -o-transform: translate3d(198px, 0, 0);
  transform: translate3d(198px, 0, 0)
 }
}

@media (min-width:988px) {
 .show-menu header .primary nav {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
 }
}

.main .fs-hr {
 float: left;
 width: 100%;
 background: #fff;
 padding-bottom: 3px;
 margin-top: -24px
}

.main .fullsize {
 background: #ffa300;
 float: left;
 width: 100%
}

.main .fullsize .container {
 padding-left: 5px;
 padding-right: 5px
}

@media (max-width:988px) {
 .main .fullsize .container {
  padding-left: 0;
  padding-right: 0
 }
}

.main .fullsize .container>.row {
 margin-left: 0 !important;
 margin-right: 0 !important;
 padding-left: 0 !important;
 padding-right: 0 !important
}

.main .fullsize .container>.row>div {
 padding-left: 0 !important;
 padding-right: 0 !important
}

.main .fullsize .container .row.row-teaser {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 0
}

.main .fullsize .container .row.row-teaser>div {
 padding-left: 0;
 padding-right: 0;
 border-left: 30px solid #fff;
 border-right: 30px solid #fff
}

@media (max-width:767px) {
 .main .fullsize .container .row.row-teaser>div {
  border-left: 13px solid #fff;
  border-right: 13px solid #fff
 }
}

.main .fullsize .container .row.row-teaser a {
 display: block
}

.main .fullsize .container .row.row-teaser a img {
 vertical-align: bottom
}

@media (max-width:988px) {
 .main .fullsize .container .row.row-teaser {
  margin-left: 0;
  margin-right: 0
 }
}

.main .fullsize.fullsizecaption {
 float: left;
 width: 100%;
 background: #fff;
 border-top: none;
 padding-top: 10px;
 padding-bottom: 20px
}

.main .fullsize.fullsizecaption .container .row.row-teaser {
 margin-bottom: 0
}

.main .fullsize.fullsizecaption .container .row.row-teaser>div {
 padding-left: 30px;
 padding-right: 30px;
 border-left: none;
 border-right: none
}

.main .page.container {
 padding-left: 0;
 padding-right: 0;
 margin-bottom: 24px !important
}

@media (min-width:988px) {
 .main .page.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 24px !important
 }
}

.main .page .row .page-navigation p {
 display: none
}

.main .page .row ol,
.main .page .row ul {
 padding-left: 40px;
 margin-bottom: 3px
}

.main .page .row ol.f3-widget-paginator,
.main .page .row ul.f3-widget-paginator {
 list-style-type: none;
 padding-left: 0
}

.main .page .row ol.f3-widget-paginator li,
.main .page .row ul.f3-widget-paginator li {
 padding: 0 15px 0 0;
 list-style-type: none;
 float: left
}

.main .page .row ol.ce-uploads,
.main .page .row ul.ce-uploads {
 padding-left: 0
}

.main .page .row ol.ce-uploads a.internal-link-new-window,
.main .page .row ul.ce-uploads a.internal-link-new-window {
 display: block
}

.main .page .row ol.ce-uploads a.internal-link-new-window span,
.main .page .row ul.ce-uploads a.internal-link-new-window span {
 display: inline
}

.main .page .row ol.nav,
.main .page .row ul.nav {
 padding-left: 0
}

.main .page .row ol.nav ul.nav,
.main .page .row ul.nav ul.nav {
 margin-bottom: 3px
}

.main .page .row ol li {
 list-style-type: decimal
}

.main .page .row ul li {
 list-style-type: disc
}

.main .page .row .infobox {
 background: #eee;
 padding: 20px 15px;
 margin-bottom: 20px
}

.main .page .row .infobutton {
 background-color: #fff;
 border: 1px solid #000;
 border-radius: 10px;
 color: #000;
 cursor: pointer;
 font-size: 11px;
 line-height: 10px;
 padding: 2px 7px;
 position: relative;
 top: -2px
}

.main .page .row .infoheadline {
 background: #ccc none repeat scroll 0 0;
 display: inline-table;
 font-weight: 700;
 margin-top: 8px;
 padding: 10px 15px;
 width: 100%
}

.main .page .row .infoheadline p {
 margin-bottom: 0
}

.main .page .row form p.radio {
 margin-bottom: 0
}

.main .page .row form p.radio label {
 padding-left: 13px;
 float: left;
 width: 100%;
 margin-bottom: 10px;
 font-size: 12px;
 color: #999;
 text-transform: uppercase
}

.main .page .row form p.radio span.radio {
 margin-top: 0
}

.main .page .row form p.radio span.radio input[type=radio] {
 float: left;
 margin: 5px 10px 0 0;
 position: absolute;
 width: auto;
 height: auto
}

.main .page .row form p.radio span.radio label {
 width: auto;
 margin-right: 20px;
 font-size: 14px;
 color: #999
}

.main .page .row form input[type=text] {
 width: 100%;
 clear: both
}

.main .page .row form .form-col-full.nopad {
 float: left;
 margin-bottom: 10px;
 width: 100%
}

.main .page .row .votes {
 position: relative;
 padding-bottom: 0;
 float: left;
 width: 100%
}

.main .page .row .votes .text {
 position: relative
}

.main .page .row .votes div.quote {
 position: absolute;
 width: 88px;
 height: 68px;
 display: block;
 z-index: 1
}

.main .page .row .votes div.quote.quote-in {
 right: 0;
 top: 0;
 background-position: 0 -4057px
}

.main .page .row .votes div.quote.quote-out {
 bottom: 42px;
 left: 0;
 background-position: 0 -3931px
}

.main .page .row .votes div.quote .text p {
 font-size: 18px;
 line-height: 24px;
 font-family: Qhfont, Helvetica, Arial, sans-serif
}

.main .page .row .votes a {
 position: relative;
 z-index: 2
}

.main .page .row .votes p {
 position: relative;
 z-index: 2;
 color: #757575;
 font-size: 110%;
 font-style: italic
}

.main .page .row .votes p a {
 font-size: 100%
}

.main .page .row .votes p.name {
 font-style: normal;
 color: #000;
 font-size: 14px
}

.main .page .row .votes-overview>div>div.row>div .tp {
 width: 100%;
 margin-top: 15px;
 display: table
}

.main .page .row .votes-overview>div>div.row>div .tp .v-img {
 display: table-cell;
 text-align: center;
 width: 100%;
 height: 55px;
 margin-bottom: 10px;
 vertical-align: middle
}

.main .page .row .votes-overview>div>div.row>div .tp .v-img img {
 float: none;
 margin-right: 20px;
 margin-top: 5px;
 width: auto;
 max-width: 240px;
 margin-bottom: 10px
}

.main .page .row .votes-overview>div>div.row>div .tp p {
 line-height: 17px;
 display: table
}

.main .page .row .votes-overview>div>div.row>div .content {
 display: block
}

.main .page .row .votes-overview>div>div.row>div .content>div {
 font-style: italic
}

.main .page .row .votes-overview>div>div.row>div .content .small a {
 font-size: 12px
}

.main .page .row .votes-overview>div>div.row:first-child>div .tp {
 border-top: none;
 padding-top: 0;
 margin-top: 0
}

.main .page .row .accordion ul.accordion {
 margin-top: 0;
 margin-bottom: 15px;
 padding-left: 0
}

.main .page .row .accordion ul.accordion>li {
 list-style-type: none
}

.main .page .row .accordion ul.accordion>li h3 {
 margin-top: 0;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 transition: all .3s ease 0s;
 white-space: normal;
 padding: 8px 40px 9px 10px;
 cursor: pointer;
 background-color: #d7d7d7;
 margin-bottom: 4px;
 color: #333;
 font-size: 18px;
 position: relative
}

.main .page .row .accordion ul.accordion>li h3 span {
 position: absolute;
 right: 13px;
 top: 14px;
 width: 20px;
 height: 20px;
 background-position: 0 -338px
}

.main .page .row .accordion ul.accordion>li.open h3 span {
 right: 13px;
 top: 12px;
 background-position: 0 -565px
}

.main .page .row .accordion ul.accordion>li .toggled {
 display: none;
 margin-top: 20px;
 padding: 0 20px 20px 20px
}

.main .page .row .accordion ul.accordion>li .toggled.prodtable {
 padding: 0 0 20px 0
}

.main .page .row table.tfw {
 width: 100%;
 margin: 0;
 padding: 0
}

.main .page .row table.tfw td,
.main .page .row table.tfw th {
 padding: 0;
 margin: 0
}

.main .page .row table.prod-table {
 width: 100%;
 margin-bottom: 15px
}

.main .page .row table.prod-table tr th {
 padding: 5px 8px 5px 10px;
 background-color: #f3f3f3;
 border-bottom: 4px solid #fff;
 border-left: 2px solid #fff
}

.main .page .row table.prod-table tr th p {
 margin: 0
}

.main .page .row table.prod-table tr td {
 padding: 5px 8px 5px 10px;
 background-color: #f3f3f3;
 text-align: center;
 border-bottom: 4px solid #fff;
 border-left: 2px solid #fff;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .main .page .row table.prod-table tr td {
  font-size: 15px;
  line-height: 22px
 }
}

.main .page .row table.prod-table tr td p {
 margin-bottom: 0;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .main .page .row table.prod-table tr td p {
  font-size: 15px;
  line-height: 22px
 }
}

.main .page .row table.prod-table tr td:first-child {
 background-color: #e4e4e4;
 text-align: left;
 border-left: none
}

.main .page .row table.prod-table-2 {
 width: 100%;
 margin-bottom: 15px
}

.main .page .row table.prod-table-2 tr td {
 padding: 5px 8px 5px 10px;
 text-align: center;
 border-bottom: 4px solid #fff;
 border-left: 2px solid #fff;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .main .page .row table.prod-table-2 tr td {
  font-size: 15px;
  line-height: 22px
 }
}

.main .page .row table.prod-table-2 tr td p {
 margin-bottom: 0;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .main .page .row table.prod-table-2 tr td p {
  font-size: 15px;
  line-height: 22px
 }
}

.main .page .row table.prod-table-2 tr td:first-child {
 text-align: left;
 border-left: none
}

.main .page .row table.prod-table-3 {
 width: 100%;
 margin-bottom: 15px
}

.main .page .row table.prod-table-3 tr td {
 padding: 5px 8px 5px 10px;
 background-color: #f3f3f3;
 text-align: center;
 border-bottom: 4px solid #fff;
 border-left: 2px solid #fff;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .main .page .row table.prod-table-3 tr td {
  font-size: 15px;
  line-height: 22px
 }
}

.main .page .row table.prod-table-3 tr td p {
 margin-bottom: 0;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .main .page .row table.prod-table-3 tr td p {
  font-size: 15px;
  line-height: 22px
 }
}

.main .page .row table.prod-table-3 tr td:first-child {
 background-color: #f3f3f3;
 text-align: center;
 border-left: none
}

.main .page .row table td.cw22 {
 width: 22%
}

.main .page .row table td.cw25 {
 width: 25%
}

.main .page .row table td.cw33 {
 width: 33%
}

.main .page .row table td.cw50 {
 width: 50%
}

.main .page .row table td.cw66 {
 width: 66%
}

.main .page .row table td.cw75 {
 width: 75%
}

.main .page .row table td.cw25 {
 width: 25%
}

.main .page .row table td.cw33 {
 width: 33%
}

.main .page .row table td.cw50 {
 width: 50%
}

.main .page .row table td.cw66 {
 width: 66%
}

.main .page .row table td.cw75 {
 width: 75%
}

.main .page .row table td.bgcolor1,
.main .page .row table th.bgcolor1 {
 background-color: #e4e4e4 !important
}

.main .page .row table th {
 font-weight: 700;
 text-align: center
}

.main .page .row:first-child {
 margin-bottom: 30px
}

.main .page .row .ce-bodytext ul {
 list-style-type: initial;
 padding-left: 20px
}

.main .page .row .ce-menu.ce-menu-1 {
 margin-top: 15px;
 margin-bottom: 30px
}

.main .page .row nav.side>ul {
 margin-top: 5px
}

.main .page .row nav.side>ul>li>a {
 color: #fff;
 font-weight: 400;
 padding: 0 0 0 8px;
 font-size: 14px;
 line-height: 16px;
 margin-left: 2px;
 margin-bottom: 7px;
 border-left: 3px solid #999;
 font-family: Qhfont, Helvetica, Arial, sans-serif
}

.main .page .row nav.side>ul>li>a.active,
.main .page .row nav.side>ul>li>a:active,
.main .page .row nav.side>ul>li>a:focus,
.main .page .row nav.side>ul>li>a:hover {
 border-left: 3px solid #ffa300;
 background-color: transparent;
 color: #ffa300
}

.main .page .row nav.side>ul>li>ul {
 margin-top: 1px
}

.main .page .row nav.side>ul>li>ul>li {
 padding-bottom: 3px
}

.main .page .row nav.side>ul>li>ul>li>a {
 color: #fff;
 font-weight: 400;
 font-size: 13px;
 line-height: 15px;
 padding: 2px 0 2px 25px
}

.main .page .row nav.side>ul>li>ul>li>a.active,
.main .page .row nav.side>ul>li>ul>li>a:active,
.main .page .row nav.side>ul>li>ul>li>a:focus,
.main .page .row nav.side>ul>li>ul>li>a:hover {
 background-color: transparent;
 color: #ffa300;
 border: none
}

.main .page .row .small {
 font-size: 80%
}

.main .page .row .tx-qh-products table.table tbody tr td.section-headline {
 font-weight: 700
}

.main .page .row .tx-qh-products table.table tbody tr td span.included span {
 display: none
}

.embed-container {
 float: left;
 position: relative;
 padding-bottom: 56.25%;
 margin-top: 20px;
 height: 0;
 overflow: hidden;
 width: 100%;
 height: auto
}

.embed-container.ratio4x3 {
 padding-bottom: 75%
}

.embed-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
}

.embed-container.ratio4x3 {
 padding-bottom: 75%
}

footer {
 padding-bottom: 0;
 color: #fff
}

footer h2 {
 color: #fff;
 font-size: 22px;
 border-bottom: 1px solid #fff;
 margin-bottom: 5px;
 padding-bottom: 6px
}

footer h3 {
 color: #fff;
 font-size: 14px
}

footer .ce-left .ce-gallery {
 margin-bottom: 1px
}

footer .col-head-noborder h2 {
 border-bottom: none;
 margin-bottom: 0
}

footer .col-nohead div.nohead {
 float: left;
 width: 100%;
 margin-top: 0;
 padding-top: 8px
}

@media (min-width:768px) {
 footer .col-nohead div.nohead {
  margin-top: 40px;
  border-top: 1px solid #fff
 }
}

footer .footer1 {
 margin-top: 25px
}

footer .footer1 img {
 width: 100%;
 height: auto
}

@media (max-width:767px) {
 footer .footer1 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .footer1>div {
  padding-left: 0;
  padding-right: 0
 }
}

@media (max-width:988px) {
 footer .footer1 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .footer1 img {
  width: 100%
 }
}

footer .footer2 {
 margin-top: 23px
}

@media (max-width:767px) {
 footer .footer2 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .footer2>div {
  padding-left: 0;
  padding-right: 0
 }
}

@media (max-width:988px) {
 footer .footer2 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
}

footer .footer2 nav ul li.first {
 border-top: 1px solid #fff;
 padding-top: 3px
}

footer .footer2 nav ul li.active a {
 color: #ffa300
}

footer .footer2 nav ul li a {
 padding-bottom: 6px;
 padding-top: 7px;
 font-size: 14px;
 font-size: 15px;
 line-height: 17px;
 color: #fff;
 font-weight: 400;
 padding-left: 17px;
 background-position: 0 -1873px
}

footer .footer2 nav ul li a:hover {
 color: #ffa300;
 text-decoration: underline
}

footer .footer2 nav ul li a:focus {
 background-color: transparent;
 text-decoration: none;
 color: #ffa300
}

footer .footer2 nav ul li a:hover {
 background-color: transparent;
 text-decoration: none;
 color: #ffa300
}

footer .footer2 .col-1-footer nav ul li.first,
footer .footer2 .col-2-footer nav ul li.first {
 border-top: 1px solid #fff;
 padding-top: 3px
}

@media (max-width:767px) {
 footer .footer2 .col-1-footer nav ul li.first,
 footer .footer2 .col-2-footer nav ul li.first {
  padding-top: 5px
 }
}

@media (max-width:767px) {
 footer .footer2 .col-1-footer nav ul li.last,
 footer .footer2 .col-2-footer nav ul li.last {
  border: none
 }
}

@media (max-width:767px) {
 footer .footer2 .col-2-footer nav ul li.first {
  border-top: none;
  padding-top: 0
 }
}

@media (max-width:767px) {
 footer .footer2 .col-3-footer nav ul li.first {
  border-top: none;
  padding-top: 0
 }
}

@media (max-width:767px) {
 footer .footer2 .col-3-footer nav ul li.last {
  padding-bottom: 5px
 }
}

footer .footer3 {
 margin-top: 5px
}

@media (max-width:767px) {
 footer .footer3 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .footer3>div {
  padding-left: 0;
  padding-right: 0
 }
}

@media (max-width:988px) {
 footer .footer3 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
}

@media (min-width:768px) {
 footer .footer3 {
  margin-top: 20px
 }
}

footer .footer3 .col-bo h3 {
 margin-bottom: 7px;
 padding-bottom: 7px;
 border-bottom: 1px solid #fff;
 border-top: 1px solid #fff;
 padding: 3px 0 4px;
 width: 100%;
 float: left
}

@media (min-width:768px) {
 footer .footer3 .col-bo h3 {
  margin-top: 20px;
  margin-bottom: 0
 }
}

@media (max-width:767px) {
 footer .footer3 .col-bo h3 {
  border-top: none;
  padding-top: 0;
  margin-bottom: 4px
 }
}

footer .footer3 .col-bo.col-bo1>div.row>div {
 padding-right: 0
}

@media (max-width:767px) {
 footer .footer3 .col-bo.col-bo1>div.row>div {
  padding-right: 20px
 }
 footer .footer3 .col-bo.col-bo1>div.row>div h3 {
  border-top: 1px solid #fff;
  padding-top: 4px;
  margin-top: 20px
 }
}

footer .footer3 .col-bo.col-bo2>div.row>div {
 padding-left: 0
}

@media (max-width:767px) {
 footer .footer3 .col-bo.col-bo2>div.row>div {
  padding-left: 20px
 }
}

footer .social-cont .socials {
 display: block;
 border-bottom: 1px solid #fff;
 padding: 11px 0 19px 0;
 float: left
}

footer .social-cont .socials hr {
 border-top: 1px solid #fff;
 margin-bottom: 0
}

@media (min-width:768px) {
 footer .social-cont .socials {
  padding: 8px 0 19px 0
 }
}

footer .social-cont .socials:first-child {
 padding: 11px 0 19px 0;
 border-top: 1px solid #fff
}

@media (min-width:768px) {
 footer .social-cont .socials:first-child {
  margin-top: 40px;
  border-top: 1px solid #fff;
  padding: 8px 0 22px 0
 }
}

footer .social-cont .socials.last {
 border-bottom: none
}

@media (max-width:988px) {
 footer .social-cont .socials.last {
  padding-bottom: 0
 }
}

footer .social-cont .socials p {
 width: 100%;
 padding-left: 0;
 margin: 0 0 7px 0;
 font-size: 15px
}

@media (min-width:768px) {
 footer .social-cont .socials p {
  float: left
 }
}

footer .social-cont .socials a {
 width: 25px;
 height: 25px;
 margin-right: 8px;
 display: block;
 float: left
}

footer .social-cont .socials a.fb {
 background-position: -70px -1460px
}

footer .social-cont .socials a.tw {
 background-position: -70px -4262px;
 width: 25px
}

footer .social-cont .socials a.xi {
 background-position: -70px -4430px
}

footer .social-cont .socials a.ma {
 background-position: -70px -2023px
}

footer .social-cont .socials a span {
 display: none
}

.nopadding-left {
 padding-left: 0 !important
}

.nopadding-right {
 padding-right: 0 !important
}

.nopadding-top {
 padding-left: 0 !important
}

.nopadding-bottom {
 padding-right: 0 !important
}

.nopadding {
 padding: 0 !important
}

.hosted-logo {
 width: 238px;
 height: 24px;
 display: block;
 float: right;
 background-position: 0 -1799px
}

.hosted-logo a {
 width: 238px;
 height: 24px;
 display: block;
 float: right
}

hr {
 border-top: 1px solid #b2b2b2;
 float: left;
 height: 10px;
 margin: 24px 0 19px;
 width: 100%
}

.caption {
 font-size: 11px;
 line-height: 13px
}

.sf.subform {
 margin-bottom: 30px;
 float: left;
 width: 100%
}

.sf input {
 border: 1px solid #4e4e4e;
 border-radius: 4px;
 padding-left: 4px;
 font-size: 15px;
 line-height: 21px;
 color: #333
}

.sf input,
.sf select,
.sf span {
 float: left
}

.sf ::-webkit-input-placeholder {
 font-style: italic
}

.sf :-moz-placeholder {
 font-style: italic
}

.sf ::-moz-placeholder {
 font-style: italic
}

.sf :-ms-input-placeholder {
 font-style: italic
}

.sf select {
 width: 299px
}

.sf select.small {
 width: 67px
}

.sf .ui-state-default {
 background: transparent none repeat scroll 0 0;
 border: 1px solid #4e4e4e;
 color: inherit;
 font-weight: 400;
 max-width: 100%
}

.sf .ui-state-default.ui-selectmenu-button {
 width: 77px
}

.sf .ui-state-default.ui-selectmenu-button span.ui-icon {
 height: 24px;
 left: auto;
 margin-top: 0;
 position: absolute;
 right: -1px;
 top: -1px;
 width: 21px;
 background-position: 0 -640px
}

.sf .ui-state-default.ui-selectmenu-button span.ui-selectmenu-text {
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400;
 font-size: 13px;
 line-height: 19px;
 font-style: italic;
 padding: 2px 5px 2px 10px;
 background: #fff;
 width: 100%
}

.sf .ui-widget-content .ui-state-default {
 background: transparent none repeat scroll 0 0;
 border: 1px solid #4e4e4e;
 color: inherit;
 font-weight: 400
}

.sf#domainorder button,
.sf#productorder button,
.sf#userlogin button {
 float: left;
 height: 26px;
 width: 25px;
 border: medium none;
 margin: 0 0 0 5px;
 background-position: 0 -725px
}

.sf#domainorder p,
.sf#productorder p,
.sf#userlogin p {
 float: left;
 padding: 8px 2px 0 2px;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

@media (min-width:1230px) {
 .sf#domainorder p,
 .sf#productorder p,
 .sf#userlogin p {
  font-size: 15px;
  line-height: 22px
 }
}

.sf#domainorder input.fielddomain,
.sf#productorder input.fielddomain,
.sf#userlogin input.fielddomain {
 width: 50%
}

.ui-selectmenu-menu .ui-menu {
 background-color: #fff;
 border-color: #4e4e4e;
 border-width: 0 1px 1px
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
 border: none;
 background: #fff none repeat scroll 0 0;
 padding: 2px 5px 2px 10px;
 font-size: 15px;
 line-height: 22px;
 color: #333;
 font-weight: 400
}

.ui-selectmenu-menu .ui-menu .ui-state-active,
.ui-selectmenu-menu .ui-menu .ui-state-focus {
 font-weight: 700;
 margin: 0
}

#full-width-slider.rsMinW .rsBullets {
 right: 41%
}

@media (max-width:767px) {
 #full-width-slider.rsMinW .rsBullets {
  display: none
 }
}

#full-width-slider.rsMinW .rsBullets .rsBullet {
 display: inline-block;
 height: 26px;
 padding: 6px 5px 6px 4px;
 width: 30px
}

#full-width-slider.rsMinW .rsBullets .rsBullet span {
 border: 1px solid #fff;
 height: 20px;
 width: 20px;
 cursor: pointer
}

#full-width-slider.rsMinW .rsBullets .rsBullet.rsNavSelected span {
 background: #ffa300
}

@media (max-width:767px) {
 #full-width-slider.rsMinW .rsArrow {
  display: none !important
 }
}

#full-width-slider.rsMinW .rsArrowLeft {
 bottom: 50%;
 left: 0
}

#full-width-slider.rsMinW .rsArrowLeft .rsArrowIcn {
 background-position: 0 -3318px
}

#full-width-slider.rsMinW .rsArrowLeft .rsArrowIcn:hover {
 background-position: 0 -3415px
}

#full-width-slider.rsMinW .rsArrowRight {
 bottom: 50%;
 right: 0
}

#full-width-slider.rsMinW .rsArrowRight .rsArrowIcn {
 background-position: 0 -3512px
}

#full-width-slider.rsMinW .rsArrowRight .rsArrowIcn:hover {
 background-position: 0 -3609px
}

#full-width-slider.rsMinW .rsArrowIcn {
 border-radius: 0;
 cursor: pointer;
 height: 37px;
 margin-left: 3px;
 position: absolute;
 width: 28px
}

.cc_banner-wrapper .cc_container {
 background-color: rgba(66, 66, 66, 0.9) !important;
 width: 100%
}

.cc_banner-wrapper .cc_container .cc_btn {
 z-index: 999999;
 position: relative
}

.cc_banner-wrapper .cc_container .cc_content {
 padding: 0 20px !important;
 width: 100%
}

@media (min-width:1230px) {
 .cc_banner-wrapper .cc_container .cc_content {
  width: 1230px;
  margin: 0 auto
 }
}

.cc_banner-wrapper .cc_container .cc_content .cc_message {
 font-size: 15px !important;
 line-height: 20px !important;
 color: #ccc;
 margin-bottom: 10px
}

@media (min-width:1230px) {
 .cc_banner-wrapper .cc_container .cc_content .cc_message {
  font-size: 16px !important;
  line-height: 21px !important
 }
}

.cc_banner-wrapper .cc_container .cc_content .cc_message a {
 font-size: 15px;
 line-height: 22px;
 color: #ffa300;
 font-weight: 400
}

.cc_banner-wrapper .cc_container .cc_content .cc_message a:hover {
 color: #ffa300;
 text-decoration: underline
}

.main .page .row .Tx-Formhandler form {
 float: left;
 width: 100%
}

.main .page .row .Tx-Formhandler form.contactForm .form-col p.inner-label input[type=email],
.main .page .row .Tx-Formhandler form.contactForm .form-col p.inner-label input[type=password],
.main .page .row .Tx-Formhandler form.contactForm .form-col p.inner-label input[type=text],
.main .page .row .Tx-Formhandler form.contactForm .form-col p.inner-label select,
.main .page .row .Tx-Formhandler form.contactForm .form-col p.inner-label textarea {
 max-width: 100%
}

.main .page .row .Tx-Formhandler form.contactForm fieldset {
 border: 1px solid #aaa;
 margin-bottom: 20px;
 max-width: 420px;
 padding: 20px 20px 0
}

.main .page .row .Tx-Formhandler form.consultingForm .form-col p.inner-label input[type=email],
.main .page .row .Tx-Formhandler form.consultingForm .form-col p.inner-label input[type=password],
.main .page .row .Tx-Formhandler form.consultingForm .form-col p.inner-label input[type=text],
.main .page .row .Tx-Formhandler form.consultingForm .form-col p.inner-label select,
.main .page .row .Tx-Formhandler form.consultingForm .form-col p.inner-label textarea {
 max-width: 100%
}

.main .page .row .Tx-Formhandler form .form-terms p {
 font-size: 13px
}

.main .page .row .Tx-Formhandler form .form-col-full p.radio label {
 margin-bottom: 0
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox,
.main .page .row .Tx-Formhandler form .form-col p span.radio {
 display: inline-block;
 margin-top: -6px
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox input,
.main .page .row .Tx-Formhandler form .form-col p span.radio input {
 visibility: hidden
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox label,
.main .page .row .Tx-Formhandler form .form-col p span.radio label {
 position: relative;
 padding: 0 0 0 36px;
 margin: 0;
 display: block;
 text-transform: none
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox label:before,
.main .page .row .Tx-Formhandler form .form-col p span.radio label:before {
 content: "";
 position: absolute;
 left: 13px;
 width: 13px;
 height: 13px;
 border: 1px solid #aaa;
 border-radius: 6px;
 top: 5px
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox input:checked~label,
.main .page .row .Tx-Formhandler form .form-col p span.radio input:checked~label {
 color: #999
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox input:checked~label:after,
.main .page .row .Tx-Formhandler form .form-col p span.radio input:checked~label:after {
 content: "";
 position: absolute;
 left: 16px;
 width: 7px;
 height: 7px;
 background-color: #999;
 border-radius: 6px;
 top: 8px
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox {
 display: block;
 margin-top: 2px
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox label {
 padding-left: 42px
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox label:after,
.main .page .row .Tx-Formhandler form .form-col p span.checkbox label:before {
 border-radius: 0 !important
}

.main .page .row .Tx-Formhandler form .form-col p span.checkbox input {
 display: none
}

.main .page .row .Tx-Formhandler form .form-col p.inner-label {
 position: relative;
 margin-bottom: 15px
}

.main .page .row .Tx-Formhandler form .form-col p.inner-label input[type=email],
.main .page .row .Tx-Formhandler form .form-col p.inner-label input[type=password],
.main .page .row .Tx-Formhandler form .form-col p.inner-label input[type=text],
.main .page .row .Tx-Formhandler form .form-col p.inner-label select,
.main .page .row .Tx-Formhandler form .form-col p.inner-label textarea {
 border: 0 none;
 display: block;
 height: 36px;
 line-height: 20px;
 outline: 1px solid #aaa;
 padding: 10px 18px 6px;
 position: relative;
 transition: all .3s ease 0s;
 width: 100%;
 max-width: 100%
}

.main .page .row .Tx-Formhandler form .form-col p.inner-label input[type=email].error,
.main .page .row .Tx-Formhandler form .form-col p.inner-label input[type=password].error,
.main .page .row .Tx-Formhandler form .form-col p.inner-label input[type=text].error,
.main .page .row .Tx-Formhandler form .form-col p.inner-label select.error,
.main .page .row .Tx-Formhandler form .form-col p.inner-label textarea.error {
 outline: 1px solid red
}

.main .page .row .Tx-Formhandler form .form-col p.inner-label textarea {
 height: 150px
}

.main .page .row .Tx-Formhandler form .form-col p.inner-label label {
 background-color: #fff;
 display: inline-block;
 line-height: 20px;
 padding: 2px 7px;
 position: absolute;
 text-transform: uppercase;
 -webkit-transition: .3s ease;
 -o-transition: .3s ease;
 transition: .3s ease;
 top: -12px;
 font-size: 12px;
 margin: 0 2px 0 6px;
 color: #999
}

.main .page .row .Tx-Formhandler form .form-col p.select:after {
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: 34px;
 color: #999;
 font-size: 14px;
 line-height: 52px;
 pointer-events: none;
 z-index: 2
}

.f1 .wrapper footer .dos-bg .col-hosted,
.f1 .wrapper footer .dos-bg .col-order,
.f2 .wrapper footer .dos-bg .col-hosted,
.f2 .wrapper footer .dos-bg .col-order {
 padding-left: 0 !important;
 padding-right: 0 !important
}

.f1 .wrapper footer .dos-bg .row {
 margin-left: 0 !important;
 margin-right: 0 !important
}

.tpd-skin-light .tpd-background-shadow {
 box-shadow: none;
 background-color: #424242
}

.tpd-stem-border-center {
 border-top: 9.57921px solid #424242 !important;
 background-color: transparent
}

.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
 padding-bottom: 0 !important
}

.tpd-tooltip .tpd-content h3 {
 font-size: 17px;
 line-height: 20px;
 margin-bottom: 10px
}

@media (max-width:480px) {
 .tpd-tooltip .tpd-content h3 {
  width: 200px
 }
}

.tpd-tooltip .tpd-content p {
 font-size: 12px;
 line-height: 15px;
 width: 300px
}

@media (max-width:480px) {
 .tpd-tooltip .tpd-content p {
  width: 200px
 }
}

.tpd-tooltip .tpd-content ul {
 width: 300px;
 margin-bottom: 10px;
 list-style-type: disc;
 padding-left: 15px;
 font-size: 12px;
 line-height: 15px
}

.tpd-tooltip .tpd-content ul li {
 width: 285px !important
}

@media (max-width:480px) {
 .tpd-tooltip .tpd-content ul li {
  width: 185px
 }
}

@media (max-width:480px) {
 .tpd-tooltip .tpd-content ul {
  width: 200px
 }
}

#darker {
 width: 100%;
 height: 100%;
 display: none;
 background-color: rgba(0, 0, 0, 0.5);
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999999
}

#darker #message {
 width: 270px;
 margin: 20% auto;
 background-color: orange;
 color: #fff;
 padding: 20px
}

@media (min-width:768px) {
 .mobile-nav {
  left: -570px;
  top: 0;
  width: 380px
 }
 .mobile-nav>ul {
  padding: 0;
  display: block;
  margin: 0;
  width: auto
 }
 .mobile-nav>ul>li {
  display: inline-block;
  border-bottom: 1px solid #fff
 }
 .mobile-nav>ul>li a {
  border: 0;
  font-size: 14px;
  line-height: 16px
 }
 .show-menu .main {
  -webkit-transform: translate3d(381px, 0, 0);
  -moz-transform: translate3d(381px, 0, 0);
  -ms-transform: translate3d(381px, 0, 0);
  -o-transform: translate3d(381px, 0, 0);
  transform: translate3d(381px, 0, 0)
 }
 .show-menu footer {
  -webkit-transform: translate3d(381px, 0, 0);
  -moz-transform: translate3d(381px, 0, 0);
  -ms-transform: translate3d(381px, 0, 0);
  -o-transform: translate3d(381px, 0, 0);
  transform: translate3d(381px, 0, 0)
 }
 .show-menu header {
  -webkit-transform: translate3d(381px, 0, 0);
  -moz-transform: translate3d(381px, 0, 0);
  -ms-transform: translate3d(381px, 0, 0);
  -o-transform: translate3d(381px, 0, 0);
  transform: translate3d(381px, 0, 0)
 }
 .show-menu header .primary nav {
  -webkit-transform: translate3d(198px, 0, 0);
  -moz-transform: translate3d(198px, 0, 0);
  -ms-transform: translate3d(198px, 0, 0);
  -o-transform: translate3d(198px, 0, 0);
  transform: translate3d(198px, 0, 0)
 }
 footer .col-nohead div.nohead {
  margin-top: 40px;
  border-top: 1px solid #fff
 }
 footer .footer3 {
  margin-top: 20px
 }
 footer .footer3 .col-bo h3 {
  margin-top: 20px;
  margin-bottom: 0
 }
 footer .social-cont .socials {
  padding: 8px 0 19px 0
 }
 footer .social-cont .socials:first-child {
  margin-top: 40px;
  border-top: 1px solid #fff;
  padding: 8px 0 22px 0
 }
 footer .social-cont .socials p {
  float: left
 }
}

@media (min-width:988px) {
 .mobile-nav {
  display: none
 }
 .mobile-nav>ul {
  display: block;
  padding: 0;
  width: 50%
 }
 .mobile-nav>ul>li a {
  font-size: 19px;
  line-height: 20px;
  padding: 30px 20px;
  margin-top: 0
 }
 .mobile-nav>ul.left {
  text-align: left
 }
 .mobile-nav>ul.right {
  text-align: right
 }
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col {
  padding-left: 20px
 }
 .row .row-parent-102:after {
  clear: both
 }
 header .container .row.primary a.qh-logo {
  height: 59px
 }
 .toggle-menu {
  display: none
 }
 .show-menu .main {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
 }
 .show-menu footer {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
 }
 .show-menu header {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
 }
 .show-menu header .primary nav {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
 }
 .main .page.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 24px !important
 }
}

@media (min-width:480px) {
 .wrapper header .container .primary-mobile .col-mobile .layer-content {
  right: 50px;
  width: 300px
 }
}

@media (max-width:988px) {
 .wrapper div.main .container>.row {
  margin-left: 0;
  margin-right: 0
 }
 .wrapper div.main .container>.row>div {
  padding-left: 12px;
  padding-right: 12px
 }
 .wrapper div.main .container .sub-nav-row {
  margin-bottom: 20px
 }
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
  left: 0
 }
 .main .fullsize .container {
  padding-left: 0;
  padding-right: 0
 }
 .main .fullsize .container .row.row-teaser {
  margin-left: 0;
  margin-right: 0
 }
 footer .footer1 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .footer1 img {
  width: 100%
 }
 footer .footer2 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .footer3 {
  margin-left: 0 !important;
  margin-right: 0 !important
 }
 footer .social-cont .socials.last {
  padding-bottom: 0
 }
}

@media (max-width:1150px) {
 header .secondary nav ul.nav li a {
  padding: 7px 6px 4px 6px
 }
}

.responsive-video iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%
}

.responsive-video {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 0;
 height: 0;
 overflow: hidden
}

body {
 padding-top: 130px
}

a:active,
a:focus {
 outline: none
}

.wrapper div.main .fullsize-stage div.sub-nav-img-col img {
 filter: none;
 width: 100%;
 height: auto;
 min-height: 360px
}

footer .footer1 .layout>header {
 background-color: transparent
}

.footerc1 h2 {
 color: #fff !important;
 font-size: 22px !important
}

a {
 color: #ffa300
}

.layout>header>h2 {
 color: #ffa300
}

h3,
h3 a,
h2 {
 color: #333333
}

h3.sec-h3 {
 color: #333;
 font-size: 30px;
 line-height: 34px
}

h3.sec-h3 {
 color: #333;
 font-size: 40px;
 line-height: 44px
}

@media (max-width:768px) {
 h3.sec-h3 {
  font-size: 23px;
  line-height: 28px
 }
}

.row .layout {
 float: none;
 width: auto
}

.row .layout:before,
.row .layout:after {
 content: " ";
 clear: both;
 display: block
}

a.internal-link-product {
 background-position: 10px -404px;
 padding: 4px 25px 5px 28px;
 margin-bottom: 10px
}

td a.internal-link-product {
 width: 100%;
 text-align: left;
 padding: 4px 10px 5px 28px
}

a.download-new-window {
 background-position: 0 -4500px
}

header .secondary nav ul.nav li .dropdown-menu {
 opacity: 1;
 -webkit-transition: opacity 500ms ease-out;
 -moz-transition: opacity 500ms ease-out;
 -o-transition: opacity 500ms ease-out;
 transition: opacity 500ms ease-out
}

header .secondary nav ul.nav li .dropdown-menu>ul>li {
 position: relative
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a h3 {
 line-height: 20px
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a p:after {
 content: " ";
 clear: both;
 display: block
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a {
 height: 100%
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a p {
 height: 77%;
 position: initial
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a p span b {
 display: block;
 background-image: url('http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/772e7804-1862-427a-b2b4-b058dc319388.png');
 background-repeat: no-repeat;
 color: #ffa300;
 padding-left: 12px;
 background-position: 0 -1880px;
 margin-top: 10px;
 float: left;
 margin-bottom: 5px;
 position: absolute;
 bottom: 0
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a:hover p span b {
 text-decoration: underline
}

header .secondary nav ul.nav li .dropdown-menu>ul>li>a p span b:before {
 content: " ";
 clear: both;
 display: block
}

nav.mobile .nav {
 height: auto;
 overflow-x: hidden
}

@media (min-width:992px) {
 .dropdown li,
 .dropdown ul,
 .momo {
  height: 30px;
  min-height: 30px
 }
 .main .page .row table.office-table tr td:last-child {
  text-align: left
 }
 .main .page .row table.office-table tr td:last-child ul+p {
  display: none
 }
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .hl {
  font-size: 33px
 }
}

@media (max-width:767px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim .hl {
  font-size: 20px
 }
 a.internal-link-product {
  float: none
 }
 .main .page .row table.office-table tr th:last-child {
  display: none
 }
 .main .page .row table.office-table tr td {
  display: block;
  width: 100%
 }
 .main .page .row table.office-table tr td img {
  width: auto
 }
}

p.radio.error {
 margin-bottom: 15px !important;
 border: 1px solid red
}

.wFormContainer .wForm .actions .primaryAction {
 background: buttonface;
 padding: 1px 6px
}

.wFormContainer .wForm .actions .primaryAction_new {
 background: buttonface;
 padding: 1px 6px
}

.embed-container-wrap {
 margin-bottom: 20px
}

.embed-container-wrap:after {
 clear: both;
 display: block;
 content: ""
}

header .container .row.primary img.ms-logo {
 margin-top: 12px;
 margin-left: 11px
}

.royalSlider {
 overflow: hidden
}

.wrapper div.main {
 z-index: 100;
 position: relative
}

.tpd-tooltip .tpd-content ul li {
 width: auto !important
}

.fullteaserlink-box {
 position: relative
}

.fullteaserlink-box:hover a {
 text-decoration: underline
}

.fullteaserlink {
 position: absolute;
 top: 0;
 bottom: 0;
 width: 100%
}

.prod-table td small {
 font-size: 75%;
 line-height: 1.3em;
 display: inline-block;
 margin-top: 3px
}

.shadow {
 cursor: pointer
}

iframe[name='google_conversion_frame'] {
 height: 0 !important;
 width: 0 !important;
 line-height: 0 !important;
 font-size: 0 !important;
 margin-top: -13px;
 float: left
}

a.internal-link-new-window:hover,
a.external-link-new-window:hover {
 color: #ff8700;
 text-decoration: underline
}

a.internal-link-product,
td a.internal-link-product,
.cta-submit {
 font-size: 16px;
 text-align: center;
 padding: 12px 23px;
 letter-spacing: .2px;
 text-transform: uppercase;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 background-color: #ffa300;
 border-radius: 50px;
 height: auto;
 line-height: 16px;
 background-image: none
}

.cta-submit {
 border: 0;
 color: #fff
}

td a.internal-link-product {
 margin-bottom: 0
}

a.internal-link-product:hover,
.cta-submit:hover {
 text-decoration: none;
 background-color: #ff8700
}

a.internal-link-new-window,
a.external-link-new-window {
 font-size: 16px;
 text-transform: uppercase;
 padding-left: 0;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif !important;
 background-image: none !important;
 letter-spacing: .22px;
 padding-right: 15px
}

.fullteaserlink-box:hover a {
 text-decoration: underline;
 color: #ff8700
}

.fullteaserlink-box:hover h3,
.fullteaserlink-box:hover h3 a {
 text-decoration: none !important;
 color: #ffa300 !important
}

.internal-link-new-window::after,
.external-link-new-window::after {
 background-image: url('http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/772e7804-1862-427a-b2b4-b058dc319388.png');
 background-repeat: no-repeat;
 content: "";
 width: 22px;
 height: 22px;
 position: absolute;
 background-position: 7px -1878px;
 line-height: 16px
}

.fullteaserlink-box:hover .internal-link-new-window:after,
.internal-link-new-window:hover:after,
.fullteaserlink-box:hover .external-link-new-window:after,
.external-link-new-window:hover:after {
 background-position: 7px -1948px !important
}

.newsbox .internal-link-new-window::after,
.newsbox .external-link-new-window::after {
 background-position: 7px -1879px
}

.newsbox .internal-link-new-window:hover::after,
.newsbox .external-link-new-window:hover::after {
 background-position: 7px -1949px !important
}

body.f1 a.internal-link-new-window,
body.f1 a.download-new-window,
body.f1 a.external-link-new-window,
body.f2 a.internal-link-new-window,
body.f2 a.download-new-window,
body.f2 a.external-link-new-window {
 color: #ffa300;
 padding: 0 !important;
 background-image: none;
 background-color: transparent
}

body.f2 a.internal-link-new-window::after,
body.f1 a.internal-link-new-window::after,
body.f2 a.external-link-new-window::after,
body.f1 a.external-link-new-window::after {
 background-position: 7px -1881px
}

body.f2 a.internal-link-new-window:hover,
body.f1 a.internal-link-new-window:hover,
body.f2 a.external-link-new-window:hover,
body.f1 a.external-link-new-window:hover,
.fullteaserlink-box:hover a,
.newsbox .internal-link-new-window:hover,
.newsbox .external-link-new-window:hover {
 color: #ff8700 !important
}

body.f1 .fullteaserlink-box:hover .internal-link-new-window:after,
body.f2 .fullteaserlink-box:hover .internal-link-new-window:after,
body.f1 .votes .internal-link-new-window:hover::after,
body.f2 .votes .internal-link-new-window:hover::after,
body.f1 .fullteaserlink-box:hover .external-link-new-window:after,
body.f2 .fullteaserlink-box:hover .external-link-new-window:after,
body.f1 .votes .external-link-new-window:hover::after,
body.f2 .votes .external-link-new-window:hover::after {
 background-position: 7px -1951px !important
}

input[type=text],
input[type=email],
input[type=password],
textarea {
 -webkit-appearance: none
}

.phone-number {
 font-size: 19px;
 font-weight: bold;
 line-height: 27px;
 text-decoration: none;
 color: #ffa200;
 cursor: default
}

.phone-number:focus,
.phone-number:hover,
.phone-number:active {
 text-decoration: none;
 color: #ffa200
}

.page-o365 .contact-box span a {
 font-size: 19px;
 font-weight: bold;
 color: #fff;
 text-decoration: none
}

.page-o365 .contact-box span a:focus,
.page-o365 .contact-box span a:hover,
.page-o365 .contact-box span a:active {
 color: #fff;
 text-decoration: none
}

sup {
 font-size: 9px
}

.page-o365 .float-left {
 float: left
}

.space-top-20 {
 margin-top: 20px
}

.page-o365 .fullteaserlink-box {
 margin-top: 20px;
 border-left: 3px solid #ffa300;
 padding-left: 10px
}

.page-o365 .fullteaserlink-box h3,
.page-o365 .fullteaserlink-box h3 a {
 color: #333
}

.page-o365 .fullteaserlink-box:hover h3 a {
 color: #333 !important
}

.page-o365 .fullteaserlink-box .ce-bodytext p:last-child {
 margin-bottom: 0
}

.page-o365 .carousel-inner {
 min-height: 185px
}

@media (max-width:991px) {
 .page-o365 .carousel-inner {
  min-height: 230px
 }
}

@media (max-width:544px) {
 .page-o365 .carousel-inner {
  min-height: 235px
 }
}

@media (max-width:440px) {
 .page-o365 .carousel-inner {
  min-height: 258px
 }
}

@media (max-width:400px) {
 .page-o365 .carousel-inner {
  min-height: 325px
 }
}

.page-o365 .carousel-inner .item {
 padding: 0 80px 15px 80px
}

.page-o365 .carousel-inner .item p {
 font-weight: bold;
 font-style: italic
}

.page-o365 .carousel-inner .item .company {
 font-weight: normal;
 font-style: normal
}

.page-o365 .carousel-inner .item img {
 width: 100%;
 height: 100%
}

.page-o365 .item .thumbnail {
 margin-bottom: 0
}

.page-o365 .carousel-control.left,
.carousel-control.right {
 background: none
}

.page-o365 .carousel-control {
 position: absolute;
 top: -55px;
 left: 0;
 bottom: 0;
 width: 80px;
 opacity: 1;
 filter: alpha(opacity=100);
 font-size: 20px;
 color: #ffffff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.page-o365 .carousel-control.right,
.page-o365 .carousel-control.left {
 background-color: #fff
}

.page-o365 .carousel-control.right {
 right: 0;
 left: auto
}

.page-o365 .carousel-control.right:after {
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -404px -361px;
 width: 20px;
 height: 40px;
 content: " ";
 position: absolute;
 top: 41%;
 right: 18px
}

.page-o365 .carousel-control.left {
 right: 40px
}

.page-o365 .carousel-control.left:before {
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -404px -330px;
 width: 20px;
 height: 40px;
 content: " ";
 position: absolute;
 top: 41%;
 left: 25px
}

.page-o365 .myCarouselborder {
 border: 1px solid #999;
 margin-top: 40px
}

.page-o365 .myCarouselborder h3 {
 padding-left: 80px;
 padding-top: 30px
}

.page-o365 .myCarouselborder:before,
.myCarouselborder:after {
 content: " ";
 position: absolute;
 font-size: 80px;
 padding: 10px;
 line-height: 1;
 color: #999;
 background-color: #fff;
 z-index: 9999999999
}

.page-o365 .myCarouselborder:before {
 width: 70px;
 height: 63px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -288px -148px;
 top: 15px;
 left: -3px
}

.page-o365 .myCarouselborder:after {
 width: 82px;
 height: 68px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -307px -235px;
 right: -21px;
 bottom: -28px
}

.page-o365 .contact-box {
 background: url('../Images/bilder/contact-element-bg.jpg') no-repeat;
 background-position: right;
 padding: 30px 60px;
 text-align: left;
 margin-top: 30px
}

@media (max-width:767px) {
 .page-o365 .contact-box {
  background: url('../Images/bilder/contact-element-bg-mobile.jpg') no-repeat;
  background-position: right
 }
}

.contact-box .centered a {
 color: #fff;
 text-decoration: underline
}

.page-o365 .contact-box p {
 color: #fff
}

.page-o365 .contact-box span {
 font-size: 19px;
 font-weight: bold
}

.page-o365 .contact-box .ico-tel {
 width: 44px;
 height: 50px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -468px -446px
}

.page-o365 .contact-box .ico-mail {
 width: 48px;
 height: 27px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -468px -510px
}

@media (max-width:767px) {
 .page-o365 .contact-box h2 {
  text-align: center
 }
 .page-o365 .contact-box .ico-tel {
  background-position: -465px -446px
 }
 .page-o365 .contact-box .ico-mail {
  background-position: -465px -510px
 }
 .page-o365 .myCarouselborder:before {
  left: -12px
 }
 .page-o365 .myCarouselborder:after {
  right: -30px
 }
 .page-o365 .centered {
  margin: 0 auto;
  float: none
 }
}

@media (max-width:1024px) {
 .page-o365 .carousel-inner .item .company {
  font-size: 11px;
  line-height: 1.2;
  padding-bottom: 40px
 }
}

@media (max-width:544px) {
 .page-o365 .myCarouselborder h3 {
  padding-left: 20px;
  padding-top: 40px
 }
 .page-o365 .carousel-inner .item {
  padding: 0 20px
 }
 .page-o365 .carousel-control {
  position: relative
 }
 .page-o365 .myCarouselborder:before {
  left: -14px;
  top: 13px;
  transform: scale(.8, .8);
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8)
 }
 .page-o365 .myCarouselborder:after {
  right: -30px;
  bottom: -30px;
  transform: scale(.8, .8);
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8)
 }
 .page-o365 .carousel-control.right {
  right: -100px;
  left: auto;
  top: -35px
 }
 .page-o365 .carousel-control.left {
  top: -36px
 }
}

div.box-list>div .content-box {
 padding-left: 10px;
 padding-right: 10px
}

div.box-list>div:nth-child(3n+1) .content-box {
 padding-left: 0;
 padding-right: 20px
}

div.box-list>div:nth-child(3n) .content-box {
 padding-left: 20px;
 padding-right: 0
}

@media (max-width:1201px) {
 div.box-list>div:nth-child(odd) .content-box {
  padding-right: 15px;
  padding-left: 0
 }
 div.box-list>div:nth-child(even) .content-box {
  padding-left: 15px;
  padding-right: 0
 }
}

@media (max-width:768px) {
 div.box-list>div .content-box {
  padding-left: 10px !important;
  padding-right: 10px !important
 }
}

@media (max-width:767px) {
 .references .contact-box {
  background: url('../Public/Images/bilder/contact-element-bg-mobile.jpg') no-repeat;
  background-position: right
 }
}

.references .carousel-inner {
 min-height: 248px
}

@media (max-width:991px) {
 .references .carousel-inner {
  min-height: 230px
 }
}

@media (max-width:544px) {
 .references .carousel-inner {
  min-height: 235px
 }
}

@media (max-width:440px) {
 .references .carousel-inner {
  min-height: 258px
 }
}

@media (max-width:400px) {
 .references .carousel-inner {
  min-height: 325px
 }
}

.references .carousel-inner {
 text-align: center
}

.references .carousel-inner .item blockquote {
 padding-top: 20px;
 padding-bottom: 20px
}

.references .carousel-inner .item p.customer,
.references .carousel-inner .item p.origin {
 margin-bottom: 0
}

.references .carousel-inner .item p.quote {
 margin-left: 80px;
 margin-right: 80px
}

.references .carousel-inner .item .company {
 font-weight: normal;
 font-style: normal
}

.references .carousel-inner .item img {
 width: 100%;
 height: 100%
}

.references .item .thumbnail {
 margin-bottom: 0
}

.references .carousel-control.left,
.carousel-control.right {
 background: none
}

.references .carousel-control {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 80px;
 opacity: 1;
 filter: alpha(opacity=100);
 font-size: 20px;
 color: #ffffff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.references .carousel-control.right,
.references .carousel-control.left {
 background-color: #fff
}

.references .carousel-control.right {
 right: 0;
 left: auto
}

.references .carousel-control.right:after {
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -404px -361px;
 width: 20px;
 height: 40px;
 content: " ";
 position: absolute;
 top: 35%;
 right: 18px
}

.references .carousel-control.left {
 right: 40px
}

.references .carousel-control.left:before {
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -404px -330px;
 width: 20px;
 height: 40px;
 content: " ";
 position: absolute;
 top: 35%;
 left: 25px
}

.references .myCarouselborder {
 border: 1px solid #999;
 margin-top: 40px
}

.references .myCarouselborder h3 {
 padding-left: 80px;
 padding-top: 30px
}

.references .myCarouselborder:before,
.myCarouselborder:after {
 content: " ";
 position: absolute;
 font-size: 80px;
 padding: 10px;
 line-height: 1;
 color: #999;
 background-color: #fff;
 z-index: 9999999999
}

.references .myCarouselborder:before {
 width: 70px;
 height: 63px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -288px -148px;
 top: 15px;
 left: -3px
}

.references .myCarouselborder:after {
 width: 82px;
 height: 68px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -307px -235px;
 right: -21px;
 bottom: -28px
}

.references .contact-box {
 background: url('../Images/bilder/contact-element-bg.jpg') no-repeat;
 background-position: right;
 padding: 30px 60px;
 text-align: left;
 margin-top: 30px
}

.contact-box .centered a {
 color: #fff;
 text-decoration: underline
}

.references .contact-box p {
 color: #fff
}

.references .contact-box span {
 font-size: 19px;
 font-weight: bold
}

.references .contact-box .ico-tel {
 width: 44px;
 height: 50px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -468px -446px
}

.references .contact-box .ico-mail {
 width: 48px;
 height: 27px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -468px -510px
}

@media (max-width:767px) {
 .references .contact-box h2 {
  text-align: center
 }
 .references .contact-box .ico-tel {
  background-position: -465px -446px
 }
 .references .contact-box .ico-mail {
  background-position: -465px -510px
 }
 .references .myCarouselborder:before {
  left: -12px;
  top: -25px
 }
 .references .myCarouselborder:after {
  right: -30px
 }
 .references .centered {
  margin: 0 auto;
  float: none
 }
}

@media (max-width:1024px) {
 .references .carousel-inner .item .company {
  font-size: 11px;
  line-height: 1.2;
  padding-bottom: 40px
 }
}

@media (max-width:544px) {
 .references .carousel-inner .item p.quote {
  margin-left: 30px;
  margin-right: 30px
 }
 .references .myCarouselborder h3 {
  padding-left: 20px;
  padding-top: 40px
 }
 .references .carousel-inner .item {
  padding: 0 20px
 }
 .references .carousel-control {
  position: relative
 }
 .references .myCarouselborder:before {
  left: -14px;
  transform: scale(.8, .8);
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8)
 }
 .references .myCarouselborder:after {
  right: -30px;
  bottom: -30px;
  transform: scale(.8, .8);
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8)
 }
 .references .carousel-control.right {
  right: -100px;
  left: auto;
  top: -35px
 }
 .references .carousel-control.left {
  top: -36px
 }
}

@media (max-width:1024px) {
 .sub-nav-img-col {
  overflow: hidden;
  height: 286px
 }
 .sub-nav-img-col img {
  height: 286px !important;
  width: auto !important;
  max-width: 500% !important;
  position: absolute !important;
  left: -9999px;
  right: -9999px;
  margin: auto
 }
}

@media (max-width:768px) {
 .sub-nav-img-col {
  height: 220px
 }
 .sub-nav-img-col img {
  height: 220px !important
 }
}

@media (max-width:544px) {
 .sub-nav-img-col {
  height: 200px
 }
 .sub-nav-img-col img {
  height: 200px !important;
  left: -10108px
 }
}

.center-banner .ce-media {
 margin: 0 35px
}

@media (max-width:768px) {
 .center-banner .ce-media {
  margin: 0
 }
}

.show-menu .toggle-menu {
 display: none !important
}

header .secondary nav ul.nav li.dropdown:hover>div.momo {
 padding-bottom: 50px
}

@media screen and (-webkit-min-device-pixel-ratio:2),
screen and (min-resolution:192dpi),
screen and (min-resolution:2dppx) {
 header .container .row.primary a.qh-logo {
  background-position: 0 0;
  background-image: url('http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/a4a10773-2b20-449c-b4a1-138eea1656f5.png');
  background-size: 216px 52px
 }
}

#o365SliderBox {
 padding-bottom: 0 !important;
 margin-bottom: -1px
}

.o365konfiBlock {
 margin-top: 20px
}

.CloudSwitcher input[type="radio"]:checked {
 box-shadow: 0 0 0 4px #999 inset !important
}

@media (max-width:544px) {
 .o365konfiBlock {
  margin-top: 35px
 }
 .o365SliderBoxHeaderCD p {
  display: none !important
 }
}

.mobile-nav>ul>li.homelink.active a {
 background-image: none
}

.mobile-nav>ul>li a {
 background-image: none;
 padding-left: 15px
}

.mobile-nav>ul>li.active .dropdown-menu li.current>a {
 background-image: none;
 padding-left: 25px
}

.mobile-nav>ul>li.active .dropdown-menu li a {
 background-image: none;
 padding-left: 25px
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li a {
 background-image: none;
 padding-left: 40px
}

.mobile-nav>ul>li.active .dropdown-menu li .dropdown-menu-2 li.active>a {
 background-image: none
}

.mobile-nav div#navhead div.closer {
 background-position: 0 -3230px;
 width: 28px;
 height: 28px;
 float: right;
 top: 0;
 position: relative;
 right: 0
}

.mobile-nav div#navhead div.navlogo {
 background-position: -3px -3114px;
 float: left;
 margin-left: 15px
}

.cc_container .cc_btn {
 margin-left: 0 !important;
 float: none !important
}

@media (max-width:768px) {
 .cc_container .cc_message {
  padding-right: 50px !important
 }
}

@media (max-width:544px) {
 .wrapper div.main .container div.sub-nav-img-col img {
  -webkit-filter: brightness(.4);
  filter: brightness(.4)
 }
}

.page-o365 .main .page .row .icon-space-accordion ul.accordion>li h3 {
 padding-right: 36px !important
}

.main .page .row .migration-slider-for button {
 background: transparent none repeat scroll 0 0;
 border: 0 none;
 color: transparent;
 cursor: pointer;
 display: block;
 font-size: 0;
 height: 20px;
 line-height: 0;
 outline: medium none;
 padding: 5px;
 width: 20px
}

.main .page .row .migration-slider-for li.slick-active button:before {
 color: #ff8700;
 font-size: 21px;
 text-shadow: 0 -1px 1px #472500
}

.main .page .row .migration-slider-for li button:before {
 font-size: 17px;
 text-shadow: 0 -1px 1px #000;
 opacity: .75;
 color: #d0d0d0;
 content: "•";
 font-family: "slick";
 height: 20px;
 left: 0;
 line-height: 20px;
 position: absolute;
 text-align: center;
 top: 0;
 width: 20px
}

.main .page .row .migration-slider-for li button:hover::before,
.migration-slider-for li button:focus::before {
 opacity: .75;
 color: #ff8700;
 text-shadow: 0 -1px 1px #472500
}

.main .page .row .migration-slider-for ul li {
 background-image: none !important
}

.page-o365 .main .page .row .accordion .slick-dots {
 padding-left: 0;
 background-color: #f5f5f5
}

.page-o365 .main .page .row .accordion .migration-slider-for .slick-list {
 padding-top: 20px;
 padding-left: 10px
}

.mobileslick .slick-dots li.slick-active button:before {
 color: #ff8700;
 font-size: 21px;
 text-shadow: 0 -1px 1px #472500
}

.mobileslick .slick-dots li button:before {
 font-size: 17px;
 text-shadow: 0 -1px 1px #000;
 opacity: .75;
 color: #d0d0d0
}

.mobileslick .slick-dots li button:hover::before {
 opacity: .75;
 color: #ff8700;
 text-shadow: 0 -1px 1px #472500
}

.main .page .row .mobileslick .slick-dots {
 padding-left: 0;
 width: 95%
}

.mobileslick .ce-gallery {
 margin-bottom: 8px
}

.main .page .row .mobile-indicator li {
 text-indent: 0;
 cursor: pointer;
 display: inline-block;
 height: 20px;
 margin: 0 5px;
 padding: 0;
 position: relative;
 width: 20px
}

.main .page .row .mobile-indicator {
 margin-left: -34%
}

.mobile-indicator button {
 background: transparent none repeat scroll 0 0;
 border: 0 none;
 color: transparent;
 cursor: pointer;
 display: block;
 font-size: 0;
 height: 20px;
 line-height: 0;
 outline: medium none;
 padding: 5px;
 width: 20px
}

.mobile-indicator li.active button:before {
 color: #ff8700;
 font-size: 21px;
 text-shadow: 0 -1px 1px #472500
}

.mobile-indicator li button:before {
 font-size: 17px;
 text-shadow: 0 -1px 1px #000;
 opacity: .75;
 color: #d0d0d0;
 content: "•";
 font-family: "slick";
 height: 20px;
 left: 0;
 line-height: 20px;
 position: absolute;
 text-align: center;
 top: 0;
 width: 20px
}

.mobile-indicator li button:hover::before,
.mobile-indicator li button:focus::before {
 opacity: .75;
 text-shadow: 0 -1px 1px #472500
}

.mobile-indicator .ce-gallery {
 margin-bottom: 8px
}

@media (min-width:544px) {
 .mobile-indicator {
  display: none
 }
}

@media (max-width:544px) {
 .desktop-control {
  display: none
 }
}

@media (max-width:544px) {
 .col-xss-12 {
  width: 100% !important
 }
 .col-xxs-6 {
  width: 50%
 }
}

.visible-xxs {
 display: none
}

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
 display: none
}

@media (max-width:544px) {
 .visible-xxs {
  display: block
 }
 table.visible-xxs {
  display: table
 }
 tr.visible-xxs {
  display: table-row
 }
 th.visible-xxs,
 td.visible-xxs {
  display: table-cell
 }
}

@media (max-width:544px) {
 .visible-xxs-block {
  display: block
 }
}

@media (max-width:544px) {
 .visible-xxs-inline {
  display: inline
 }
}

@media (max-width:544px) {
 .visible-xxs-inline-block {
  display: inline-block
 }
}

@media (max-width:544px) {
 .hidden-xxs {
  display: none !important
 }
}

@media (min-width:768px) {
 .contact-box .centered {
  width: 245px;
  overflow: auto
 }
 .contact-icon {
  float: left;
  margin-right: 30px
 }
 .contact-content {
  width: 350px
 }
}

@media (max-width:768px) {
 .contact-box .centered {
  text-align: center
 }
 .contact-icon {
  margin-left: auto;
  margin-right: auto
 }
}

.contact-icon {
 width: 44px;
 margin-bottom: 5px
}

.o365-tab-content {
 background-color: #f1f1f1;
 padding: 30px 80px 30px 35px
}

.page-o365 .main .page .row .o365-nav-tab {
 margin-bottom: 0;
 border: none
}

.page-o365 .main .page .row .o365-nav-tab .active a {
 background-color: #f1f1f1;
 color: #333;
 border: 1px solid transparent
}

.page-o365 .main .page .row .o365-nav-tab>li a {
 background-color: #444;
 color: #fff;
 border-radius: 0;
 margin-right: 1px;
 outline: 0;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-size: 20px
}

.page-o365 .main .page .row .o365-nav-tab>li a:hover {
 border: 1px solid transparent
}

.page-o365 .main .page .ce-bodytext li,
.page-o365 .main .page .row .o365-tab-content ul li,
.page-o365 .main .page .row .claim ul li,
.page-o365 .main .page .row .o365List li,
.page-o365 .main .page .row .accordion div li,
.page-o365 .main .page .row .cloud-content ul li {
 list-style-type: none;
 padding-left: 20px;
 background-image: url('../Images/icons/list-dot-orange-small.png');
 background-repeat: no-repeat;
 background-position: 1px 6px
}

.page-o365 .main .page .ce-bodytext li {
 margin-bottom: 12px
}

.page-o365 .main .page .row .o365-tab-content ul,
.page-o365 .main .page .row .claim ul,
.page-o365 .main .page .row .o365List {
 padding-left: 13px
}

.page-o365 .main .page .o365-tab-content ul li,
.page-o365 .main .page .o365ProduktFeatures ul li,
.f2 .page-o365 .main .page .row .o365-accordion .accordion .ce-bodytext li {
 margin-bottom: 12px
}

.page-o365 .main .page .row .o365-subtext {
 font-size: 11px;
 padding-left: 16px;
 line-height: 14px
}

.page-o365 .main .page .row .o365-subtext li {
 padding-bottom: 10px
}

.f2 .page-o365 .main .page .row .o365-accordion .accordion ul li {
 list-style-type: none;
 padding-left: 20px;
 background-image: url('../Images/icons/list-dot-orange-small.png');
 background-repeat: no-repeat;
 background-position: 1px 6px
}

.f2 .page-o365 .main .page .row .o365-accordion .accordion .open h3 {
 background-color: #f1f1f1;
 color: #333
}

.f2 .page-o365 .main .page .row .o365-accordion .accordion li h3 {
 background-color: #444;
 color: #fff;
 border-radius: 0;
 margin-bottom: 0;
 padding: 16px 40px 13px 16px;
 outline: 0;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-size: 20px
}

.f2 .page-o365 .main .page .row .o365-accordion ul.accordion .toggled {
 border-top: 1px dashed #ccc;
 background-color: #f1f1f1;
 margin-top: 0;
 padding: 20px 20px 20px 16px
}

.f2 .page-o365 .main .page .row .o365-accordion .accordion li {
 margin-bottom: 1px;
 padding: 0;
 border-bottom: none
}

.f2 .o365-accordion h4 {
 font-size: 22px
}

.f2 .page-o365 .main .page .row .o365-accordion ul {
 padding: 0
}

.f2 .o365-accordion {
 padding-top: 30px
}

.f2 .page-o365 .main .page .row .o365-accordion .accordion li h3 span {
 background: url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -431px -372px
}

.f2 .page-o365 .main .page .row .o365-accordion .accordion li.open h3 span {
 background: url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -431px -338px
}

.morelink:before {
 content: '|';
 position: relative;
 color: transparent;
 bottom: 20px;
 width: 100%;
 display: inline-block;
 background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%)
}

.less:before {
 bottom: 10px
}

.o365-read-more .layout div a {
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 position: absolute
}

.texteffect:before {
 content: '|';
 position: absolute;
 color: transparent;
 width: 100%;
 float: right;
 z-index: 1;
 height: inherit;
 display: inline-block;
 background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%);
 background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%, #fff 100%)
}

.o365-read-more .layout .readmore-link span {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -371px -417px;
 height: 20px;
 width: 22px;
 position: absolute
}

.o365-read-more .layout .readless-link span {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -371px -397px;
 height: 20px;
 width: 22px;
 position: absolute
}

@media (max-width:544px) {
 .wrapper .main .page .row .borderless-mobile {
  padding-left: 0;
  padding-right: 0
 }
}

.o365-read-more {
 margin-bottom: 25px
}

.sf-form label {
 padding-right: 30px;
 cursor: pointer;
 height: 20px;
 margin-left: 22px
}

.sf-form {
 margin-bottom: 20px
}

.sf-form input[type="radio"],
.sf-form input[type="checkbox"] {
 margin-right: 8px;
 cursor: pointer;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: none;
 margin-top: 2px;
 margin-left: -20px;
 position: absolute
}

.sf-form input[type="radio"] {
 border: 1px solid black;
 border-radius: 15px;
 font-size: 1em;
 height: 15px;
 width: 15px
}

.sf-form .sf_label-sm {
 margin-left: 0
}

.sf-form div .row {
 margin-top: 10px
}

.sf-form .agb-text input[type="checkbox"] {
 position: absolute;
 margin-top: 10px;
 margin-left: 3px
}

.sf-form .agb-text {
 margin-top: 0;
 margin-bottom: 15px !important
}

.sf-form .agb-text label {
 font-size: 11px;
 cursor: auto;
 line-height: 90%;
 margin-left: 22px
}

.sf-form .agb-text label a {
 font-size: 11px;
 cursor: pointer
}

.sf-form input[type="radio"]:checked {
 background: white none repeat scroll 0 0;
 box-shadow: 0 0 0 4px #999 inset
}

.sf-form .sf_label-sm {
 text-transform: uppercase;
 font-size: 11px;
 padding: 0
}

.sf-form ul {
 padding: 0 0 !important
}

.sf-form li {
 list-style-type: none !important
}

.sf-form select, input[type="text"] {
 border-style: solid;
 border: 1px solid black
}

@media (min-width:545px) {
 .col-xxs-6 {
  width: 50%;
  float: left
 }
}

.col-xxs-6 {
 padding-left: 20px;
 padding-right: 20px;
 min-height: 1px;
 position: relative
}

.sf-form input[type="checkbox"] {
 height: 15px;
 width: 15px;
 border: 1px solid black;
 margin-right: 5px
}

.sf-form input[type="checkbox"]:checked {
 background: #999 none repeat scroll 0 0
}

.sf-form input[type="checkbox"]:checked:before {
 content: '\2713';
 color: #fff;
 position: relative;
 margin-left: 1px;
 margin-top: -5px;
 position: absolute
}

.sf-form .button-pdf {
 background: #d0d0d0 url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -449px -241px;
 border-radius: 50px;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 font-size: 16px;
 height: auto;
 letter-spacing: .2px;
 line-height: 16px;
 padding: 12px 23px 12px 50px;
 margin-right: 10px;
 text-align: center;
 text-transform: uppercase;
 border: 0 none;
 color: #fff
}

.sf-form .pdf-download-list li label:hover .button-pdf {
 background-color: #7c7c7c
}

.sf-form .pdf-download-list li {
 padding-bottom: 10px
}

.sf-form .pdf-download-list li label {
 padding: 5px;
 margin: 0;
 width: 100%;
 min-height: 50px
}

.wrapper div.main .container .row .sf-form .pdf-list {
 margin-top: 20px;
 margin-bottom: 10px;
 padding-bottom: 10px
}

.wrapper div.main .container .row .sf-form .isrequired {
 border: 1px solid #d01717
}

.wrapper div.main .container .row .sf-form .pdf-list.isrequired:before {
 content: "Bitte min. eine PDF auswählen.";
 color: #d01717;
 background-color: white;
 position: relative;
 top: -10px;
 left: 18px
}

.migration-nav li {
 background-color: #f5f5f5;
 padding: 0
}

.migration-nav {
 margin-bottom: 0 !important;
 border-bottom: 1px dashed #ccc
}

.migration-content {
 background-color: #f5f5f5
}

.migration-content .tab-pane {
 padding: 30px
}

.migration-nav .active::after {
 border-bottom: 14px solid #ffa300;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 bottom: 0;
 content: " ";
 display: block;
 left: 42%;
 position: absolute;
 width: 0
}

.migration-nav a {
 width: 100%;
 height: 100%;
 display: block;
 text-align: center;
 outline: none
}

.migration-nav a:hover,
.migration-nav a:active {
 outline: none
}

.migration-slider .migration-slider-nav::after {
 border-bottom: 14px solid #ffa300;
 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 bottom: 0;
 content: " ";
 display: block;
 position: absolute;
 width: 0
}

@media (min-width:575px) {
 .migration-slider .migration-slider-nav::after {
  left: 48%
 }
}

@media (max-width:575px) {
 .migration-slider .migration-slider-nav::after {
  left: 46%
 }
}

.migration-slider .block-text {
 padding-bottom: 1px
}

.wrapper .main .page .row .migration-slider .migration-slider-for p.stepcount {
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-size: 15px;
 margin-bottom: 0
}

.wrapper .main .page .row .migration-slider .migration-slider-for h2 {
 margin-bottom: 10px
}

.migration-slider .migration-slider-nav {
 border-bottom: 1px dashed #ccc;
 padding-top: 25px
}

.migration-slider .picto-img {
 display: block;
 margin-bottom: 10px
}

.migration-nav .picto-img {
 margin-left: auto;
 margin-right: auto;
 display: block;
 margin-top: 10px
}

.step1.active .picto-img,
.step1.slick-center .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -205px -455px;
 height: 80px;
 width: 90px
}

.step2.active .picto-img,
.step2.slick-center .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -206px -531px;
 height: 80px;
 width: 90px
}

.step3.active .picto-img,
.step3.slick-center .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -206px -606px;
 height: 80px;
 width: 90px
}

.step4.active .picto-img,
.step4.slick-center .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -205px -676px;
 height: 80px;
 width: 90px
}

.step5.active .picto-img,
.step5.slick-center .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -206px -753px;
 height: 80px;
 width: 90px
}

.step6.active .picto-img,
.step6.slick-center .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -205px -828px;
 height: 80px;
 width: 90px
}

.step1 .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -84px -455px;
 height: 80px;
 width: 90px
}

.step2 .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -84px -531px;
 height: 80px;
 width: 90px
}

.step3 .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -84px -606px;
 height: 80px;
 width: 90px
}

.step4 .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -84px -676px;
 height: 80px;
 width: 90px
}

.step5 .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -84px -753px;
 height: 80px;
 width: 90px
}

.step6 .picto-img {
 background: transparent url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -84px -828px;
 height: 80px;
 width: 90px
}

li.step1,
li.step2,
li.step3,
li.step4,
li.step5,
li.step6 {
 height: 194px
}

hr {
 border-top: 1px solid #999
}

.col-md-6 hr {
 border-top: 1px solid #d0d0d0
}

footer .footer2 nav ul li a {
 background-position: 0 -4493px !important
}

footer .wrapper .layout header {
 background-color: none
}

.signets li {
 float: left;
 list-style-type: none !important;
 margin-right: 30px;
 margin-top: 20px;
 max-height: 148px
}

.wrapper div.main .container .signets li img {
 display: block;
 max-width: 100%;
 height: auto;
 width: auto
}

.signets li.last {
 margin-right: 0
}

@media (max-width:1024px) {
 .signets li {
  width: 27%
 }
 .signets li img {
  max-height: 148px
 }
}

@media (max-width:640px) {
 .signets li {
  width: 40%
 }
 .signets li img {
  max-height: 148px
 }
}

.page-o365 .main .page .signets ul {
 padding-left: 20px
}

.content-signet {
 margin-top: 20px
}

.page-o365 .main .page .row .accordion ul.accordion li.open h3 span {
 background: url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -430px -404px
}

.page-o365 .main .page .row .accordion ul.accordion li h3 span {
 background: url("/fileadmin/templates/img/pictos-office365.png") no-repeat scroll -430px -424px
}

.page-o365 .main .page .ce-bodytext ol.o365-subtext li {
 list-style-type: decimal;
 padding-left: 0;
 background-image: none;
 margin-bottom: 5px
}

.wrapper .main .page .row p.stepcount {
 font-size: 16px;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 margin-bottom: 5px;
 color: #333
}

.wrapper .main .page .migration-nav p {
 font-size: 19px;
 font-family: "Qhfont", Helvetica, Arial, sans-serif
}

.migration-nav a:focus p {
 color: #ffa300
}

.wrapper header,
.wrapper header.sticky {
 background: none;
 box-shadow: none;
 background-color: #fff
}

.wrapper header .header-bg-left,
.wrapper header .header-bg-right {
 position: absolute;
 height: 30px;
 width: 50%;
 bottom: 0;
 background-color: #ffa300
}

.wrapper header .header-bg-left {
 left: 0
}

.wrapper header .header-bg-right {
 right: 0
}

header .container {
 background-color: #fff
}

header .row.primary {
 height: 100px
}

header .container .row.primary a.qh-logo {
 float: none !important
}

header .container .row.primary img.ms-logo {
 float: right
}

header .header-col-1 {
 margin-top: 21px
}

header .header-col-2,
header .header-col-3 {
 margin-top: 22px
}

@media (max-width:1024px) {
 body {
  padding-top: 110px
 }
 header .row.primary {
  height: 80px;
  padding-left: 15px;
  padding-right: 15px
 }
 header .header-col-1 {
  margin-top: 7px;
  padding: 0 15px
 }
 header .header-col-1,
 header .header-col-2,
 header .header-col-3 {
  margin-top: 8px
 }
}

header .secondary nav.navbar {
 min-height: 30px
}

header .secondary nav.navbar-default {
 background-color: #ffa300 !important
}

@media (min-width:992px) {
 .mobile-nav {
  display: none
 }
 .mobile-nav>ul {
  display: block;
  padding: 0;
  width: 50%
 }
 .mobile-nav>ul>li a {
  font-size: 19px;
  line-height: 20px;
  padding: 30px 20px;
  margin-top: 0
 }
}

@media (min-width:988px) {
 .mobile-nav {
  display: block
 }
 .mobile-nav>ul {
  width: 100%
 }
 .mobile-nav>ul>li a {
  border: 0;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px 9px 30px
 }
}

@media (max-width:991px) {
 header .secondary nav.navbar-default {
  box-shadow: none
 }
 header .header-col-1 {
  padding: 0
 }
 .wrapper header .header-bg-left {
  background-image: none;
  background-color: #ffa300
 }
 header .secondary .toggle-menu {
  left: 15px
 }
}

header .secondary nav ul.nav li a,
header .secondary nav ul.nav li.active a,
header .secondary nav ul.nav li a:hover {
 padding-bottom: 7px;
 padding-top: 7px;
 margin-top: 0;
 background-color: inherit;
 transition: all .3s ease
}

header .secondary nav ul.nav li a.home-link {
 padding: 7px 10px 4px
}

header .secondary nav ul.nav li.active {
 background-color: #444444
}

header .secondary nav ul.nav li .dropdown-menu {
 min-height: 0;
 margin-top: 0
}

header .secondary nav ul.nav li a,
header .secondary nav ul.nav li.last a {
 border-left: none;
 border-right: 1px solid rgba(255, 255, 255, 0.5)
}

header .secondary nav ul.nav ul.dropdown-menu li.last a {
 border: none
}

header .secondary nav ul.nav ul.dropdown-menu li {
 float: none;
 display: inline-block;
 background-color: #444444
}

header .secondary nav ul.nav li li a:hover,
header .secondary nav ul.nav li li:hover {
 background-color: #7C7C7C
}

header .secondary nav ul.nav ul.dropdown-menu li li {
 background-color: #7C7C7C
}

header .secondary nav ul.nav ul.dropdown-menu li li:hover,
header .secondary nav ul.nav ul.dropdown-menu li li:hover a,
header .secondary nav ul.nav ul.dropdown-menu li.active {
 background-color: #999999
}

header .secondary nav ul.nav li.dropdown {
 position: static
}

header .secondary nav ul.nav li.dropdown div.momo {
 position: absolute;
 left: -9999px;
 width: 100%;
 transition: opacity 500ms ease-out;
 opacity: 0
}

header .secondary nav ul.nav li.dropdown.active div.momo {
 left: 0;
 opacity: 1
}

header .secondary nav ul.nav li.dropdown.active div.momo ul.dropdown-menu {
 z-index: 99
}

header .secondary nav ul.nav li.dropdown:hover>div.momo {
 left: 0;
 opacity: 1
}

header .secondary nav ul.nav li.dropdown div.momo ul.dropdown-menu {
 position: relative;
 left: 0;
 top: 0;
 background: transparent url("/fileadmin/templates/img/schraffur1.png");
 background-repeat: repeat-x;
 border: 0;
 display: block;
 min-width: 100%
}

header .secondary nav ul.nav li.dropdown ul.dropdown-menu li.dropdown:hover>div.momo {
 left: 0;
 width: 100%
}

header .secondary nav ul.nav li.dropdown div.momo ul.dropdown-menu ul.dropdown-menu {
 background: transparent url("/fileadmin/templates/img/schraffur2.png")
}

.wrapper header #user-lang {
 top: 0
}

.wrapper header #user-lang #user-login .login-icon {
 float: left;
 padding: 7px 11px 7px 6px;
 text-transform: uppercase;
 color: #ffffff;
 font-size: 15px;
 line-height: 16px;
 font-weight: normal;
 border-left: 1px solid rgba(255, 255, 255, 0.5);
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 cursor: pointer
}

.wrapper header #user-lang #user-login .login-icon.act {
 background: #444
}

.wrapper header #user-lang #user-login .login-icon img {
 float: left
}

.wrapper header #user-lang #user-login span {
 float: none;
 padding: 0 4px;
 border-left: none;
 vertical-align: top
}

.wrapper header #user-lang #user-login .userlogin-container {
 top: 30px;
 transition: opacity 500ms ease-in
}

.wrapper header #user-lang #user-login .login-label {
 display: inline
}

.wrapper header #user-lang #user-login .login-icon img {
 float: right;
 margin-top: 1px
}

.wrapper header #user-lang #search .search-icon img {
 margin-top: 1px
}

.container-hidden {
 -webkit-transition: 0ms !important;
 opacity: 0;
 left: -9999px
}

.wrapper div.main .fullsize-stage .sub-nav-row .sub-nav-img-col .claim .claim-bg {
 display: none !important
}

.wrapper div.main .fullsize-stage .sub-nav-row .claim ul li {
 padding-bottom: 0
}

.wrapper div.main .fullsize-stage .sub-nav-row .claim ul {
 padding-left: 0
}

.wrapper div.main .fullsize-stage .sub-nav-row .claim ul li {
 background-position: 1px 10px;
 padding-left: 15px
}

.page-o365 .main .page .row .accordion ul.accordion,
.page-o365 .main .page .row .accordion ul.accordion>li h3 {
 background-color: #f5f5f5
}

.page-o365 .main .page .row .accordion ul.accordion {
 padding: 0
}

.page-o365 .main .page .row .accordion ul.accordion>li {
 border-bottom: 1px dashed #ccc
}

.page-o365 .main .page .row .accordion ul.accordion>li:last-child {
 border-bottom: none
}

.page-o365 .main .page .row .accordion ul.accordion>li h3 {
 color: #ffa300;
 padding: 30px 40px 30px 30px;
 margin: 0
}

.page-o365 .main .page .row .accordion ul.accordion>li h3 span {
 position: absolute;
 right: 30px;
 top: 40px;
 width: 20px;
 height: 15px
}

.page-o365 .main .page .row .accordion ul.accordion>li.open h3 span {
 right: 30px;
 top: 40px
}

.page-o365 .main .page .row .accordion ul.accordion>li .toggled {
 padding-left: 30px;
 padding-right: 120px;
 margin-top: 0
}

@media (max-width:1024px) {
 .wrapper header #user-lang #user-login span {
  display: none
 }
 .page-o365 .main .page .row .accordion ul.accordion>li h3 {
  padding: 30px 13px
 }
 .page-o365 .main .page .row .accordion ul.accordion>li h3 span,
 .page-o365 .main .page .row .accordion ul.accordion>li.open h3 span {
  right: 13px
 }
 .page-o365 .main .page .row .accordion ul.accordion>li .toggled {
  padding-right: 40px;
  padding-left: 13px
 }
}

@media (max-width:767px) {
 .wrapper div.main .fullsize-stage .sub-nav-row .claim ul li {
  padding-bottom: 2px
 }
 .page-o365 .main .page .row .accordion ul.accordion>li .toggled {
  padding-right: 13px
 }
}

@media (min-width:988px) {
 .wrapper div.main .container .sub-nav-row .sub-nav-img-col {
  padding-left: 0
 }
}

@media (max-width:991px) {
 .wrapper header #user-lang #user-login .login-icon {
  padding: 7px 15px 4px;
  height: 30px
 }
}

.secondary ul.nav,
.secondary ul.nav li,
.login-icon,
.home-link {
 height: 30px
}

.home-icon {
 height: 15px
}

@media (min-width:767px) {
 .cloud-content-image .ce-gallery {
  float: right
 }
}

@media (max-width:767px) {
 .cloud-content-image {
  margin: auto;
  width: 130px
 }
 .cloud-image-mobile div div.ce-gallery {
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  float: none
 }
}

@media (max-width:991px) {
 .cloud-image-mobile div div.ce-gallery {
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  float: none
 }
}

.ce-uploads .internal-link-new-window::after,
.ce-uploads .external-link-new-window::after {
 background-position: 7px -1881px
}

.ce-uploads .internal-link-new-window:hover::after,
.ce-uploads .external-link-new-window:hover::after {
 background-position: 7px -1951px !important
}

.wrapper header #user-lang {
 right: 20px
}

@media (max-width:991px) {
 .wrapper header #user-lang {
  right: 5px
 }
}

.wrapper header #user-lang #user-login span,
.wrapper header #user-lang #search span {
 display: none
}

.wrapper header #user-lang #search {
 float: left;
 position: relative
}

.wrapper header #user-lang #search .search-icon {
 float: left;
 height: 30px;
 padding: 7px 10px 7px;
 text-transform: uppercase;
 color: #ffffff;
 font-size: 15px;
 line-height: 16px;
 font-weight: normal;
 border-left: 1px solid rgba(255, 255, 255, 0.5);
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 cursor: pointer
}

.wrapper header #user-lang #search .search-icon.act {
 background: #444
}

@media (max-width:991px) {
 .wrapper header #user-lang #search .search-icon {
  padding: 7px 15px 4px;
  height: 30px
 }
}

.wrapper header #user-lang #search .search-container {
 background: #444;
 height: auto;
 padding-bottom: 5px;
 padding-top: 20px;
 position: absolute;
 right: 0;
 top: 27px;
 width: 376px;
 transition: opacity 500ms ease-in
}

.wrapper header #user-lang #search .search-container {
 top: 30px
}

.wrapper header #user-lang .search-container form input {
 width: 330px
}

@media (max-width:544px) {
 .wrapper header #user-lang #search .search-container {
  width: 100vw
 }
 .wrapper header #user-lang .search-container form input {
  width: 85vw;
  margin-left: 10px
 }
}

#search .sf button {
 border: medium none;
 float: left
}

.o2016table .o2016Head .o2016RowHeader {
 background: #999999;
 text-align: center;
 font-weight: bold;
 line-height: 18px;
 border-left: none;
 padding: 20px 50px;
 border-bottom: none
}

.o2016table .o2016Head .o2016RowHeader span {
 text-transform: none;
 color: #fff
}

.o2016table {
 width: 100%;
 display: table;
 margin: 10px 0 25px 0
}

.o2016info {
 font-size: 10px
}

.o2016table .o2016Head .o2016RowMobile span {
 color: #fff;
 text-transform: none
}

.o2016table .o2016Head .o2016RowData span {
 text-transform: uppercase
}

.o2016table .o2016RowMobile span.uppercase {
 text-transform: uppercase;
 line-height: 35px
}

.o2016table .o2016Head .o2016RowData {
 background: #ffa300;
 text-align: center;
 color: #000;
 font-weight: bold;
 line-height: 18px;
 padding: 20px 50px;
 border-left: 1px solid #fff;
 border-right: none;
 border-bottom: none
}

.o2016table .o2016Head .o2016Row {
 display: table-row
}

.o2016table .o2016RowHeader {
 display: table-cell;
 width: 410px;
 height: 100%;
 border-left: 1px dashed #d0d0d0;
 border-bottom: 1px dashed #d0d0d0;
 padding: 20px 50px;
 text-align: center;
 color: #fff;
 font-weight: bold;
 line-height: 18px
}

.o2016table .o2016RowHeader .o2016ImgContainer {
 margin-top: 5%
}

.o2016table .o2016RowEven {
 background: #f1f1f1
}

.o2016table .o2016RowOdd {
 background: #fff
}

.o2016table .o2016RowData {
 display: table-cell;
 vertical-align: middle;
 overflow: hidden;
 width: 64%;
 padding: 20px 50px 20px 12%;
 border-bottom: 1px dashed #d0d0d0;
 border-left: 1px dashed #d0d0d0;
 border-right: 1px dashed #d0d0d0
}

.o2016table .o2016RowData .contentbold {
 font-weight: bold
}

.main .page .row .o2016table .o2016Row .o2016RowData .o365List {
 padding-left: 3px
}

.o2016table .o2016Head .o2016RowHeader,
.o2016table .o2016Head .o2016RowData {
 height: 85px
}

.o2016table .o2016RowHeader span {
 color: #000;
 text-transform: uppercase
}

.o2016table .o2016RowHead .o2016RowMobile span {
 text-transform: uppercase
}

.o2016table .o2016RowMobile span {
 color: #000
}

.o2016table .o2016RowMobile .pricetag,
.o2016BannerPrice .pricetag {
 color: #ffa300;
 font-size: 35px;
 font-weight: normal;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif
}

.o2016table .o2016RowMobile .pricesubtext,
.o2016BannerPrice .pricesubtext {
 font-size: 15px;
 line-height: 40px;
 font-weight: normal
}

.o2016table .o2016RowMobile .pricesubtext,
.o2016BannerPrice {
 padding-top: 30px;
 font-size:
}

.wrapper div.main .container .o2016table .o2016RowHeader img {
 width: 60px;
 height: auto
}

.wrapper div.main .container .o2016table .o2016RowMobile img {
 width: 100px;
 height: auto;
 padding-bottom: 10px
}

.wrapper div.main .container .o2016table .o2016Head .o2016RowMobile {
 background: #999999;
 font-weight: bold;
 line-height: 18px;
 padding: 20px 30px 20px 30px;
 text-align: center;
 border-bottom: none
}

.wrapper div.main .container .o2016table .o2016Head .o2016RowMobile span {
 color: #fff
}

.o2016table .o2016RowMobile {
 vertical-align: middle;
 overflow: hidden;
 width: 100%;
 padding: 20px 25%;
 border-bottom: 1px dashed #d0d0d0;
 border-left: none;
 border-right: none;
 font-weight: bold;
 text-align: center
}

.o2016Banner .row {
 padding: 15px 20px 0 20px;
 background: #f1f1f1;
 margin: 0;
 text-align: center
}

.o2016Banner p {
 color: #ffa300;
 font-size: 19px;
 text-transform: uppercase
}

.o2016BestellButtonBox {
 margin-left: 20%;
 width: 175px;
 padding-top: 40px
}

.o2016Vorteile {
 margin-top: 25px;
 margin-bottom: 25px
}

.wrapper div.main .container .o2016Banner img {
 width: 70px
}

.wrapper div.main .container>.row>div.o2016Borderless {
 padding: 0
}

.wrapper div.main .container .o2016Vorteile img {
 width: 70px;
 height: auto
}

.wrapper div.main .container .o2016Banner .ce-gallery {
 margin-bottom: 10px
}

@media (min-width:992px) {
 .o2016Vorteile img {
  margin-top: 10px
 }
 .o2016Vorteile hr {
  margin-top: 4px;
  margin-bottom: 15px
 }
}

@media (max-width:991px) {
 .wrapper div.main .container .o2016Vorteile hr {
  display: none
 }
 .wrapper div.main .container .o2016Vorteile .ce-gallery {
  float: none
 }
 .wrapper div.main .container .o2016Vorteile img {
  width: 100px;
  height: auto;
  margin: 0 auto
 }
 .wrapper div.main .container .o2016Vorteile .ce-gallery .ce-column {
  margin: 0 auto;
  display: table;
  float: none
 }
 .o2016table .o2016RowData {
  padding-left: 6%
 }
}

@media (max-width:767px) and (min-width:455px) {
 .o2016Banner .layout .ce-gallery {
  display: inline-block
 }
 .o2016Banner .layout .ce-textpic {
  text-align: center
 }
 .wrapper div.main .container .o2016Banner .layout .ce-bodytext {
  width: 190px;
  clear: none;
  text-align: left;
  display: inline-block;
  position: relative;
  bottom: 25px;
  left: 25px
 }
}

@media (max-width:767px) {
 .o2016table .o2016RowMobile {
  padding: 36px 15px 36px 15px
 }
 .o2016BestellButtonBox {
  width: 175px;
  padding-top: 0;
  margin: 10px auto 0 auto
 }
 .wrapper div.main .container .row .o2016Banner {
  padding-left: 0;
  padding-right: 0
 }
 .o2016BotMargin {
  margin-top: -25px
 }
 .o2016TopMargin .row {
  padding-top: 25px
 }
 .o2016Vorteile {
  margin-top: 0
 }
 .wrapper div.main .container .o2016Vorteile img {
  margin-top: 15px;
  margin-bottom: 12px
 }
}

@media (min-width:768px) {
 .o2016Banner {
  margin-top: 10px;
  margin-bottom: 10px
 }
}

.o2016Banner .layout .ce-bodytext {
 width: 190px;
 margin: 0 auto;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif
}

.o2016BotMargin {
 margin-bottom: 40px
}

#c3325 p {
 font-size: 11px;
 line-height: 14px
}

#c3325 {
 margin-top: 40px
}

#c3310 {
 margin-bottom: 25px
}

.addicons .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
 margin-right: 35%
}

.addicons .sl::after {
 display: block;
 content: url('/fileadmin/content/bilder/office_365/office-2016/office-365-icons.png');
 margin-top: 12px
}

.addicons-he .sub-nav-img-col::after {
 display: block;
 content: url('/fileadmin/content/bilder/hosted_exchange/readers-choice-hosting-awards.png');
 background-color: rgba(255, 255, 255, 0.8);
 position: absolute;
 bottom: 0;
 right: 0
}

@media (max-width:768px) {
 .addicons-he .sub-nav-img-col::after {
  display: none
 }
}

.search-header {
 display: flex;
 justify-content: flex-start
}

.search-header a {
 padding-right: 10px
}

.bing-search-badge {
 border-radius: 1px
}

.bing-search-badge .bing-search-badge-text {
 color: #fff;
 background-color: #ffa300;
 padding: 0 5px;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif !important;
 letter-spacing: .22px;
 font-size: 16px
}

.bing-search-result-item .webpage-name {
 z-index: 2
}

.bing-search-result-item.row .wrapping-link {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 1
}

#bing-search-result-list .list {
 padding-top: 25px
}

#bing-search-result-list .list.active {
 display: block
}

@media (min-width:768px) {
 #bing-search-result-list .list,
 #bing-search-result-list .pagi-mobile {
  display: none
 }
}

@media (max-width:768px) {
 #bing-search-result-list .pagi {
  display: none
 }
}

.form-group .searchBtn {
 width: 33px
}

#bing-search-result-list .pagi-mobile {
 text-align: center;
 margin-top: 20px
}

#bing-search-result-list .pagi-mobile div {
 font-size: 16px;
 text-align: center;
 padding: 12px 23px;
 letter-spacing: .2px;
 text-transform: uppercase;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 background-color: #ffa300;
 border-radius: 50px;
 height: auto;
 line-height: 16px;
 color: #fff;
 background-image: none;
 width: 200px;
 margin: 0 auto
}

#bing-search-result-list .pagi-mobile div:hover {
 text-decoration: none;
 background-color: #ff8700
}

.main .page .row .tx-bingsearch #bing-search-result-list .bing-pagination li a {
 cursor: pointer
}

.bingsearch-treffer {
 display: none
}

.userlogin::-ms-clear,
#searchterm::-ms-clear {
 display: none
}

#searchterm {
 height: 30px;
 line-height: 30px
}

.userlogin {
 height: 21px;
 line-height: 21px
}

.main .page .row .bingsearch.claim form input[type='text'] {
 padding: 0 10px !important
}

.embed-container {
 border-left: 1px solid #fff
}

.cc_banner-wrapper .cc_container .cc_btn {
 max-width: 190px
}

.wForm form .choices label {
 text-align: left;
 line-height: 14px
}

.wForm form .choices label a {
 font-size: 100%;
 font-weight: bold;
 line-height: 14px
}

#c3391 h3,
#c3394 h3,
#c3471 h3,
#c3472 h3 {
 color: #000;
 font-weight: bold
}

#c3391 li,
#c3394 li,
#c3471 li,
#c3472 li {
 list-style-type: none !important;
 padding-left: 20px;
 background-image: url('/fileadmin/templates/img/icons/list-dot-orange-small.png');
 background-repeat: no-repeat;
 background-position: 1px 6px
}

#c3391 ul,
#c3394 ul,
#c3471 ul,
#c3472 ul {
 padding-left: 0 !important
}

em,
i {
 font-family: "Qhfontitalic", Helvetica, Arial, sans-serif
}

@media (max-width:992px) {
 #c3392,
 #c3470 {
  margin-left: -25px
 }
}

@media (max-width:460px) {
 #c3392,
 #c3470 {
  margin-left: -36px
 }
}

.footer-logo-1,
.footer-logo-2,
.footer-logo-3 {
 float: left
}

.footer-logo-2 {
 position: relative;
 left: 50%;
 transform: translateX(-90%)
}

.footer-logo-3 {
 top: 21px;
 position: absolute;
 right: 20px
}

.footer-logo-1 img {
 width: 60px
}

.footer-logo-3 img {
 width: 202px
}

.footer-logo-2 img {
 width: 310px
}

.footer-award-logos {
 display: none
}

.wrapper footer .dos-bg .container {
 padding-bottom: 10px
}

.wrapper footer .dos-bg {
 padding-top: 15px
}

@media only screen and (max-width:992px) {
 .footer-logo-1,
 .footer-logo-2,
 .footer-logo-3 {
  display: none
 }
 .footer-award-logos {
  display: block
 }
 .footer-award-logos img {
  width: 100%;
  height: auto
 }
}

@media only screen and (max-width:640px) {
 .footer-logo-1,
 .footer-logo-2,
 .footer-logo-3 {
  position: relative;
  display: block;
  float: none;
  left: auto;
  right: auto;
  transform: none
 }
 .footer-logo-1 img,
 .footer-logo-2 img,
 .footer-logo-3 img {
  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto
 }
 .footer-award-logos {
  display: none
 }
 .footer-logo-1 img {
  max-width: 60px;
  margin-bottom: 30px
 }
 .footer-logo-2 img {
  max-width: 310px
 }
 .footer-logo-3 img {
  max-width: 202px;
  margin-bottom: 40px
 }
}

.b-site hr {
 margin-top: 35px
}

.b-site .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
 top: 23px;
 left: 25px
}

.b-site .hl-orange {
 width: 520px !important
}

@media (max-width:544px) {
 .b-site .hl-orange {
  width: 90% !important
 }
}

.b-site .sl {
 color: #ffa300 !important;
 line-height: 27px !important
}

@media (max-width:1200px) {
 .b-site .sl {
  font-size: 20px !important
 }
}

.b-site .sl span {
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 font-size: 31px
}

.b-site .stage-gk .o365BestellButton,
.b-site .stage-pk .o365BestellButton {
 bottom: -23px
}

.b-site .stage-mwst {
 color: #888;
 font-size: 11px;
 width: 226px;
 position: absolute;
 bottom: -28px
}

.b-site #c3442 h1 {
 font-size: 30px;
 line-height: 34px
}

.b-site #c3442 h2 {
 font-size: 40px;
 line-height: 44px;
 margin: 20px 0 10px 0
}

.b-site h2 {
 font-size: 30px;
 line-height: 34px
}

.b-site h2.sec-h2 {
 color: #333;
 margin-bottom: 13px !important
}

.b-site .field-h2 {
 font-size: 40px;
 line-height: 44px
}

.b-site h1 {
 font-size: 40px;
 line-height: 44px;
 margin: 20px 0 10px 0;
 color: #ffa300
}

.b-site .wrapper div.main .container>.row.field div.bg-field {
 height: 28px;
 top: 29px;
 background-position: 0 -1545px;
 z-index: 11
}

.b-site .b-site-heads {
 margin-top: -30px
}

.b-site .b-site-heads h2 {
 font-size: 40px;
 line-height: 44px
}

.b-site .b-site-heads h3 {
 color: #333;
 font-size: 30px;
 line-height: 32px
}

.b-site .b-site-heads h4 {
 font-size: 20px;
 line-height: 24px;
 color: #999 !important;
 margin-top: 25px
}

.b-site .b-site-heads ul {
 padding-left: 0 !important
}

.b-site .b-site-heads ul li,
.b-site .tab-pane li {
 background-image: url('/fileadmin/templates/img/icons/list-dot-grey-small.png') !important
}

@media (max-width:768px) {
 .b-site .b-site-heads h2,
 .b-site .field-h2 {
  font-size: 30px;
  line-height: 32px
 }
 .b-site .b-site-heads h3 {
  font-size: 22px;
  line-height: 24px
 }
}

.b-site .anspruch h3 {
 color: #999 !important;
 margin-top: 20px
}

.b-site .anspruch .layout {
 margin: 20px 0
}

.b-site .anspruch .ce-bodytext {
 border-top: 1px solid #d0d0d0
}

@media (max-width:991px) {
 .b-site .anspruch .ce-bodytext {
  border-top: 0
 }
 .b-site .anspruch h3 {
  margin-top: 0
 }
 .b-site .anspruch .ce-left {
  border-top: 1px solid #d0d0d0;
  padding-top: 20px
 }
 .b-site .anspruch .layout {
  margin: 0
 }
 .b-site .anspruch img {
  width: 90% !important
 }
}

.b-site #c3455:before,
.b-site #c3467:before,
.field-h2:before {
 content: " " !important;
 height: 28px;
 top: 37px;
 background-position: 0 -1545px;
 width: 30px;
 left: -42px;
 position: relative;
 display: block;
 background-image: url('http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/772e7804-1862-427a-b2b4-b058dc319388.png');
 background-repeat: no-repeat
}

@media (max-width:768px) {
 .b-site #c3455:before,
 .b-site #c3467:before,
 .field-h2:before {
  left: -34px;
  background-position: 0 -1551px;
  top: 33px
 }
 .contact-box h2 {
  font-size: 23px;
  line-height: 28px
 }
}

.b-site .sub-nav-img-col::after,
.a-site .sub-nav-img-col::after {
 display: block;
 content: url('/fileadmin/content/bilder/office_365/Siegel-DSGVO-konform.png');
 position: absolute;
 right: 65px;
 bottom: 40px
}

@media (max-width:768px) {
 .b-site .sub-nav-img-col::after,
 .a-site .sub-nav-img-col::after {
  display: none
 }
}

.references .fullteaserlink-box h3 {
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif
}

.case-study-box {
 background: url('../Images/bilder/info_service/case-study-banner-bg-emons-02.jpg') no-repeat;
 background-position-x: 0;
 background-position-y: 0;
 background-position: right;
 padding: 30px;
 text-align: left;
 margin: 20px 0 45px 0;
 height: 214px
}

.case-study-box h3 {
 color: #fff;
 font-size: 27px;
 margin: 0 0 21px 0
}

.case-study-box p {
 color: #fff;
 font-size: 15px;
 font-weight: bold
}

.wrapper div.main .container .case-study-logo {
 position: absolute;
 right: 91px;
 top: 118px
}

.wrapper div.main .container .case-study-logo img {
 width: 236px;
 height: auto
}

.references .fullteaserlink-box .ce-gallery img {
 display: block;
 height: 50px !important
}

.references .text-content {
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 position: relative
}

.references .box div.inner {
 width: 100%;
 position: relative;
 overflow: hidden;
 padding-bottom: 100%
}

.references a.internal-link-new-window,
.references a.download-new-window,
.references a.external-link-new-window {
 float: none !important
}

@media (max-width:976px) {
 .references a.internal-link-new-window::after,
 .references a.external-link-new-window::after {
  background-position: 7px -1878px !important
 }
 .references .internal-link-new-window:hover::after,
 .references .external-link-new-window:hover::after {
  background-position: 7px -1948px !important
 }
}

@media (max-width:768px) {
 .wrapper div.main .container .case-study-logo {
  position: relative;
  right: 0;
  top: -10px
 }
 .wrapper div.main .container .case-study-logo img {
  width: 125px !important
 }
 .case-study-box h3 {
  font-size: 23px;
  margin: 0 0 7px 0
 }
 .case-study-box p {
  font-size: 13px
 }
 .case-study-box {
  height: 245px;
  background-size: cover;
  background-position-x: -210px
 }
 .centered-button p {
  width: 250px
 }
 .references .box div.inner {
  padding-bottom: 70%
 }
}

@media (max-width:544px) {
 .case-study-box p {
  margin-bottom: 5px !important
 }
}

@media (max-width:480px) {
 .references .box div.inner {
  padding-bottom: 85%
 }
}

.references .fullteaserlink-box {
 margin-top: 20px;
 border-left: 3px solid #ffa300;
 padding-left: 10px
}

.references .fullteaserlink-box h3 {
 color: #333
}

.references .fullteaserlink-box a {
 margin-top: 10px
}

.references .fullteaserlink-box .ce-bodytext p:last-child {
 margin-bottom: 0
}

.references .ref-tile-front {
 background-color: #f5f5f5;
 height: 348px;
 width: 348px
}

.references .ref-tile-front img {
 width: auto !important
}

.content-box {
 padding-left: 0;
 padding-right: 0
}

.content-box .wrap::after {
 content: " ";
 width: 30px;
 height: 30px;
 background-image: url('/fileadmin/content/icons/icon-swap.png');
 background-size: 30px 30px;
 bottom: 7px;
 right: 7px;
 position: absolute
}

.content-box .inner:hover .wrap::after {
 display: none
}

.references .box .inner-front img {
 height: 75px !important;
 width: auto !important;
 margin-bottom: 20px
}

.references .box .inner-front img.ico-swap {
 width: 40px !important;
 height: auto !important;
 margin: 10px 0 0 0 !important
}

.references .box .inner-front p:nth-child(3) {
 margin-bottom: 0
}

.references .box {
 margin-bottom: 40px
}

.references .inner:hover {
 cursor: pointer
}

.references .inner-front {
 display: block;
 width: 100%;
 background: #F96;
 text-align: center;
 padding: 0 10px 0 10px;
 background: #f5f5f5;
 border: 1px solid #f5f5f5;
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%)
}

.references .inner-back {
 display: none;
 height: 100%;
 width: 100%;
 background: #F96;
 text-align: center;
 padding: 0 10px 0 10px;
 background: #fff;
 border: 1px solid #999999
}

.references .wrap {
 display: block;
 height: 100%;
 position: absolute;
 width: 100%;
 background: #f5f5f5
}

.references .wrap:hover {
 background: #fff
}

.references .clear {
 clear: both
}

.inner-back:before,
.inner-back:after {
 content: " ";
 position: absolute;
 font-size: 80px;
 padding: 10px;
 line-height: 1;
 color: #999;
 background-color: #fff;
 z-index: 9999999999
}

.inner-back:before {
 width: 70px;
 height: 63px;
 background: white url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -288px -148px;
 top: -25px;
 left: -25px
}

.inner-back:after {
 width: 82px;
 height: 68px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -307px -235px;
 right: -41px;
 bottom: -28px
}

.man-sec-site h3.sec-h3 {
 color: #333;
 font-size: 30px;
 line-height: 34px
}

.man-sec-site h2:first-child {
 margin: 0
}

.man-sec-site .sub-nav-img-col::after {
 display: block;
 content: url('/fileadmin/content/bilder/office_365/managed-security-365/icon-microsoft-365.png');
 position: absolute;
 right: 30px;
 bottom: 13px
}

@media (max-width:768px) {
 .man-sec-site .sub-nav-img-col::after {
  display: none
 }
}

@media (max-width:1024px) {
 .man-sec-site .sub-nav-img-col img {
  height: 422px !important;
  top: -75px;
  width: 100%
 }
}

@media (max-width:768px) {
 .man-sec-site .sub-nav-img-col img {
  height: 350px !important
 }
}

@media (min-width:1024px) {
 .man-sec-site .wrapper div.main .container .sub-nav-row .sub-nav-img-col .claim {
  top: 120px
 }
}

.man-sec-site .man-sec-divider-1 {
 margin-top: 25px;
 margin-bottom: 60px
}

.man-sec-site .man-sec-icons h3,
.man-sec-site .man-sec-warum h3 {
 font-size: 20px;
 line-height: 24px;
 color: #333;
 margin-bottom: 5px;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif
}

.man-sec-site .man-sec-warum .ce-gallery {
 margin-bottom: 10px;
 margin-top: 30px
}

.man-sec-form {
 margin-top: 50px
}

.contact-box-ref .contact-box .centered a {
 text-decoration: none;
 font-weight: bold;
 font-size: 16px
}

.contact-box-ref .contact-box .centered p {
 margin-bottom: 10px
}

.contact-box-ref .contact-box .centered a.contact-mail {
 font-weight: normal;
 text-decoration: underline
}

.contact-box-ref .contact-box .centered {
 width: 350px;
 min-height: 60px
}

.contact-box-ref .contact-box .contact-content {
 width: 430px
}

.contact-box-ref .contact-box-ref {
 height: 290px
}

.contact-icon {
 margin-bottom: 10px
}

.references .contact-box .ico-fax {
 width: 44px;
 height: 40px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 background-position: -468px -556px
}

.references .box-list {
 margin-top: 35px
}

@media (max-width:767px) {
 .contact-box-ref .contact-box {
  background: url('../Public/Images/bilder/contact-element-bg-mobile.jpg') no-repeat;
  background-position: center;
  padding-left: 30px;
  padding-top: 30px
 }
 .contact-box-ref .contact-box h2 {
  text-align: left
 }
 .contact-box-ref .contact-icon {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px
 }
 .contact-box-ref .contact-box .centered {
  text-align: left;
  width: 72%;
  min-height: 60px;
  margin: 0
 }
}

.spacer-top {
 margin-top: 30px
}

.main .page .row .sf-form form textarea {
 width: 100%;
 clear: both;
 border-style: solid;
 border: 1px solid black
}

.main .page .row .sf-form form select {
 width: 100%;
 clear: both;
 border: 1px solid black;
 padding: 2px 0
}

#SFForm .agb-text label {
 margin-left: 25px;
 margin-top: 4px;
 line-height: 15px
}

#SFForm .agb-text label a {
 line-height: 15px
}

@media (max-width:767px) {
 #SFForm div .row {
  margin-top: 0
 }
 #SFForm input,
 #SFForm textarea,
 #SFForm select {
  margin-bottom: 10px
 }
}

.fullsize-stage {
 float: left;
 width: 100%
}

.fullsize-stage .sub-nav-row .sub-nav-img-col {
 padding: 0 !important
}

.fullsize-stage:after {
 content: " ";
 display: block;
 height: 5px;
 background: white url("/fileadmin/templates/img/buehne-bg.png");
 background-repeat: repeat
}

.stage-image-container {
 display: flex;
 flex-direction: column;
 max-height: 500px;
 justify-content: flex-start;
 overflow: hidden
}

.wrapper div.main .fullsize-stage .sub-nav-row {
 border-left: 15px none;
 margin: 0
}

.wrapper div.main .fullsize-stage .sub-nav-row .sub-nav-img-col {
 padding-bottom: 5px
}

.stage-image-container img {
 display: block;
 object-fit: cover;
 object-position: center top
}

.wrapper div.main .fullsize-stage .sub-nav-img-col .claim {
 position: absolute;
 margin-right: 45% !important;
 top: 50% !important;
 transform: translateY(-50%);
 z-index: 11
}

.wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl-orange {
 color: #333;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-weight: normal;
 font-size: 45px;
 margin-left: 44px;
 margin-bottom: 10px;
 text-shadow: none;
 line-height: 50px
}

.wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl {
 color: #333;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-size: 25px;
 margin-left: 44px;
 margin-top: 24px;
 margin-bottom: 24px;
 line-height: 32px
}

.wrapper div.main .fullsize-stage .sub-nav-img-col .claim .sl {
 font-size: 20px;
 line-height: 30px
}

.wrapper div.main .fullsize-stage .sub-nav-img-col .claim .sl {
 color: #ffa300;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-size: 20px;
 margin-left: 44px;
 line-height: 22px;
 margin-top: 10px
}

@media (max-width:1024px) {
 .stage-image-container img {
  min-height: initial
 }
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl-orange {
  font-size: 30px;
  line-height: 36px
 }
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl {
  font-size: 22px;
  line-height: 28px;
  margin-left: 44px
 }
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .sl {
  font-size: 16px
 }
}

@media (max-width:991px) {
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim {
  margin-right: 25% !important
 }
}

@media (max-width:767px) {
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .sl {
  display: none
 }
}

@media (max-width:544px) {
 .wrapper div.main .fullsize-stage div.sub-nav-img-col img {
  -webkit-filter: brightness(.4);
  filter: brightness(.4)
 }
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim {
  margin-right: 10% !important
 }
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl-orange {
  color: #ffa300;
  margin-left: 0
 }
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl {
  color: #fff;
  font-size: 20px;
  margin-left: 0
 }
}

@media (max-width:375px) {
 .wrapper div.main .fullsize-stage .sub-nav-img-col .claim .hl {
  font-size: 18px;
  line-height: 22px
 }
}

div.momo:after {
 content: " ";
 display: block;
 background: transparent url("/fileadmin/templates/img/schraffur1.png");
 background-repeat: repeat;
 background-repeat: repeat-x;
 height: 30px;
 width: 10000px;
 position: relative;
 left: -5000px
}

div.momo div.momo:after {
 content: " ";
 display: block;
 background: transparent url("/fileadmin/templates/img/schraffur2.png");
 background-repeat: repeat;
 background-repeat: repeat-x;
 height: 30px;
 width: 10000px;
 position: relative;
 left: -5000px
}

.wrapper div.main .fullsize-stage .rsContent .content {
 position: absolute;
 width: 75%;
 z-index: 100;
 top: 50% !important;
 transform: translateY(-50%);
 z-index: 11
}

.wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
 color: #fff;
 font-size: 57px;
 line-height: 66px;
 margin-bottom: 10px
}

.wrapper div.main .fullsize-stage .rsContent .content .hl {
 font-size: 26px;
 line-height: 34px;
 margin-top: 24px;
 padding-right: 15%
}

.wrapper div.main .fullsize-stage .rsContent .content>div {
 margin-left: 0;
 color: #fff;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-weight: normal
}

.wrapper div.main .fullsize-stage .rsContent img.button {
 position: relative;
 top: 32px;
 left: 0;
 z-index: 101;
 width: auto
}

#full-width-slider.rsMinW .rsBullets {
 right: 0;
 width: 100%
}

.wrapper div.main .fullsize-stage .rsContent .content .internal-link-product {
 margin-top: 35px
}

.wrapper div.main .fullsize-stage .rsContent img {
 width: 100%;
 height: auto
}

.royalSlider {
 margin-bottom: 0
}

.wrapper div.main .homepage {
 padding-top: 35px
}

@media (min-width:2000px) {
 .wrapper div.main .fullsize-stage .rsContent .content .hl {
  padding-right: 0;
  width: 1200px
 }
}

@media (max-width:1720px) {
 .wrapper div.main .fullsize-stage .rsContent .content {
  width: 1200px
 }
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 53px;
  line-height: 60px
 }
}

@media (max-width:1270px) {
 .wrapper div.main .fullsize-stage .rsContent .content {
  width: 90%;
  margin-left: 40px
 }
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 43px;
  line-height: 50px
 }
 .wrapper div.main .fullsize-stage .rsContent .content .hl {
  font-size: 22px;
  line-height: 27px
 }
}

@media (max-width:1090px) {
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 40px;
  line-height: 47px
 }
}

@media (max-width:1024px) {
 .wrapper div.main .fullsize-stage .rsContent .content {
  width: 85%
 }
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 30px;
  line-height: 36px
 }
 .wrapper div.main .fullsize-stage .rsContent .content .hl {
  font-size: 16px;
  line-height: 21px;
  margin-top: 15px
 }
 .wrapper div.main .fullsize-stage .rsContent .content .internal-link-product {
  margin-top: 20px
 }
}

@media (max-width:800px) {
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 28px;
  line-height: 34px
 }
}

@media (max-width:768px) {
 .wrapper div.main .fullsize-stage .rsContent .content .hl,
 .wrapper div.main .fullsize-stage .rsContent .content .sl {
  display: none
 }
 .wrapper div.main .fullsize-stage .rsContent img.button {
  top: 5px
 }
 .wrapper div.main .fullsize-stage .rsContent .rs-img {
  width: 100%;
  height: auto;
  min-height: 360px
 }
 .wrapper div.main .fullsize-stage .rsContent .rs-img {
  min-height: initial
 }
 .wrapper div.main .fullsize-stage .rsContent .rs-img {
  display: block;
  object-fit: cover;
  object-position: center top
 }
 .wrapper div.main .fullsize-stage .rsContent .rs-img {
  height: 220px !important;
  width: auto !important;
  max-width: 500% !important;
  position: absolute !important;
  left: -9995px;
  right: -9999px;
  margin: auto
 }
 .wrapper div.main .fullsize-stage .royalSlider,
 .wrapper div.main .fullsize-stage .rsOverflow {
  min-height: 220px !important
 }
}

@media (max-width:567px) {
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 30px;
  line-height: 36px
 }
}

@media (max-width:544px) {
 .wrapper div.main .fullsize-stage .rsContent .content {
  margin-left: 0
 }
 .wrapper div.main .fullsize-stage .rsContent .rs-img {
  -webkit-filter: brightness(.4);
  filter: brightness(.4)
 }
 .wrapper div.main .fullsize-stage .rsContent .rs-img {
  height: 220px !important;
  left: -10221px;
  top: 0
 }
}

@media (max-width:360px) {
 .wrapper div.main .fullsize-stage .rsContent .content .hl-orange {
  font-size: 24px;
  line-height: 30px
 }
}

.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent
}

.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0
}

.slick-list:focus {
 outline: none
}

.slick-list.dragging {
 cursor: pointer;
 cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}

.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block
}

.slick-track:before,
.slick-track:after {
 display: table;
 content: ''
}

.slick-track:after {
 clear: both
}

.slick-loading .slick-track {
 visibility: hidden
}

.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px
}

[dir='rtl'] .slick-slide {
 float: right
}

.slick-slide img {
 display: block
}

.slick-slide.slick-loading img {
 display: none
}

.slick-slide.dragging img {
 pointer-events: none
}

.slick-initialized .slick-slide {
 display: block
}

.slick-loading .slick-slide {
 visibility: hidden
}

.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent
}

.slick-arrow.slick-hidden {
 display: none
}

.slick-loading .slick-list {
 background: #fff url('ajax-loader.gif') center center no-repeat
}

@font-face {
 font-family: 'slick';
 font-weight: normal;
 font-style: normal;
 src: url('fonts/slick.eot');
 src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg')
}

.slick-prev,
.slick-next {
 font-size: 0;
 line-height: 0;
 position: absolute;
 top: 50%;
 display: block;
 width: 20px;
 height: 20px;
 padding: 0;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
 cursor: pointer;
 color: transparent;
 border: none;
 outline: none;
 background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
 color: transparent;
 outline: none;
 background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
 opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
 opacity: .25
}

.slick-prev:before,
.slick-next:before {
 font-family: 'slick';
 font-size: 20px;
 line-height: 1;
 opacity: .75;
 color: white;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.slick-prev {
 left: -25px
}

[dir='rtl'] .slick-prev {
 right: -25px;
 left: auto
}

.slick-prev:before {
 content: '←'
}

[dir='rtl'] .slick-prev:before {
 content: '→'
}

.slick-next {
 right: -25px
}

[dir='rtl'] .slick-next {
 right: auto;
 left: -25px
}

.slick-next:before {
 content: '→'
}

[dir='rtl'] .slick-next:before {
 content: '←'
}

.slick-dotted.slick-slider {
 margin-bottom: 30px
}

.slick-dots {
 position: absolute;
 bottom: -25px;
 display: block;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center
}

.slick-dots li {
 position: relative;
 display: inline-block;
 width: 20px;
 height: 20px;
 margin: 0 5px;
 padding: 0;
 cursor: pointer
}

.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 20px;
 height: 20px;
 padding: 5px;
 cursor: pointer;
 color: transparent;
 border: 0;
 outline: none;
 background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
 outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
 opacity: 1
}

.slick-dots li button:before {
 font-family: 'slick';
 font-size: 6px;
 line-height: 20px;
 position: absolute;
 top: 0;
 left: 0;
 width: 20px;
 height: 20px;
 content: '•';
 text-align: center;
 opacity: .25;
 color: black;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
 opacity: .75;
 color: black
}

.slick-slide {
 outline: none
}

.o365konfiBlock sup {
 font-size: 8px
}

.TabBox {
 border-bottom: 3px solid #444444
}

.TabReiter {
 position: relative;
 float: left;
 color: #ffffff;
 background: #444444;
 border-top: 1px solid #444444;
 padding: 20px;
 font-weight: bold
}

.TabReiterEP {
 color: #444444;
 background: #f8f8f8
}

.TabSensitive {
 background: #f5f5f5;
 color: #444444;
 cursor: pointer
}

#TabReiter1 {
 border-left: 1px solid #444444
}

.TabReiterRight {
 border-right: 1px solid #444444
}

.TabSensitive:hover {
 background: #666666;
 color: #fff
}

.TabEPBox .TabReiter {
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 font-weight: normal;
 font-size: 20px
}

.TabEPBox .TabSensitive {
 color: #f8f8f8;
 background: #444444;
 border-right: 1px solid #f8f8f8
}

.TabEPBox .TabSensitive:hover {
 background: #666666
}

#o365EPSelector-button,
#o365EPSelector-menu li.ui-menu-item {
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 font-size: 20px;
 font-weight: normal
}

#o365EPSelector-button span.ui-selectmenu-text {
 padding: 20px 15px
}

#o365EPSelector-button.ui-corner-top,
#o365EPSelector-menu.ui-corner-bottom {
 border-radius: 0
}

#o365EPSelector-button span.ui-icon {
 background: #ffa300 url('../Images/einzelprodukte-selector.png') no-repeat;
 right: 0;
 top: 0;
 left: auto;
 position: absolute;
 height: 100%;
 width: 68px;
 margin-top: 0
}

.o365EPSelectBox span.ui-state-default {
 background: #999999;
 color: #fff
}

.o365EPSelectBox span.ui-state-hover,
.o365EPSelectBox span.ui-state-focus {
 border: 1px solid #999999;
 border-radius: 0;
 background: #f8f8f8;
 color: #444444
}

.o365EPSelectBox span.ui-corner-all {
 border: 1px solid #999999;
 border-radius: 0
}

#o365EPSelector-menu li.ui-menu-item {
 background: #444444;
 color: #fff;
 padding: 20px 15px;
 border-bottom: 1px solid #999999
}

#o365EPSelector-menu li.ui-state-focus {
 background: #999999
}

.o365TabContentBox {
 background: #f8f8f8;
 padding: 30px
}

.o365TabContent {
 display: none
}

.o365EPLogo {
 float: left;
 width: 100px;
 height: 100px;
 padding-right: 20px
}

.b-site .wrapper div.main .container div.o365EPLogo img {
 width: 75px !important
}

.o365EPDescription {
 float: left;
 width: calc(100% - 100px)
}

.o365EPFeatureLeer {
 margin-bottom: 12px
}

.TabReiterArrowBox {
 position: relative;
 bottom: -17px;
 height: 1em;
 margin: 0 -20px -20px -20px;
 vertical-align: top;
 text-align: center
}

#TabReiter1.TabSelected::after {
 content: "";
 position: absolute;
 width: 0;
 height: 0;
 margin-left: -0.5em;
 bottom: -1.5em;
 left: calc(40%);
 box-sizing: border-box;
 border: 1em solid black;
 border-color: transparent transparent #bebebe #bebebe;
 transform-origin: 0 0;
 transform: rotate(-45deg)
}

#TabReiter2.TabSelected::after {
 content: "";
 position: absolute;
 width: 0;
 height: 0;
 margin-left: -0.5em;
 bottom: -1.5em;
 left: calc(40%);
 box-sizing: border-box;
 border: 1em solid black;
 border-color: transparent transparent #d0d0d0 #d0d0d0;
 transform-origin: 0 0;
 transform: rotate(-45deg)
}

.CloudSwitcherBox {
 position: relative;
 float: right
}

.o365SliderBoxHeaderB {
 padding: 35px 35px 17px 35px;
 text-align: center
}

@media (max-width:1050px) {
 .CloudSwitcherBox {
  position: absolute;
  top: 95px;
  left: calc(-161%)
 }
 .o365SliderBoxHeaderB {
  margin-top: 80px;
  border-top: 1px solid #444
 }
}

@media (max-width:991px) {
 .CloudSwitcherBox {
  top: 75px
 }
}

.CloudSwitcherBoxBusiness {
 background: #bebebe
}

.CloudSwitcherBoxEnterprise {
 background: #d0d0d0
}

.CloudSwitcherBoxEinzelprodukte {
 background: #d0d0d0
}

.CloudSwitcherBoxVergleich {
 background: #f5f5f5
}

.CloudSwitcher {
 position: relative;
 float: right
}

.o365CloudToogle {
 margin: auto
}

.o365CloudToogleLeft,
.o365CloudToogleBox,
.o365CloudToogleRight,
.o365CloudToogleDesc {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 height: 63px
}

.o365CloudToogleLeft,
.o365CloudToogleRight {
 width: 22px
}

.CloudSwitcherRow {
 display: table-row
}

.o365CloudToogleDesc {
 padding-right: 20px;
 font-weight: bold
}

.o365CloudToogleBox {
 width: 87px;
 min-width: 87px
}

.o365CloudToogleCell {
 vertical-align: middle
}

.o365CloudToogleDesc strong {
 vertical-align: middle
}

.365CloudToogle {
 margin: auto
}

.myclear {
 clear: both;
 height: 0;
 font-size: 1px;
 line-height: 0
}

#o365SliderBox {
 padding-bottom: 35px
}

.o365SliderBoxHeader {
 padding: 35px 35px 17px 35px
}

.o365ProduktSubHeader {
 font-weight: 500
}

.o365ProduktBox {
 min-height: 100%;
 margin-bottom: auto
}

.o365ProduktBox.slider {
 margin-top: 15px
}

.o365ProduktBox.o365BPLV {
 margin-top: 0
}

.o365ProduktHeader,
.o365PVProduktHeader {
 display: table;
 width: 100%;
 background: #f2f2f2;
 border-left: 1px solid #f5f5f5;
 padding: 20px 10px;
 text-align: center;
 color: #333;
 font-weight: bold;
 line-height: 18px
}

.o365PVProduktHeader {
 background: #999999;
 color: #fff;
 min-height: 62px
}

.o365PVProduktHeaderBPLV {
 color: #fff
}

.o365ProduktHeader span,
.o365PVProduktHeader span {
 display: table-cell;
 vertical-align: middle
}

.o365BPLV .o365ProduktHeader,
.o365BPLV .o365PVProduktHeader,
.o365Tipp .o365ProduktHeader,
.o365Tipp .o365PVProduktHeader {
 background: #ffa300
}

.o365BPLV .o365ProduktBody,
.o365BPLV .o365ProduktSum,
.o365Tipp .o365ProduktBody,
.o365Tipp .o365ProduktSum {
 background: #FFF6E5
}

.o365BPLV div.bplv,
.o365Tipp div.o365TippHint,
.o365ProduktHeader div.o365NoTippHint {
 color: #444444;
 text-transform: uppercase
}

.o365Tipp div.o365TippHintProdukt {
 color: #fff
}

.o365ProductWinLogo {
 padding: 20px 10px;
 display: flex;
 justify-content: center;
 align-items: center
}

.o365OperatingSystem {
 height: 150px;
 width: 100%;
 border-left: 1px dashed #d0d0d0;
 border-bottom: 1px dashed #d0d0d0;
 padding: 10px;
 text-align: center
}

.o365ProductWinLogoIco {
 width: 35px;
 height: 35px;
 display: inline-block;
 background: transparent url('../Images/windowslogo.png');
 background-size: cover
}

.IncOsInfo {
 padding-left: 10px;
 text-align: left
}

.webFeatures {
 border-left: 1px dashed #d0d0d0;
 border-bottom: 1px dashed #d0d0d0;
 padding: 20px;
 text-align: center
}

.o365ProduktApps {
 display: table;
 width: 100%;
 border-left: 1px dashed #d0d0d0;
 border-bottom: 1px dashed #d0d0d0;
 padding: 20px 35px 15px 35px;
 text-align: center;
 height: auto
}

.o365ProduktApps span {
 display: table-cell;
 vertical-align: middle
}

.o365ProduktFeatures {
 border-left: 1px dashed #d0d0d0;
 border-bottom: 1px dashed #d0d0d0;
 padding: 20px 35px 8px 25px
}

.o365ProduktSum {
 border-left: 1px dashed #d0d0d0;
 border-bottom: 1px dashed #d0d0d0;
 padding: 20px;
 text-align: center;
 bottom: 0;
 width: 25%
}

#o365ArrowNext {
 top: 50%
}

#o365ArrowPrev {
 top: 50%
}

.o365SliderPrevMore,
.o365SliderNextMore {
 cursor: pointer;
 top: 0;
 position: absolute;
 font-weight: bold !important;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 color: #ffa300;
 transform: translateY(-100%);
 padding: 10px 0;
 z-index: 11;
 background-color: white;
 width: 50%
}

.o365SliderPrevMore p,
.o365SliderNextMore p {
 padding: 0 !important;
 margin: 0 !important
}

@media (max-width:988px) {
 .o365SliderPrevMore,
 .o365SliderNextMore {
  display: none !important
 }
}

.o365SliderPrevMore:before {
 background-color: white;
 content: " ";
 display: inline-block;
 width: 67%;
 height: 100%;
 position: absolute;
 transform: translate(-100%, -25%)
}

.o365SliderNextMore {
 right: 0;
 display: flex;
 justify-content: flex-end
}

.o365LastSlide {
 border-right: 1px dashed #d0d0d0
}

.o365AppIcon {
 width: 40px;
 height: 40px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 display: inline-block
}

.ico-word {
 background-position: -231px -170px
}

.ico-excel {
 background-position: -231px -370px
}

.ico-powerpoint {
 background-position: -231px -210px
}

.ico-onenote {
 background-position: -231px -130px
}

.ico-outlook {
 background-position: -231px -330px
}

.ico-publisher {
 background-position: -231px -290px
}

.ico-access {
 background-position: -231px -50px
}

.ico-exchange {
 background-position: -231px -90px
}

.ico-sharepoint {
 background-position: -231px -250px
}

.ico-skype {
 background-position: -231px -410px
}

.ico-onedrive {
 background-position: -231px -10px
}

.ico-teams {
 background-position: -20px -530px
}

.o365FlagIcon {
 width: 35px;
 height: 35px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 display: inline-block;
 position: relative;
 top: 12px;
 margin-left: 9px
}

.ico-de {
 background-position: -25px -373px;
 top: 14px
}

.ico-int {
 background-position: -25px -412px;
 top: 14px;
 margin-left: 0;
 margin-right: 6px
}

.o365CheckIcon {
 width: 22px;
 height: 20px;
 background: transparent url('../Images/pictos-office365.png') no-repeat 0 0;
 display: inline-block
}

.ico-true {
 background-position: -400px -303px
}

.o365ExpandIcon,
.o365CollapseIcon {
 height: 22px;
 width: 20px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -433px -418px;
 display: inline-block
}

.o365CollapseIcon {
 background-position: -433px -398px
}

.o365ProduktPriceSelect,
.o365ProduktPriceSelectPV {
 margin-bottom: 20px
}

.o365PriceValue {
 font-size: 30px;
 color: #ffa300;
 font-weight: bold
}

.o365PriceTax {
 font-size: 12px
}

.o365PVButtonContent {
 position: relative;
 overflow: hidden;
 padding: 15px 15px 90px 15px
}

.o365ProduktSum a.internal-link-product,
.o365PVButtonContent a.internal-link-product {
 float: none;
 display: inline-block;
 margin-top: 20px
}

.o365MoreInfoLinkBox {
 border-bottom: 1px dashed #d0d0d0;
 border-left: 1px dashed #d0d0d0;
 padding: 20px;
 text-align: center;
 width: 100%;
 margin-bottom: 1px
}

.o365MoreInfoLinkBox>a {
 font-size: 16px;
 text-transform: uppercase;
 padding-left: 0;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif !important;
 background-image: none;
 letter-spacing: .22px;
 padding-right: 15px;
 line-height: 16px;
 color: #999;
 font-weight: normal;
 background-position: 0 -1880px;
 background-repeat: no-repeat
}

.o365MoreInfoLinkBox>a:after {
 background-image: url('../Images/icons-new-df5swzgcjk.png');
 background-repeat: no-repeat;
 content: "";
 width: 22px;
 height: 22px;
 position: absolute;
 background-position: -102px -1878px;
 line-height: 16px
}

.o365LaufzeitDesc {
 margin-bottom: .5em
}

.o365ProduktSecurity {
 font-weight: bold;
 padding-left: 10px;
 margin: 20px 0 10px 0
}

#o365PVStickyBox {
 padding: 14px 35px;
 background: #f5f5f5
}

#o365PVStickyExpandCollapseAll {
 float: right;
 text-align: right;
 text-transform: uppercase
}

span.accordion-expand-all-title {
 displqay: block;
 font-weight: bold !important;
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 color: #ffa300
}

a.accordion-expand-all,
a.accordion-expand-all:focus,
a.accordion-expand-all:active,
a.accordion-expand-all:visited,
a.accordion-expand-all:link {
 color: #ffa300;
 text-decoration-color: #ffa300;
 text-decoration: none
}

a.accordion-expand-all:hover {
 text-decoration: underline;
 text-decoration-color: #ffa300
}

#o365PVStickyExpandCollapse {
 float: right;
 cursor: pointer
}

#o365PVStickyClusterTitle {
 color: #ffa300;
 font-size: 20px;
 font-family: "Qhfont", Helvetica, Arial, sans-serif
}

#o365PVStickySubclusterTitle {
 font-weight: bold
}

#o365PVHeader.o365sticky {
 position: fixed;
 z-index: 99999
}

#o365PVHeader.o365sticky>span.accordion-expand-all-title {
 display: none
}

#o365PVHeader.o365PVsticky {
 position: fixed;
 z-index: 99999;
 background: #f5f5f5;
 margin-left: 0;
 padding-left: 35px
}

.o365ArrowDown {
 width: 16px;
 height: 12px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -378px -374px;
 display: inline-block;
 margin-left: 10px
}

.o365ArrowUp {
 width: 16px;
 height: 12px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -378px -343px;
 display: inline-block;
 margin-left: 10px
}

.o365PVAccordionHeader {
 position: relative;
 padding: 25px 35px;
 border-top: 1px dashed #d0d0d0;
 cursor: pointer;
 margin: 0 0 0 0;
 background: #f5f5f5
}

.o365PVAccordionHeader span {
 width: 18px;
 height: 22px;
 top: 42px;
 float: right;
 background: transparent url('../Images/pictos-office365.png') no-repeat -433px -418px;
 display: inline-block
}

.o365PVAccordionHeader span.open {
 background-position: -433px -398px
}

.o365PVAccordionHeaderText {
 float: left
}

.o365PVAccordionBody {
 position: relative;
 padding-top: 30px;
 padding-bottom: 30px
}

.o365PVHeaderDesc {
 background: #d0d0d0;
 float: left;
 display: table;
 width: 25%;
 padding: 20px 25px 20px 35px;
 font-weight: bold;
 overflow: hidden
}

.o365PVHeaderDesc>span {
 display: table-cell;
 vertical-align: middle
}

#o365PVHeaderSliderBox {
 background: #999999;
 float: right;
 width: 75%
}

.o365PVClusterRowHeaderBox {
 float: left;
 width: 25%;
 position: absolute;
 z-index: 500
}

.o365PVRowHeader,
.o365PVRowData {
 display: table;
 vertical-align: middle;
 overflow: hidden;
 background: #f5f5f5;
 border-bottom: 1px dashed #d0d0d0;
 border-left: 1px dashed #d0d0d0;
 -ms-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto
}

.o365PVRowHeader {
 border-right: 1px dashed #d0d0d0;
 margin-left: 35px;
 width: calc(85%);
 padding: 10px 20px
}

.o365PVRowData {
 padding: 10px 32px
}

.o365PVRowHeader span,
.o365PVRowData span {
 display: table-cell;
 vertical-align: middle;
 width: 100%
}

.o365RVCol {
 width: 100%
}

.o365PVRowData {
 text-align: center;
 width: 100%;
 background: #f5f5f5
}

.o365PVRowEven {
 background: #fff
}

.o365PVRowTop {
 border-top: 1px dashed #d0d0d0
}

.o365PVRowBottom {
 border-bottom: 1px dashed #d0d0d0
}

.o365PVRowRightBorder {
 border-right: 1px dashed #d0d0d0
}

.o365PVClusterSliderBox {
 float: right;
 width: 75%
}

.o365PVRowSubCluster {
 padding: 30px 15px 10px 0;
 margin-left: 35px;
 font-weight: bold
}

#o365PVButtonsBox {
 width: 75%;
 float: right;
 text-align: center
}

.o365PVButtonsRow {
 border-top: 1px dashed #d0d0d0;
 background: #f5f5f5
}

.o365PVButtonBorder {
 border-right: 1px dashed #d0d0d0
}

.o365BestellButtonBox {
 margin-left: auto;
 margin-right: auto
}

.o365PVBestellButtonBox {
 position: absolute;
 bottom: 15px
}

.o365PVButtonContent .o365BestellButtonBox {
 width: 88.5%
}

a.BeratungsButton,
a.o365BestellButton {
 float: none;
 display: inline-block;
 margin-top: 20px;
 padding: 11px 22px;
 height: auto;
 line-height: 16px;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 font-size: 16px;
 text-align: center;
 text-decoration: none !important;
 text-transform: uppercase;
 letter-spacing: .2px;
 background-image: none;
 border-radius: 50px;
 border: 2px solid #ffa300;
 background-color: #fff;
 color: #ffa300
}

a.BeratungsButton:hover,
a.o365BestellButton:hover {
 background-color: #ff8700;
 border-color: #ff8700;
 color: #fff
}

a.BeratungsButtonBPLV,
a.o365BestellButtonBPLV {
 background-color: #ffa300;
 color: #fff
}

.o365Tooltip {
 cursor: pointer;
 vertical-align: initial
}

.o365ToolTipIcon {
 display: inline-block;
 position: relative;
 top: 1px;
 margin: -3px 0;
 height: 20px;
 width: 20px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -26px -313px
}

.o365KonfiSlide .o365ToolTipIcon {
 margin-left: 8px
}

#tarifinfos {
 position: relative;
 top: -50px
}

.o365cAnchor {
 position: relative;
 top: -300px
}

.o365PVRowFirstSubCluster {
 padding-top: 0
}

.o365KonfiTippBox {
 background: #999;
 padding: 30px
}

.o365KonfiTippBox h2 {
 color: #444;
 font-size: 20px;
 font-weight: bold
}

.o365KonfiTippBox h3 {
 color: #fff;
 font-size: 30px
}

.o365KonfiRestartBox {
 text-align: right;
 text-transform: uppercase;
 background: #f5f5f5;
 border-bottom: 1px dashed #d0d0d0;
 padding: 10px 30px
}

.o365KonfiRestartBox a {
 font-weight: bold
}

.o365ArrowRestart {
 width: 14px;
 height: 12px;
 background: transparent url('../Images/icons-new-df5swzgcjk.png') no-repeat 0 -1882px;
 display: inline-block;
 margin-left: 6px
}

.o365SliderKonfiHeaderBox {
 background: #f5f5f5;
 padding: 30px
}

.o365Konfi30DaysBanner {
 display: none
}

.o365SliderPrev {
 width: 28px;
 height: 40px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -316px -399px;
 display: inline-block
}

.o365SliderNext {
 width: 28px;
 height: 40px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -316px -349px;
 display: inline-block
}

.o365arrow-prev-sticky>.o365SliderPrev {
 width: 37px;
 height: 50px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -316px -755px;
 display: inline-block
}

.o365arrow-next-sticky>.o365SliderNext {
 width: 37px;
 height: 50px;
 background: transparent url('../Images/pictos-office365.png') no-repeat -316px -825px;
 display: inline-block
}

.slick-loading .slick-list {
 background: #fff url('../Images/ajax-loader.gif') center center no-repeat
}

.o365arrow-prev,
.o365arrow-next,
.o365PVarrow-prev,
.o365PVarrow-next {
 width: 28px;
 height: 40px;
 right: 8px
}

.o365arrow-prev,
.o365arrow-next {
 top: 50px
}

.o365PVarrow-prev,
.o365PVarrow-next {
 top: 40px
}

.o365arrow-prev.slick-disabled,
.o365arrow-next.slick-disabled,
.o365PVarrow-prev.slick-disabled,
.o365PVarrow-next.slick-disabled {
 opacity: 0;
 display: none !important
}

.o365arrow-prev,
.o365PVarrow-prev {
 left: 7px;
 z-index: 10000
}

.o365arrow-prev:before,
.o365PVarrow-prev:before,
.o365arrow-next:before,
.o365PVarrow-next:before {
 content: ''
}

.o365arrow-prev-sticky,
.o365arrow-next-sticky {
 z-index: 100000;
 position: fixed;
 top: 50%;
 width: 37px;
 height: 50px
}

.o365arrow-prev-sticky {
 left: 0
}

.o365arrow-next-sticky {
 right: 0
}

.CloudSwitcher .row div label {
 padding-left: 10px;
 cursor: pointer
}

.main .container .row .CloudSwitcherBox p {
 margin: 0
}

.CloudSwitcher input[type="radio"] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: none
}

.CloudSwitcher input[type="radio"] {
 cursor: pointer;
 border: 1px solid black;
 border-radius: 15px;
 font-size: 1em;
 height: 15px;
 width: 15px;
 background: white none repeat scroll 0 0;
 position: relative;
 top: 2px
}

.CloudSwitcher input[type="radio"]:checked {
 background: white none repeat scroll 0 0;
 box-shadow: 0 0 0 4px lightgrey inset
}

.o365TarifeSwitcher {
 margin-bottom: 35px;
 margin-top: 35px
}

.o365TarifeSwitcherList {
 margin-bottom: 15px
}

.o365TarifeSwitcherCol {
 float: left;
 padding-right: 45px
}

.o365TarifeSwitcherListColHead {
 text-transform: uppercase;
 font-size: 13px
}

.o365TarifeSwitcherError {
 color: red
}

#o365ProduktscheinAnchor {
 position: relative;
 top: -150px
}

.o365FormErrorText {
 color: red;
 display: none
}

.o365FormErrorTextActive {
 display: block
}

.o365FormErrorBorder {
 border: 1px solid red !important
}

#o365FormFieldAGBs {
 padding-bottom: 30px
}

.o365KonfiHeader {
 background: #f5f5f5
}

#o365KonfiSlider {
 background: #f5f5f5
}

.o365KonfiSlide {
 padding: 35px
}

.o365KonfiSlideTbl {
 display: table;
 width: 100%;
 height: 100%
}

.o365KonfiSlideCell {
 display: table-cell;
 vertical-align: middle
}

.o365KonfiSlideCell h3 {
 color: #333;
 text-align: center;
 font-size: 30px;
 line-height: 34px
}

.o365KonfiHeaderSlide {
 padding: 25px 25px 10px 25px
}

#o365KonfiProgressBar {
 height: 6px
}

.o365ProgressLabel {
 background: #f5f5f5
}

.o365konfiBlock div.ui-widget-content {
 border: none;
 background: #444 url(../Images/ui-bg-progressbar.png) 50% top repeat-x
}

.o365konfiBlock .ui-progressbar.ui-corner-all,
.o365konfiBlock .ui-progressbar-value.ui-corner-left {
 border-radius: 0;
 border: none
}

.o365konfiBlock .ui-progressbar-value {
 margin: 0
}

.o365KonfiButtonBox {
 margin-top: 35px
}

.o365KonfiButtonRow {
 position: relative;
 width: 100%;
 text-align: center
}

.o365KonfiButton {
 float: none;
 max-width: 400px;
 display: inline-block;
 margin-top: 20px;
 margin-bottom: 20px
}

.o365KonfiSlideCell a.internal-link-product {
 float: none;
 display: inline-block
}

.o365KonfiBackButton {
 margin-right: 20px
}

.o365KonfiContentLeft {
 text-align: right;
 padding-top: 4px
}

.o365KonfiButtonsLeft {
 text-align: right
}

.o365KonfiSlideCell dt,
.o365KonfiSlideCell dd {
 width: 50%;
 float: left
}

.o365KonfiSlideCell dt {
 text-align: right;
 padding-right: 3px
}

.o365KonfiSlideCell dd {
 text-align: right;
 padding-left: 3px
}

.o365KonfiNav {
 margin-bottom: 0 !important;
 border-bottom: 1px dashed #ccc
}

ul.o365KonfiNav li {
 width: 25%;
 float: left
}

ul.o365KonfiNav a {
 padding: 48px 0 0 0;
 height: 194px;
 outline: none;
 cursor: default
}

ul.o365KonfiNav a:hover,
ul.o365KonfiNav a:focus {
 background-color: #f5f5f5
}

ul.o365KonfiNav li.active .o365KonfiNavNumber {
 color: #ffa300
}

ul.o365KonfiNav p,
.o365KonfiNavMobile p {
 text-align: center
}

.o365KonfiNavNumber {
 font-size: 58px;
 color: #999999;
 font-weight: bold;
 margin-bottom: 19px !important
}

.o365KonfiNavNumberSub {
 font-family: "Qhfont", Helvetica, Arial, sans-serif;
 color: #333;
 font-size: 15px;
 margin-bottom: 10px !important
}

.o365KonfiNavTitle {
 font-size: 18px;
 color: #ffa300;
 font-family: "Qhfont", Helvetica, Arial, sans-serif
}

.o365KonfiNavMobile {
 display: none
}

.o365KonfiNavMobile .nav {
 margin-bottom: 0 !important
}

.o365KonfiNavMobile li {
 display: none
}

.o365KonfiNavMobile li.active {
 display: block
}

.o365KonfiNavMobile p.o365KonfiNavTitle {
 font-size: 23px
}

.o365List li {
 background-image: url('../Images/icons/list-dot-grey-small.png') !important
}

.webhosting-list li {
 list-style-type: none !important;
 padding-left: 20px;
 background-image: url('../..../Images/icons/list-dot-orange-small.png');
 background-repeat: no-repeat;
 background-position: 1px 6px
}

@media (max-width:768px) {
 .o365PVHeaderDesc {
  padding: 25px 10px;
  position: absolute;
  z-index: 500;
  width: calc(60%)
 }
 .o365PVClusterRowHeaderBox {
  -webkit-box-shadow: 10px 0 10px -6px #ccc;
  -moz-box-shadow: 10px 0 10px -6px #ccc;
  box-shadow: 10px 0 10px -6px #ccc;
  width: calc(56%)
 }
 .o365PVRowHeader {
  margin-left: 0;
  padding: 10px;
  width: 100%
 }
 .o365PVarrow-next {
  right: 7px
 }
 .o365PVarrow-prev {
  left: 6px
 }
 .o365PVRowSubCluster {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px
 }
 .o365PVAccordionHeader {
  margin: 0;
  padding: 25px 35px 25px 10px
 }
 #o365PVStickyBox {
  padding: 14px 10px
 }
 .o365KonfiSlideCell h3 {
  font-size: 23px;
  line-height: 28px
 }
 .o365KonfiNav {
  border-bottom: none
 }
 ul.o365KonfiNav a {
  height: 67px;
  padding-top: 22px
 }
 .o365KonfiNavNumber {
  font-size: 56px
 }
 ul.o365KonfiNav p.o365KonfiNavNumberSub {
  display: none
 }
 ul.o365KonfiNav p.o365KonfiNavTitle {
  display: none
 }
 .o365KonfiNavMobile {
  display: block
 }
 #o365ArrowNext1,
 #o365ArrowPrev1 {
  display: none !important
 }
}

@media (max-width:580px) {
 .o365CloudToogleLeft {
  width: 40%
 }
 .ico-de {
  display: none
 }
 .ico-int {
  display: none
 }
 .o365CloudToogleDesc {
  margin-top: 0
 }
}

@media (max-width:544px) {
 .o365PVAccordionBody {
  padding-top: 0;
  padding-bottom: 0
 }
 .o365PVRowHeader,
 .o365PVRowData {
  font-size: 13px
 }
 .o365PVHeaderDesc {
  width: calc(59%)
 }
 .o365PVClusterRowHeaderBox {
  width: calc(55%)
 }
 .CloudSwitcher .row .text-right {
  text-align: left !important
 }
 .CloudSwitcher .row div label {
  padding-left: 5px
 }
 .o365EPLogo {
  float: right;
  padding-right: 0;
  padding-left: 20px
 }
 .o365EPDescription {
  float: none;
  width: 100%
 }
}

@media (max-width:480px) {
 .o365KonfiContentLeft {
  text-align: left
 }
 .o365KonfiContentRight {
  text-align: right
 }
 .o365KonfiButtonsRight,
 .o365KonfiButtonsLeft {
  text-align: center
 }
 .o365KonfiSlideCell h3 {
  text-align: left
 }
}

@media (max-width:376px) {
 .o365PVClusterRowHeaderBox {
  width: calc(38.5%)
 }
 .o365PVClusterSliderBox {
  width: 60%
 }
 .o365PVHeader {
  background: #d0d0d0
 }
 .o365PVHeaderDesc {
  width: calc(38.5%)
 }
 #o365PVHeaderSliderBox {
  width: 60%
 }
 .o365PVProduktHeader {
  min-height: 65px
 }
 .o365PVarrow-prev,
 .o365PVarrow-next {
  right: 0
 }
}

@media (max-width:359px) {
 .o365CloudToogleLeft {
  width: 30%
 }
}

@keyframes popIn {
 0% {
  transform: scale(1, 1)
 }
 25% {
  transform: scale(1.2, 1)
 }
 50% {
  transform: scale(1.4, 1)
 }
 100% {
  transform: scale(1, 1)
 }
}

@keyframes popOut {
 0% {
  transform: scale(1, 1)
 }
 25% {
  transform: scale(1.2, 1)
 }
 50% {
  transform: scale(1.4, 1)
 }
 100% {
  transform: scale(1, 1)
 }
}

@keyframes splashIn {
 0% {
  transform: scale(1);
  opacity: 1
 }
 25% {
  transform: scale(1.1);
  opacity: .8
 }
 50% {
  transform: scale(1.1);
  opacity: .9
 }
 100% {
  transform: scale(1);
  opacity: 1
 }
}

@keyframes splashOut {
 0% {
  transform: scale(1);
  opacity: 1
 }
 25% {
  transform: scale(1);
  opacity: .8
 }
 50% {
  transform: scale(1);
  opacity: .9
 }
 100% {
  transform: scale(.5);
  opacity: 1
 }
}

.checkbox-toggle {
 position: relative
}

.checkbox-toggle input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-toggle input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-toggle input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-toggle input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-toggle input+span>h4 {
 display: inline
}

.form-horizontal [class^='checkbox'] input+span:after {
 top: 7px
}

.checkbox-slider {
 position: relative
}

.checkbox-slider input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider input+span>h4 {
 display: inline
}

.checkbox-slider input+span {
 padding-left: 40px
}

.checkbox-slider input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--default {
 position: relative
}

.checkbox-slider--default input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--default input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--default input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--default input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--default input+span>h4 {
 display: inline
}

.checkbox-slider--default input+span {
 padding-left: 40px
}

.checkbox-slider--default input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--default input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--default input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--default input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--default input+span:after {
 background: #FFF;
 border: solid transparent 1px;
 background-clip: content-box
}

.checkbox-slider--default input:checked+span:after {
 background: #5cb85c;
 border: solid transparent 1px;
 background-clip: content-box
}

.checkbox-slider--a-rounded {
 position: relative
}

.checkbox-slider--a-rounded input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--a-rounded input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--a-rounded input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--a-rounded input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--a-rounded input+span>h4 {
 display: inline
}

.checkbox-slider--a-rounded input+span {
 padding-left: 40px
}

.checkbox-slider--a-rounded input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--a-rounded input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--a-rounded input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--a-rounded input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--a-rounded input+span:after {
 background: #FFF;
 border: solid transparent 1px;
 background-clip: content-box
}

.checkbox-slider--a-rounded input:checked+span:after {
 background: #5cb85c;
 border: solid transparent 1px;
 background-clip: content-box
}

.checkbox-slider--a-rounded input+span:after,
.checkbox-slider--a-rounded input+span:before {
 border-radius: 4px
}

.checkbox-slider--a-rounded input+span:after,
.checkbox-slider--a-rounded input:checked+span:after {
 border: solid transparent 2px;
 background-clip: content-box
}

.checkbox-slider--a-rounded.checkbox-slider-sm input+span:before,
.checkbox-slider--a-rounded.checkbox-slider-sm input+span:after {
 border-radius: 3px
}

.checkbox-slider--a-rounded.checkbox-slider-md input+span:before,
.checkbox-slider--a-rounded.checkbox-slider-md input+span:after {
 border-radius: 4px
}

.checkbox-slider--a-rounded.checkbox-slider-lg input+span:before,
.checkbox-slider--a-rounded.checkbox-slider-lg input+span:after {
 border-radius: 6px
}

.checkbox-slider--a {
 position: relative
}

.checkbox-slider--a input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--a input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--a input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--a input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--a input+span>h4 {
 display: inline
}

.checkbox-slider--a input+span {
 padding-left: 40px
}

.checkbox-slider--a input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--a input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--a input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--a input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--a input+span {
 padding-left: 60px
}

.checkbox-slider--a input+span:before {
 content: "";
 width: 60px
}

.checkbox-slider--a input+span:after {
 width: 40px;
 font-size: 10px;
 color: #000;
 content: "Off";
 border: solid transparent 1px;
 background-clip: content-box
}

.checkbox-slider--a input:checked+span:after {
 content: "On";
 color: #fff;
 background: #5cb85c;
 border: solid transparent 1px;
 background-clip: content-box
}

.checkbox-slider--a.checkbox-slider-sm input+span {
 padding-left: 30px
}

.checkbox-slider--a.checkbox-slider-sm input+span:before {
 width: 30px
}

.checkbox-slider--a.checkbox-slider-sm input+span:after {
 width: 20px;
 font-size: 5px
}

.checkbox-slider--a.checkbox-slider-sm input:checked+span:after {
 margin-left: 10px
}

.checkbox-slider--a.checkbox-slider-md input+span {
 padding-left: 90px
}

.checkbox-slider--a.checkbox-slider-md input+span:before {
 width: 90px
}

.checkbox-slider--a.checkbox-slider-md input+span:after {
 width: 60px;
 font-size: 15px
}

.checkbox-slider--a.checkbox-slider-md input:checked+span:after {
 margin-left: 30px
}

.checkbox-slider--a.checkbox-slider-lg input+span {
 padding-left: 120px
}

.checkbox-slider--a.checkbox-slider-lg input+span:before {
 width: 120px
}

.checkbox-slider--a.checkbox-slider-lg input+span:after {
 width: 80px;
 font-size: 20px
}

.checkbox-slider--a.checkbox-slider-lg input:checked+span:after {
 margin-left: 40px
}

.checkbox-slider--b {
 position: relative
}

.checkbox-slider--b input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--b input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--b input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--b input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--b input+span>h4 {
 display: inline
}

.checkbox-slider--b input+span {
 padding-left: 40px
}

.checkbox-slider--b input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--b input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--b input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--b input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--b input+span {
 padding-left: 40px
}

.checkbox-slider--b input+span:before {
 border-radius: 20px;
 width: 40px
}

.checkbox-slider--b input+span:after {
 background: #FFF;
 content: "";
 width: 20px;
 border: solid transparent 2px;
 background-clip: padding-box;
 border-radius: 20px
}

.checkbox-slider--b input:not(:checked)+span:after {
 animation: popOut ease-in .3s normal
}

.checkbox-slider--b input:checked+span:after {
 content: "";
 margin-left: 20px;
 border: solid transparent 2px;
 background-clip: padding-box;
 animation: popIn ease-in .3s normal
}

.checkbox-slider--b input:checked+span:before {
 background: #5cb85c
}

.checkbox-slider--b.checkbox-slider-md input+span:before {
 border-radius: 30px
}

.checkbox-slider--b.checkbox-slider-md input+span:after {
 border-radius: 30px
}

.checkbox-slider--b.checkbox-slider-lg input+span:before {
 border-radius: 40px
}

.checkbox-slider--b.checkbox-slider-lg input+span:after {
 border-radius: 40px
}

.checkbox-slider--b-flat {
 position: relative
}

.checkbox-slider--b-flat input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--b-flat input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--b-flat input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--b-flat input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--b-flat input+span>h4 {
 display: inline
}

.checkbox-slider--b-flat input+span {
 padding-left: 40px
}

.checkbox-slider--b-flat input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--b-flat input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--b-flat input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--b-flat input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--b-flat input+span {
 padding-left: 40px
}

.checkbox-slider--b-flat input+span:before {
 border-radius: 20px;
 width: 40px
}

.checkbox-slider--b-flat input+span:after {
 background: #FFF;
 content: "";
 width: 20px;
 border: solid transparent 2px;
 background-clip: padding-box;
 border-radius: 20px
}

.checkbox-slider--b-flat input:not(:checked)+span:after {
 animation: popOut ease-in .3s normal
}

.checkbox-slider--b-flat input:checked+span:after {
 content: "";
 margin-left: 20px;
 border: solid transparent 2px;
 background-clip: padding-box;
 animation: popIn ease-in .3s normal
}

.checkbox-slider--b-flat input:checked+span:before {
 background: #5cb85c
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:before {
 border-radius: 30px
}

.checkbox-slider--b-flat.checkbox-slider-md input+span:after {
 border-radius: 30px
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:before {
 border-radius: 40px
}

.checkbox-slider--b-flat.checkbox-slider-lg input+span:after {
 border-radius: 40px
}

.checkbox-slider--b-flat input+span:before {
 box-shadow: none
}

.checkbox-slider--c {
 position: relative
}

.checkbox-slider--c input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--c input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--c input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--c input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--c input+span>h4 {
 display: inline
}

.checkbox-slider--c input+span {
 padding-left: 40px
}

.checkbox-slider--c input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--c input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--c input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--c input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--c input+span {
 padding-left: 40px
}

.checkbox-slider--c input+span:before {
 height: 2px !important;
 top: 10px;
 box-shadow: none;
 width: 40px;
 background: #555555
}

.checkbox-slider--c input+span:after {
 box-shadow: none;
 width: 20px;
 border: solid #555555 2px;
 border-radius: 20px
}

.checkbox-slider--c input:checked+span:after {
 background: #5cb85c;
 margin-left: 20px;
 border: solid #5cb85c 2px;
 animation: splashIn ease-in .3s normal
}

.checkbox-slider--c input:checked+span:before {
 background: #5cb85c
}

.checkbox-slider--c.checkbox-slider-sm input+span:before {
 top: 4px
}

.checkbox-slider--c.checkbox-slider-md input+span:before {
 top: 14px
}

.checkbox-slider--c.checkbox-slider-md input+span:after {
 width: 30px;
 border-radius: 30px
}

.checkbox-slider--c.checkbox-slider-lg input+span:before {
 top: 19px
}

.checkbox-slider--c.checkbox-slider-lg input+span:after {
 width: 40px;
 border-radius: 40px
}

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-sm input+span:before {
 top: 10px
}

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-md input+span:before {
 top: 20px
}

.form-horizontal [class*='checkbox-slider--c'].checkbox-slider-lg input+span:before {
 top: 25px
}

.checkbox-slider--c-weight {
 position: relative
}

.checkbox-slider--c-weight input[type="checkbox"] {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 margin: 0 0;
 cursor: pointer;
 opacity: 0
}

.checkbox-slider--c-weight input[type="checkbox"]:focus+*:before {
 outline: solid #66afe9 2px
}

.checkbox-slider--c-weight input+span {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none
}

.checkbox-slider--c-weight input+span:before {
 position: absolute;
 left: 0;
 display: inline-block
}

.checkbox-slider--c-weight input+span>h4 {
 display: inline
}

.checkbox-slider--c-weight input+span {
 padding-left: 40px
}

.checkbox-slider--c-weight input+span:before {
 content: "";
 height: 20px;
 width: 40px;
 background: rgba(100, 100, 100, 0.2);
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
 transition: background .2s ease-out
}

.checkbox-slider--c-weight input+span:after {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: #FFF;
 transition: margin-left .1s ease-in-out;
 text-align: center;
 font-weight: bold;
 content: ""
}

.checkbox-slider--c-weight input:checked+span:after {
 margin-left: 20px;
 content: ""
}

.checkbox-slider--c-weight input:checked+span:before {
 transition: background .2s ease-in
}

.checkbox-slider--c-weight input+span {
 padding-left: 40px
}

.checkbox-slider--c-weight input+span:before {
 height: 2px !important;
 top: 10px;
 box-shadow: none;
 width: 40px;
 background: #555555
}

.checkbox-slider--c-weight input+span:after {
 box-shadow: none;
 width: 20px;
 border: solid #555555 2px;
 border-radius: 20px
}

.checkbox-slider--c-weight input:checked+span:after {
 background: #5cb85c;
 margin-left: 20px;
 border: solid #5cb85c 2px;
 animation: splashIn ease-in .3s normal
}

.checkbox-slider--c-weight input:checked+span:before {
 background: #5cb85c
}

.checkbox-slider--c-weight.checkbox-slider-sm input+span:before {
 top: 4px
}

.checkbox-slider--c-weight.checkbox-slider-md input+span:before {
 top: 14px
}

.checkbox-slider--c-weight.checkbox-slider-md input+span:after {
 width: 30px;
 border-radius: 30px
}

.checkbox-slider--c-weight.checkbox-slider-lg input+span:before {
 top: 19px
}

.checkbox-slider--c-weight.checkbox-slider-lg input+span:after {
 width: 40px;
 border-radius: 40px
}

.checkbox-slider--c-weight input+span:before {
 height: 1px !important
}

.checkbox-slider--c-weight input:checked+span:before {
 height: 2px !important
}

.checkbox-slider--c-weight input:not(:checked)+span:after {
 transform: scale(.7);
 left: -6px
}

.checkbox-slider--default input:disabled+span:after {
 background: #777777
}

.checkbox-slider--default input:disabled+span:before {
 box-shadow: 0 0 0 black
}

.checkbox-slider--default input:disabled+span {
 color: #777777
}

.checkbox-slider--a-rounded input:disabled+span:after,
.checkbox-slider--a input:disabled+span:after {
 background: #777777;
 color: #FFF
}

.checkbox-slider--a-rounded input:disabled+span:before,
.checkbox-slider--a input:disabled+span:before {
 box-shadow: 0 0 0 black
}

.checkbox-slider--a-rounded input:disabled+span,
.checkbox-slider--a input:disabled+span {
 color: #777777
}

.checkbox-slider--b-flat input:disabled+span:after,
.checkbox-slider--b input:disabled+span:after {
 border: solid transparent 2px;
 border-radius: 40px
}

.checkbox-slider--b-flat input:disabled+span:before,
.checkbox-slider--b input:disabled+span:before {
 box-shadow: 0 0 0 black
}

.checkbox-slider--b-flat input:disabled+span,
.checkbox-slider--b input:disabled+span {
 color: #777777
}

.checkbox-slider--b-flat input:disabled:checked+span:before,
.checkbox-slider--b input:disabled:checked+span:before {
 background: #777777
}

.checkbox-slider--c-weight input:disabled:checked+span:after,
.checkbox-slider--c input:disabled:checked+span:after {
 background: #777777
}

.checkbox-slider--c-weight input:disabled+span:after,
.checkbox-slider--c input:disabled+span:after {
 border-color: #777777
}

.checkbox-slider--c-weight input:disabled+span:before,
.checkbox-slider--c input:disabled+span:before {
 background: #777777
}

.checkbox-slider--c-weight input:disabled+span,
.checkbox-slider--c input:disabled+span {
 color: #777777
}

input:checked+.indicator-primary {
 color: #337ab7
}

input:checked+.indicator-success {
 color: #5cb85c
}

input:checked+.indicator-info {
 color: #5bc0de
}

input:checked+.indicator-warning {
 color: #f0ad4e
}

input:checked+.indicator-danger {
 color: #d9534f
}

.checkbox-slider-sm {
 line-height: 10px
}

.checkbox-slider-sm input+span {
 padding-left: 20px
}

.checkbox-slider-sm input+span:before {
 width: 20px
}

.checkbox-slider-sm input+span:after,
.checkbox-slider-sm input+span:before {
 height: 10px;
 line-height: 10px
}

.checkbox-slider-sm input+span:after {
 width: 10px;
 vertical-align: middle
}

.checkbox-slider-sm input:checked+span:after {
 margin-left: 10px
}

.checkbox-slider-md {
 line-height: 30px
}

.checkbox-slider-md input+span {
 padding-left: 60px
}

.checkbox-slider-md input+span:before {
 width: 60px
}

.checkbox-slider-md input+span:after,
.checkbox-slider-md input+span:before {
 height: 30px;
 line-height: 30px
}

.checkbox-slider-md input+span:after {
 width: 30px;
 vertical-align: middle
}

.checkbox-slider-md input:checked+span:after {
 margin-left: 30px
}

.checkbox-slider-lg {
 line-height: 40px
}

.checkbox-slider-lg input+span {
 padding-left: 80px
}

.checkbox-slider-lg input+span:before {
 width: 80px
}

.checkbox-slider-lg input+span:after,
.checkbox-slider-lg input+span:before {
 height: 40px;
 line-height: 40px
}

.checkbox-slider-lg input+span:after {
 width: 40px;
 vertical-align: middle
}

.checkbox-slider-lg input:checked+span:after {
 margin-left: 40px
}

.checkbox-slider-primary.checkbox-slider--default input:checked+span:after,
.checkbox-slider-primary.checkbox-slider--a input:checked+span:after,
.checkbox-slider-primary.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-primary.checkbox-slider--c input:checked+span:after,
.checkbox-slider-primary.checkbox-slider--c-weight input:checked+span:after {
 background: #337ab7;
 background-clip: content-box
}

.checkbox-slider-primary.checkbox-slider--c input:checked+span:after,
.checkbox-slider-primary.checkbox-slider--c-weight input:checked+span:after {
 border-color: #337ab7
}

.checkbox-slider-primary.checkbox-slider--b input:checked+span:before,
.checkbox-slider-primary.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-primary.checkbox-slider--c input:checked+span:before,
.checkbox-slider-primary.checkbox-slider--c-weight input:checked+span:before {
 background: #337ab7
}

.checkbox-slider-info.checkbox-slider--default input:checked+span:after,
.checkbox-slider-info.checkbox-slider--a input:checked+span:after,
.checkbox-slider-info.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-info.checkbox-slider--c input:checked+span:after,
.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:after {
 background: #5bc0de;
 background-clip: content-box
}

.checkbox-slider-info.checkbox-slider--c input:checked+span:after,
.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:after {
 border-color: #5bc0de
}

.checkbox-slider-info.checkbox-slider--b input:checked+span:before,
.checkbox-slider-info.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-info.checkbox-slider--c input:checked+span:before,
.checkbox-slider-info.checkbox-slider--c-weight input:checked+span:before {
 background: #5bc0de
}

.checkbox-slider-warning.checkbox-slider--default input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--a input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--c input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:after {
 background: #f0ad4e;
 background-clip: content-box
}

.checkbox-slider-warning.checkbox-slider--c input:checked+span:after,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:after {
 border-color: #f0ad4e
}

.checkbox-slider-warning.checkbox-slider--b input:checked+span:before,
.checkbox-slider-warning.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-warning.checkbox-slider--c input:checked+span:before,
.checkbox-slider-warning.checkbox-slider--c-weight input:checked+span:before {
 background: #f0ad4e
}

.checkbox-slider-danger.checkbox-slider--default input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--a input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--a-rounded input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--c input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:after {
 background: #d9534f;
 background-clip: content-box
}

.checkbox-slider-danger.checkbox-slider--c input:checked+span:after,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:after {
 border-color: #d9534f
}

.checkbox-slider-danger.checkbox-slider--b input:checked+span:before,
.checkbox-slider-danger.checkbox-slider--b-flat input:checked+span:before,
.checkbox-slider-danger.checkbox-slider--c input:checked+span:before,
.checkbox-slider-danger.checkbox-slider--c-weight input:checked+span:before {
 background: #d9534f
}

.wrapper div.main {
 margin-top: 30px
}

.wrapper div.main.homepagemain,
.wrapper.normalisedPage div.main {
 margin-top: 0
}

@media (max-width:991px) {
 .wrapper div.main {
  margin-top: 30
 }
}

.tooltipster-content li {
 list-style: inside
}

.tooltipster-content br {
 display: block;
 margin: 3px
}

#switch {
 display: none
}

.switch-page .o2016-gk,
.switch-page .stage-gk {
 display: block
}

.switch-page .o2016-pk,
.switch-page .stage-pk {
 display: none
}

.switch-page #switch {
 background-color: #f5f5f5;
 width: 100%;
 height: 51px;
 font-family: "Qhfontbold", Helvetica, Arial, sans-serif;
 font-size: 16px;
 text-transform: uppercase;
 text-align: center;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: center
}

.switch-page div.main {
 margin-top: 51px
}

.switch-page #switch a {
 color: #999;
 font-size: 16px
}

.switch-page .switch-right,
.switch-page .switch-left {
 padding: 0 20px;
 float: left;
 height: 30px;
 line-height: 30px;
 margin-top: 11px
}

.switch-page .switch-left {
 border-right: 1px solid #454545
}

.switch-page .switch-right a::after {
 background-image: url('../Images/icons-new-df5swzgcjk.png');
 background-repeat: no-repeat;
 content: "";
 width: 22px;
 height: 22px;
 position: absolute;
 background-position: -102px -1874px
}

@media (max-width:560px) {
 .switch-page #switch,
 .switch-page #switch a {
  font-size: 13px
 }
 .switch-page .switch-right,
 .switch-page .switch-left {
  padding: 0 15px
 }
}

@media (max-width:460px) {
 .switch-page #switch,
 .switch-page #switch a {
  font-size: 10px
 }
 .switch-page .switch-right,
 .switch-page .switch-left {
  padding: 0 10px
 }
}

.onofftoggle {
 position: relative;
 width: 60px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none
}

.onofftoggle-checkbox {
 display: none
}

.onofftoggle-label {
 display: block;
 overflow: hidden;
 cursor: pointer;
 border: 2px solid #FFFFFF;
 border-radius: 20px
}

.onofftoggle-inner {
 display: block;
 width: 200%;
 margin-left: -100%;
 transition: margin .3s ease-in 0s
}

.onofftoggle-inner:before,
.onofftoggle-inner:after {
 display: block;
 float: left;
 width: 50%;
 height: 25px;
 padding: 0;
 line-height: 25px;
 box-sizing: border-box
}

.onofftoggle-inner:before {
 content: "";
 padding-left: 10px;
 background-color: #FFA300;
 color: #FFFFFF
}

.onofftoggle-inner:after {
 content: "";
 padding-right: 10px;
 background-color: #999999;
 color: #999999;
 text-align: right
}

.onofftoggle-switch {
 display: block;
 width: 22px;
 margin: 4px;
 background: #FFFFFF;
 position: absolute;
 top: 0;
 bottom: 0;
 right: 31px;
 border: 2px solid #FFFFFF;
 border-radius: 20px;
 transition: all .3s ease-in 0s
}

.onofftoggle-checkbox:checked+.onofftoggle-label .onofftoggle-inner {
 margin-left: 0
}

.onofftoggle-checkbox:checked+.onofftoggle-label .onofftoggle-switch {
 right: 0
}

.tooltipster-base {
 display: flex;
 pointer-events: none;
 position: absolute
}

.tooltipster-box {
 flex: 1 1 auto
}

.tooltipster-content {
 box-sizing: border-box;
 max-height: 100%;
 max-width: 100%;
 overflow: auto
}

.tooltipster-ruler {
 bottom: 0;
 left: 0;
 overflow: hidden;
 position: fixed;
 right: 0;
 top: 0;
 visibility: hidden
}

.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.tooltipster-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.tooltipster-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(.175, .885, .32, 1);
 -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 transition-timing-function: cubic-bezier(.175, .885, .32, 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.tooltipster-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(.23, .635, .495, 1);
 -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
 -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
 -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
 -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
 transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
 -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(.175, .885, .32, 1);
 -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
 top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 -ms-transition-property: all;
 transition-property: all;
 top: 0 !important;
 opacity: 0
}

.tooltipster-slide {
 -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(.175, .885, .32, 1);
 -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
 transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
 left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 -ms-transition-property: all;
 transition-property: all;
 left: 0 !important;
 opacity: 0
}

@keyframes tooltipster-fading {
 0% {
  opacity: 0
 }
 100% {
  opacity: 1
 }
}

.tooltipster-update-fade {
 animation: tooltipster-fading 400ms
}

@keyframes tooltipster-rotating {
 25% {
  transform: rotate(-2deg)
 }
 75% {
  transform: rotate(2deg)
 }
 100% {
  transform: rotate(0)
 }
}

.tooltipster-update-rotate {
 animation: tooltipster-rotating 600ms
}

@keyframes tooltipster-scaling {
 50% {
  transform: scale(1.1)
 }
 100% {
  transform: scale(1)
 }
}

.tooltipster-update-scale {
 animation: tooltipster-scaling 600ms
}

.tooltipster-sidetip .tooltipster-box {
 background: #565656;
 border: 2px solid black;
 border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
 margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
 margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
 margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
 margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
 color: white;
 line-height: 18px;
 padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
 overflow: hidden;
 position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
 height: 10px;
 margin-left: -10px;
 top: 0;
 width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
 height: 20px;
 margin-top: -10px;
 right: 0;
 top: 0;
 width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
 height: 20px;
 margin-top: -10px;
 left: 0;
 top: 0;
 width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
 bottom: 0;
 height: 10px;
 margin-left: -10px;
 width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
 height: 0;
 position: absolute;
 width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
 border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
 border-bottom-color: #565656;
 left: 0;
 top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
 border-left-color: #565656;
 left: -3px;
 top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
 border-right-color: #565656;
 left: 3px;
 top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
 border-top-color: #565656;
 left: 0;
 top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
 border: 10px solid transparent;
 left: 0;
 top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
 border-bottom-color: black
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
 border-left-color: black
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
 border-right-color: black
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
 border-top-color: black
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
 position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
 top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
 left: -10px
}

.cookie-set {
 background-image: url(http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/772e7804-1862-427a-b2b4-b058dc319388.png);
 background-repeat: no-repeat;
 background-position: 0 -4493px !important;
 padding: 0 17px
}

.cookie-set h3 {
 font-size: 15px !important;
 font-family: Arial !important;
 margin: 0 !important;
 line-height: 30px
}

.cookie-set h3:hover {
 text-decoration: none;
 color: #ffa300
}

#CookieBox .cookie-refuse {
 border: none;
 background-color: #fff
}

#CookieBox .cookie-refuse a {
 color: #737373
}

#CookieBox .cookie-management {
 width: 30% !important;
 background: none;
 margin-top: 15px
}

#CookieBox .intro p {
 text-align: center
}

#CookieBox .cookie-legal {
 text-align: right !important;
 font-size: 15px
}

#CookieBox .cookie-legal a {
 margin: 0;
 color: #333333 !important
}

#CookieBox .intro .cookie-accept {
 width: 22%
}

.userlike-tracking-img {
 position: fixed
}

#CookieBox .text-back-right .cookie-accept a {
 padding: 10px 50px;
 color: #fff
}

#CookieBox .cookie-min-btn {
 background-color: #ccc
}

#CookieBox .text-back-right .no-margin {
 margin: 0
}

#CookieBox .text-back-right a {
 color: #fff
}

#CookieBox .cookie-min-btn {
 margin: 0 !important
}

#CookieBox .cookie-btn {
 padding: 10px 50px
}

@media (max-width:768px) {
 #CookieBox {
  left: 5%;
  top: 7%;
  max-height: 92%;
  overflow: scroll
 }
 #CookieBox .cookie-fix {
  margin-bottom: 20%
 }
 #CookieBox .intro p {
  width: 100%;
  font-size: 15px
 }
 #CookieBox .intro .cookie-accept {
  width: 100%
 }
 #CookieBox .cookie-management {
  width: 100% !important
 }
 #CookieBox .cookie-legal {
  text-align: center !important
 }
 #CookieBox .cookie-save {
  margin: 0 0 3% 0 !important;
  width: 100%
 }
 #CookieBox .cookie-fix .text-back-right {
  margin-right: 0;
  width: 100%
 }
 #CookieBox .cookie-btn {
  width: 100%
 }
}

.wFormContainer {
 font-family: Arial, sans-serif !important;
 font-size: 15px !important;
 max-width: none !important;
 border: none !important
}

.wFormContainer .wForm {
 padding: 0
}

.wFormContainer .wForm .actions {
 padding: 10px 7px
}

.wFormContainer .wForm .labelsAbove .preField {
 padding-bottom: 2px
}

.wFormContainer .wForm .oneField,
.wFormContainer .wForm fieldset {
 position: relative;
 margin-bottom: 14px
}

.wFormContainer .wForm form .vertical>.oneChoice {
 display: block;
 margin: 0 0 4px 0
}

.wFormContainer .wForm form .choices {
 display: block;
 padding: 13px 14px 5px;
 outline: 1px solid #aaa
}

.wFormContainer .wForm form .oneChoice label,
.wFormContainer .wForm form .oneChoice .label {
 white-space: normal;
 display: inline-block
}

.wFormContainer label.preField,
.wFormContainer fieldset legend,
.wFormContainer .wForm fieldset.section .preField {
 background-color: #fff;
 display: inline-block;
 line-height: 20px;
 padding: 2px 7px;
 position: absolute;
 text-transform: uppercase;
 top: -12px;
 width: auto;
 text-align: left;
 font-weight: normal;
 font-size: 12px;
 margin: 0 2px 0 6px;
 color: #999;
 z-index: 10
}

.wForm .reqMark:after {
 content: " *";
 color: #F00;
 font-size: 90%
}

@media (max-width:768px) {
 .wFormContainer label.preField {
  position: static;
  white-space: normal
 }
}

.wFormContainer label.postField {
 color: #999
}

.wFormContainer .wForm fieldset {
 padding: 16px 16px 16px 16px;
 margin-right: 0;
 margin-top: 8px !important;
 border-color: #aaa;
 margin-bottom: 28px;
 width: 98.2%
}

.wFormContainer .wForm fieldset .oneField {
 margin-bottom: 12px
}

.wFormContainer input[type="text"],
.wFormContainer input[type="email"],
.wFormContainer input[type="password"],
.wFormContainer select,
.wFormContainer textarea {
 border: 0 none;
 display: block;
 height: 36px;
 line-height: 20px;
 outline: 1px solid #aaa;
 outline-offset: 0 !important;
 padding: 6px 14px 6px;
 position: relative
}

.wFormContainer textarea {
 width: 100%;
 padding: 10px 13px !important;
 height: auto
}

.wFormContainer select {
 width: 100%;
 padding: 4px 8px
}

.wFormContainer .oneField.errFld .choices,
.wFormContainer .oneField.errFld input,
.wFormContainer .oneField.errFld select,
.wFormContainer .oneField.errFld textarea {
 outline: 1px solid red
}

.wFormContainer .oneField.errFld .choices input {
 outline: none
}

.wForm form .choices {
 display: block;
 padding: 13px 14px 5px;
 outline: 1px solid #aaa
}

.wForm form .choices input,
.wForm form .choices label {
 cursor: pointer
}

.wFormContainer .errMsg {
 border: 2px solid transparent;
 position: absolute;
 top: -13px;
 z-index: 20;
 background: #fff;
 right: 20px;
 margin: 0 10px 0 0;
 padding: 0 5px;
 font-size: 13px !important;
 white-space: nowrap;
 overflow: hidden
}

.wFormContainer .wForm .inputWrapper {
 width: 100%
}

.wFormContainer .wForm .oneField br {
 display: none
}

.wForm div>div.oneField,
.wForm fieldset>div.oneField,
.wForm form>div.oneField,
.wForm fieldset,
.wForm .matrixLayout,
.wForm .gridLayout,
.wForm h4,
.wForm .wfPagingButtons,
.wForm .actions {
 margin-top: 5px !important
}

.wForm dl,
.wForm dt,
.wForm dd,
.wForm ul,
.wForm ol,
.wForm li,
.wForm div,
.wForm th,
.wForm h1,
.wForm h2,
.wForm h3,
.wForm h4,
.wForm h5,
.wForm h6,
.wForm pre,
.wForm td,
.wForm form,
.wForm fieldset,
.wForm input,
.wForm textarea,
.wForm p,
.wForm blockquote {
 margin: 0;
 padding: 0
}

.wForm table {
 border-collapse: collapse;
 border-spacing: 0
}

.wForm fieldset,
.wForm img {
 border: 0
}

.wForm address,
.wForm caption,
.wForm cite,
.wForm code,
.wForm dfn,
.wForm em,
.wForm strong,
.wForm th,
.wForm var {
 font-style: normal;
 font-weight: normal
}

.wForm ol,
.wForm ul {
 list-style: none
}

.wForm caption,
.wForm th {
 text-align: left
}

.wForm h1,
.wForm h2,
.wForm h3:not(.wFormTitle),
.wForm h4,
.wForm h5,
.wForm h6 {
 font-size: 100%;
 font-weight: normal
}

.wForm q:before,
.wForm q:after {
 content: ''
}

.wForm abbr,
.wForm acronym {
 border: 0
}

.wForm h1 {
 font-size: 138.5%
}

.wForm h2 {
 font-size: 123.1%
}

.wForm h3:not(.wFormTitle) {
 font-size: 108%
}

.wForm h1,
.wForm h2,
.wForm h3 {
 margin: 1em 0
}

.wForm h1,
.wForm h2,
.wForm h3,
.wForm h4,
.wForm h5,
.wForm h6,
.wForm strong {
 font-weight: bold
}

.wForm abbr,
.wForm acronym {
 border-bottom: 1px dotted #000;
 cursor: help
}

.wForm em {
 font-style: italic
}

.wForm blockquote,
.wForm ul,
.wForm ol,
.wForm dl {
 margin: 1em
}

.wForm ol,
.wForm ul,
.wForm dl {
 margin-left: 2em
}

.wForm ol li {
 list-style: decimal outside
}

.wForm ul li {
 list-style: disc outside
}

.wForm dl dd {
 margin-left: 1em
}

.wForm th,
.wForm td {
 border: none;
 padding: 0
}

.wForm th {
 font-weight: bold;
 text-align: center
}

.wForm caption {
 margin-bottom: .5em;
 text-align: center
}

.wForm {
 padding: 10px 15px
}

@media only screen and (max-width:500px) {
 .wForm {
  padding: 5px
 }
}

.wFormContainer {
 max-width: 770px;
 margin: auto;
 overflow: auto
}

.wFormContainer .wFormTitle {
 border: 2px solid transparent;
 padding: 2px 6px
}

.wForm .pageSection>h4 {
 border: 2px solid transparent;
 padding: 2px 6px
}

.wForm .oneField {
 border: 2px solid transparent;
 padding: 2px 6px;
 box-sizing: border-box
}

.wForm .oneFieldWrapper {
 display: inline-block;
 max-width: 100%
}

.wForm fieldset {
 min-width: 0;
 border-width: 2px;
 border-style: solid;
 padding: 0 8px 15px 8px;
 margin-left: 6px;
 margin-right: 6px
}

.wForm fieldset legend {
 padding: 0 8px
}

@-moz-document url-prefix() {
 .wForm fieldset {
  display: table-cell
 }
}

.wForm .matrixLayout,
.wForm .gridLayout {
 border: 2px solid transparent;
 margin-left: 6px;
 margin-right: 6px
}

.wForm div>div.oneField,
.wForm fieldset>div.oneField,
.wForm form>div.oneField,
.wForm fieldset,
.wForm .matrixLayout,
.wForm .gridLayout,
.wForm h4,
.wForm .wfPagingButtons,
.wForm .actions {
 margin-top: 15px
}

.wForm table.columnLayout {
 margin-bottom: 0
}

.wForm .wf-acl-hidden {
 display: none
}

.label {
 display: -moz-inline-box;
 display: inline-block
}

.wForm .preField {
 max-width: 100%;
 display: -moz-inline-box;
 display: inline-block
}

.wForm .labelsLeftAligned .preField {
 text-align: left
}

.wForm .labelsRightAligned .preField {
 text-align: right
}

.wForm .labelsAbove .preField {
 padding-bottom: 4px
}

.wForm .labelsBelow .preField {
 padding-bottom: 4px
}

.wForm .labelsHidden>.label,
.wForm .labelsHidden>.oneFieldWrapper>.label {
 visibility: hidden
}

.wForm .labelsRemoved>.label,
.wForm .labelsRemoved>.oneFieldWrapper>.label {
 display: none
}

.wForm label,
.wForm .label {
 vertical-align: top
}

.wForm label *,
.wForm .label * {
 vertical-align: top
}

.wForm form label img {
 pointer-events: none
}

.wForm .preField {
 width: 200px;
 padding-right: 5px
}

.wForm fieldset .preField {
 width: 190px
}

.wForm fieldset fieldset .preField {
 width: 180px
}

.wForm .inline .oneField .preField {
 min-width: 0
}

.wForm .postField {
 margin: 0 12px 0 4px
}

.wForm form .oneChoice {
 display: inline-block
}

.wForm form .vertical>.oneChoice {
 display: block;
 margin: 0 0 4px 0
}

.wForm form .vertical>.choiceGroup>.oneChoice {
 display: block;
 margin: 0 0 4px 0
}

.wForm form .oneChoice {
 white-space: nowrap
}

.wForm form .oneChoice label,
.wForm form .oneChoice .label {
 white-space: normal;
 display: inline-block
}

.wForm form .oneChoice.maskControl input[type=checkbox] {
 display: none
}

.wForm form .oneChoice.maskControl input[type=radio] {
 display: none
}

.wForm form .oneChoice.maskControl label,
.wForm form .oneChoice.maskControl .label {
 opacity: .4;
 margin-left: 0
}

.wForm form .oneChoice.maskControl input[type=radio]:checked+.label {
 opacity: 1
}

.wForm form .oneChoice.maskControl input[type=radio]:checked+label {
 opacity: 1
}

.wForm form .oneChoice.maskControl input[type=checkbox]:checked+.label {
 opacity: 1
}

.wForm form .oneChoice.maskControl input[type=checkbox]:checked+label {
 opacity: 1
}

.wForm form .matrixLayout .oneChoice.maskControl input {
 display: initial !important
}

.wForm form table.choices td {
 min-width: 80px
}

.wForm .inputWrapper {
 display: -moz-inline-box;
 box-sizing: border-box;
 max-width: 100%;
 display: inline-block;
 vertical-align: top;
 position: relative
}

.wForm .inputWrapper .delimiter {
 display: inline
}

.wForm .inputWrapper .delimiterBefore {
 padding-right: 4px
}

.wForm .inputWrapper .delimiterAfter {
 padding-left: 4px
}

.wForm input[type=text],
.wForm input[type=time],
.wForm input[type=number],
.wForm input[type=url],
.wForm input[type=email],
.wForm textarea {
 max-width: 100%
}

.wForm select {
 max-width: 100%
}

.wForm textarea {
 vertical-align: top
}

.wForm textarea,
.wForm input {
 font-family: inherit;
 font-size: inherit
}

.wForm .columnLayout td {
 vertical-align: top
}

.wForm .gridLayout {
 width: 98%
}

.wForm .gridLayout td {
 vertical-align: top
}

.wForm .gridLayout th {
 vertical-align: top;
 font-weight: normal
}

.wForm .gridLayout .headerRow th {
 vertical-align: bottom;
 text-align: left;
 padding: 0 0 0 8px
}

.wForm .gridLayout .headerCol {
 text-align: left;
 padding: 5px 2px 0 8px
}

.wForm .labelsLeftAligned .gridLayout .headerCol {
 text-align: left
}

.wForm .labelsRightAligned .gridLayout .headerCol {
 text-align: right
}

.wForm .inline div.oneField {
 display: inline-block;
 vertical-align: top
}

.wForm div.section>.preField {
 padding: 0 2px 0 8px
}

.wForm .labelsRightAligned .inline .preField {
 padding-top: 4px
}

.wForm .labelsLeftAligned .inline .preField {
 padding-top: 4px
}

.wForm .gridLayout.stacked .label,
.wForm .gridLayout.stacked label {
 width: auto !important;
 padding: inherit
}

.wForm .gridLayout.stacked thead {
 display: none
}

.wForm .gridLayout.stacked tr {
 display: block
}

.wForm .gridLayout.stacked td {
 display: inline-block;
 text-align: left
}

.wForm .matrixLayout {
 width: 100%
}

.wForm .matrixLayout {
 width: calc(88%)
}

.wForm .matrixLayout thead th {
 min-width: 70px
}

.wForm .matrixLayout td {
 text-align: center
}

.wForm .matrixLayout tr.headerRow th {
 padding-left: 8px;
 padding-right: 8px;
 font-weight: normal
}

.wForm .matrixLayout th.headerCol {
 text-align: left;
 font-weight: normal
}

.wForm .matrixLayout .label {
 padding: 2px 2px 2px 8px
}

.wForm .labelsLeftAligned .matrixLayout .headerCol {
 text-align: left
}

.wForm .labelsRightAligned .matrixLayout .headerCol {
 text-align: right
}

.wForm .alternate-0 {
 background-color: rgba(0, 0, 0, 0.04)
}

.wForm .alternate-1 {
 background-color: rgba(0, 0, 0, 0.025)
}

.wForm .matrixLayout.stacked .label,
.wForm .matrixLayout.stacked label {
 width: auto !important;
 padding: inherit
}

.wForm .matrixLayout.stacked thead {
 display: none
}

.wForm .matrixLayout.stacked tr {
 display: block
}

.wForm .matrixLayout.stacked td {
 display: inline-block;
 text-align: left
}

.wForm .htmlSection {
 overflow: auto;
 border: 2px solid transparent;
 padding: 2px 6px
}

.wForm .actions {
 border: 2px solid transparent;
 padding: 10px 2px
}

.wForm .primaryAction,
.wForm .secondaryAction {
 padding: 4px 15px;
 cursor: pointer
}

.wForm .secondaryAction {
 margin-right: 15px
}

.wForm form .wfPagingButtons {
 display: inline-block;
 border: 2px solid transparent;
 padding: 10px 2px;
 float: left;
 width: auto
}

.wForm .wfPagePreviousButton,
.wForm .wfPageNextButton {
 margin-right: 15px;
 padding: 4px 15px;
 cursor: pointer
}

.wForm .duplicateSpan {
 text-align: right
}

.wForm .removeSpan {
 float: right
}

.wForm td .duplicateSpan,
.wForm td .removeSpan {
 line-height: 100%;
 display: inline;
 padding: 5px 2px 0 8px
}

.wForm .field-hint .hint {
 opacity: 1
}

.wForm .field-hint-inactive .hint {
 opacity: .5
}

.wForm .field-hint {
 background-color: #FFFFFF
}

.wForm .hintsSide .field-hint,
.wForm .hintsSide .field-hint-inactive {
 display: inline-block;
 vertical-align: top;
 white-space: normal !important
}

.wForm .hintsSide .field-hint .hint,
.wForm .hintsSide .field-hint-inactive .hint {
 display: inline-block;
 padding: 0 5px
}

.wForm .hintsTooltip .field-hint {
 display: block;
 position: absolute;
 z-index: 50;
 min-width: 200px;
 -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3)
}

.wForm .hintsTooltip .field-hint .hint {
 display: block;
 padding: 5px
}

.wForm .hintsTooltip .field-hint-inactive {
 display: none
}

.wForm .hintsBelow .field-hint,
.wForm .hintsBelow .field-hint-inactive {
 display: block
}

.wForm .hintsBelow .field-hint .hint,
.wForm .hintsBelow .field-hint-inactive .hint {
 padding: 0
}

.wForm .oneField.hintsTooltip .field-hint {
 position: absolute;
 z-index: 50;
 display: block;
 min-width: 200px;
 -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)
}

.wForm .oneField.hintsTooltip .field-hint .hint {
 display: block
}

.wForm .oneField.hintsTooltip .field-hint-inactive {
 display: none
}

.wForm .oneField.hintsTooltip .hint {
 padding: 5px
}

.wForm .oneField.hintsSide .field-hint,
.wForm .oneField.hintsSide .field-hint-inactive {
 display: inline-block;
 position: static;
 min-width: 0;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 vertical-align: top;
 white-space: normal !important
}

.wForm .oneField.hintsSide .hint {
 padding: 0 5px
}

.wForm .oneField.hintsBelow .field-hint,
.wForm .oneField.hintsBelow .field-hint-inactive {
 display: block;
 position: static;
 min-width: 0;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none
}

.wForm .oneField.hintsBelow .hint {
 padding: 0
}

.wForm form .uploadDelete .fileName {
 text-decoration: line-through;
 opacity: .2
}

.wForm form .uploadKeep .fileName {
 text-decoration: none;
 color: #000
}

.wForm .reqMark:after {
 content: " *";
 color: #F00;
 font-size: 90%
}

.wFormContainer .errMsg {
 border: 2px solid transparent;
 color: red
}

.wFormContainer .linkedErrMsg {
 border: 2px solid transparent;
 color: blue
}

.wFormContainer .errLink {
 text-decoration: underline;
 color: blue
}

.wForm .captchaHelp {
 font-size: 85%;
 opacity: .75;
 padding: 0 8px;
 margin-top: .75em
}

.wForm fieldset.captcha .preField {
 min-width: 0;
 width: 75px !important
}

.wForm fieldset.captcha input {
 width: 110px !important
}

.wForm fieldset.captcha p.instructions {
 margin-top: .75em
}

.wForm fieldset.captcha img {
 border: 1px solid #999999;
 padding: 2px;
 margin-bottom: 1em
}

.wFormContainer .supportInfo {
 font-size: 12px;
 border: 2px solid transparent;
 padding: 17px;
 clear: left
}

.wForm .readonly {
 background-color: transparent !important;
 border: none !important;
 background-image: none !important
}

.wForm form .onstate-a,
.wForm form .onstate-b,
.wForm form .onstate-c,
.wForm form .onstate-d,
.wForm form .onstate-e,
.wForm form .onstate-f,
.wForm form .onstate-g,
.wForm form .onstate-h,
.wForm form .onstate-i,
.wForm form .onstate-j,
.wForm form .onstate-k,
.wForm form .onstate-l,
.wForm form .onstate-m,
.wForm form .onstate-n,
.wForm form .onstate-o,
.wForm form .onstate-p,
.wForm form .onstate-q,
.wForm form .onstate-r,
.wForm form .onstate-s,
.wForm form .onstate-t,
.wForm form .onstate-u,
.wForm form .onstate-v,
.wForm form .onstate-w,
.wForm form .onstate-x,
.wForm form .onstate-y,
.wForm form .onstate-z,
.wForm form .onstate-aa,
.wForm form .onstate-ab,
.wForm form .onstate-ac,
.wForm form .onstate-ad,
.wForm form .onstate-ae,
.wForm form .onstate-af,
.wForm form .onstate-ag,
.wForm form .onstate-ah,
.wForm form .onstate-ai,
.wForm form .onstate-aj,
.wForm form .onstate-ak,
.wForm form .onstate-al,
.wForm form .onstate-am,
.wForm form .onstate-an,
.wForm form .onstate-ao,
.wForm form .onstate-ap,
.wForm form .onstate-aq,
.wForm form .onstate-ar,
.wForm form .onstate-as,
.wForm form .onstate-at,
.wForm form .onstate-au,
.wForm form .onstate-av,
.wForm form .onstate-aw,
.wForm form .onstate-ax,
.wForm form .onstate-ay,
.wForm form .onstate-az,
.wForm form .onstate-ba,
.wForm form .onstate-bb,
.wForm form .onstate-bc,
.wForm form .onstate-bd,
.wForm form .onstate-be,
.wForm form .onstate-bf,
.wForm form .onstate-bg,
.wForm form .onstate-bh,
.wForm form .onstate-bi,
.wForm form .onstate-bj,
.wForm form .onstate-bk,
.wForm form .onstate-bl {
 display: block !important
}

html .wForm form .wfPage,
html .wForm form .wfHideSubmit {
 display: none !important
}

html .wForm form .wfCurrentPage {
 display: block !important
}

.wForm .autoformatprompt .label {
 color: #dc143c
}

.wForm .autoformatprompt .delete {
 color: #b0c4de
}

.wForm .autoformatprompt .noinput {
 color: #b0c4de
}

.wForm .autoformatprompt .input {
 font-weight: bold
}

.wForm .autoformatprompt {
 position: absolute;
 z-index: 127;
 padding: 3px 0 0 2px;
 white-space: nowrap
}

.wForm .autoformatprompt-control {
 background-color: transparent;
 position: relative;
 z-index: 128
}

.wForm .autoformatprompt-hook {
 z-index: 125
}

.wForm .autoformat-background {
 z-index: 126;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0
}

.wForm .wFormsCustomMessage {
 font-size: 22px;
 margin-top: 15px
}

.wForm .wFormsResumeInstructions li {
 font-size: 16px;
 line-height: 150%
}

.wForm .wFormsSavedInstructions {
 margin-top: 15px
}

#wFormsResumeList th {
 text-align: left
}

.saveAndResume {
 text-align: right;
 font-size: small
}

.saveAndResume fieldset {
 text-align: left
}

.saveAndResume .preField {
 width: 9em !important;
 min-width: 9em !important
}

.saveAndResume .postField {
 margin-right: 0
}

.saveAndResume .instructions {
 margin: 1em 6px
}

.saveAndResume #tfa_resumeEmail {
 width: 195px
}

.saveAndResume #tfa_resumePassword {
 width: 195px
}

.saveAndResume #tfa_confirmPassword {
 width: 195px
}

.saveAndResume .actions #tfa_resumeLater.wfHideSubmit {
 display: inline !important
}

.onstate-resumelater {
 display: block
}

.errorMessage {
 margin: 10px 15px;
 padding: 15px;
 border: 1px solid #F00 !important;
 font-family: sans-serif;
 font-weight: bold
}

.errorMessage a {
 text-decoration: none;
 font-weight: normal
}

.wForm .forgotPasswordLink {
 font-size: small
}

.wForm .assistanceLink {
 font-size: small
}

.wForm .startNewLink {
 font-size: small
}

.wFormThankYou {
 min-height: 150px
}

.wFormHelp {
 min-height: 150px
}

.reviewHeader,
.reviewResponse,
.reviewFooter {
 padding: 20px
}

.reviewResponse .responseData .switchedOff {
 display: none
}

.reviewResponse .responseData .showSwitchedOff .switchedOff,
.reviewResponse .responseData .showSwitchedOff .switchedOff .question {
 color: #BBB !important
}

.reviewResponse .typehidden {
 display: none
}

.reviewFooter .reviewActions {
 text-align: left
}

.reviewFooter .reviewActions img {
 vertical-align: middle
}

.reviewResponse .responseData .page {
 margin: 1.2em 0;
 padding-bottom: 1.2em;
 border-bottom: 2px dotted #CCC
}

.reviewResponse .responseData .fieldset {
 margin: 1.2em 0;
 border: 1px solid #BBB;
 padding: 10px;
 -moz-border-radius: .5em;
 -webkit-border-radius: .5em;
 border-radius: .5em
}

.reviewResponse .responseData .fieldset h4 {
 margin: 0
}

.reviewResponse .responseData .inlineDiv {
 margin: 1em 0 0 0
}

.reviewResponse .responseData table {
 border-collapse: collapse
}

.reviewResponse .responseData table td {
 vertical-align: top
}

.reviewResponse .responseData .grid {
 border: 1px solid #eee
}

.reviewResponse .responseData .grid th {
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee;
 padding: 5px 8px 5px 5px;
 text-align: left;
 font-weight: normal;
 color: #656565
}

.reviewResponse .responseData .grid .alternate {
 background-color: #F4F5F4
}

.reviewResponse .responseData .grid td {
 border: 1px solid #eee
}

.reviewResponse .responseData .grid .question {
 padding: 5px 5px 5px 5px
}

.reviewResponse .responseData table .question {
 padding: 1em 8px 0 0;
 margin: 0
}

.reviewResponse .responseData .question {
 margin: 1em 0 0 0
}

.reviewResponse .responseData table .unknownField {
 padding: 5px 8px 5px 0;
 text-align: right
}

.reviewResponse .responseData .grid .response {
 padding: 5px 5px 5px 5px
}

.reviewResponse .responseData .response {
 font-weight: bold
}

.reviewResponse .responseData .response ul {
 padding: 0;
 margin: 0
}

.reviewResponse .responseData .response ul .singleAnswer {
 margin: 0 !important;
 padding: 0 !important;
 border-bottom: none !important;
 list-style-type: none !important;
 font-weight: bold
}

.reviewResponse .responseData .response ul .multipleAnswer {
 margin: 0 0 0 15px !important;
 padding: 0 !important;
 font-weight: bold
}

.reviewResponse .attachedFiles h4 {
 font-style: italic;
 font-weight: normal;
 margin: 0 0 6px 0
}

@media print {
 .reviewActions,
 .reviewHeader {
  display: none
 }
 .responseData h3,
 .responseData h4 {
  page-break-after: avoid
 }
}

.wfTabCurrentPage {
 font-weight: bold
}

#wfTabNav {
 font-size: smaller;
 border: 2px solid transparent;
 padding: 2px 6px;
 text-align: right
}

.wfTab,
.wfTabSep {
 display: inline-block
}

.badge-image {
 display: block;
 position: relative;
 bottom: 0;
 max-width: 1230px;
 margin: 0 auto;
 width: 100%
}

.badge-image img {
 min-height: 0 !important;
 position: absolute;
 top: 0;
 max-width: 400px;
 right: 57px;
 width: auto !important;
 transform: translateY(-100%)
}