/* Start:/css/min.css?1712125913240895*/
@charset "UTF-8";


@font-face {
    font-family: 'Vida';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Storm - Vida21Pro.otf');
}
@font-face {
    font-family: 'Vida Pro';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Storm - Vida31Pro.otf');
}
@font-face {
    font-family: 'Vida Pro';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/Storm - Vida31Pro-Italic.otf');
}
/*@font-face {
    font-family: 'Vida Pro';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Storm - Vida32Pro.otf');
}
@font-face {
    font-family: 'Vida Pro';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/Storm - Vida32Pro-Italic.otf');
}*/
/*@font-face {
    font-family: 'Vida Pro';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/Storm - Vida32Pro-Bold.otf');
}
@font-face {
    font-family: 'Vida Pro';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/Storm - Vida32Pro-BoldItalic.otf');
}*/
@font-face {
    font-family: 'Vida Pro';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/Storm - Vida33Pro.otf');
}
/*@font-face {
    font-family: 'Vida Pro';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/Storm - Vida33Pro-Bold.otf');
}
@font-face {
    font-family: 'Vida Pro';
    font-style: italic;
    font-weight: 800;
    src: url('/fonts/Storm - Vida33Pro-BoldItalic.otf');
}
*/


.csc-header-alignment-center {
    text-align: center
}

.csc-header-alignment-right {
    text-align: right
}

.csc-header-alignment-left {
    text-align: left
}

div.csc-textpic-responsive,
div.csc-textpic-responsive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div.csc-textpic,
div.csc-textpic div.csc-textpic-imagerow,
ul.csc-uploads li {
    overflow: hidden
}

div.csc-textpic .csc-textpic-imagewrap table {
    border-collapse: collapse;
    border-spacing: 0
}

div.csc-textpic .csc-textpic-imagewrap table tr td {
    padding: 0;
    vertical-align: top
}

div.csc-textpic .csc-textpic-imagewrap figure,
div.csc-textpic figure.csc-textpic-imagewrap {
    margin: 0;
    display: table
}

figcaption.csc-textpic-caption {
    display: table-caption
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom
}

div.csc-textpic-caption-c .csc-textpic-caption,
.csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center
}

div.csc-textpic-caption-r .csc-textpic-caption,
.csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right
}

div.csc-textpic-caption-l .csc-textpic-caption,
.csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left
}

div.csc-textpic div.csc-textpic-imagecolumn {
    float: left
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid black;
    padding: 0px 0px
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 0
}

div.csc-textpic-imagecolumn,
td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 10px
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol,
td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0
}

div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px
}

div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px
}

div.csc-textpic-center .csc-textpic-imagewrap,
div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden
}

div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
    float: right;
    right: 50%
}

div.csc-textpic-center .csc-textpic-center-inner {
    position: relative;
    float: right;
    right: -50%
}

div.csc-textpic-right .csc-textpic-imagewrap {
    float: right
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right
}

div.csc-textpic-left .csc-textpic-imagewrap {
    float: left
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left
}

div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left
}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right
}

div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right
}

div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left
}

div.csc-textpic div.csc-textpic-imagerow-last,
div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 0
}

.csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {
    padding-left: 40px;
    overflow: auto
}

ul.csc-uploads {
    padding: 0
}

ul.csc-uploads li {
    list-style: none outside none;
    margin: 1em 0
}

ul.csc-uploads img {
    float: left;
    margin-right: 1em;
    vertical-align: top
}

ul.csc-uploads span {
    display: block
}

ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: underline
}

table.contenttable-color-1 {
    background-color: #EDEBF1
}

table.contenttable-color-2 {
    background-color: #F5FFAA
}

table.contenttable-color-240 {
    background-color: black
}

table.contenttable-color-241 {
    background-color: white
}

table.contenttable-color-242 {
    background-color: #333
}

table.contenttable-color-243 {
    background-color: gray
}

table.contenttable-color-244 {
    background-color: silver
}

.tx-extbase-highlight {
    font-weight: bold;
    color: #039
}
.tx-powermail-pi1 .mandatory, .tx-powermail-pi1 .field_required, .tx-powermail-pi1
.powermail_message_error{
    color: red;
}
.powermail_message_error{
    margin-bottom: 0.5em;
}
.powermail_message_error li{
    display: inline-block;
    vertical-align: top;
    margin-right: 0.25em;
}

.pt-extbase-groupselector {
    border: 1px solid #7C7C7C;
    padding: 5px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

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

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

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

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

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

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

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

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

.mfp-hide {
    display: none !important
}

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

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #fff
}

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

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

button{
    font-family: Vida Pro, Helvetica, sans-serif;
}

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

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    /*font-family: Arial, Baskerville, monospace;*/
    font-family: Vida Pro, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

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

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

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

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

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

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

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

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

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

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

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

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



a.toggle-link .more{display: inline;}
a.toggle-link .less{display: none;}
a.toggle-link.active .more{display: none;}
a.toggle-link.active .less{display: inline;}



.smallipop-hint {
    display: none
}

.smallipop-instance {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background-color: #314b64;
    border: 1px solid #0f161e;
    color: #d2dfe7;
    z-index: 9999;
    max-width: 400px
}

.smallipop-instance font {
    size: 11px;
}

.smallipop-instance a {
    color: #98cbea
}

.smallipop-instance:before,
.smallipop-instance:after {
    content: '';
    position: absolute;
    left: 50%;
    height: 0;
    width: 0;
    pointer-events: none
}

.smallipop-instance:before {
    bottom: -20px;
    margin-left: -10px;
    border: 10px solid transparent
}

.smallipop-instance:after {
    bottom: -24px;
    margin-left: -12px;
    border: 12px solid transparent
}

.smallipop-align-left:before,
.smallipop-align-left:after {
    margin-left: 0;
    left: auto;
    right: 20px
}

.smallipop-align-left:after {
    right: 18px
}

.smallipop-align-right:before,
.smallipop-align-right:after {
    margin-left: 0;
    left: 20px;
    right: auto
}

.smallipop-align-right:after {
    left: 18px
}

.smallipop-bottom:before,
.smallipop-bottom:after {
    bottom: auto;
    top: -20px
}

.smallipop-bottom:after {
    top: -24px
}

.smallipop-left:before,
.smallipop-left:after,
.smallipop-right:before,
.smallipop-right:after {
    right: -16px;
    left: auto;
    top: 50%;
    bottom: auto;
    border-width: 8px;
    margin: -8px 0 0
}

.smallipop-left:after,
.smallipop-right:after {
    right: -20px;
    border-width: 10px;
    margin: -10px 0 0
}

.smallipop-right:before,
.smallipop-right:after {
    left: -16px;
    right: auto
}

.smallipop-right:after {
    left: -20px
}

.smallipop-content {
    padding: 10px
}

.smallipop-theme-black {
    border-color: #111;
    text-shadow: 0 -1px 1px #111;
    color: #f5f5f5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    background: #222 linear-gradient(#333, #222);
    border-radius: 5px
}

.smallipop-theme-black a {
    color: #eef8ff;
    text-shadow: 0 -1px 1px #111
}

.smallipop-theme-black:before {
    border-color: #222 transparent transparent transparent
}

.smallipop-theme-black:after {
    border-color: #111 transparent transparent transparent
}

.smallipop-theme-black.smallipop-bottom:before {
    border-color: transparent transparent #222 transparent
}

.smallipop-theme-black.smallipop-bottom:after {
    border-color: transparent transparent #111 transparent
}

.smallipop-theme-black.smallipop-left:before {
    border-color: transparent transparent transparent #222
}

.smallipop-theme-black.smallipop-left:after {
    border-color: transparent transparent transparent #111
}

.smallipop-theme-black.smallipop-right:before {
    border-color: transparent #222 transparent transparent
}

.smallipop-theme-black.smallipop-right:after {
    border-color: transparent #111 transparent transparent
}

.smallipop-theme-black .smallipop-content {
    border-top: 1px solid #666;
    border-radius: 5px
}

.smallipop-theme-black .smallipop-tour-progress {
    color: #888
}

.smallipop-theme-black .smallipop-tour-prev,
.smallipop-theme-black .smallipop-tour-next,
.smallipop-theme-black .smallipop-tour-close {
    color: #ccc;
    background: #333
}

.smallipop-theme-black .smallipop-tour-prev:hover,
.smallipop-theme-black .smallipop-tour-next:hover,
.smallipop-theme-black .smallipop-tour-close:hover {
    color: #fff;
    background: #3a3a3a
}

.cssgradients .smallipop-theme-black {
    background-color: transparent
}

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

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: 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 {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.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
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px
}

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

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 736px
    }
}

@media (min-width: 992px) {
    .container {
        width: 956px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -8px;
    margin-right: -8px
}

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

.row:after {
    clear: both
}

.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-left: 8px;
    padding-right: 8px
}

.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-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@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-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@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-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@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-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 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: bold
}

input[type="search"] {
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

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
}

input{
    font-family: Vida Pro, Helvetica, sans-serif;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #b1b3b4
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #b1b3b4;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 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 {
    border: 0;
    background-color: transparent
}

.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
}

input[type="search"] {
    -webkit-appearance: none
}

@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-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .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 label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 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.33333;
    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.33333;
    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.33333
}

.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;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.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;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.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;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.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 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -8px;
    margin-right: -8px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 8px
}

@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
    }
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

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

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header:before,
.navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 8px;
    padding-left: 8px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

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

.navbar-collapse:after {
    clear: both
}

.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-left: 0;
        padding-right: 0
    }
}

.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
    }
}

.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
    margin-right: -8px;
    margin-left: -8px
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-header,
    .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-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@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
}

.navbar-brand {
    float: left;
    padding: 15px 8px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.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: -8px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 8px;
    padding: 9px 10px;
    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 -8px
}

.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 {
    margin-left: -8px;
    margin-right: -8px;
    padding: 10px 8px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    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;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-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-left: 8px;
        margin-right: 8px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }
    .navbar-right {
        float: right !important;
        margin-right: -8px
    }
    .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-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-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@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-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,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.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: #090909
}

.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-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-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }
    .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: #090909
    }
    .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-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,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.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;
    line-height: 1.42857;
    text-decoration: none;
    color: #a8871b;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #987d22;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-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-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.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-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

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,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.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 .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .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
}

.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,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
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,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
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,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
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,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
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
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[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
}

.hidden-xs-up {
    display: none !important
}

@media (min-width: 480px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

* {
    box-sizing: border-box
}

.img-responsive,
.news-single .article .image img {
    display: block;
    max-width: 100%;
    height: auto
}

.video-responsive {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.clickable {
    cursor: pointer
}

.collapsed {
    display: none
}

@media only screen and (max-width: 480px) {
    .invisible-xs {
        opacity: 0
    }
}

.alert-info {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #3a87ad;
    padding: 8px 14px;
    margin-bottom: 18px;
    width: 200px;
    border-radius: 4px
}

.container-root-line {
    margin-top: 16px
}

@media only screen and (max-width: 480px) {
    .container-root-line {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        background: #fff;
        margin-bottom: 16px
    }
}

.social-footer {
    text-align: center;
    margin-top: 40px
}

.social-footer a {
    margin: 0 6px
}

@media only screen and (max-width: 480px) {
    .social-footer a {
        margin: 0 15px
    }
}

.social a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.social ul {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(255,255,255,0.4);
    padding: 7px;
}
.social li.soc {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 3px 0;
    margin: 0 2px;
    min-width: 25px;
    line-height: 20px;
    background-color: #a8871b;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    border-radius: 6px;
}

.social li.soc img {
    border: none;
    height: auto;
    margin-right: 6px;
    width: 15px
}

@media only screen and (max-width: 480px) {
    .social {
        overflow: auto
    }
    .social li.soc {
        display: inline;
        padding-top: 0
    }
    .social li.soc-title {
        display: inline;
        line-height: inherit;
        margin-right: 30px
    }
}

.clear {
    clear: both
}

@media only screen and (max-width: 480px) {
    .column-full {
        padding-left: 0;
        padding-right: 0
    }
    .override-grid {
        padding: 0
    }
    .override-grid>.csc-default.article {
        padding: 0
    }
}

.content-retouch {
    margin: 0 107px
}
.content-retouch h1,.content-retouch .h1,
.content-retouch h2,.content-retouch .h2,
.content-retouch h3,.content-retouch .h3,
.content-retouch h4,.content-retouch .h4,
.content-retouch h5,.content-retouch .h5,
.content-retouch h6,.content-retouch .h6{
    line-height: 1.4em;
}

.content-retouch ul {
    color: #444;
    margin: 0 0 0 10px;
    padding: 0
}

.content-retouch ul.slick-dots {
    margin: 0 auto
}

@media only screen and (max-width: 480px) {
    .content-retouch ul {
        margin-right: 16px
    }
}

.content-retouch .theme-brukerPictureTheatre ul {
    margin: 0
}

.content-retouch .wookmark-filter-container li,
.content-retouch .slick-dots li {
    background: none
}

.content-retouch li {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im1lZXQiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PGNpcmNsZSBmaWxsPSIjNDQ0IiBjeD0iNTAiIGN5PSI1MCIgcj0iNDguNDc5Ii8+PC9zdmc+") no-repeat left 0 top 9px;
    padding-left: 12px;
    background-size: 5px;
    list-style: none;
    line-height: 1.4
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .content-retouch li {
        background: none;
        list-style: disc;
        padding: 0;
        margin-left: 11px
    }
}

@media only screen and (max-width: 480px) {
    .content-retouch {
        margin: 0 16px
    }
}

@media only screen and (min-width: 481px) and (max-width: 1199px) {
    .content-retouch {
        margin: 0
    }
}


.content-retouch{
    font-size: 14px;
}
.content-retouch img{
    max-width: 100%;
}


.content-retouch table{
    border-collapse: collapse;
    width: 100%;
}
.content-retouch table td{
    padding: 0.5em 0.81em;
    border: 1px solid #e5e5e5;
}
.content-retouch table td img{
    height: auto !important;
    width: auto !important;
}



.grey-column {
    background-color: #e5e5e5
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-justify {
    text-align: justify
}

* {
    margin: 0;
    padding: 0
}

html {
    font-size: 80%;
    min-height: 100%;
    background: #fff none
}

body {
    /*color: #707173;*/
    /*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
    /*font-family: Arial, Helvetica, sans-serif;;*/
    font-family: Vida Pro, Helvetica, sans-serif;;
    font-weight: 300;
    height: 100%;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media only screen and (max-width: 480px) {
    body {
        background: #f5f5f5;
        -webkit-text-size-adjust: 100%;
        line-height: 1.6rem
    }
}

body.layout-pt_campo__FormhandlerForms {
    background: white
}

html.white-background {
    background: white
}

em {
    font-style: italic
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
    margin-top: 0
}

ol li {
    list-style: decimal
}

ol li ol li {
    list-style: upper-alpha
}

ol li ol li ol li {
    list-style: upper-roman
}

ul li {
    list-style: disc
}

a {
    color: #707173;
    text-decoration: none
}

a:hover,
a:focus {
    color: #a8871b
}

@media only screen and (max-width: 480px) {
    a:hover,
    a:focus {
        text-decoration: none !important
    }
}

.content a {
    color: #a8871b
}

.content a:hover {
    text-decoration: underline
}

a.info,
.info a,
button.info,
a.linkbutton {
    cursor: pointer;
    background-color: #a8871b;
    border: 0;
    color: #fff;
    font-weight: 300;
    float: left;
    padding: 5px 30px;
    text-decoration: none !important;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.2rem;
    border-radius: 6px;
}

a.info:focus,
a.info:hover,
.info a:focus,
.info a:hover,
button.info:focus,
button.info:hover,
a.linkbutton:focus,
a.linkbutton:hover {
    background-color: #b39228;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19)
}

a img {
    border: none
}

strong {
    font-weight: 600
}

em strong,
strong em {
    font-style: italic;
    font-weight: 300
}

fieldset {
    border: 0
}

h2,
h3,
h4,
h5,
h6,
.csc-default p.csc-subheader,
.csc-textpic-text p.csc-subheader,
.news-single p.csc-subheader {
    color: #a8871b;
    line-height: 1.5;
    font-size: 17px
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 300
}

.contenttable,
.csc-default table {
    border: 0;
    color: #666;
    width: 100%;
    margin-bottom: 1em
}

@media only screen and (max-width: 480px) {
    .contenttable,
    .csc-default table {
        width: auto
    }
}

.contenttable th,
.csc-default table th {
    font-weight: 700;
    text-align: left
}

.contenttable tbody td,
.csc-default table tbody td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.contenttable tbody td .th-on-phone,
.csc-default table tbody td .th-on-phone {
    color: #666;
    margin-left: 15px;
    display: inline-block
}

.contenttable th,
.contenttable td,
.csc-default table th,
.csc-default table td {
    padding: 3px
}

@media only screen and (max-width: 480px) {
    .responsive-table {
        margin-top: 2rem
    }
    .responsive-table thead,
    .responsive-table th {
        display: none
    }
    .responsive-table tbody tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        float: left;
        margin-top: -1px;
        padding: 1.3rem 16px;
        width: 100%
    }
    .responsive-table tbody tr td {
        color: #666;
        line-height: 1.2;
        font-size: 16px;
        font-size: 1.3rem;
        border: none;
        float: left;
        width: 100%
    }
    .responsive-table tbody tr td .th-on-phone {
        margin-right: 5px
    }
}

@media only screen and (max-width: 480px) {
    .multicolumn-layout .responsive-table {
        margin: -16px 0 0
    }
    .multicolumn-layout .responsive-table-container,
    .multicolumn-layout .responsive-table-container.csc-default.article {
        margin: 0 -16px;
        padding-bottom: 0
    }
}

.striped thead tr,
.striped tr:nth-child(even),
.striped .tr-even {
    background: #eee
}

.events-content {
    background-color: #e5e5e5;
    padding: 30px 107px 5px;
}
@media only screen and (max-width: 991px) {
    .events-content {
        padding: 30px 45px;
    }

}


@media only screen and (max-width: 480px) {
    .events-content {
        padding: 30px 7% 5px
    }
}

.eventsList {
    padding-bottom: 60px
}

.listPagerPartials {
    float: left;
    padding-bottom: 5px
}

@media only screen and (max-width: 480px) {
    .listPagerPartials {
        display: none
    }
}

.listPagerPartials .last {
    float: left
}

.listPagerPartial {
    float: left;
    padding-left: 15px;
    width: 312px
}

@media only screen and (max-width: 480px) {
    .listPagerPartial {
        padding-right: 15px
    }
}

.last .listPagerPartial {
    width: 197px
}

.eventsListItem {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 1.33%;
    min-height: 165px;
    margin-top: 10px;
    background-color: #fff;
}
.eventsListItem .eventsListItemImg{
    width: 50%;
    height: 90px;
    line-height: 90px;
    float: left;
    margin: 0 10px 10px 0;
    /*border: 1px solid #ddd;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.eventsListItem .eventsListItemImg img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.eventsListItem .eventsListItemWrapp{
    padding: 16px;
}
.eventsListItem .eventsListItemWrapp + .eventsListItemWrapp{
    padding-top: 0;
}

.eventsListItem h2{
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0.25em;
}
.eventsListItem h2 a {
    color: #a8871b
}

.eventsListItem h2 a:hover {
    text-decoration: underline
}

.eventsListItem p.newsSubTitle {
    color: #b1b3b4;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem;
    font-weight: 400
}
.eventsListItem p.newsSubTitle {

}

.eventsListItem .timestamp {
    color: #444;
    font-weight: 500;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1rem;
    margin-bottom: 0.25em;
}
@media only screen and (max-width: 1200px){
    .eventsListItem {
        width: 48%;
        margin: 10px 1%;
    }
}
@media only screen and (max-width: 680px){
    .eventsListItem {
        width: 100%;
        margin: 10px 0;
        min-height: 0;
    }
}
@media only screen and (max-width: 480px){
    .eventsListItem .eventsListItemImg{
        width: auto;
        float: none;
    }
}


/*
@media only screen and (max-width: 480px) {
    .eventsListItem {
        height: auto
    }
    .eventsListItem h2 {
        line-height: 1.5;
        font-size: 19px;
        font-size: 1.6rem
    }
    .eventsListItem h2 a {
        text-decoration: none
    }
    .eventsListItem p.newsSubTitle {
        font-weight: 400;
        line-height: 1.5;
        font-size: 16px;
        font-size: 1.3rem
    }
    .eventsListItem .timestamp {
        line-height: 1;
        font-size: 16px;
        font-size: 1.3rem
    }
}

.eventsListColumn {
    margin-right: 10px;
    float: left;
    width: 306px
}

@media only screen and (max-width: 480px) {
    .eventsListColumn {
        border-right: 0;
        width: 100%
    }
}

.eventsListColumnLast {
    margin-right: 0
}
*/
.ticker {
    margin: 16px 0
}

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

.ticker:after {
    clear: both
}

.ticker-left {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_ticker_button.png") no-repeat left top;
    float: left;
    font-weight: 700;
    height: 25px;
    width: 126px
}

.ticker-left a {
    color: #fff;
    display: block;
    margin-top: 3px;
    text-align: center
}

.ticker-left a:focus {
    color: #fff
}

.ticker-left a:hover {
    color: #000;
    text-decoration: none
}

.ticker-right {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_ticker_text.png") no-repeat left top;
    color: #999;
    float: right;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 814px;
    border-radius: 0px 3px 3px 0px
}

.ticker-right a {
    display: block;
    color: #a8871b
}

.ticker-right a:hover {
    text-decoration: underline
}

.ticker-item {
    display: none;
    margin-top: 4px;
    left: 0;
    position: absolute;
    top: 0;
    padding-left: 5px
}

.ticker-item:first-child {
    display: block
}

#serviceNavigation {
    font-weight: 500;
    margin-top: 52px;
    margin-top: 46px;
    text-align: right
}

@media only screen and (max-width: 480px) {
    #serviceNavigation {
        margin-left: 0;
        padding: 15px 0;
        width: 100%
    }
}

.service-navigation-wrap {
    position: relative;
    z-index: 1000;
    float: right;
    margin-right: 60px;
}

.sr-only {
    line-height: 1.5;
    font-size: 9px;
    font-size: .75rem;
    margin-right: 8px;
    display: block;
    margin-top: 6px
}

.navbar-toggle .icon-bar {
    height: 3px;
    margin-bottom: 2px;
    width: 34px;
    background: #000;
    border-radius: 1px
}

.navbar-toggle {
    margin-right: 0;
    padding-right: 12px;
    margin-top: 25px;
    cursor: pointer
}

.service-navigation-list {
    float: right;
    z-index: 700
}

.service-navigation-list a {
    display: block;
    line-height: 1em;
    margin: 0;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1rem
}

.service-navigation-list a:hover {
    color: #a8871b
}
.login-mobile .button,
.service-navigation-list .button{
    display: inline-block;
    vertical-align: top;
    background-color: #a8871b;
    color: #fff;
    padding: 0.25em 1em;
    height: 27px;
    border: 1px solid #a8871b;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
    border-radius: 6px;
}
.login-mobile .button:hover,
.service-navigation-list .button:hover{
    background-color: #fff;
}


.button-default{
    display: inline-block;
    vertical-align: top;
    background-color: #a8871b;
    color: #fff;
    padding: 0.25em 1em;
    height: 27px;
    border: 1px solid #a8871b;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
    border-radius: 6px;
    text-align: center;
}
.button-default:hover{
    background: #c19c23;
    color: #fff;
}

.button-transparent{
    color: #a8871b;
    background: transparent;
}
.button-transparent:hover{
    color: #fff;
    background: #c19c23;
    border-color: #c19c23;
}



.service-navigation-list>li {
    margin: 0 20px 0 0
}

.service-navigation-list li {
    list-style: none;
    padding: 0;
    text-align: left;
    float: left;
    min-height: 1px;
    vertical-align: middle;
    z-index: 702
}

@media only screen and (max-width: 480px) {
    .service-navigation-list {
        float: none;
        padding-left: 12px;
        z-index: 0;
        width: 85px;
        overflow: hidden
    }
    .service-navigation-list li {
        z-index: 0;
        margin-right: 0;
        float: none
    }
    .service-navigation-list li.active {
        display: none !important
    }
}

.csc-default h1,
.csc-textpic-text h1 {
    color: #666;
    line-height: 1.25;
    font-size: 36px;
    font-size: 3rem;
    margin-top: .75em;
    margin-bottom: 10px;
    font-weight: 300
}

@media only screen and (max-width: 480px) {
    .csc-default h1,
    .csc-textpic-text h1 {
        line-height: 1.5;
        font-size: 19px;
        font-size: 1.6rem
    }
}

.csc-default h2,
.csc-default h3,
.csc-default h4,
.csc-default h5,
.csc-default h6,
.csc-textpic-text h2,
.csc-textpic-text h3,
.csc-textpic-text h4,
.csc-textpic-text h5,
.csc-textpic-text h6 {
    line-height: 1.429;
    margin-bottom: 0.6em
}

.csc-default p,
.csc-textpic-text p {
    color: #707173;
    margin-bottom: 0.6em;
    line-height: 1.429;
    font-size: 1.25rem
}

.csc-default span.blue,
.csc-default span.detail,
.csc-textpic-text span.blue,
.csc-textpic-text span.detail {
    color: #a8871b
}

.csc-default ul,
.csc-default ol,
.csc-textpic-text ul,
.csc-textpic-text ol {
    line-height: 1.429;
    font-size: 1.25rem;
    padding: 0
}

.csc-default ol,
.csc-textpic-text ol {
    margin: 10px 0 10px 0px
}

.csc-default ul ul,
.csc-textpic-text ul ul {
    font-size: 1em;
    margin: 5px 0 5px 0px
}

.csc-default ul ul li,
.csc-textpic-text ul ul li {
    margin-left: 10px
}

.csc-default ol ol,
.csc-textpic-text ol ol {
    font-size: 1em;
    margin: 5px 0 5px 0px
}

.csc-default ol ol li,
.csc-textpic-text ol ol li {
    margin: 0 0 0 34px
}

.csc-default ol li,
.csc-textpic-text ol li {
    margin: 0 0 0 20px
}

.csc-default table,
.csc-textpic-text table {
    color: #707173;
    border-collapse: collapse;
    border-spacing: 0
}

.csc-default table ul,
.csc-default table p,
.csc-textpic-text table ul,
.csc-textpic-text table p {
    font-size: 1em
}

div.csc-textpic img {
    border-radius: 0;
    padding-bottom: 0
}

div.csc-textpic div.csc-textpic-single-image img {
    margin-top: 5px;
    margin-bottom: 6px
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
    max-width: 100%
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic-border div.csc-textpic-single-image img {
    border: 0;
    margin-right: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1)
}

.no-boxshadow div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
.no-boxshadow div.csc-textpic-border div.csc-textpic-single-image img {
    border: 1px solid #ddd
}

div.csc-textpic-center .csc-textpic-imagewrap {
    margin: 0 auto
}

.csc-textpic-caption {
    color: #87888a;
    margin-bottom: 5px;
    text-align: left !important;
    line-height: 1.125;
    font-size: 13px;
    font-size: 1.05rem
}

.csc-default.article {
    padding-bottom: 1em;
    overflow: auto;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none
}

@media only screen and (max-width: 480px) {
    .csc-default.article .csc-default.article {
        overflow: visible
    }
}

.article a:not(.linkbutton) {
    color: #a8871b;
    text-decoration: none;
    border-bottom: 1px dotted
}

.article a:not(.linkbutton):hover,
.article a:not(.linkbutton):focus {
    border-bottom: 1px solid
}

.article .filelinks a,
.article .header a,
.article .image a,
.article .pagination a,
.article .onebruker-search-results a {
    border-bottom: 0
}

.article .filelinks a:hover,
.article .filelinks a:focus,
.article .header a:hover,
.article .header a:focus,
.article .image a:hover,
.article .image a:focus,
.article .pagination a:hover,
.article .pagination a:focus,
.article .onebruker-search-results a:hover,
.article .onebruker-search-results a:focus {
    border-bottom: 0;
    text-decoration: underline
}

.article .theme-brukerPictureTheatre a,
.article .onebruker-gallery a {
    border-bottom: 0
}

.article .theme-brukerPictureTheatre a:hover,
.article .theme-brukerPictureTheatre a:focus,
.article .onebruker-gallery a:hover,
.article .onebruker-gallery a:focus {
    border-bottom: 0;
    text-decoration: none
}

body.layout-pt_campo__ProductsTechnology h1.csc-firstHeader {
    margin: 0 0 20px 0
}

.newsList {
    padding-bottom: 60px
}

.news-content {
    background-color: #e5e5e5;
    position: relative;
    padding: 30px 107px 5px
}

@media only screen and (max-width: 480px) {
    .news-content {
        padding: 30px 7% 5px
    }
}

.newsListItem {
    position: relative;
    font-weight: 400;
    margin-top: 10px;
    background-color: #fff;
    clear: both;
    overflow: hidden;
}
.newsListItem.has-img{
    padding-left: 240px;
    min-height: 240px;
}
.newsListItem .newsListItemImg{
    position: absolute;
    top: 0;
    left: 0;
    height: 240px;
    width: 240px;
}
.newsListItem .newsListItemImg img{
    max-width: 100%;
    max-height: 100%;
}
.newsListItem .newsListItemWrapp{
    padding: 12px 15px;
}


@media only screen and (max-width: 480px) {
    .newsListItem.has-img{
        padding-left: 0;
        min-height: 0;
    }
    .newsListItem .newsListItemImg{
        position: static;
        margin: 0 auto 1em auto;
    }
}

.newsListItem h2{
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: 0.25em;
}
.newsListItem h2 a {
    color: #a8871b
}

.newsListItem p,
.newsListItem .preview {
    color: #666;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem;
    margin: 0 0 .6em
}

.newsListItem h3,
.newsListItem p.newsSubTitle {
    font-weight: 400;
    color: #1a171b;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem;
    margin: .2rem 0
}
.newsListItem p.newsSubTitle {
    color: #888;
    font-weight: 500;
    line-height: 1.5;
    font-size: 12px;
}

.newsListItem .preview {
    position: relative;
    display: inline-block;
    margin: 1em 0;
    max-width: 100%;
    padding: 0 1.3em 0 0;
}
.newsListItem .preview p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsListItem .preview a{
    position: absolute;
    top: 0;
    right: 0;
}

.newsListItem .preview a.uncollapse-content {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_newsarrow.png") no-repeat 5px 50%
}

.newsListItem .timestamp {
    color: #888;
    font-weight: 500;
    line-height: 1.5;
    font-size: 12px;
}

.newsListItem ul,
.news-single ul {
    margin: 0 0 0 10px;
    padding: 0
}

@media only screen and (max-width: 480px) {
    .newsListItem ul,
    .news-single ul {
        margin-right: 16px
    }
}

.newsListItem ul li,
.news-single ul li {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im1lZXQiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PGNpcmNsZSBmaWxsPSIjNDQ0IiBjeD0iNTAiIGN5PSI1MCIgcj0iNDguNDc5Ii8+PC9zdmc+") no-repeat left 8px;
    padding-left: 8px;
    background-size: 3px;
    list-style: none;
    line-height: 1.4;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .newsListItem ul li,
    .news-single ul li {
        background: none;
        list-style: disc;
        padding: 0;
        margin-left: 11px
    }
}

.news-single p {
    color: #707173;
    margin-bottom: 1rem;
    line-height: 1.428;
    font-size: 14px;
    font-size: 1.166rem
}

.news-single h1 {
    color: #a8871b;
    line-height: 1.5;
    font-size: 21px;
    font-size: 1.75rem;
    margin-top: .75em;
    margin-bottom: 1.5rem;
    font-weight: 300
}

@media only screen and (max-width: 480px) {
    .news-single h1 {
        line-height: 1.5;
        font-size: 19px;
        font-size: 1.6rem
    }
}

.news-single h2,
.news-single h3,
.news-single h4,
.news-single h5,
.news-single h6 {
    line-height: 1.429;
    margin-bottom: 0.6em
}

@media only screen and (max-width: 480px) {
    .news-single h2,
    .news-single h3,
    .news-single h4,
    .news-single h5,
    .news-single h6 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

.news-single span.blue,
.news-single span.detail {
    color: #a8871b
}

.news-single ul,
.news-single ol {
    line-height: 1.429;
    font-size: 1.25rem;
    padding: 0
}

.news-single ol {
    margin: 10px 0 10px 0px
}

.news-single ul ul {
    font-size: 1em;
    margin: 5px 0 5px 0px
}

.news-single ul ul li {
    margin-left: 10px
}

.news-single ol ol {
    font-size: 1em;
    margin: 5px 0 5px 0px
}

.news-single ol ol li {
    margin: 0 0 0 34px
}

.news-single ol li {
    margin: 0 0 0 20px
}

.news-single table {
    color: #707173;
    border-collapse: collapse;
    border-spacing: 0
}

.news-single table ul,
.news-single table p {
    font-size: 1em
}

.news-single .date {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.166rem;
    font-weight: 700;
    margin-bottom: .929rem;
    padding-bottom: .25rem;
    padding-left: 18px
}

.news-single .column-left .inner {
    height: auto
}

.news-single .column-left .inner .image * {
    line-height: 1
}

.news-single .column-left .inner .image a {
    display: block;
    float: left;
    margin: 0 0 0.5em
}

.news-single .column-left .inner .image .caption {
    margin-bottom: 2em;
    float: left
}

.news-single .column-right .inner {
    line-height: 1.429;
    font-size: 14px;
    font-size: 1.166rem
}

.news-single .backlink {
    text-align: right
}

.news-single .backlink a {
    color: #000
}

.news-single .backlink a:hover,
.news-single .backlink a:focus {
    color: #a8871b
}

.news-single .article {
    padding-left: 10px
}

@media only screen and (max-width: 480px) {
    .news-single .article {
        padding-left: 8px;
        padding-right: 8px
    }
    .news-single .article img {
        margin: 0 auto
    }
}

.news-single .extra-info {
    padding-left: 10px
}

.news-single-ttnews .column-left .inner .image img {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}

.news-single-ttnews .backlink {
    margin: 0
}

.news-single-files dt {
    font-weight: 700;
    color: #a8871b;
    margin-bottom: 0.3em;
    font-size: 1.2em
}

.news-single-files dd a {
    padding: 0 4px
}

.no-boxshadow .news-single-ttnews .column-left .inner .image img {
    border: 1px solid rgba(0, 0, 0, 0.25)
}

.news-single-ttcontent .article .row .csc-textpic-caption {
    margin-bottom: -18px
}

.news-single-ttcontent .article .row .csc-textpic-clear {
    display: none
}

.teasers-box {
    padding: 0 107px 42px;
    text-align: center;
}
@media(max-width: 1200px){
    .teasers-box {
        padding: 0 48px 42px
    }

}

.teasers-box-header {
    padding: 45px 0 40px;
    text-align: center;
    color: #a8871b;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.4em
}

.teaser-box-image {
    position: relative;
    display: block;
    margin: 5px auto;
    text-align: center;
}

.teaser-box-title {
    line-height: 1.2em;
    font-size: 24px;
    font-size: 2rem;
    margin: 0.5em 0;
}
.customer-slider .slick-slide{
    position: relative;
    padding-bottom: 380px;
}
.customer-slider .teaser-box-bodytext{
    text-align: left;
}
.customer-slider .teaser-link{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    margin-top: 0.85em;
    background-color: #ccc;
    text-align: center;
    padding: 3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 285px;
    width: 100%;
    height: 364px;
}
.customer-slider .teaser-link a{
    display: inline-block;
    vertical-align: top;
}
.customer-slider .teaser-link img{
    max-width: 100%;
    border: 1px solid #999;
}

.teaser-link{
    font-size: 1.2em;
    margin-top: 0.5em;
    line-height: 55px;
}
.teaser-box-title.with-flag{
    position: relative;
    padding-left: 50px;
    text-align: left;
    height: 2em;
}
.teaser-box-title .flag{
    position: absolute;
    /*height: 64px;*/
    width: 32px;
    top: 0px;
    left: 0px;
}

.teaser-box-bodytext {
    margin: 5px 0;
    max-width: 280px;
    color: #222;
}
.teaser-box-bodytext h2{
    color: #222;
}

@media only screen and (max-width: 1000px) {
    .customer-slider .slick-slide{
        padding-bottom: 0;
    }
    .customer-slider .teaser-link,
    .teaser-box-bodytext{
        max-width: none;
        height: auto;
        position: static;
    }
}

.related-content {
    position: relative;
    padding: 70px 95px 60px
}

.related-content-item {
    overflow: hidden;
    height: 165px;
    margin-bottom: 10px
}




@media only screen and (max-width: 480px) {
    .related-content-item {
        margin-bottom: 8px;
        border: 1px solid #999;
        height: auto
    }
}

.no-boxshadow .related-content-item {
    border: 1px solid #ddd
}

.related-content-item {
    cursor: pointer
}

.no-boxshadow .related-content-item {
    border: 1px solid #ddd
}

.no-boxshadow .related-content-item:hover {
    border-color: #999
}

.no-boxshadow .related-content-item:active {
    border-color: #eee
}

.related-content-img {
    float: left;
    width: 100px;
    height: 100px;
    /*margin: 15px*/
}

.related-content-img a {
    display: block
}

.related-content-img img {
    display: block;
    width: 100%;
    height: auto
}

.related-content-description {
    margin: 0 0 0 105px;
    padding: 15px;
    min-height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
}

@media only screen and (max-width: 480px) {
    .related-content-description {
        margin-left: 95px;
        margin-top: 8px
    }
}

.related-content-description h2 {
    line-height: 1.3;
    font-size: 15px
}

@media only screen and (max-width: 480px) {
    .related-content-description h2 {
        line-height: 1.5;
        font-size: 16px;
        font-size: 1.3rem
    }
}

.related-content-description h2 a {
    color: #a8871b
}

.related-content-description p {
    height: auto;
    color: #999;
    overflow: hidden;
    line-height: 1.2;
    font-weight: 200;
    font-size: 14px
}

@media only screen and (max-width: 480px) {
    .related-content-description p {
        color: #707173;
        line-height: 1.6;
        font-size: 13px;
        font-size: 1.05rem
    }
}

@media only screen and (max-width: 480px) {
    .product-slider-big,
    .product-slider-small {
        margin-bottom: 0;
        background: #fff;
        padding: 0 0 1rem
    }
}

.product-slider-big .product-slider-big-banner,
.product-slider-small .product-slider-small-banner {
    background: #fff;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 480px) {
    .product-slider-big .product-slider-big-banner,
    .product-slider-small .product-slider-small-banner {
        background: none;
        box-shadow: none
    }
}

.product-slider-big [data-role=slick-button-prev],
.product-slider-big [data-role=slick-button-next],
.product-slider-small [data-role=slick-button-prev],
.product-slider-small [data-role=slick-button-next],
.teasers-box [data-role=slick-button-prev],
.teasers-box [data-role=slick-button-next] {
    width: 40px;
    height: 100%;
    top: 0;
    position: absolute;
    cursor: pointer
}

.product-slider-big .slick-arrow .slick-prev,
.product-slider-big .slick-arrow .slick-next,
.product-slider-small .slick-arrow .slick-prev,
.product-slider-small .slick-arrow .slick-next,
.teasers-box .slick-arrow .slick-prev,
.teasers-box .slick-arrow .slick-next {
    cursor: pointer;
    width: 0;
    height: 0
}

.product-slider-big .product-slider-big-banner .product-slider-big-product,
.product-slider-small .product-slider-small-banner .product-slider-small-product {
    text-align: center;
    width: 188px;
    height: inherit
}

.product-slider-big .product-slider-big-banner .product-slider-big-product a,
.product-slider-small .product-slider-small-banner .product-slider-small-product a {
    color: #a8871b;
    display: block;
    line-height: 1.2em;
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
    padding: 0 10px;
    outline: 0
}

#header {
    padding-bottom: 5px;
    position: relative
}

#header .mobile-mainnavi {
    z-index: 1
}

@media only screen and (max-width: 767px) {
    #header {
        background: #fff;
        width: auto;
        padding-bottom: 0
    }
    #header .col-xs-8 {
        padding: 0px;
        width: 52%
    }
    #header .col-xs-offset-2 {
        margin-left: 24%
    }
    #header .col-xs-2 {
        padding-left: 0px;
        width: 24%
    }
    #header .mobile-mainnavi {
        padding: 0
    }
    #header .mobile-mainnavi .solr-quick-search-wrap::before {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #header .mobile-mainnavi {
        float: right
    }
}

#slogan {
    color: #b1b3b4;
    float: left;
    margin-top: 5px
}

@media only screen and (max-width: 767px) {
    #slogan {
        line-height: 1.5;
        font-size: 13px;
        font-size: 1.05rem;
        float: none;
        margin: 8px auto 12px;
        text-align: center
    }
}

#logo {
    float: left;
    margin: 5px 0 0 27px
}

#logo a img {
    border: none;
    width: 160px;
    height: auto
}

@media (max-width: 1200px) {
    #logo{
		margin-top: 20px;
    }
    #logo a img {
        width: 120px;
    }
}
@media (max-width: 992px) {
    #logo{
		margin-top: 5px;
    }
    #logo a img {
        width: 160px;
    }
}

@media only screen and (max-width: 767px) {
    #logo {
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
        float: none;
        margin-left: 0
    }
    #logo a img {
        max-width: 100%
    }
}

.login-mobile {
    position: relative;
    z-index: 2000;
    margin-top: 4px;
    text-align: right;
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.05rem;
    padding-right: 12px
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-mobile {
        margin-top: 46px;
    }
}

@media only screen and (max-width: 480px) {
    #footer {
        line-height: 1.5;
        font-size: 16px;
        font-size: 1.3rem;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 20px
    }
}

#footernavi a {
    color: #444;
    font-weight: 400;
    font-size: 12px
}

#footernavi a:hover {
    text-decoration: underline
}

#footernavi li {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0 20px
}

@media only screen and (max-width: 480px) {
    #footernavi li {
        padding: 0 4px
    }
}

#footernavi ul {
    margin: 0
}

@media only screen and (max-width: 480px) {
    #footernavi ul {
        margin: 13px 0 0;
        text-align: center
    }
}

#copyright {
    color: #b1b3b4;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500
}

@media only screen and (max-width: 480px) {
    #copyright {
        margin: 10px 0 0;
        float: none;
        text-align: center
    }
}

.footernaviblock {
    margin: 45px 0 50px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .footernaviblock {
        margin: 20px 0 50px
    }
}

.center-block {
    float: none
}

.footer-contact-block {
    text-align: center;
    color: #fff;
    margin-top: 60px
}

@media only screen and (max-width: 480px) {
    .footer-contact-block {
        width: 100%;
        margin-bottom: 10px
    }
}

.footer-contact-block .contact {
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.125rem
}

.footer-contact-block .contact a {
    padding: 20px 100px;
    display: inline-block;
    float: none;
    outline: 0;
    border-radius: 6px;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.5s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.98
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.5s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    transition: all 0.1s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
    transition: all 0.5s ease-out
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.mfp-figure {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: both
}

img.mfp-img {
    max-height: 80%;
    padding: 0
}

.mfp-title {
    max-width: 600px;
    margin: 0 12px;
    min-height: 1em
}

.mfp-bottom-bar {
    position: relative;
    margin-top: 0;
    top: auto;
    padding: 10px 0
}

.ie7 .mfp-bottom-bar,
.ie8 .mfp-bottom-bar {
    background-color: #000
}

.mfp-figure figure {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0
}

.mfp-figure:after {
    background: none;
    top: 0;
    bottom: 0
}

.mfp-counter {
    top: 10px;
    right: 12px
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    top: 0 !important;
    right: 5px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8)
}

.mfp-content dl {
    overflow: hidden;
    *zoom: 1
}

.mfp-content dt {
    float: left;
    clear: left;
    width: 115px;
    font-weight: 700
}

.mfp-content dd {
    margin: 0 0 0 125px
}

.mfp-content p {
    padding: 10px 0
}

.mfp-content p.contact-popup {
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.5rem
}

.mfp-content p.contact-popup a {
    color: #a8871b
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    border-right: 27px solid #0D0D0D
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #0D0D0D
}

.contact-popup.mfp-bg {
    opacity: 0.6
}

.contact-popup .mfp-content {
    background: #FFF;
    padding: 20px 30px;
    text-align: center;
    line-height: 1.5;
    font-size: 20px;
    font-size: 1.7rem;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

.locations-list-item {
    padding: 12px 0
}

.locations-list-column {
    float: left;
    width: 33%
}

.pt-gmaps-locations {
    padding-bottom: 1em
}

.pt-gmaps-locations .tx-ptextlist-field-title {
    color: #a8871b;
    cursor: pointer;
    text-decoration: underline
}

.pt-gmaps-locations .tx-ptextlist-field-title:hover {
    text-decoration: none
}

.filelinks {
    border-top: 1px solid #dfdfdf;
    clear: both;
    padding: 12px 0
}

.filelinks div {
    background-position: left top;
    background-repeat: no-repeat
}

.filelinks p {
    padding-left: 20px;
    margin: 0
}

.filelinks a {
    color: #a8871b
}

.filelinks a:hover {
    text-decoration: underline
}

@media only screen and (max-width: 480px) {
    .filelinks {
        line-height: 1.5;
        font-size: 16px;
        font-size: 1.3rem
    }
    .filelinks div {
        background-position: left 3px
    }
}

.filelinks .dam-documents-list-item {
    position: relative;
    margin: 1em 0;
    padding: 0 2em;
    text-decoration: none
}

.filelinks .dam-documents-list-item:first-child {
    margin: 0
}

.filelinks .dam-documents-list-item::after {
    position: absolute;
    top: 0;
    content: "";
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 5px 0 0
}

.filelinks .dam-documents-list-item.pdf::after,
.filelinks .dam-documents-list-item.txt::after,
.filelinks .dam-documents-list-item.readme::after,
.filelinks .dam-documents-list-item.doc::after,
.filelinks .dam-documents-list-item.ppt::after,
.filelinks .dam-documents-list-item.pptx::after,
.filelinks .dam-documents-list-item.dot::after,
.filelinks .dam-documents-list-item.dotx::after,
.filelinks .dam-documents-list-item.doc::after,
.filelinks .dam-documents-list-item.docx::after,
.filelinks .dam-documents-list-item.xls::after,
.filelinks .dam-documents-list-item.xlsx::after {
    display: none
}

.filelinks .collapser {
    cursor: pointer
}

.filelinks .collapser:hover {
    text-decoration: none
}

.filelinks .uncollapse-content {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_newsarrow.png") no-repeat 5px 50%
}

.filelinks .collapse-content {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_newsarrow_left.png") no-repeat 5px 50%
}

.filelinks .show-less {
    color: #707173;
    float: right;
    font-weight: 700;
    margin-top: 1em
}

.filelinks .last {
    float: none
}

.filelinks .pdf:before {
    position: absolute;
    content: "";
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 5px 0 0
}

.filelinks .txt:before,
.filelinks .readme::before {
    position: absolute;
    content: "";
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 5px 0 0
}

.filelinks .dot:before,
.filelinks .dotx:before,
.filelinks .doc:before,
.filelinks .docx:before {
    position: absolute;
    content: "";
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 5px 0 0
}

.filelinks .ppt:before,
.filelinks .pptx:before {
    position: absolute;
    content: "";
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 5px 0 0
}

.filelinks .xls:before,
.filelinks .xlsx::before {
    position: absolute;
    content: "";
    float: left;
    width: 16px;
    height: 100%;
    margin: 0 5px 0 0
}

.tx-powermail-pi1 .selected-text,
.Tx-Formhandler .selected-text,
.onebruker-filterbox .selected-text,
.onebruker_form_input,
.fieldsets input[type=text],
.fieldsets input[type=email],
.fieldsets input[type=password],
.fieldsets textarea,
.fieldsets select,
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"],
.tx-powermail-pi1 select,
.tx-powermail-pi1 input[type=text],
.Tx-Formhandler select,
.Tx-Formhandler input[type=text],
.onebruker-filterbox select,
.onebruker-filterbox input[type=text] {
    height: 24px;
    margin: 2px 0px;
    width: 280px;
    border-radius: 6px;
}

@media only screen and (max-width: 480px) {
    .tx-powermail-pi1 .selected-text,
    .Tx-Formhandler .selected-text,
    .onebruker-filterbox .selected-text {
        color: #777676;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        font-size: 1rem;
        min-height: 26px
    }
}

.tx-powermail-pi1 .selected-text,
.Tx-Formhandler .selected-text,
.onebruker-filterbox .selected-text {
    line-height: 26px;
    padding: 3px 30px 5px 5px;
    position: absolute;
    background: #e5e5e5
}

.tx-powermail-pi1 .selected-text:after,
.Tx-Formhandler .selected-text:after,
.onebruker-filterbox .selected-text:after {
    content: "▼";
    font-size: 6px;
    line-height: 26px;
    display: block;
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #000
}

@media only screen and (max-width: 480px) {
    .tx-powermail-pi1 .selected-text,
    .Tx-Formhandler .selected-text,
    .onebruker-filterbox .selected-text {
        margin: 0;
        padding: 0;
        text-align: center
    }
}

.onebruker_form_input,
.fieldsets input[type=text],
.fieldsets input[type=email],
.fieldsets input[type=password],
.fieldsets textarea,
.fieldsets select,
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"],
.tx-powermail-pi1 select,
.tx-powermail-pi1 input[type=text],
.Tx-Formhandler select,
.Tx-Formhandler input[type=text],
.onebruker-filterbox select,
.onebruker-filterbox input[type=text] {
    background-color: #e5e5e5;
    color: #666;
    border: 0;
    min-height: 31px;
    font-family: "Source Sans Pro", Helvetica, sans-serif
}

.onebruker_form_input,
.fieldsets input[type=text],
.fieldsets input[type=email],
.fieldsets input[type=password],
.fieldsets textarea,
.fieldsets select,
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"] {
    font-size: 1em;
    padding: 3px 5px;
    -webkit-appearance: none;
    border-radius: 6px;
}

.no-boxshadow .onebruker_form_input,
.no-boxshadow .fieldsets input[type=text],
.fieldsets .no-boxshadow input[type=text],
.no-boxshadow .fieldsets input[type=email],
.fieldsets .no-boxshadow input[type=email],
.no-boxshadow .fieldsets input[type=password],
.fieldsets .no-boxshadow input[type=password],
.no-boxshadow .fieldsets textarea,
.fieldsets .no-boxshadow textarea,
.no-boxshadow .fieldsets select,
.fieldsets .no-boxshadow select,
.no-boxshadow .tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 .no-boxshadow input[type="text"],
.no-boxshadow .tx-felogin-pi1 input[type="password"],
.tx-felogin-pi1 .no-boxshadow input[type="password"] {
    width: 279px
}

@media only screen and (max-width: 480px) {
    .onebruker_form_input,
    .fieldsets input[type=text],
    .fieldsets input[type=email],
    .fieldsets input[type=password],
    .fieldsets textarea,
    .fieldsets select,
    .tx-felogin-pi1 input[type="text"],
    .tx-felogin-pi1 input[type="password"] {
        width: 100%;
        margin-top: 0;
        box-shadow: none;
        font-size: 1.25em
    }
}

select {
    padding: 3px 5px;
    border-radius: 6px;
    -webkit-appearance: none;
    border: 1px solid #e5e5e5;
    background: url("/img/arrow_down.png") no-repeat scroll 225px 50% #fff;
    background-position: calc(100% - 8px) center;
}

@media only screen and (max-width: 480px) {
    select {
        padding: 3px 30px 5px 5px
    }
    select optgroup,
    select option {
        padding-left: 5px;
        padding-top: 5px
    }
    select optgroup option {
        padding-left: 0
    }
    select optgroup:last-child {
        padding-bottom: 5px
    }
}

.outer-wrapper:before,
.outer-wrapper:after {
    content: " ";
    display: table
}

.outer-wrapper:after {
    clear: both
}

@media only screen and (max-width: 480px) {
    .outer-wrapper {
        height: auto;
        margin-bottom: 5px
    }
}

.fieldsets {
    color: #666;
    background-color: #fff;
    border: 1px solid #eee
}

@media only screen and (max-width: 480px) {
    .fieldsets {
        width: 100%
    }
}

@media only screen and (min-width: 481px) and (max-width: 1199px) {
    .fieldsets input[type=text],
    .fieldsets input[type=email],
    .fieldsets input[type=password],
    .fieldsets textarea,
    .fieldsets select {
        width: 100%
    }
}

.fieldsets legend {
    display: none;
    border: 0;
    color: #666;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1rem
}

.fieldsets label {
    display: block;
    float: left;
    font-weight: 400;
    padding-top: 4px;
    vertical-align: middle;
    width: 159px
}

@media only screen and (max-width: 480px) {
    .fieldsets label {
        font-weight: 400;
        margin-bottom: 0px;
        width: 100%;
        line-height: 1.5;
        font-size: 11px;
        font-size: .875rem
    }
}

.fieldsets input[type=checkbox] {
    height: auto;
    width: auto;
    border-radius: 0;
    -webkit-appearance: checkbox
}

@media only screen and (max-width: 480px) {
    .fieldsets input[type=checkbox] {
        margin-left: 0
    }
}

.fieldsets input[type=radio] {
    height: auto;
    width: auto;
    -webkit-appearance: radio;
    margin-top: 5px;
    margin-left: 0
}

@media only screen and (max-width: 480px) {
    .fieldsets input[type=radio] {
        margin-left: 0
    }
}

.fieldsets textarea {
    vertical-align: middle;
    height: 60px
}

.fieldsets select {
    background: #e5e5e5 url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_arrow_down.png") no-repeat 98% 50%
}

@media only screen and (max-width: 480px) {
    .fieldsets select {
        height: 25px;
        width: 100%
    }
}

.fieldsets select[multiple],
.fieldsets select[size] {
    height: auto;
    background: none
}

.fieldsets select[size="1"] {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_arrow_down.png") no-repeat 265px 50%
}

@media only screen and (max-width: 480px) {
    .fieldsets select[size="1"] {
        height: 25px
    }
}

.fieldsets .label-full {
    width: 420px
}

.fieldsets .main-label {
    margin: 10px 0
}

.fieldsets .main-label-first {
    margin: 0 0 10px
}

@media only screen and (max-width: 480px) {
    .fieldsets .main-label-first {
        margin: 10px 0
    }
}

.fieldsets .radio-container label,
.fieldsets .checkbox-container label {
    display: inline-block;
    padding: 0 0 0 5px;
    vertical-align: middle;
    width: 95%
}

@media only screen and (max-width: 480px) {
    .fieldsets .radio-container label,
    .fieldsets .checkbox-container label {
        padding-top: 2px;
        vertical-align: baseline
    }
}

.fieldsets .radio-container input[type=checkbox],
.fieldsets .radio-container input[type=radio],
.fieldsets .checkbox-container input[type=checkbox],
.fieldsets .checkbox-container input[type=radio] {
    margin-top: 3px;
    vertical-align: top;
    float: left;
    clear: left
}

@media only screen and (max-width: 480px) {
    .fieldsets .radio-container input[type=checkbox],
    .fieldsets .radio-container input[type=radio],
    .fieldsets .checkbox-container input[type=checkbox],
    .fieldsets .checkbox-container input[type=radio] {
        margin-left: 0
    }
}

.fieldsets .radio-container label {
    padding-top: 1px
}

@media only screen and (max-width: 480px) {
    .fieldsets .radio-container label {
        padding-top: 2px
    }
}

.fieldsets .textarea-container {
    max-width: 100%
}

.fieldsets .textarea-container label {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 10px 0
}

.fieldsets .textarea-container textarea {
    height: 60px;
    margin-top: 0;
    width: 100%;
    max-width: 100%
}

.tx-powermail-pi1 {
    font-weight: 500;
    margin-bottom: 75px
}

.tx-powermail-pi1 button.info {
    float: right;
    margin-left: 10px
}

.tx-powermail-pi1 .powermail_fieldwrap_country,
.tx-powermail-pi1 .powermail_fieldwrap_select {
    position: relative
}

.tx-powermail-pi1 .fieldsets .powermail_reset {
    float: left
}

.tx-powermail-pi1 .powermail_check_inner label {
    display: inline-block;
    float: none;
    padding-left: 5px;
    vertical-align: top;
    padding-top: 2px;
    width: 263px
}

@media only screen and (max-width: 480px) {
    .tx-powermail-pi1 .powermail_check_inner label {
        width: 95%;
        padding-top: 4px
    }
}

.tx-powermail-pi1 .powermail_radio_inner label {
    float: none;
    margin-left: 5px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 3px;
    display: inline-block
}

.tx-powermail-pi1 .powermail_all_td {
    color: rgba(0, 0, 0, 0.4)
}

.tx-powermail-pi1 .mandatory,
.tx-powermail-pi1 .field_required,
.tx-powermail-pi1 .powermail_message_error {
    color: #f00
}

.tx-powermail-pi1 button.info {
    margin-top: 12px
}

.tx-powermail-pi1 .selected-text {
    bottom: 0
}

.tx-powermail-pi1 select,
.tx-powermail-pi1 input[type=text] {
    font-size: 12px
}

@media only screen and (max-width: 480px) {
    .tx-powermail-pi1 select,
    .tx-powermail-pi1 input[type=text] {
        padding: 7px 5px;
        color: #777676;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        font-size: 1rem;
        min-height: 26px
    }
}

.tx-powermail-pi1 .fieldsets .powermail_fieldwrap_check legend,
.tx-powermail-pi1 .fieldsets .powermail_fieldwrap_radio legend {
    display: block
}

.Tx-Formhandler .contact-extra-field {
    position: absolute;
    left: -99999px
}

.Tx-Formhandler .csc-mailform-field {
    position: relative
}

.Tx-Formhandler .csc-mailform-field:before,
.Tx-Formhandler .csc-mailform-field:after {
    content: " ";
    display: table
}

.Tx-Formhandler .csc-mailform-field:after {
    clear: both
}

.Tx-Formhandler .fieldset-submit {
    max-width: 100%;
    clear: both
}

@media only screen and (max-width: 1199px) {
    .Tx-Formhandler .fieldset-submit .csc-mailform-field {
        padding: 15px 10px 0 15px
    }
}

@media only screen and (max-width: 480px) {
    .Tx-Formhandler .fieldset-submit .csc-mailform-field {
        width: 100%;
        padding: 0
    }
}

.Tx-Formhandler button.info {
    float: right;
    margin-left: 10px
}

.Tx-Formhandler .selected-text {
    bottom: 0;
    display: none
}

@media only screen and (max-width: 480px) {
    .Tx-Formhandler .selected-text {
        display: block
    }
    .Tx-Formhandler .selected-text+select {
        opacity: 0
    }
}

.Tx-Formhandler select,
.Tx-Formhandler input[type=text] {
    max-width: 100%;
    font-size: 12px
}

@media only screen and (max-width: 480px) {
    .Tx-Formhandler select,
    .Tx-Formhandler input[type=text] {
        padding: 7px 5px;
        color: #777676;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        font-size: 1rem;
        min-height: 26px
    }
}

.formhandler-fieldset,
.tx-powermail-pi1_fieldset {
    padding: 15px
}

.formhandler-fieldset .powermail_fieldwrap,
.tx-powermail-pi1_fieldset .powermail_fieldwrap {
    clear: left
}

.formhandler-fieldset .powermail_fieldwrap_input,
.formhandler-fieldset .powermail_fieldwrap_check,
.tx-powermail-pi1_fieldset .powermail_fieldwrap_input,
.tx-powermail-pi1_fieldset .powermail_fieldwrap_check {
    width: 439px
}

.formhandler-fieldset .powermail_fieldwrap_input label a,
.formhandler-fieldset .powermail_fieldwrap_check label a,
.tx-powermail-pi1_fieldset .powermail_fieldwrap_input label a,
.tx-powermail-pi1_fieldset .powermail_fieldwrap_check label a {
    display: block
}

.formhandler-fieldset .powermail_fieldwrap_input .powermail_check_inner,
.formhandler-fieldset .powermail_fieldwrap_check .powermail_check_inner,
.tx-powermail-pi1_fieldset .powermail_fieldwrap_input .powermail_check_inner,
.tx-powermail-pi1_fieldset .powermail_fieldwrap_check .powermail_check_inner {
    width: 439px
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset .powermail_fieldwrap_input,
    .formhandler-fieldset .powermail_fieldwrap_check,
    .tx-powermail-pi1_fieldset .powermail_fieldwrap_input,
    .tx-powermail-pi1_fieldset .powermail_fieldwrap_check {
        width: 100%
    }
    .formhandler-fieldset .powermail_fieldwrap_input.tx_powermail_pi1_fieldwrap_html_submit,
    .formhandler-fieldset .powermail_fieldwrap_input.tx_powermail_pi1_fieldwrap_html_reset,
    .formhandler-fieldset .powermail_fieldwrap_check.tx_powermail_pi1_fieldwrap_html_submit,
    .formhandler-fieldset .powermail_fieldwrap_check.tx_powermail_pi1_fieldwrap_html_reset,
    .tx-powermail-pi1_fieldset .powermail_fieldwrap_input.tx_powermail_pi1_fieldwrap_html_submit,
    .tx-powermail-pi1_fieldset .powermail_fieldwrap_input.tx_powermail_pi1_fieldwrap_html_reset,
    .tx-powermail-pi1_fieldset .powermail_fieldwrap_check.tx_powermail_pi1_fieldwrap_html_submit,
    .tx-powermail-pi1_fieldset .powermail_fieldwrap_check.tx_powermail_pi1_fieldwrap_html_reset {
        margin-top: 15px
    }
}

.formhandler-fieldset.fieldset-wide,
.tx-powermail-pi1_fieldset.fieldset-wide {
    clear: both;
    border-bottom: 1px solid #eee;
    padding: 0 0 15px 0
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset.fieldset-wide,
    .tx-powermail-pi1_fieldset.fieldset-wide {
        padding: 15px
    }
}

.formhandler-fieldset.fieldset-wide .powermail_fieldwrap,
.tx-powermail-pi1_fieldset.fieldset-wide .powermail_fieldwrap {
    clear: none;
    float: left;
    width: 469px;
    padding: 15px 10px 0 15px
}

.no-boxshadow .formhandler-fieldset.fieldset-wide .powermail_fieldwrap,
.no-boxshadow .tx-powermail-pi1_fieldset.fieldset-wide .powermail_fieldwrap {
    width: 468px
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset.fieldset-wide .powermail_fieldwrap,
    .tx-powermail-pi1_fieldset.fieldset-wide .powermail_fieldwrap {
        width: 100%;
        padding: 0px
    }
}

.formhandler-fieldset.fieldset-wide:last-of-type,
.tx-powermail-pi1_fieldset.fieldset-wide:last-of-type {
    border: none
}

.formhandler-fieldset.fieldset-wide .powermail_fieldwrap_submit,
.tx-powermail-pi1_fieldset.fieldset-wide .powermail_fieldwrap_submit {
    clear: both;
    width: 100%
}

.formhandler-fieldset.fieldset-left,
.formhandler-fieldset.fieldset-right,
.formhandler-fieldset .field-left,
.formhandler-fieldset .field-right,
.tx-powermail-pi1_fieldset.fieldset-left,
.tx-powermail-pi1_fieldset.fieldset-right,
.tx-powermail-pi1_fieldset .field-left,
.tx-powermail-pi1_fieldset .field-right {
    width: 469px
}

.no-boxshadow .formhandler-fieldset.fieldset-left,
.no-boxshadow .formhandler-fieldset.fieldset-right,
.no-boxshadow .formhandler-fieldset .field-left,
.no-boxshadow .formhandler-fieldset .field-right,
.no-boxshadow .tx-powermail-pi1_fieldset.fieldset-left,
.no-boxshadow .tx-powermail-pi1_fieldset.fieldset-right,
.no-boxshadow .tx-powermail-pi1_fieldset .field-left,
.no-boxshadow .tx-powermail-pi1_fieldset .field-right {
    width: 468px
}

.formhandler-fieldset.fieldset-left,
.tx-powermail-pi1_fieldset.fieldset-left {
    max-width: 100%;
    float: left
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset.fieldset-left,
    .tx-powermail-pi1_fieldset.fieldset-left {
        padding-bottom: 0px
    }
}

.formhandler-fieldset.fieldset-right,
.tx-powermail-pi1_fieldset.fieldset-right {
    max-width: 100%
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset.fieldset-right,
    .tx-powermail-pi1_fieldset.fieldset-right {
        padding-top: 0px
    }
}

.formhandler-fieldset .field-left,
.tx-powermail-pi1_fieldset .field-left {
    float: left
}

.formhandler-fieldset .field-wide label,
.tx-powermail-pi1_fieldset .field-wide label {
    float: none
}

.formhandler-fieldset .field-wide textarea,
.tx-powermail-pi1_fieldset .field-wide textarea {
    clear: both;
    height: 86px;
    margin-top: 10px;
    width: 439px
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset .field-wide textarea,
    .tx-powermail-pi1_fieldset .field-wide textarea {
        height: 60px;
        margin-top: 0;
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .formhandler-fieldset,
    .tx-powermail-pi1_fieldset {
        float: none !important;
        width: 100% !important
    }
}

.error {
    display: inline-block;
    vertical-align: top;
    background-color: #f00;
    border: 1px solid #f00;
    font-size: 12px;
    color: #fff;
    /*margin: 2px;*/
    padding: 3px 10px 5px 10px;
    /*margin-left: -2px;*/
    z-index: 10;
    text-align: left;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)
}

.error p {
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-shadow: 0 -1px 1px #a00
}

html:root .error em {
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: #f00 transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 5px;
    border-bottom: 0 none
}

#formhandler_quickregistration_form .fieldsets,
#formhandler_registration_form .fieldsets,
.sales-contact-us-fieldsets {
    font-weight: 500;
    position: relative
}

.formhandler-bodytext,
#formhandler_quickregistration_form .formhandler-header-text,
#formhandler_registration_form .formhandler-header-text {
    padding: 15px 15px 0 15px
}

.formhandler-bodytext-inner {
    padding: 15px 0 0 0
}

.errorMsg {
    color: #f00
}

.formhandler-ajax-validation-result .error {
    color: #f00;
    padding: 0;
    border: 0;
    background: 0;
    box-shadow: none;
    margin: 0
}

fieldset.formhandler-fieldset .formhandler-checkbox-field {
    margin: 0;
    float: left;
    height: 1.35em
}

fieldset.formhandler-fieldset .formhandler-checkbox-label {
    width: auto;
    clear: none;
    padding-left: 8px;
    padding-top: 0
}

.formhandler-checkbox-wrap {
    width: 100%;
    float: left;
    margin-bottom: 0.6em
}

#formhandler_registration_form .errorMsg {
    padding-left: 15px
}

.crm-form label,
.crm-form .main-label {
    width: 100%;
    font-weight: 400;
    margin-top: 10px;
    vertical-align: bottom
}

.crm-form select {
    background: none
}

.crm-form input,
.crm-form textarea,
.crm-form select,
.crm-form button {
    line-height: 1.5;
    font-size: 12px;
    width: 100%;
    border: none;
    background-color: #e5e5e5;
    color: #666;
    padding: 3px 5px
}

.crm-form input,
.crm-form select,
.crm-form button {
    height: 30px
}

.crm-form .group-container label {
    width: auto;
    width: initial;
    margin-top: 0
}

.crm-form .group-container input,
.crm-form .group-container select {
    width: auto;
    width: initial;
    margin-right: 5px
}

.crm-form button[type="submit"] {
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.1rem;
    cursor: pointer;
    background-color: #a8871b;
    color: #fff;
    font-weight: 300;
    padding: 8px 0;
    margin-top: 25px
}

.crm-form button[type="submit"]:hover {
    background-color: #b39228
}

.crm-form button[type="submit"]:disabled {
    background-color: #c5d3db
}

.crm-form button[type="submit"]:disabled:hover {
    background-color: #c5d3db
}

.crm-form input[type="checkbox"],
.crm-form input[type="radio"] {
    background-color: #fff;
    vertical-align: top
}

.crm-form select {
    padding: 0 25px;
    text-align-last: center;
    background: url(/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_arrow_down.png) no-repeat scroll 225px 50% #e5e5e5;
    background-position: right 9px center
}

@media screen\0 {
    .crm-form select {
        padding: 0
    }
}

.crm-form-message .message {
    margin-top: 50px;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.2rem
}

.crm-form-message .message-error {
    color: red
}

.acton-verify {
    position: absolute;
    left: -10000px
}

.tx-felogin-pi1 {
    width: 400px;
    max-width: 100%;
    margin: auto
}

.tx-felogin-pi1 .tx-felogin-pi1-error {
    color: red
}

.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"] {
    width: 100%
}

.tx-felogin-pi1 button.info {
    width: 100%
}

.tx-felogin-pi1 .type-button {
    margin-top: 1px
}

.tx-felogin-pi1 .type-button input {
    background-position: 10% 54% !important;
    width: auto
}

.tx-felogin-pi1 .type-button button {
    max-width: 100%
}

.tx-felogin-pi1 .forgotform input[type="submit"],
.tx-felogin-pi1 .changepassword input[type="submit"] {
    width: auto
}

@media only screen and (max-width: 480px) {
    .tx-felogin-pi1 {
        background: white;
        box-shadow: none
    }
    .tx-felogin-pi1 p>a {
        display: inline-block
    }
    .tx-felogin-pi1 .type-button {
        margin-left: 0;
        margin-top: 5px;
        font-size: 1.25em
    }
    .tx-felogin-pi1 .forgotform input[type="submit"] {
        margin-top: 20px
    }
}

.tx-felogin-pi1-inner {
    border: 1px solid #eee;
    padding: 32px 48px
}

.no-boxshadow .tx-felogin-pi1-inner {
    border: 1px solid #999
}

.tx-felogin-pi1-inner .outer-wrapper {
    padding-top: 6px
}

.tx-felogin-pi1-inner h1 {
    margin-bottom: 13px;
    margin-top: 0
}

@media only screen and (max-width: 480px) {
    .tx-felogin-pi1-inner h1 {
        line-height: 1.5;
        font-size: 19px;
        font-size: 1.6rem
    }
    .tx-felogin-pi1-inner p {
        line-height: 1.5;
        font-size: 13px;
        font-size: 1.05rem;
        line-height: 1.6rem;
        margin-bottom: 15px
    }
    .tx-felogin-pi1-inner .forgot-password {
        line-height: 1.5;
        font-size: 12px;
        font-size: 1rem;
        margin-bottom: 20px
    }
}

.tx-felogin-pi1-inner .forgot-password {
    float: left
}

.tx-felogin-pi1-inner .register {
    float: right
}

.label-wrapper,
.forgot-wrapper {
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.1rem;
    width: 150px
}

.label-wrapper label,
.forgot-wrapper label {
    margin-bottom: 0px
}

@media only screen and (max-width: 480px) {
    .label-wrapper,
    .forgot-wrapper {
        float: none
    }
    .label-wrapper label,
    .forgot-wrapper label {
        line-height: 1.5;
        font-size: 11px;
        font-size: .875rem;
        font-weight: 400;
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .field-wrapper {
        float: none;
        width: 100%
    }
}

.odsAutocompleteNavigationList {
    position: relative;
    z-index: 9999
}

.odsAutocompleteNavigationList ul,
.odsAutocompleteNavigationList li {
    list-style-type: none !important
}

.onebruker-filterbox {
    margin: 16px 0;
    padding: 0 107px
}

.onebruker-filterbox input[type=text] {
    padding: 3px 8px;
    width: 200px
}

.onebruker-filterbox .filter-label {
    display: inline;
    margin: 0
}

.onebruker-filterbox select,
.onebruker-filterbox input[type=text] {
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.2rem;
    margin: 0 2px 0 0
}

.onebruker-filterbox select::-webkit-input-placeholder,
.onebruker-filterbox input[type=text]::-webkit-input-placeholder {
    text-align: center;
    color: #666
}

.onebruker-filterbox select::-moz-placeholder,
.onebruker-filterbox input[type=text]::-moz-placeholder {
    text-align: center;
    color: #666
}

.onebruker-filterbox select:-ms-input-placeholder,
.onebruker-filterbox input[type=text]:-ms-input-placeholder {
    text-align: center;
    color: #666
}

.onebruker-filterbox select::placeholder,
.onebruker-filterbox input[type=text]::placeholder {
    text-align: center;
    color: #666
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox select,
    .onebruker-filterbox input[type=text] {
        padding: 7px 5px;
        color: #777676;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        font-size: 1rem;
        min-height: 26px;
        box-shadow: none;
        margin: 0
    }
}

.onebruker-filterbox select {
    text-align: center;
    width: 240px;
    cursor: pointer;
    text-align-last: center
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox select {
        width: inherit
    }
}

.onebruker-filterbox ul li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox ul li {
        float: none;
        margin-right: 0px
    }
}

.onebruker-filterbox .type-button input {
    border: 1px solid #eee;
    color: #a8871b;
    margin-right: 12px;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1rem;
    padding: 3px 20px 4px 10px;
    text-decoration: none;
    background: #d6d6d6 linear-gradient(#fff, #fff 50%, #bbb);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0), inset 0 0 3px rgba(221, 221, 221, 0.5)
}

.onebruker-filterbox .type-button button,
.onebruker-filterbox .type-button a {
    margin: 0;
    cursor: pointer;
    border-right: solid 2px #fff;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox .type-button button,
    .onebruker-filterbox .type-button a {
        width: 100%;
        margin-bottom: 2px;
        border: none;
        height: 26px;
        padding: 0;
        line-height: 26px
    }
}

.onebruker-filterbox .type-button input[type=submit] {
    cursor: pointer
}

.onebruker-filterbox .type-button a.reset {
    margin-right: 2px;
    color: #fff
}

.onebruker-filterbox form {
    background: #e5e5e5
}

.onebruker-filterbox form ul li {
    border-right: solid 2px #fff
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox form ul li {
        border: none
    }
}

.onebruker-filterbox form>* {
    float: left
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox form>* {
        width: 100%
    }
}

.onebruker-filterbox form:before,
.onebruker-filterbox form:after {
    content: " ";
    display: table
}

.onebruker-filterbox form:after {
    clear: both
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox form {
        background: none
    }
}

.onebruker-filterbox .tx-ptextlist-filters:before,
.onebruker-filterbox .tx-ptextlist-filters:after {
    content: " ";
    display: table
}

.onebruker-filterbox .tx-ptextlist-filters:after {
    clear: both
}

@media only screen and (max-width: 480px) {
    .onebruker-filterbox {
        margin: 16px auto;
        padding: 0 7%
    }
    .onebruker-filterbox .field-wrapper {
        margin-top: 0;
        position: relative
    }
    .onebruker-filterbox .field-wrapper-button,
    .onebruker-filterbox .tx-ptextlist-filterboxcontrols {
        margin-top: 0
    }
    .csc-default.article .onebruker-filterbox {
        margin-left: 0;
        margin-right: 0
    }
    .onebruker-filterbox .outer-wrapper {
        margin-bottom: 2px
    }
}

.content-downloads .onebruker-filterbox {
    padding: 0
}

#tx-ptextlist-filterbox-eventsFilter .tx-ptextlist-filterboxcontrols,
#tx-ptextlist-filterbox-newsFilter .tx-ptextlist-filterboxcontrols {
    float: right
}

@media only screen and (max-width: 1199px) {
    #tx-ptextlist-filterbox-eventsFilter .tx-ptextlist-filterboxcontrols,
    #tx-ptextlist-filterbox-newsFilter .tx-ptextlist-filterboxcontrols {
        width: 100%;
        border-top: 2px #fff solid
    }
}

@media only screen and (max-width: 480px) {
    #tx-ptextlist-filterbox-eventsFilter .tx-ptextlist-filterboxcontrols,
    #tx-ptextlist-filterbox-newsFilter .tx-ptextlist-filterboxcontrols {
        border: none
    }
}

#tx-ptextlist-filterbox-eventsFilter .tx-ptextlist-filterboxcontrols button.info,
#tx-ptextlist-filterbox-newsFilter .tx-ptextlist-filterboxcontrols button.info {
    border-left: solid 2px #fff
}

@media only screen and (max-width: 480px) {
    #tx-ptextlist-filterbox-eventsFilter .tx-ptextlist-filterboxcontrols button.info,
    #tx-ptextlist-filterbox-newsFilter .tx-ptextlist-filterboxcontrols button.info {
        border-left: none
    }
}

#tx-ptextlist-filterbox-eventsFilter .tx-ptextlist-filterboxcontrols a.reset,
#tx-ptextlist-filterbox-newsFilter .tx-ptextlist-filterboxcontrols a.reset {
    margin-right: 0;
    border-right: none
}

#typo3-ptextlist-filter-datepicker {
    color: #000;
    margin: 20px 15px
}

#typo3-ptextlist-filter-datepicker a {
    color: #000
}

#typo3-ptextlist-filter-datepicker table {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    line-height: 1.5;
    font-size: 11px;
    font-size: .9rem;
    line-height: .9em;
    text-align: right;
    width: 100%
}

#typo3-ptextlist-filter-datepicker th,
#typo3-ptextlist-filter-datepicker td {
    border-bottom: 1px solid #ddd;
    padding: 6px 5px
}

#typo3-ptextlist-filter-datepicker th {
    color: #adaeae;
    font-weight: 400;
    text-transform: uppercase
}

#typo3-ptextlist-filter-datepicker td {
    border-right: 1px solid #ddd
}

#typo3-ptextlist-filter-datepicker td.ui-datepicker-unselectable {
    color: #adaeae
}

#typo3-ptextlist-filter-datepicker td.ui-datepicker-week-end {
    border-right: 0;
    border-left: 1px solid #ddd
}

#typo3-ptextlist-filter-datepicker td.ui-datepicker-current-day {
    background: #fff
}

#typo3-ptextlist-filter-datepicker td.ui-datepicker-current-day a {
    color: #a8871b;
    font-weight: 700
}

#typo3-ptextlist-filter-datepicker .ui-datepicker-title {
    border-bottom: 1px solid #000;
    font-weight: 700;
    text-align: center;
    padding-bottom: 4px
}

#typo3-ptextlist-filter-datepicker .ui-datepicker-prev {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_newsarrow_left.png") no-repeat 0 50%;
    cursor: pointer;
    float: left
}

#typo3-ptextlist-filter-datepicker .ui-datepicker-next {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_newsarrow.png") no-repeat 0 50%;
    cursor: pointer;
    float: right
}

.tx-ptextlist-pager-wrapper {
    color: #444;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem
}

.tx-ptextlist-pager-wrapper:before,
.tx-ptextlist-pager-wrapper:after {
    content: " ";
    display: table
}

.tx-ptextlist-pager-wrapper:after {
    clear: both
}

.tx-ptextlist-pager-wrapper .tx-ptextlist-pager-item-display {
    font-weight: 500;
    padding: 0 0 10px;
    float: left
}

@media only screen and (max-width: 767px) {
    .tx-ptextlist-pager-wrapper .tx-ptextlist-pager-item-display {
        float: none
    }
}

@media only screen and (max-width: 480px) {
    .tx-ptextlist-pager-wrapper {
        padding: 0
    }
    .override-grid .tx-ptextlist-pager-wrapper {
        padding: 0 16px
    }
    .tx-ptextlist-pager-wrapper .tx-ptextlist-pager-item-display {
        padding: 0 0 5px 0
    }
}

.tx-ptextlist-pager {
    display: inline;
    float: right;
    margin: 0;
    padding: 0
}

.tx-ptextlist-pager li {
    padding: 0;
    background: none;
    display: inline;
    list-style-type: none
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .tx-ptextlist-pager li {
        margin-left: 0
    }
}

.tx-ptextlist-pager li .cur {
    font-weight: 500;
    color: #a8871b;
    margin: 0 5px
}

.tx-ptextlist-pager li .fill {
    font-weight: 500;
    margin: 0 5px
}

.tx-ptextlist-pager li a {
    margin: 0 5px;
    color: #707173
}

.tx-ptextlist-pager li a:hover {
    color: #a8871b
}

.tx-ptextlist-pager li.previous a,
.tx-ptextlist-pager li.next a {
    margin: 0
}

.tx-ptextlist-pager li.previous a span,
.tx-ptextlist-pager li.next a span {
    position: relative;
    bottom: 1px;
    line-height: 1.5;
    font-size: 8px;
    font-size: .65rem
}

.content div.coursesList {
    clear: both;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 60px;
    border-top: 1px solid #DFDFDF
}

.search-line{
    position: relative;
    margin: 0 0 2em 0;
}
.search-line .solr-quick-search-wrap{
    margin-top: 0;
}
.search-line .solr-quick-search-wrap .search-close-button{
    right: 0;
    background-color: #a8871b;
}


.solr-quick-search-wrap {
    float: right;
    margin-top: 46px;
    width: 100%;
    width: 26px;
}

.solr-quick-search-wrap input {
    border: 0;
    color: #000;
    background: none;
    width: 100%;
    padding: 2px 0;
    height: 27px;
    line-height: 1.5;
    font-size: 15px;
    font-size: 1.25rem;
}

.expanded .solr-quick-search-wrap::after {
    color: #666
}

.solr-quick-search-wrap form {
    background: #e5e5e5;
    position: relative;
    border-radius: 6px;
}

.solr-quick-search-wrap form .search-submit-button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB4PSIxODAiPjxwYXRoIGZpbGw9IiM5MTkxOTEiIGQ9Ik0xOC44NjkgMTkuMTYybC01Ljk0My02LjQ4NEE3LjQ0OCA3LjQ0OCAwIDAgMCAxNS4wMDEgNy41YzAtMi4wMDMtLjc4LTMuODg3LTIuMTk3LTUuMzAzUzkuNTA0IDAgNy41MDEgMCAzLjYxNC43OCAyLjE5OCAyLjE5Ny4wMDEgNS40OTcuMDAxIDcuNXMuNzggMy44ODcgMi4xOTcgNS4zMDNTNS40OTggMTUgNy41MDEgMTVhNy40NDEgNy40NDEgMCAwIDAgNC42ODgtMS42NDVsNS45NDMgNi40ODNhLjQ5Ny40OTcgMCAwIDAgLjcwNy4wMzEuNS41IDAgMCAwIC4wMzEtLjcwNnpNMSA3LjVDMSAzLjkxNiAzLjkxNiAxIDcuNSAxUzE0IDMuOTE2IDE0IDcuNSAxMS4wODQgMTQgNy41IDE0IDEgMTEuMDg0IDEgNy41eiIvPjwvc3ZnPg==");
    background-size: 15px 15px;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    fill: currentColor;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
    cursor: pointer;
    outline: none !important;
    z-index: 101
}
.full-width-search .solr-quick-search-wrap form .search-submit-button{
    z-index: 200;
}

.solr-quick-search-wrap .search-close-button {
    display: none;
    border: 1px solid rgba(168, 135, 27, 0.2);
    border-bottom: 1px solid rgba(168, 135, 27, 0.6);
    background-clip: padding-box;
    cursor: pointer;
    font-size: 1.25rem;
    position: absolute;
    text-align: center;
    right: -28px;
    top: -1px;
    width: 28px;
    height: 28px;
    z-index: 102;
    padding: 3px 3px;
    border-radius: 6px;
}

.solr-quick-search-wrap .search-close-button i {
    display: block
}

.solr-quick-search-wrap .solr-quick-search-field {
    position: relative;
    padding-left: 26px;
    z-index: 2;
    border-radius: 6px;
}

@media only screen and (max-width: 767px) {
    .solr-quick-search-wrap {
        margin-top: 0;
        width: 100%;
        padding: 10px 23px
    }
    .solr-quick-search-wrap form {
        background: #fff
    }
    .solr-quick-search-wrap input {
        border: none;
        padding: 3px 5px 2px;
        line-height: 1.5;
        font-size: 17px;
        font-size: 1.4rem
    }
    .solr-quick-search-wrap form {
        position: relative;
        z-index: 99
    }
    .solr-quick-search-wrap form .solr-quick-search-field {
        margin-left: 25px
    }
}

@media only screen and (min-width: 1200px) {
    .full-width-search .solr-quick-search-wrap {
        width: 400%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-search .solr-quick-search-wrap {
        width: 400%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .full-width-search .solr-quick-search-wrap {
        width: 280%
    }
}

@media only screen and (max-width: 767px) {
    .full-width-search .solr-quick-search-wrap .search-close-button {
        right: 0
    }
}

.full-width-search .solr-quick-search-wrap form::after {
    display: none
}

.full-width-search .solr-quick-search-wrap .search-close-button {
    background-color: #a8871b;
    display: block
}

.full-width-search .navigation-buttons .language-list {
    display: none
}

.solr-quick-search-field:focus {
    outline: none
}

.twitter-typeahead {
    width: 100%;
    position: relative;
    z-index: 102;
}

.tt-menu {
    background: #eee;
    font-size: 1.2rem;
    line-height: 1.5;
    width: 100%
}

.tt-menu .tt-suggestion {
    padding-left: 25px;
    cursor: pointer
}

.tt-menu .tt-suggestion:hover,
.tt-menu .tt-suggestion.tt-cursor {
    background: #e5e5e5
}

.tt-menu .tt-suggestion strong {
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .tt-menu .tt-suggestion {
        padding: 6px 25px;
        line-height: 1.5;
        font-size: 1.4rem
    }
}

.search-form .tt-suggestion {
    padding-left: 8px
}

@media only screen and (max-width: 480px) {
    .search-form .field-wrapper {
        margin-bottom: 2px
    }
}

.onebruker-search-searchbox {
    padding: 0 8px
}

.onebruker-search-searchbox form.search-form {
    background: none
}

.onebruker-search-searchbox .type-button input {
    margin-right: 0
}

.onebruker-search-searchbox .type-button input[type="input"] {
    cursor: pointer
}

.onebruker-search-whatis {
    font-size: 1.167em;
    padding: 16px
}

.onebruker-search-whatis .onebruker-search-searchword {
    font-weight: 700
}

.onebruker-search-results .onebruker-search-result {
    border-top: 1px solid #dfdfdf;
    padding: 12px 15px
}

.onebruker-search-results h4 {
    font-size: 1.5em
}

.onebruker-search-results .onebruker-search-text-item-size,
.onebruker-search-results .onebruker-search-text-item-size a,
.onebruker-search-results .onebruker-search-text-item-path,
.onebruker-search-results .onebruker-search-text-item-path a {
    color: #999
}

.onebruker-search-noresults {
    margin-top: .5em
}

.onebruker-search-browsebox {
    padding: 3px 0 5px 15px;
    overflow: hidden
}

.onebruker-search-browsebox p {
    margin: .5em 0
}

.onebruker-search-browsebox li {
    display: inline;
    list-style-type: none
}

.onebruker-search-browsebox .pager,
.onebruker-search-browsebox .pager-active {
    background-color: #fff;
    border: 1px solid #eee;
    color: #a8871b;
    padding: 3px 18px 2px 18px;
    margin-right: 5px;
    text-decoration: none;
    vertical-align: top;
    border-radius: 0
}

.onebruker-search-browsebox .pager-spacer {
    margin: 0 5px 0 0
}

.onebruker-search-browsebox .pager-active {
    font-weight: 700;
    background: #d6d6d6
}

.search-result.field-wrapper {
    margin-right: 12px
}

@media only screen and (max-width: 767px) {
    .search-result.field-wrapper {
        margin-bottom: 1rem
    }
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-widget {
    font-size: 1em !important
}

.ui-widget-content {
    border: 1px solid #b8b8b8;
    background: #eee;
    color: #666
}

.ui-widget-content a {
    color: #666
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #b8b8b8;
    background: #eee;
    font-weight: 400;
    color: #666
}

.ui-state-default a {
    color: #666;
    text-decoration: none
}

.ui-state-default a:link,
.ui-state-default a:visited {
    color: #666;
    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 {
    border: 1px solid #b8b8b8;
    background: #f5f5f5;
    font-weight: 400;
    color: #a8871b;
    cursor: pointer
}

.ui-state-hover a {
    color: #a8871b;
    text-decoration: none
}

.ui-state-hover a:hover {
    color: #a8871b;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #b8b8b8;
    background: white;
    font-weight: 400;
    color: #666
}

.ui-state-active a {
    color: #666;
    text-decoration: none
}

.ui-state-active a:link,
.ui-state-active a:visited {
    color: #666;
    text-decoration: none
}

.ui-widget:active {
    outline: none
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    overflow: hidden;
    z-index: 1000 !important;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.ui-autocomplete li {
    color: #333;
    cursor: pointer;
    font-size: 10px;
    padding: 0 3px
}

.ui-autocomplete .selected {
    color: #666
}

.ui-state-focus {
    background-color: #abceff
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
    font-weight: 400;
    margin: -1px
}

.CEbig-contact {
    bottom: 17px;
    position: absolute
}

.CEbig-contact a img {
    border: none
}

.CEbig-contact span {
    color: #a8871b
}

.CEbig-contact a.info,
.CEbig-contact .info a {
    border: 1px solid #a8871b;
    color: #fff;
    font-weight: 700;
    background: #a8871b linear-gradient(#a8871b, #a8871b 50%, #0071bc);
    border-radius: 4px;
    box-shadow: 0 0 2px 0 rgba(204, 204, 204, 0.5)
}

.slider-middle-item {
    cursor: pointer;
    display: none;
    opacity: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute
}

.slider-middle-item:before,
.slider-middle-item:after {
    content: " ";
    display: table
}

.slider-middle-item:after {
    clear: both
}

.no-js .slider-middle-item {
    position: relative
}

.slider-small .slider-middle-item {
    cursor: default
}

.slider-middle-item:first-child {
    display: block;
    position: relative;
    opacity: 1
}

.slider-middle {
    background: #0071bc url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_slider_bg.png") no-repeat top right;
    float: left;
    position: relative;
    width: 100%;
    height: 343px
}

@media only screen and (max-width: 480px) {
    .slider-middle {
        background: none;
        float: none;
        height: auto;
        border-radius: 0
    }
}

@media only screen and (max-width: 1199px) {
    .slider-middle {
        width: 100%
    }
}

.slider-middle-left {
    height: 343px;
    float: left
}

.boxshadow .slider-middle-left {
    position: relative
}

.boxshadow .slider-middle-left:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4) inset
}

@media only screen and (max-width: 480px) {
    .boxshadow .slider-middle-left:after {
        box-shadow: none
    }
}

.slider-middle-left:after,
.slider-middle-left img {
    display: block;
    border-radius: 4px 0px 0px 4px
}

@media only screen and (max-width: 480px) {
    .slider-middle-left {
        height: auto;
        float: none
    }
    .slider-middle-left:after,
    .slider-middle-left img {
        border-radius: 0
    }
    .slider-middle-left img {
        height: auto;
        width: 100% !important
    }
}

.slider-middle-right {
    height: 343px;
    float: right;
    color: #fff;
    width: 400px;
    padding: 20px
}

.slider-middle-right strong.big {
    line-height: 1.25;
    font-size: 42px;
    font-size: 3.5rem;
    display: block;
    height: 210px
}

.slider-middle-right p {
    line-height: 1.25;
    font-size: 14px;
    font-size: 1.167rem;
    display: block;
    height: 65px
}

.slider-middle-right p a:hover {
    text-decoration: underline
}

.slider-middle-right p span.blue {
    color: #c5d3db
}

@media only screen and (max-width: 480px) {
    .slider-middle-right {
        float: none;
        width: auto;
        height: auto;
        padding: 0
    }
    .slider-middle-right strong {
        line-height: 1.5;
        font-size: 18px;
        font-size: 1.5rem;
        display: block;
        font-weight: 700;
        margin: 0;
        height: auto;
        color: #a8871b
    }
    .slider-middle-right p {
        line-height: 1.5;
        font-size: 16px;
        font-size: 1.3rem;
        color: #777676;
        height: auto;
        padding: 10px 0 0;
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .big-slider {
        margin-bottom: 0;
        margin-left: -8px;
        margin-right: -8px
    }
    .big-slider .slick-dots {
        top: 10px;
        right: 10px;
        width: auto
    }
    .big-slider .slick-dots button {
        opacity: .5
    }
    .big-slider .slick-active button {
        opacity: 1
    }
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    padding-left: 250px;
    height: 20px;
    list-style: none;
    text-align: center;
    box-sizing: border-box;
    display: none !important;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
}

.slick-dots button {
    /*border-radius: 10px;*/
    background: #a8871b;
    color: #a8871b;
    vertical-align: top;
    cursor: pointer;
    width: 40px;
    height: 2px;
    font-size: 0px;
    margin: 5px auto;
    border: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
}

.slick-dots .slick-active button {
    background: #fff;
    color: #fff
}

.slider-item {
    height: 400px;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .slider-item {
        height: auto
    }
    .slick-dots{
        padding-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .slider-item {
        width: 100%;
        background: none;
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.no-boxshadow .slider-item {
    border: 1px solid #ddd
}






.slider-item .contact-box {
    background-color: #a8871b;
    height: 100%;
    width: 400px;
    float: left;
    z-index: 1000;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 50px;
}
.slider-item .contact-box.transparent {
    background-color: transparent
}


.slider-holder{
    position: relative;
    border-radius: 10px;
}
.social-banner-holder{
    position: absolute;
    right: 16px;
    bottom: 16px;
    border-radius: 3px
}
.social-banner {
    /*position: absolute;
    width: 100%;*/
    background-color: #fff;
    background-color: rgba(255,255,255,0.4);
    /*top: 0;
    right: 00;
    height: 100%;*/
    padding: 7px;
}
.social-banner .social-link{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 2px 5px;
    margin: 0 1px;
    min-width: 25px;
    line-height: 20px;
    background-color: #a8871b;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
}
.social-banner a {
    vertical-align: middle;
}
.social-banner a:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}
.slider-holder .home-slider .social-banner{
    display: none;
    background: none;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .slider-item .contact-box {
        width: 100%;
        height: 300px;
        margin: 0
    }
    .slider-item .contact-box.transparent {
        background-color: #a8871b
    }
    .social-banner .social-link{
        width: auto;
        display: inline-block;
        line-height: normal;
    }
}

.slider-item img,
.slider-item video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
    margin-left: 200px;
    z-index: -2000;
}

@media only screen and (max-width: 767px) {
    .slider-holder .home-slider{
        margin-right: 0;
        margin-bottom: 0;
    }
    .slider-holder .social-banner-holder{
        display: none;
    }
     .slider-holder .home-slider .social-banner{
        display: block;
    }
    .slider-item img,
    .slider-item video {
        position: relative;
        float: left;
        width: 100%;
        height: auto
    }
}
@media only screen and (max-width: 991px) {
    .slider-item img,
    .slider-item video {
        right: 0;
        left: auto
    }
}

@media only screen and (max-width: 480px) {
    .auto-height .slider-item .contact-box {
        height: auto
    }
    .auto-height .social-banner {
        position: static;
        margin: 20px 0 30px 25px
    }
}




@media (max-width: 991px){
    .slider-item img,
    .slider-item video {
        right: 0;
        left: auto
    }
}
@media (max-width: 767px){
    .slider-item{

    }
    .slider-item .contact-box {
        width: 100%;
        height: 300px;
    }
    .social-banner {
        width: 100%;
        height: auto;
        position: static;
        margin: 10px 25px;
    }
    .social-banner a{
        display: inline-block;
        vertical-align: top;
        margin: 0.5em;
    }
    .slider-item img,
    .slider-item video {
        width: 100%;
        margin: 0;
    }
}




.banner-title-home {
    line-height: 36px;
    margin: 35px 35px 0 35px;
    font-size: 36px;
    color: #fff
}

.banner-title-home a {
    color: #fff
}

.banner-title-home a:hover {
    color: #fff
}

.banner-subtitle-home {
    margin: 35px 35px 45px 35px;
    color: #fff;
    margin-bottom: 0.6em;
    line-height: 1.429;
    line-height: 1.5;
    font-size: 14px
}

a.hidden-link {
    display: none
}

.home-slider,
.subhome-slider {
    overflow: hidden;
    height: 400px;
}
.home-slider{
    margin-bottom: 2em;
}

@media only screen and (max-width: 767px) {
    .home-slider,
    .subhome-slider {
        height: auto
    }
}

.slick-slide {
    outline: 0
}

.product-slider-big [data-role=slick-button-prev] {
    left: 0
}

.product-slider-big [data-role=slick-button-next] {
    right: 0
}

.product-slider-big .slick-arrow .slick-prev,
.product-slider-big .slick-arrow .slick-next {
    margin: 0 auto;
    top: 40%;
    left: 0;
    right: 0;
    position: relative;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.product-slider-big .slick-arrow .slick-next {
    border-left: 10px solid #a8871b
}

.product-slider-big .slick-arrow .slick-prev {
    border-right: 10px solid #a8871b
}

.product-slider-big .product-slider-big-banner {
    height: 155px
}

.product-slider-big .product-slider-big-banner .product-slider-big-product img {
    margin-top: 15px
}

@media only screen and (max-width: 480px) {
    .product-slider-big .product-slider-big-banner {
        height: 190px
    }
}

.product-slider-big .product-slider-big-banner .slick-slide {
    display: inline-block
}

.product-slider-big .product-slider-big-banner .slick-slide img {
    display: inline
}

.product-slider-big .product-slider-big-banner .slick-list {
    width: 95%;
    margin: 0 auto
}

.product-slider-big .product-slider-big-banner .slick-track {
    margin: 0 auto
}

.product-slider-big .product-slider-big-banner .slick-dots {
    position: absolute;
    top: 155px
}

.product-slider-small {
    position: relative;
    margin: 50px -24px 0
}

.product-slider-small [data-role=slick-button-prev] {
    left: 0
}

.product-slider-small [data-role=slick-button-next] {
    right: 0
}

.product-slider-small .slick-arrow .slick-prev,
.product-slider-small .slick-arrow .slick-next {
    margin: 0 auto;
    top: 35%;
    left: 0;
    right: 0;
    position: relative;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.product-slider-small .slick-arrow .slick-next {
    border-left: 10px solid #a8871b
}

.product-slider-small .slick-arrow .slick-prev {
    border-right: 10px solid #a8871b
}

.product-slider-small .product-slider-small-banner {
    /*height: 120px*/
}

@media only screen and (max-width: 480px) {
    .product-slider-small .product-slider-small-banner {
        margin-top: 1rem;
        height: 155px
    }
}

.product-slider-small .product-slider-small-banner .slick-slide img {
    display: inline
}

.product-slider-small .product-slider-small-banner .slick-list {
    width: 95%;
    margin: 0 auto
}

.product-slider-small .product-slider-small-banner .slick-dots {
    position: absolute;
    top: 120px
}

.teasers-box [data-role=slick-button-prev] {
    left: -30px
}

.teasers-box [data-role=slick-button-next] {
    right: -30px
}

/*@media only screen and (max-width: 1024px) {
    .teasers-box {
        padding: 0 148px 42px
    }
}*/

@media only screen and (max-width: 480px) {
    .teasers-box {
        padding: 0 15px 42px
    }
}

.teasers-box .slick-arrow .slick-prev,
.teasers-box .slick-arrow .slick-next {
    margin: 0 auto;
    top: 153px;
    left: 0;
    right: 0;
    position: relative;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.teasers-box .slick-arrow .slick-next {
    border-left: 10px solid #a8871b
}

.teasers-box .slick-arrow .slick-prev {
    border-right: 10px solid #a8871b
}

@media only screen and (max-width: 480px) {
    .product-slider .teaser-box-image,
    .customer-slider .teaser-box-image {
        width: 100%;
        padding: 0 24px
    }
    .product-slider .teaser-box-image img,
    .customer-slider .teaser-box-image img {
        width: 100%;
        height: auto
    }
}

.product-slider ul.slick-dots,
.customer-slider ul.slick-dots {
    position: absolute;
    bottom: -30px
}

.no-js .slick-prev,
.no-js .slick-next,
.no-js .slick-prev,
.no-js .slick-next,
.no-js .product-slider-small-scrollbar,
.no-js .product-slider-big-scrollbar {
    display: none
}

.no-js .product-slider-small-banner,
.no-js .product-slider-big-banner {
    overflow-y: scroll
}

.no-boxshadow .product-slider-small-banner,
.no-boxshadow .product-slider-big-banner {
    border: 1px solid #ddd
}

.product-slider-big a:hover,
.product-slider-small a:hover {
    text-decoration: underline
}

body {
    /*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
    /*font-family: Arial, Helvetica, sans-serif;;*/
    font-family: Vida Pro, Helvetica, sans-serif;;
}

.CEbig-contact {
    bottom: 35px;
    position: absolute;
    left: 107px
}

.CEbig-contact a img {
    border: none
}

.CEbig-contact span {
    color: #a8871b
}

a.info-retouch {
    cursor: pointer;
    color: #a8871b;
    display: inline-block;
    vertical-align: top;
    text-decoration: none !important;
    margin-top: 2px;
    font-size: 16px;
    background: #fff;
    width: 95px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 6px;
}

.transparent a.info-retouch {
    color: white;
    text-align: left;
    background: transparent
}

.transparent a.info-retouch:hover {
    color: #a8871b
}

.product-banner {
    height: 200px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 1154px
}

@media only screen and (max-width: 480px) {
    .product-banner {
        width: 100%;
        background: none;
        height: auto;
        border-top: 1px solid #eee;
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.no-boxshadow .product-banner {
    border: 1px solid #ddd
}

@media only screen and (max-width: 480px) {
    .product-banner .slider-middle-right {
        padding: 4px 16px
    }
}

.product-banner .slider-middle-left {
    height: auto
}

.product-banner .slider-item-small {
    height: 210px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px) {
    .product-banner .slider-item-small {
        height: auto
    }
}

.product-header{
    height: 200px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background-color: #a8871b;
}
.product-header-ico{
    line-height: 200px;
    height: 200px;
    margin-left: 100px;
    margin-right: 50px;
    display: inline-block;
    vertical-align: top;
}
.product-header-ico img{
    width: 128px;
    /*height: 128px;*/
    vertical-align: middle;
}
.product-header-text{
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 200px;
    padding: 50px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-header-title{
    font-size: 2em;
    color: #fff;
}
.product-header-title a{
    color: #fff;
}
.product-header-button{
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.product-header-button a{
    display: inline-block;
    cursor: pointer;
    color: #a8871b;
    margin-top: 2px;
    font-size: 16px;
    background: #fff;
    width: 95px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 6px;
}
@media (max-width: 600px) {
    .product-header{
        height: 100px;
    }
    .product-header-ico{
        margin: 0 20px;
        line-height: 100px;
    }
    .product-header-ico img{
        height: 64px;
        width: 64px;
    }
    .product-header-text{
        padding: 20px;
    }
    .product-header-button{
        position: static;
        margin-top: 1em;
    }
}


.banner-title {
    position: absolute;
    top: 50px;
    left: 107px;
    font-size: 30px;
    color: #fff;
    white-space: nowrap
}

.banner-title a {
    color: #fff
}

.banner-title a:hover {
    color: #000
}

@media only screen and (max-width: 768px) {
    .banner-title {
        position: relative;
        top: -5px;
        left: 0;
        background-color: #a8871b;
        line-height: 1.5;
        font-size: 19px;
        font-size: 1.6rem;
        width: 100%;
        height: auto;
        padding-left: 20px
    }
}

.pickgradient {
    display: block;
    width: 100%;
    background: #a8871b;
    overflow: hidden;
    text-align: right;
    border-radius: 10px;
}

.pickgradient img {
    display: inline-block;
    margin-left: 300px;
}

@media only screen and (max-width: 768px) {
    .pickgradient {
        background: none;
        filter: none;
        height: auto;
        overflow: hidden;
    }
    .pickgradient img {
        width: 100%;
        height: auto;
        z-index: 0;
        float: none;
        margin: 0;
    }
}

/*@media only screen and (min-width: 481px) and (max-width: 767px) {
    .pickgradient {
        background: linear-gradient(to right, #a8871b 25%, rgba(168, 135, 27, 0.96) 40%, rgba(0, 0, 0, 0.06) 60%)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pickgradient {
        background: linear-gradient(to right, #a8871b 30%, rgba(168, 135, 27, 0.96) 40%, rgba(0, 0, 0, 0.06) 60%)
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pickgradient {
        background: linear-gradient(to right, #a8871b 30%, rgba(168, 135, 27, 0.96) 53%, rgba(0, 0, 0, 0.06) 70%)
    }
}
*/
.slider-small {
    height: 245px;
    width: 734px
}

@media only screen and (max-width: 480px) {
    .slider-small {
        height: auto;
        width: 100%
    }
}

.slider-small .slider-middle {
    height: 245px;
    background: none;
    width: 734px
}

@media only screen and (max-width: 480px) {
    .slider-small .slider-middle {
        height: auto;
        width: 100%
    }
}

.slider-small .slider-middle-left {
    height: 245px;
    left: 0;
    position: absolute;
    top: 0;
    width: 527px
}

@media only screen and (max-width: 480px) {
    .slider-small .slider-middle-left {
        height: auto;
        position: relative;
        width: 100%
    }
}

.slider-small .slider-middle-right {
    height: 245px;
    position: absolute;
    right: 0;
    top: 0;
    width: 207px;
    color: #eee
}

@media only screen and (max-width: 480px) {
    .slider-small .slider-middle-right {
        position: relative;
        background: #0071bc;
        width: 100%;
        height: auto
    }
}

.CEsmall-contact {
    bottom: 40px;
    position: absolute;
    left: 115px
}

@media only screen and (max-width: 480px) {
    .CEsmall-contact {
        left: 8%
    }
}

.CEsmall-contact a img {
    border: none
}

.CEsmall-contact span {
    color: #a8871b
}

.CEbig-contact-subhome {
    margin: 25px 35px;
}

.CEbig-contact-subhome a img {
    border: none
}

.CEbig-contact-subhome span {
    color: #a8871b
}

@media only screen and (max-width: 480px) {
    .auto-height .CEbig-contact-subhome {
        position: static;
        margin: 20px 0 82px 25px
    }
}

.subhome-banner {
    height: 400px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    width: 1154px
}

@media only screen and (max-width: 480px) {
    .subhome-banner {
        width: 100%;
        background: none;
        height: auto;
        border-top: 1px solid #999;
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.no-boxshadow .subhome-banner {
    border: 1px solid #ddd
}

.subhome-banner .contact-box {
    background-color: #a8871b;
    margin: 55px 96px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 290px;
    width: 290px;
}

.subhome-banner img {
    float: right
}

.banner-title-subhome {
    line-height: 36px;
    margin-left: 22px;
    margin-top: 22px;
    font-size: 36px;
    color: #fff
}

.banner-subtitle-subhome {
    margin-top: 20px;
    margin-left: 25px;
    color: #fff;
    margin-bottom: 0.6em;
    line-height: 1.429;
    font-size: 14px;
    font-size: 1.167rem
}

.subhome-slider .slider-middle-item {
    cursor: default
}

.burger-menu .icon-bar {
    background: #a8871b
}

.burger-menu .sr-only {
    color: #a8871b;
    font-size: 12px
}

#mainnavi {
    float: right;
    margin: 50px 0 0
}

@media only screen and (max-width: 991px) {
    #mainnavi {
        float: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #mainnavi {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    #mainnavi {
        margin-top: 0;
        background: #f0f0f0;
        float: none;
        overflow: hidden;
        max-height: 0
    }
    .csstransitions #mainnavi {
        transition: max-height 0.4s ease-in-out
    }
    #mainnavi.expanded {
        height: auto;
        max-height: 1000px
    }
    #mainnavi .fixit {
        display: block;
        max-height: 0;
        overflow: hidden
    }
    .csstransitions #mainnavi .fixit {
        transition: max-height 0.4s ease-in-out
    }
    #mainnavi .fixit.expanded {
        max-height: 1000px
    }
}

.main-navigation,
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-navigation {
    display: block;
    float: right;
    position: relative;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .main-navigation {
        float: none
    }
}

.main-navigation li {
    display: inline;
    float: left;
    padding: 0 17px
}

@media only screen and (max-width: 767px) {
    .main-navigation li {
        width: 100%;
        margin-bottom: 2px;
        padding: 0
    }
    .main-navigation li .level-2-arrow {
        float: right;
        padding: 4px 28px;
        cursor: pointer;
        color: #a8871b
    }
    .main-navigation li .level-1-arrow {
        color: #fff;
        right: 0;
        padding: 12px 28px;
        background: #a8871b;
        float: right;
        cursor: pointer;
        position: absolute;
        z-index: 1
    }
}

@media only screen and (max-width: 767px) {
    .main-navigation>li>a {
        background: #a8871b;
        padding: 8px 68px 10px 28px;
        color: #fff !important
    }
}

.main-navigation li a,
.main-navigation li a:link {
    color: #000;
    display: block;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.2rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .main-navigation li a,
    .main-navigation li a:link {
        color: #fff;
        line-height: 1.5;
        font-size: 17px;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .main-navigation .has-sub>a {
        color: #fff
    }
}

.expand-arrow {
    position: absolute;
    right: 0
}

@media only screen and (max-width: 767px) {
    .expand-arrow.active:after {
        content: "▼"
    }
}

@media only screen and (max-width: 767px) {
    .expand-arrow:after {
        content: "▶";
        line-height: 1.5;
        font-size: 12px;
        font-size: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .main-navigation .current>.expand-arrow:after {
        content: "▼"
    }
}

@media only screen and (max-width: 767px) {
    .main-navigation .current .fixit {
        height: auto;
        max-height: 1000px !important
    }
}

.main-navigation-wrapper {
    font-weight: 500;
    height: 1.5em;
    position: relative;
    z-index: 50
}

@media only screen and (max-width: 767px) {
    .main-navigation-wrapper {
        height: auto
    }
}

.main-navigation:before,
.main-navigation:after {
    content: " ";
    display: table
}

.main-navigation:after {
    clear: both
}

.main-navigation .fixit,
.main-navigation .fixit-single {
    height: auto;
    display: none
}

.no-js .main-navigation li:hover {
    padding-bottom: 30px
}

.no-js .main-navigation li:hover .fixit,
.no-js .main-navigation li:hover .fixit-single {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    width: 1154px;
    padding-bottom: 10px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #ddd
}

.main-navigation li.sub a:hover,
.main-navigation li.sub a:hover:hover,
.main-navigation li.sub a:hover:active,
.main-navigation li.sub a:hover:focus,
.main-navigation li.sub a:active,
.main-navigation li.sub a:active:hover,
.main-navigation li.sub a:active:active,
.main-navigation li.sub a:active:focus,
.main-navigation li.sub a:focus,
.main-navigation li.sub a:focus:hover,
.main-navigation li.sub a:focus:active,
.main-navigation li.sub a:focus:focus,
.main-navigation li.sub:hover>a,
.main-navigation li.sub:hover>a:hover,
.main-navigation li.sub:hover>a:active,
.main-navigation li.sub:hover>a:focus {
    position: relative;
    z-index: 9999
}

#subnavi {
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px) {
    #subnavi {
        display: none
    }
}

#subnavi .submenu-content-outer-wrapper {
    background-color: #f0f0f0;
    height: 100%;
    padding-bottom: 5px;
}

#subnavi .fixit,
#subnavi .fixit-single {
    height: auto;
    padding: 0 0;
}

#subnavi .navrand {
    clear: both;
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Images/bruker_navrand.png") no-repeat 0 0 transparent;
    bottom: 0;
    height: 5px;
    position: absolute;
    width: 1154px
}

.sub-element-matrix dl dt {
    margin-bottom: 3px
}

.sub-element-matrix dl dt img {
    display: block
}

.sub-element-matrix dl dt a {
    display: block;
    color: #a8871b;
    font-weight: 400
}

.sub-element-matrix dl dt a,
.sub-element-matrix dl dt a:link {
    color: #a8871b;
    font-size: 1.2em;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .sub-element-matrix dl dt a,
    .sub-element-matrix dl dt a:link {
        line-height: 1.5;
        font-size: 17px;
        font-size: 1.4rem;
        font-weight: 300
    }
}

.sub-element-matrix dl dt a:hover,
.sub-element-matrix dl dt a:active,
.sub-element-matrix dl dt a:focus {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .sub-element-matrix dl dt.submenu-active {
        padding-bottom: 7px
    }
}

.sub-element-matrix {
    margin: 0;
    text-align: left
}

.sub-element-matrix dl {
    float: left;
    padding: 12px 0 12px 25px;
    position: relative;
    width: 225px;
}

@media only screen and (max-width: 767px) {
    .sub-element-matrix dl {
        float: none;
        width: 100%;
        padding: 12px 70px 0 28px
    }
}

@media only screen and (max-width: 767px) {
    .sub-element-matrix dl:last-child {
        padding-bottom: 7px
    }
}

.sub-element-matrix a,
.sub-element-matrix a:link,
.sub-element-matrix a:hover,
.sub-element-matrix a:active,
.sub-element-matrix a:focus {
    background: 0;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 1200px) {
    .sub-element-matrix .sub-element-item-6,
    .sub-element-matrix .sub-element-item-17,
    .sub-element-matrix .sub-element-item-22 {
        clear: both
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sub-element-matrix .sub-element-item-5,
    .sub-element-matrix .sub-element-item-9,
    .sub-element-matrix .sub-element-item-16,
    .sub-element-matrix .sub-element-item-20,
    .sub-element-matrix .sub-element-item-24,
    .sub-element-matrix .sub-element-item-30 {
        clear: both
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-element-matrix .sub-element-item-4,
    .sub-element-matrix .sub-element-item-7,
    .sub-element-matrix .sub-element-item-10,
    .sub-element-matrix .sub-element-item-15,
    .sub-element-matrix .sub-element-item-18,
    .sub-element-matrix .sub-element-item-21,
    .sub-element-matrix .sub-element-item-24,
    .sub-element-matrix .sub-element-item-29 {
        clear: both
    }
}

.sub-element-matrix dl dd {
    color: #87888a;
    margin: 0 0 0 1px
}

.sub-element-matrix dl dd a,
.sub-element-matrix dl dd a:link {
    color: #87888a;
    display: block;
    font-size: 1.1em;
    line-height: 1.4em;
    position: relative;
    padding-left: 10px
}

.sub-element-matrix dl dd a:before,
.sub-element-matrix dl dd a:link:before {
    content: "•";
    margin-right: 5px;
    height: 1.4em;
    font-size: 6px;
    display: block;
    position: absolute;
    left: 0;
}

.sub-element-matrix dl dd a:hover,
.sub-element-matrix dl dd a:active,
.sub-element-matrix dl dd a:focus,
.sub-element-matrix dl dd a:link:hover,
.sub-element-matrix dl dd a:link:active,
.sub-element-matrix dl dd a:link:focus {
    color: #a8871b
}

.sub-element-matrix dl dd a.toggle-link{
    display: block;
    vertical-align: top;
    padding: 0.375em 1.5em;
    margin-top: 1em;
    color: #a8871b;
    text-align: center;
    border: 1px solid;
    transition: color 0.2s ease-out, color 0.2s ease-out;
    border-radius: 6px;
}
.sub-element-matrix dl dd a.toggle-link:hover{
    background-color: #a8871b;
    border-color: #a8871b;
    color: #fff;
}
.sub-element-matrix dl dd a.toggle-link:before{
    content: none;
    display: none;
}

@media only screen and (max-width: 767px) {
    .sub-element-matrix dl dd {
        max-height: 0;
        overflow: hidden;
        transition: all 0.4s ease-in-out
    }
    .sub-element-matrix dl dd a,
    .sub-element-matrix dl dd a:link {
        display: inline-block;
        line-height: 1.5;
        font-size: 17px;
        font-size: 1.4rem;
        margin: 4px 0
    }
    .sub-element-matrix dl dd.expanded {
        height: auto;
        max-height: 1000px;
        padding: 4px 0
    }
}

.navigation-buttons {
    position: absolute;
    right: 0;
    right: -18px;
    overflow: visible;
    z-index: 100
}

@media only screen and (min-width: 1200px) {
    .navigation-buttons {
        right: -26px;
    }
}

.navigation-buttons .solr-quick-search-wrap {
    /*transition: width 0.5s*/
}

.full-width-search .mobile-mainnavi,
.full-width-search .service-navigation-wrap {
    display: none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .full-width-search .mobile-mainnavi {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .full-width-search .mobile-mainnavi,
    .full-width-search .service-navigation-wrap {
        display: block
    }
}

.tabs {
    margin: 0 107px 16px;
    height: 36px;
    background-color: #e5e5e5
}

@media only screen and (max-width: 991px) {
    .tabs {
        height: auto;
        background: #0071bc;
        width: auto;
        margin: 0 0 16px
    }
}

.tabs li {
    display: inline;
    float: left;
    line-height: 1.5;
    font-size: 15px;
    font-size: 1.25rem;
    line-height: 36px;
    list-style-type: none;
    padding: 0 20px;
    border-right: 2px solid #fff;
    border-width: 0 2px 0 0
}

.tabs li a {
    color: #000;
    display: block
}

.tabs li a:hover {
    color: #a8871b
}

@media only screen and (max-width: 991px) {
    .tabs li {
        display: block;
        float: none;
        border: none
    }
    .tabs li a:hover {
        text-decoration: none
    }
}

.tabs li.sales-phone {
    float: right;
    line-height: 0;
    margin-right: 0;
    border-right: none;
    border-left: 2px solid #fff;
    background-color: #999;
    padding: 0
}

@media only screen and (max-width: 991px) {
    .tabs li.sales-phone {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        border: 0
    }
}

.tabs li.sales-phone a {
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tabs li.sales-phone a {
        padding-left: 25px
    }
}

.tabs li.sales-phone a:hover {
    color: #000
}

.tabs li.sales-phone a .icon-phone {
    display: inline-block;
    margin: 8px 9px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tabs li.sales-phone a .icon-phone {
        display: inline-block;
        margin-left: 10px;
        top: 4px;
        right: 0
    }
}

.tabs li:first-child {
    margin-left: 0;
    border-left: none
}

.tabs li.tab-on {
    background-color: #a8871b
}

@media only screen and (max-width: 991px) {
    .tabs li.tab-on {
        width: auto
    }
}

.tabs li.tab-on a {
    color: #fff
}

.tabs li.tab-on a:hover {
    color: #000
}

.no-boxshadow .tabs li.tab-on {
    border: 1px solid #ddd
}

.tabs .list-group-item {
    background-color: #e5e5e5
}

.tabs .list-group-item:last-child {
    border-radius: 0
}

.tabs .list-group-item:first-child {
    border-radius: 0
}

@media only screen and (max-width: 991px) {
    .tabs .list-group-item {
        background-color: #fff
    }
}

body {
    /*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
    /*font-family: Arial, Helvetica, sans-serif;;*/
    font-family: Vida Pro, Helvetica, sans-serif;;
}

.related-content {
    background-color: #e5e5e5;
    margin: 0 8px;
}

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

.related-content:after {
    clear: both
}

@media only screen and (max-width: 480px) {
    .related-content {
        padding: 35px 0;
        margin: 0
    }
}

.related-content .related-content-tiles {
    margin: 24px 0;
    padding: 0 4px
}

.related-content-item {
    height: 100px
}

@media only screen and (max-width: 480px) {
    .related-content-item {
        margin: 8px 24px;
        border: none
    }
}

.related-content-subhome .pic+.col-md-7 {
    height: 297px;
}

.related-content-subhome .pic+.col-md-7 .footer {
    position: absolute;
    bottom: 20px;
    left: 24px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .related-content-subhome .pic+.col-md-7 {
        padding-left: 0
    }
    .related-content-subhome .pic+.col-md-7 .footer {
        left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .related-content-subhome .pic+.col-md-7 {
        padding-left: 0
    }
    .related-content-subhome .pic+.col-md-7 .footer {
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .related-content-subhome .pic+.col-md-7 {
        height: auto
    }
    .related-content-subhome .pic+.col-md-7 .footer {
        position: static
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .related-content-subhome .col-md-5.pic {
        padding-top: 2rem
    }
}

.related-content-subhome .pic,
.related-content-subhome .txt {
    padding: 0;
    margin: 0;
    background-color: #fff
}

.related-content-subhome .pic {
    height: 297px
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .related-content-subhome .pic {
        text-align: center
    }
}

@media only screen and (max-width: 480px) {
    .related-content-subhome .pic {
        height: auto
    }
    .related-content-subhome .pic img {
        width: 100%;
        height: auto;
        vertical-align: middle
    }
}

.related-content-subhome .txt {
    padding: 24px 24px 40px;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.2rem
}

@media only screen and (min-width: 1200px) {
    .related-content-subhome .txt {
        height: 297px
    }
}

.related-content-subhome .txt a {
    color: #a8871b
}

.related-content-subhome .txt .footer {
    position: static;
    margin-top: 20px;
    min-height: 36px
}

@media only screen and (min-width: 1200px) {
    .related-content-subhome .txt .footer {
        position: absolute;
        bottom: 20px;
        left: 24px
    }
}

.related-content-subhome .txt .footer .date {
    font-style: italic
}

.related-content-subhome .txt h2 {
    color: #666;
    line-height: 1.5;
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 0.6em
}

.related-content-subhome .brukerblue {
    background-color: #a8871b;
    color: white
}

.related-content-subhome .brukerblue .text {
    line-height: 1.5;
    font-size: 21px;
    font-size: 1.76rem;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 0.6em
}

@media only screen and (min-width: 481px) and (max-width: 1199px) {
    .related-content-subhome .brukerblue .text {
        margin-bottom: 0
    }
}

.related-content-subhome .brukerblue .footer {
    line-height: 1.5;
    font-size: 12px;
    font-size: 1rem;
    line-height: 18px;
    min-height: 36px
}

.related-content-subhome .brukerblue .footer a {
    color: white
}

.related-content-subhome .brukerblue .footer .date {
    height: 100%;
    float: left
}

.related-content-subhome .brukerblue .social {
    position: absolute;
    bottom: 10px;
    right: 12px;
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0
}

.related-content-subhome .brukerblue .social:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 132, 202, 0.3)
}

.related-content-subhome .related-content-tile {
    padding: 12px
}

@media only screen and (max-width: 480px) {
    .related-content-subhome .related-content-tile {
        padding: 0;
        margin: 24px 12px
    }
    .related-content-subhome .related-content-tile:before,
    .related-content-subhome .related-content-tile:after {
        content: " ";
        display: table
    }
    .related-content-subhome .related-content-tile:after {
        clear: both
    }
}

.related-content-subhome .related-content-tile .text-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 321px
}

@media only screen and (max-width: 480px) {
    .related-content-subhome .related-content-tile .text-overlay {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .related-content-subhome .related-content-tile .text-overlay {
        width: 50%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .related-content-subhome .related-content-tile .text-overlay {
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .related-content-subhome .related-content-tile .text-overlay {
        position: static
    }
}

.related-content-subhome .related-content-tile .nolink {
    background: rgba(255, 255, 255, 0);
    text-align: left;
    height: 100%;
    padding: 24px
}

.related-content-subhome .related-content-tile .white h2 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4)
}

@media only screen and (max-width: 767px) {
    .related-content-subhome .related-content-tile .white h2 {
        color: #666;
        text-shadow: none
    }
}

.related-content-subhome .related-content-tile .black h2 {
    color: #666
}

.related-content-subhome .rct-inner {
    margin-top: 24px;
    width: 297px
}

@media only screen and (max-width: 1199px) {
    .related-content-subhome .rct-inner {
        width: 100%
    }
}

.related-content-subhome .rct-inner-bottom {
    margin-top: 24px
}

@media only screen and (max-width: 480px) {
    .related-content-subhome .rct-inner-bottom {
        width: 100%
    }
}

.related-content-subhome .rct-inner-bottom-txt {
    margin-top: 24px
}

@media only screen and (max-width: 480px) {
    .related-content-subhome .rct-inner-bottom-txt {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .related-content-subhome .rct-inner-bottom-txt {
        margin-top: 0
    }
}

.related-content-subhome .rct-left {
    margin-right: 24px
}

@media only screen and (max-width: 1199px) {
    .related-content-subhome .rct-left {
        margin-right: 0
    }
}

.related-content-subhome .txt-ext {
    position: relative
}

@media only screen and (min-width: 481px) and (max-width: 1199px) {
    .related-content-subhome .txt-only {
        height: auto
    }
    .related-content-subhome .txt-only .footer {
        position: static;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .related-content-subhome .txt-ext-height {
        height: 321px !important
    }
}

.related-content-subhome .pic-ext {
    width: 619px
}

@media only screen and (min-width: 481px) and (max-width: 1199px) {
    .related-content-subhome .pic-ext {
        width: 100%;
        height: auto
    }
    .related-content-subhome .pic-ext img {
        width: 100%;
        height: auto;
        vertical-align: middle
    }
}

@media only screen and (max-width: 480px) {
    .related-content-subhome .pic-ext {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .related-content-subhome {
        padding: 35px 28px 35px 27px
    }
}

@media only screen and (max-width: 480px) {
    .related-content-subhome {
        padding: 20px 28px 20px 27px
    }
}

span.related_informations {
    font-weight: 500;
    margin: 30px auto 16px;
    color: #d0d0d0;
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 11px
}

.multicolumn-layout {
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem;
    margin: 0
}

@media only screen and (max-width: 480px) {
    .multicolumn-layout {
        margin: 16px 0
    }
}

.multicolumn-layout h1 {
    margin: 0 0 10px 0;
    color: #666;
    font-weight: 300;
    line-height: 1.25;
    font-size: 36px;
    font-size: 3rem;
    line-height: 1
}

.multicolumn-layout p {
    color: #444;
    margin: 0 0 10px 0
}

.multicolumn-layout span.blue,
.multicolumn-layout span.detail {
    color: #a8871b
}

.multicolumn-layout sup {
    font-size: 60%;
    line-height: 0
}

.multicolumn-layout>div {
    padding-left: 16.67px;
    padding-right: 16.67px
}

@media only screen and (max-width: 767px) {
    .multicolumn-layout>div {
        padding: 0
    }
}

.multicolumn-layout>div:first-child {
    padding-left: 0;
    padding-right: 33.33px
}

@media only screen and (max-width: 767px) {
    .multicolumn-layout>div:first-child {
        padding: 0
    }
}

.multicolumn-layout>div:last-child {
    padding-left: 33.33px;
    padding-right: 0
}

@media only screen and (max-width: 767px) {
    .multicolumn-layout>div:last-child {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .multicolumn-layout.multicolumn-layout-1>div {
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .multicolumn-layout.multicolumn-layout-2>div {
        padding: 0
    }
}

.onebruker-gallery-big-image [data-role=slick-button-prev],
.onebruker-gallery-big-image [data-role=slick-button-next],
.onebruker-gallery-images [data-role=slick-button-prev],
.onebruker-gallery-images [data-role=slick-button-next] {
    width: 15px;
    height: 100%;
    top: 0;
    position: absolute;
    cursor: pointer
}

.onebruker-gallery {
    margin: 2em auto;
    position: relative;
    width: 100%;
    max-width: 456px;
    overflow: hidden
}

.onebruker-gallery:before,
.onebruker-gallery:after {
    content: " ";
    display: table
}

.onebruker-gallery:after {
    clear: both
}

.onebruker-gallery img {
    border: 1px solid #ddd
}

.onebruker-gallery .slick-slider img {
    display: inline
}

.onebruker-gallery .slick-slider .onebruker-gallery-big-caption:before {
    content: ' ';
    display: block
}

@media only screen and (max-width: 767px) {
    .onebruker-gallery {
        width: 100%
    }
    .onebruker-gallery h1 {
        margin: 0 8px 0.5rem
    }
    .onebruker-gallery img {
        border-radius: 0;
        box-shadow: none
    }
}

.onebruker-gallery-big-image {
    width: 100%;
    max-width: 456px;
    height: 332px;
    margin-bottom: 8px;
    text-align: center;
    overflow: hidden
}

.onebruker-gallery-big-image .slick-track {
    height: 330px
}

.onebruker-gallery-big-image a {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 300px;
    padding-bottom: 30px;
    text-align: center
}

.onebruker-gallery-big-image a:hover,
.onebruker-gallery-big-image a:active,
.onebruker-gallery-big-image a:visited,
.onebruker-gallery-big-image a:focus {
    text-decoration: none
}

.onebruker-gallery-big-image a .onebruker-gallery-big-caption {
    position: relative;
    top: -130px;
    font-style: italic;
    width: 456px;
    margin-top: 8px;
    min-height: 17px;
    text-align: center;
    overflow: hidden;
    color: #707173
}

@media only screen and (max-width: 767px) {
    .onebruker-gallery-big-image a .onebruker-gallery-big-caption {
        display: inline-block;
        top: -125px;
        font-style: normal;
        text-align: left;
        margin-top: 0;
        min-height: 0;
        width: 100%;
        background: #0071bc;
        color: #eee;
        padding: 0.2em 16px;
        line-height: 1.5;
        font-size: 18px;
        font-size: 1.5rem
    }
}

.onebruker-gallery-big-image img {
    max-width: 100%;
    max-height: 300px;
    vertical-align: middle
}

.no-boxshadow .onebruker-gallery-big-image img {
    border: none
}

.onebruker-gallery-big-image button {
    display: none
}

@media only screen and (max-width: 767px) {
    .onebruker-gallery-big-image {
        padding: 0 20px;
        height: auto;
        display: block
    }
    .onebruker-gallery-big-image a {
        margin: 0 auto;
        background-color: #fff
    }
    .onebruker-gallery-big-image img {
        max-height: 300px;
        height: auto !important;
        border: none
    }
    .onebruker-gallery-big-image .onebruker-gallery-item-show img {
        position: relative !important;
        margin-left: auto;
        margin-right: auto;
        left: auto !important;
        top: auto !important
    }
    .onebruker-gallery-big-image a,
    .onebruker-gallery-big-image img {
        display: block
    }
    .onebruker-gallery-big-image button {
        display: block;
        top: 50%
    }
    .onebruker-gallery-big-image button.slick-prev {
        left: 0
    }
    .onebruker-gallery-big-image button.slick-next {
        right: 0
    }
}

.onebruker-gallery-big-image [data-role=slick-button-prev] {
    left: 0
}

.onebruker-gallery-big-image [data-role=slick-button-next] {
    right: 0
}

.onebruker-gallery-big-image .slick-dots {
    position: relative;
    top: 5px;
    margin: 0
}

.onebruker-gallery-big-image .slick-dots li {
    background: none
}

.onebruker-gallery-images {
    padding: 0 20px;
    height: 106px;
    overflow: hidden;
    visibility: hidden
}

.onebruker-gallery-images.slick-initialized {
    visibility: visible
}

@media only screen and (max-width: 767px) {
    .onebruker-gallery-images {
        display: none
    }
}

.onebruker-gallery-images dl {
    margin: 0 3px
}

.onebruker-gallery-images button {
    top: 50%;
    margin: 0
}

.onebruker-gallery-images .slick-prev {
    left: 0
}

.onebruker-gallery-images .slick-next {
    right: 0
}

.onebruker-gallery-images .slick-slide {
    cursor: pointer
}

.onebruker-gallery-images [data-role=slick-button-prev] {
    left: 0
}

.onebruker-gallery-images [data-role=slick-button-next] {
    right: 0
}

.onebruker-gallery-images .onebruker-gallery-caption {
    display: none
}

.language-list {
    font-weight: 500;
    margin-top: 45px
}

.language-list .language-list-wrap {
    position: absolute;
    right: 10px;
    width: 1154px;
    z-index: 701;
    height: 0;
    overflow: hidden
}

.language-list .language-list-wrap a {
    color: #666
}

.language-list .language-list-wrap a:hover {
    color: #a8871b
}

.language-list .language-list-wrap li {
    text-align: left;
    float: left;
    min-height: 1px;
    vertical-align: middle;
    z-index: 702;
    list-style: none;
    padding: 6px 10px
}

.language-list .current-language a {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #a8871b;
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.06rem;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(168, 135, 27, 0.2);
    border-bottom: 1px solid rgba(168, 135, 27, 0.6);
    background-clip: padding-box;
    padding-top: 3px;
    border-radius: 6px;
}

.language-list .current-language:hover {
    cursor: pointer
}

.language-list ul {
    list-style: none;
    float: right;
    padding: .25em 0;
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    background: none
}

.language-list ul:before,
.language-list ul:after {
    content: " ";
    display: table
}

.language-list ul:after {
    clear: both
}

@media only screen and (max-width: 767px) {
    .language-list {
        margin-top: 32px;
        margin-left: 18px
    }
    .language-list .language-list-wrap {
        width: auto;
        position: relative;
        height: auto !important;
        left: auto;
        top: auto;
        margin-left: 0;
        overflow: hidden
    }
    .language-list .language-list-wrap li {
        padding: 0 10px;
        width: 100%
    }
    .language-list .language-list-wrap a {
        display: block;
        font-size: 14px;
        padding: 8px 0;
        width: 100%;
        line-height: 20px;
        white-space: nowrap
    }
    .language-list .current-language a {
        margin-right: 9px
    }
    .language-list .current-language .arrow-down {
        line-height: 1.5;
        font-size: 13px;
        font-size: 1.05rem;
        display: inline-block;
        padding: 0
    }
    .language-list li {
        padding: 0
    }
    .language-list ul {
        float: none;
        z-index: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0px;
        border: none;
        background: none;
        max-height: 0;
        overflow: inherit
    }
    .language-list.active-language ul {
        display: block;
        height: auto;
        max-height: 324px
    }
}

.navigation-spacer {
    height: 0
}

.csstransitions .language-list .language-list-wrap,
.csstransitions .navigation-spacer {
    transition: height 0.4s ease-in-out
}

@media only screen and (max-width: 480px) {
    .csstransitions .language-list ul {
        transition: max-height 0.4s ease-in-out
    }
}

.csstransitions .language-list.active-language .language-list-wrap,
.csstransitions .navigation-spacer.expanded {
    height: 50px
}

.no-js .language-list:hover .language-list-wrap {
    height: 50px
}

.moreinfo-container {
    color: #777;
    margin: 20px 0;
    position: relative;
    overflow: hidden
}

.moreinfo-element {
    float: left;
    padding-bottom: 30px;
    width: 50%
}

@media only screen and (max-width: 480px) {
    .moreinfo-element {
        width: 100%;
        padding-bottom: 15px
    }
}

.moreinfo-element-3,
.moreinfo-element-5,
.moreinfo-element-7 {
    clear: both
}

.moreinfo-image-wrapper {
    float: left;
    margin: 0 20px 10px 0;
    overflow: hidden;
    height: 130px;
    width: 130px
}

.moreinfo-image-wrapper span {
    display: none
}

@media only screen and (max-width: 480px) {
    .moreinfo-image-wrapper {
        height: auto;
        width: 100%;
        padding: 8px;
        margin: 0px
    }
}

.moreinfo-image-innerwrap dl {
    margin-bottom: 20px
}

@media only screen and (max-width: 480px) {
    .moreinfo-image-innerwrap dl {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .moreinfo-image-innerwrap dl:first-child {
        display: block
    }
}

.moreinfo-image-innerwrap dt {
    height: 130px;
    width: 130px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 480px) {
    .moreinfo-image-innerwrap dt {
        height: inherit;
        width: inherit
    }
}

.moreinfo-image-innerwrap dt a img {
    width: 100%;
    padding-bottom: 0
}

@media only screen and (max-width: 480px) {
    .moreinfo-image-innerwrap dt a img {
        height: auto;
        display: block;
        max-width: 100%;
        height: auto
    }
}

.moreinfo-image-innerwrap dd {
    display: none;
    padding-top: 8px
}

.moreinfo-image-innerwrap a,
.moreinfo-image-innerwrap img {
    display: block
}

.moreinfo-image-innerwrap a {
    margin: 5px
}

.no-boxshadow .moreinfo-image-innerwrap dt {
    border: 1px solid #ddd
}

a.moreinfo-show,
a.moreinfo-back,
.newsList a.show-less {
    color: #707173;
    font-weight: 700;
    float: left
}

.newsList a.show-less {
    float: right
}

.moreinfo-title {
    color: #a8871b;
    cursor: pointer;
    padding: 0 0 10px;
    font-size: 1.4em;
    line-height: 125%
}

@media only screen and (max-width: 480px) {
    .moreinfo-title {
        cursor: default;
        margin-left: 8px;
        margin-bottom: 0px
    }
}

.moreinfo-maximized .moreinfo-title {
    cursor: default
}

.moreinfo-preview-wrap {
    float: left;
    font-weight: 500;
    line-height: 1.417
}

@media only screen and (max-width: 480px) {
    .moreinfo-preview-wrap {
        margin: 0 8px
    }
}

.moreinfo-preview {
    overflow: hidden;
    width: 290px
}

@media only screen and (max-width: 480px) {
    .moreinfo-preview {
        display: none;
        width: inherit
    }
}

.moreinfo-full {
    display: none;
    float: left;
    overflow: hidden;
    width: 370px
}

@media only screen and (max-width: 480px) {
    .moreinfo-full {
        display: block;
        padding: 0 8px;
        width: 100%
    }
    .moreinfo-full a.moreinfo-back,
    .moreinfo-full .newsList a.show-less,
    .newsList .moreinfo-full a.show-less {
        display: none
    }
}

.moreinfo-full p a {
    color: #a8871b
}

.moreinfo-full p a:hover {
    text-decoration: underline
}

.no-boxshadow .moreinfo-full {
    width: 368px
}

.moreinfo-element-content p {
    margin: 6px 0
}

@media only screen and (max-width: 480px) {
    .moreinfo-element-content p {
        line-height: 1.5;
        font-size: 13px;
        font-size: 1.05rem;
        line-height: 1.6rem
    }
}

.breadcrumb {
    color: #666;
    margin: 0 0 35px 107px;
    margin: 0 0 16px 107px;
}

.breadcrumb li {
    display: inline;
    list-style: none
}

.breadcrumb li:after {
    line-height: 1.5;
    font-size: 6px;
    font-size: .5rem;
    content: " • ";
    margin: 0 3px;
    vertical-align: middle
}

.breadcrumb li.current:after {
    content: "";
    margin: 0
}

.breadcrumb a {
    color: #666;
    font-size: 1em
}

.breadcrumb a:hover {
    color: #a8871b
}

@media only screen and (min-width: 481px) and (max-width: 1199px) {
    .breadcrumb {
        margin-left: 0
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumb {
        color: #a8871b;
        padding: 7px 9px;
        margin: 0
    }
    .breadcrumb li {
        display: none
    }
    .breadcrumb li:after {
        content: ""
    }
    .breadcrumb li:nth-last-child(2) {
        display: block
    }
    .breadcrumb li:before {
        content: "◀ ";
        line-height: 1.5;
        font-size: 10px;
        font-size: .8rem;
        font-family: "Source Sans Pro", Helvetica, sans-serif;
        line-height: normal;
        vertical-align: 10%
    }
    .breadcrumb a {
        color: #a8871b;
        font-style: normal;
        line-height: 1.5;
        font-size: 13px;
        font-size: 1.05rem;
        line-height: normal
    }
}

.content-downloads ul {
    margin: 0
}

.content-downloads li {
    background: none;
    padding: 0
}

.content-downloads .onebruker-filterbox li {
    position: relative
}

@media only screen and (max-width: 480px) {
    .content-downloads .onebruker-filterbox li {
        margin-bottom: 2px
    }
    .content-downloads .onebruker-filterbox li select {
        width: 100%
    }
}

.content-downloads .filelist {
    color: #707173;
    margin: 16px 0;
    border: 1px solid #ddd;
    border-collapse: collapse;
    font-weight: 500
}

@media only screen and (max-width: 480px) {
    .content-downloads .filelist {
        border-left: 0;
        border-right: 0;
        width: 100%;
        margin: 16px 0
    }
}

.content-downloads th,
.content-downloads td {
    padding: 3px 8px
}

.content-downloads th,
.content-downloads th>a {
    font-size: 13px;
    color: #fff;
    background-color: #0071bc
}

.content-downloads th>a>.arrow {
    font-size: 0.8em
}

.content-downloads td {
    vertical-align: bottom
}

.content-downloads tr {
    border: 1px solid #ddd;
    background-color: #fff
}

.content-downloads th.filelist-column-filename {
    width: auto
}

.content-downloads th.filelist-column-filetype {
    width: 120px;
    font-weight: 700
}

.content-downloads th.filelist-column-uploaddate {
    width: 100px
}

.content-downloads .filelist-column-filesize {
    width: 100px;
    text-align: right
}

.content-downloads .filelist-column-download {
    width: 18px
}

.content-downloads .filelist-column-download a {
    display: block;
    width: 16px;
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Icons/download.png") no-repeat
}

.content-downloads .filelist-column-title a {
    font-weight: 700
}

@media only screen and (max-width: 480px) {
    .content-downloads .filelist-column-title a {
        font-weight: 400
    }
}

.content-downloads .file-icon {
    background: url("/typo3conf/ext/pt_campo/Resources/Public/Icons/Files/default.png") no-repeat right center;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.content-downloads .file-icon.file-pdf {
    background-image: url("/typo3conf/ext/pt_campo/Resources/Public/Icons/Files/application_pdf.png")
}

.content-downloads .file-icon.file-doc,
.content-downloads .file-icon.file-docx {
    background-image: url("/typo3conf/ext/pt_campo/Resources/Public/Icons/Files/doc.png")
}

.content-downloads .file-icon.file-ppt,
.content-downloads .file-icon.file-pptx {
    background-image: url("/typo3conf/ext/pt_campo/Resources/Public/Icons/Files/powerpoint.png")
}

.content-downloads .file-icon.file-png,
.content-downloads .file-icon.file-jpg,
.content-downloads .file-icon.file-gif {
    background-image: url("/typo3conf/ext/pt_campo/Resources/Public/Icons/Files/image_default.png")
}

@media only screen and (max-width: 480px) {
    .content-downloads .filelist-column-download {
        display: none
    }
    .content-downloads .filelist-column-icon {
        left: -8px
    }
    .content-downloads .filelist-column-filesize {
        text-align: left;
        width: auto
    }
    .content-downloads tr {
        border-left: 0;
        border-right: 0;
        background: transparent
    }
    .content-downloads .filelist td {
        padding-left: 8px
    }
    .content-downloads .file-icon {
        position: absolute;
        left: 15px
    }
}

.content-downloads-pagination {
    color: #707173;
    margin: 10px auto;
    height: auto;
    text-align: center;
    display: block;
    width: 99.8%
}

.content-downloads-pagination li {
    display: inline;
    list-style-type: none;
    margin: 0 5px 0 0;
    float: none;
    padding: 0
}

.content-downloads-pagination li.current {
    font-weight: 700
}

.content-downloads-pagination li a:hover {
    text-decoration: underline
}

.full-width .content-downloads-pagination {
    width: 100%
}

@media only screen and (max-width: 480px) {
    .teasers-box {
        padding: 0 15px 42px
    }
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 150px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9;
    transform: translate(0, -50%);
    cursor: pointer;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev {
    border-left-width: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #a8871b;
    border-bottom: 5px solid transparent;
    left: -12px
}

.slick-next {
    border-right-width: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #a8871b;
    border-bottom: 5px solid transparent;
    right: -12px
}
.slick-arrow.slick-prev,
.slick-arrow.slick-next{
    position: absolute;
    top: auto;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    bottom: 15px;
    left: 35px;
    border: 1px solid #fff;
    color: #fff;
    background:#a8871b;
    z-index: 500;
    border-radius: 6px;
    transition: background-color 0.2s ease-out;
}
.slick-arrow.slick-next{left: 60px;}

.slick-arrow.slick-prev:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: -6px;
    border: 5px solid transparent;
    border-right-color: #fff;
    transition: border-color 0.2s ease-out;
}
.slick-arrow.slick-next:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-right: -6px;
    border: 5px solid transparent;
    border-left-color: #fff;
    transition: border-color 0.2s ease-out;
}

.slick-arrow.slick-prev:hover,
.slick-arrow.slick-next:hover{
    background-color: #fff;
}
.slick-arrow.slick-prev:hover:before{
    border-right-color: #a8871b;
}
.slick-arrow.slick-next:hover:before{
    border-left-color: #a8871b;
}

.news-content .tx-ptextlist-pager-wrapper {
    padding-bottom: 10px
}

.bt-pagination-wrapper .tx-ptextlist-pager-item-display {
    padding-top: 7px;
    padding-bottom: 7px
}

.bt-pagination-nav {
    display: block;
    float: right
}

@media only screen and (max-width: 767px) {
    .bt-pagination-nav {
        float: none
    }
}

.bt-pagination-nav .pagination {
    margin: 0
}

.bt-pagination-nav .pagination li {
    width: auto;
    background: none;
    padding: 0px;
    margin: 0
}

.bt-pagination-nav .pagination li:not(:last-child)>* {
    margin-right: 2px
}

.bt-pagination-nav .pagination li>* {
    border-radius: 0 !important
}

.bt-pagination-nav .pagination a,
.bt-pagination-nav .pagination a:hover {
    cursor: pointer;
    border: solid 1px #ddd;
    text-decoration: none
}

.bt-pagination-nav .pagination>.active>a,
.bt-pagination-nav .pagination>.active>a:hover,
.bt-pagination-nav .pagination>.active>a:focus,
.bt-pagination-nav .pagination>.active>span,
.bt-pagination-nav .pagination>.active>span:hover,
.bt-pagination-nav .pagination>.active>span:focus {
    border: solid 1px #a8871b;
    background-color: #a8871b
}

.pagination-wrapper {
    color: #444;
    padding-bottom: 10px;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.167rem
}

@media only screen and (max-width: 480px) {
    .pagination-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.pagination-wrapper:before,
.pagination-wrapper:after {
    content: " ";
    display: table
}

.pagination-wrapper:after {
    clear: both
}

.pagination-wrapper .pager-item-display {
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    float: left;
    font-size: 1.25rem
}

@media only screen and (max-width: 767px) {
    .pagination-wrapper .pager-item-display {
        float: none
    }
}

.pagination-wrapper .sortedby {
    font-weight: 300;
    color: #000
}

@media only screen and (max-width: 480px) {
    .pagination-wrapper {
        padding: 0;
        text-align: center
    }
    .override-grid .pagination-wrapper {
        padding: 0 16px
    }
    .pagination-wrapper .pager-item-display {
        padding: 0 0 5px 0
    }
    .pagination-wrapper .pagination {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
}

.pagination-wrapper a:focus {
    outline: none
}

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

.filters:after {
    clear: both
}

span.file-info {
    white-space: nowrap;
    color: #afafaf
}

@media only screen and (max-width: 480px) {
    .pagination {
        margin-bottom: 20px
    }
}

#reactLiteratureRoomApp select:disabled {
    color: #adaeae;
    cursor: default
}

#reactLiteratureRoomApp .onebruker-filterbox .selected-text,
#reactLiteratureRoomApp .onebruker-filterbox select,
#reactLiteratureRoomApp .onebruker-filterbox input[type=text],
#reactLiteratureRoomApp .onebruker-filterbox input[type=text]::-webkit-input-placeholder {
    font-weight: 300;
    color: #000;
    height: 28px;
    width: auto;
    font-size: 1.25rem
}

#reactLiteratureRoomApp .onebruker-filterbox .selected-text,
#reactLiteratureRoomApp .onebruker-filterbox select,
#reactLiteratureRoomApp .onebruker-filterbox input[type=text],
#reactLiteratureRoomApp .onebruker-filterbox input[type=text]::-moz-placeholder {
    font-weight: 300;
    color: #000;
    height: 28px;
    width: auto;
    font-size: 1.25rem
}

#reactLiteratureRoomApp .onebruker-filterbox .selected-text,
#reactLiteratureRoomApp .onebruker-filterbox select,
#reactLiteratureRoomApp .onebruker-filterbox input[type=text],
#reactLiteratureRoomApp .onebruker-filterbox input[type=text]:-ms-input-placeholder {
    font-weight: 300;
    color: #000;
    height: 28px;
    width: auto;
    font-size: 1.25rem
}

#reactLiteratureRoomApp .onebruker-filterbox .selected-text,
#reactLiteratureRoomApp .onebruker-filterbox select,
#reactLiteratureRoomApp .onebruker-filterbox input[type=text],
#reactLiteratureRoomApp .onebruker-filterbox input[type=text]::placeholder {
    font-weight: 300;
    color: #000;
    height: 28px;
    width: auto;
    font-size: 1.25rem
}

@media only screen and (max-width: 480px) {
    #reactLiteratureRoomApp .onebruker-filterbox .selected-text,
    #reactLiteratureRoomApp .onebruker-filterbox select,
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text],
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text]::-webkit-input-placeholder {
        display: block;
        width: 100% !important
    }
    #reactLiteratureRoomApp .onebruker-filterbox .selected-text,
    #reactLiteratureRoomApp .onebruker-filterbox select,
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text],
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text]::-moz-placeholder {
        display: block;
        width: 100% !important
    }
    #reactLiteratureRoomApp .onebruker-filterbox .selected-text,
    #reactLiteratureRoomApp .onebruker-filterbox select,
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text],
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text]:-ms-input-placeholder {
        display: block;
        width: 100% !important
    }
    #reactLiteratureRoomApp .onebruker-filterbox .selected-text,
    #reactLiteratureRoomApp .onebruker-filterbox select,
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text],
    #reactLiteratureRoomApp .onebruker-filterbox input[type=text]::placeholder {
        display: block;
        width: 100% !important
    }
}

#reactLiteratureRoomApp .onebruker-filterbox input[type=text]::-webkit-input-placeholder {
    color: #000
}

#reactLiteratureRoomApp .onebruker-filterbox input[type=text]::-moz-placeholder {
    color: #000
}

#reactLiteratureRoomApp .onebruker-filterbox input[type=text]:-ms-input-placeholder {
    color: #000
}

#reactLiteratureRoomApp .onebruker-filterbox input[type=text]::placeholder {
    color: #000
}

#reactLiteratureRoomApp .dam-documents-list-item {
    padding: 0
}

#reactLiteratureRoomApp select {
    background-position: right 10px top 50%;
    min-width: 240px
}

#reactLiteratureRoomApp select:active {
    font-size: 1.2rem
}

#reactLiteratureRoomApp .tmp-placeholder {
    padding: 0 20px;
    font-size: 1.5rem
}

#reactLiteratureRoomApp .pagination>.active>a,
#reactLiteratureRoomApp .pagination>.active>a:hover,
#reactLiteratureRoomApp .pagination>.active>a:focus {
    color: #fff;
    text-decoration: none
}

.svg-listdot,
.svg-svg--cross,
.svg-svg--facebook,
.svg-svg--facebook-white,
.svg-svg--feed,
.svg-svg--feed-white,
.svg-svg--file-excel,
.filelinks .xls:before,
.filelinks .xlsx::before,
.svg-svg--file-excel-white,
.svg-svg--file-pdf,
.filelinks .pdf:before,
.svg-svg--file-pdf-white,
.svg-svg--file-powerpoint,
.filelinks .ppt:before,
.filelinks .pptx:before,
.svg-svg--file-powerpoint-white,
.svg-svg--file-text,
.filelinks .dam-documents-list-item::after,
.filelinks .txt:before,
.filelinks .readme::before,
.svg-svg--file-text-white,
.svg-svg--file-word,
.filelinks .dot:before,
.filelinks .dotx:before,
.filelinks .doc:before,
.filelinks .docx:before,
.svg-svg--file-word-white,
.svg-svg--google-plus,
.svg-svg--google-plus-white,
.svg-svg--linkedin,
.svg-svg--linkedin-white,
.svg-svg--phone,
.tabs li.sales-phone a:hover .icon-phone,
.svg-svg--phone-white,
.tabs li.sales-phone a .icon-phone,
.svg-svg--twitter,
.svg-svg--twitter-white,
.svg-svg--youtube,
.svg-svg--youtube-white {
    background: url("/img/svg-sprite.svg") no-repeat
}

.svg-listdot {
    background-position: 0 0
}

.svg-listdot-dims {
    width: 100px;
    height: 100px
}

.svg-svg--cross {
    background-position: 83.33333333333333% 55.172413793103445%
}

.svg-svg--cross-dims {
    width: 20px;
    height: 20px
}

.svg-svg--facebook {
    background-position: 100% 83.33333333333333%
}

.svg-svg--facebook-dims {
    width: 9px;
    height: 16px
}

.svg-svg--facebook-white {
    background-position: 27.480916030534353% 83.33333333333333%
}

.svg-svg--facebook-white-dims {
    width: 9px;
    height: 16px
}

.svg-svg--feed {
    background-position: 35.43307086614173% 83.33333333333333%
}

.svg-svg--feed-dims {
    width: 13px;
    height: 16px
}

.svg-svg--feed-white {
    background-position: 58.267716535433074% 83.33333333333333%
}

.svg-svg--feed-white-dims {
    width: 13px;
    height: 16px
}

.svg-svg--file-excel,
.filelinks .xls:before,
.filelinks .xlsx::before {
    background-position: 70.16129032258064% 83.33333333333333%
}

.svg-svg--file-excel-dims,
.filelinks .xls:before,
.filelinks .xlsx::before {
    width: 16px;
    height: 16px
}

.svg-svg--file-excel-white {
    background-position: 0 100%
}

.svg-svg--file-excel-white-dims {
    width: 16px;
    height: 16px
}

.svg-svg--file-pdf,
.filelinks .pdf:before {
    background-position: 12.698412698412698% 100%
}

.svg-svg--file-pdf-dims,
.filelinks .pdf:before {
    width: 14px;
    height: 16px
}

.svg-svg--file-pdf-white {
    background-position: 96.03174603174604% 40%
}

.svg-svg--file-pdf-white-dims {
    width: 14px;
    height: 16px
}

.svg-svg--file-powerpoint,
.filelinks .ppt:before,
.filelinks .pptx:before {
    background-position: 80.64516129032258% 70%
}

.svg-svg--file-powerpoint-dims,
.filelinks .ppt:before,
.filelinks .pptx:before {
    width: 16px;
    height: 16px
}

.svg-svg--file-powerpoint-white {
    background-position: 93.54838709677419% 70%
}

.svg-svg--file-powerpoint-white-dims {
    width: 16px;
    height: 16px
}

.svg-svg--file-text,
.filelinks .dam-documents-list-item::after,
.filelinks .txt:before,
.filelinks .readme::before {
    background-position: 16.129032258064516% 83.33333333333333%
}

.svg-svg--file-text-dims,
.filelinks .dam-documents-list-item::after,
.filelinks .txt:before,
.filelinks .readme::before {
    width: 16px;
    height: 16px
}

.svg-svg--file-text-white {
    background-position: 48.38709677419355% 100%
}

.svg-svg--file-text-white-dims {
    width: 16px;
    height: 16px
}

.svg-svg--file-word,
.filelinks .dot:before,
.filelinks .dotx:before,
.filelinks .doc:before,
.filelinks .docx:before {
    background-position: 97.58064516129032% 26.666666666666668%
}

.svg-svg--file-word-dims,
.filelinks .dot:before,
.filelinks .dotx:before,
.filelinks .doc:before,
.filelinks .docx:before {
    width: 16px;
    height: 16px
}

.svg-svg--file-word-white {
    background-position: 46.774193548387096% 83.33333333333333%
}

.svg-svg--file-word-white-dims {
    width: 16px;
    height: 16px
}

.svg-svg--google-plus {
    background-position: 84.03361344537815% 26.666666666666668%
}

.svg-svg--google-plus-dims {
    width: 21px;
    height: 16px
}

.svg-svg--google-plus-white {
    background-position: 84.03361344537815% 40%
}

.svg-svg--google-plus-white-dims {
    width: 21px;
    height: 16px
}

.svg-svg--linkedin {
    background-position: 81.74603174603175% 83.33333333333333%
}

.svg-svg--linkedin-dims {
    width: 14px;
    height: 16px
}

.svg-svg--linkedin-white {
    background-position: 92.85714285714286% 83.33333333333333%
}

.svg-svg--linkedin-white-dims {
    width: 14px;
    height: 16px
}

.svg-svg--phone,
.tabs li.sales-phone a:hover .icon-phone {
    background-position: 100% 55.172413793103445%
}

.svg-svg--phone-dims,
.tabs li.sales-phone a:hover .icon-phone {
    width: 20px;
    height: 20px
}

.svg-svg--phone-white,
.tabs li.sales-phone a .icon-phone {
    background-position: 0 86.20689655172414%
}

.svg-svg--phone-white-dims,
.tabs li.sales-phone a .icon-phone {
    width: 20px;
    height: 20px
}

.svg-svg--twitter {
    background-position: 24% 100%
}

.svg-svg--twitter-dims {
    width: 15px;
    height: 16px
}

.svg-svg--twitter-white {
    background-position: 36% 100%
}

.svg-svg--twitter-white-dims {
    width: 15px;
    height: 16px
}

.svg-svg--youtube {
    background-position: 100% 13.333333333333334%
}

.svg-svg--youtube-dims {
    width: 40px;
    height: 16px
}

.svg-svg--youtube-white {
    background-position: 100% 0
}

.svg-svg--youtube-white-dims {
    width: 40px;
    height: 16px
}

.documentation h1,
.documentation h2,
.documentation h3 {
    margin: 1em 0 .5em
}

.documentation h3 {
    font-size: 1.333em;
    font-weight: 400;
    margin: 1em 0 .5em
}

.documentation h4,
.documentation h5,
.documentation h6 {
    font-size: 100%;
    margin: 1em 0 .5em
}

.documentation h5,
.documentation h6 {
    font-weight: 400
}

.documentation p {
    margin: 1em 0
}

.documentation a {
    color: rgba(0, 0, 0, 0.5)
}

.documentation a:hover,
.documentation a:focus {
    color: #a8871b
}

.documentation .csc-default p,
.documentation .csc-textpic-text p,
.documentation #content-arrow {
    color: rgba(0, 0, 0, 0.8)
}

.documentation #content-arrow {
    padding-top: 0
}

.documentation .prettyPhoto img {
    border: 1px solid rgba(0, 0, 0, 0.25)
}

.documentation .csc-default p,
.documentation .csc-textpic-text p,
.documentation .csc-default ul,
.documentation .csc-textpic-text ul {
    font-size: 100%
}

.documentation .csc-default ul,
.documentation .csc-textpic-text ul {
    margin: 1em
}

.documentation .csc-default ul ul,
.documentation .csc-textpic-text ul ul {
    margin: 0 1em
}

.documentation .csc-default ol,
.documentation .csc-textpic-text ol {
    margin: 1em 3em
}

.documentation .csc-default ol ol,
.documentation .csc-textpic-text ol ol {
    margin: 0 3em
}

.documentation .csc-textpic-caption {
    font-size: .917em;
    font-style: italic;
    margin-bottom: 1em;
    margin-top: -10px
}

#content-arrow {
    padding-top: 30px
}

@media only screen and (max-width: 480px) {
    #content-arrow {
        padding-top: 0
    }
}


.powermail_check_inner legend{
    display: block;
}
.powermail_check_inner label{
    display: inline-block;
    float: none;
    padding-left: 5px;
    vertical-align: top;
    padding-top: 2px;
    width: 263px;
}



.contacts-holder{
    padding: 2em 107px;
    margin: 0;
    /*font-family: 'Vida', Helvetica, sans-serif;*/
}
@media only screen and (max-width: 1199px){
    .contacts-holder{
        padding: 1.2em 2em;
    }
}
.contacts-content-block{
}
.contacts-content-block .contacts-header h1{
    font-size: 42px;
    line-height: 1em;
    margin-bottom: 0.2em;
    font-weight: normal;
}
.contacts-content-block .contacts-text{
    margin-bottom: 2.5em;
}
.contacts-content-block .contacts-text p{
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    opacity: 0.55;
}
.contacts-content-block .contacts-text a{
    font-size: 20px;
    line-height: 1.2em;
    color: #a8871b;
    border-bottom: 1px solid;
    transition: border-color 0.2s ease-out;
}
.contacts-content-block .contacts-text a:hover{
    border-bottom-color: transparent;
}

.contacts-content-block .toggled-blocks-container{}
.contacts-content-block .toggled-blocks-container .toggle-block{
    font-size: 22px;
    line-height: 24px;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column{
    display: inline-block;
    vertical-align: top;
    margin-right: 4em;
    margin-bottom: 1em;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column .contacts-column-title{
    color: #fff;
    color: #a8871b;
    /*opacity: 0.22;*/
    font-size: 1.1em;
    line-height: 1.4em;
    margin-bottom: 0.375em;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column ul{
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin: 0 1em 0 0;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column ul li{
    list-style: none;
    padding: 0;
    background: none;
    line-height: 22px;
    margin-bottom: 0.5em;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column ul li a{
    color: #999;
    transition: color 0.2s ease-out;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column ul li a:hover{
    color: #a8871b;
}
.contacts-content-block .toggled-blocks-container .toggle-block .contacts-column ul li a img{
    max-width: 32px;
    max-height: 22px;
    vertical-align: top;
    margin-right: 5px;
}

.contacts-content-block .toggled-blocks-container .toggle-block .back-link{
    position: relative;
    opacity: 0.22;
    font-size: 1.14em;
    line-height: 1.4em;
    margin-bottom: 0.375em;
    transition: opacity 0.2s ease-out;
    cursor: pointer;
}
.contacts-content-block .toggled-blocks-container .toggle-block .back-link:before{
    content: '<';
    position: absolute;
    left: -1em;
    top: 0;
    font-size: 0.5em;
}
.contacts-content-block .toggled-blocks-container .toggle-block .back-link span{
    font-size: 0.5em;
    vertical-align: top;
}
.contacts-content-block .toggled-blocks-container .toggle-block .back-link:hover{
    opacity: 1
}

.contacts-content-block .toggled-blocks-container .toggle-block .city-selector{}
.contacts-content-block .toggled-blocks-container .toggle-block .city-selector ul{
    list-style: none;
    margin: 0;
}
.contacts-content-block .toggled-blocks-container .toggle-block .city-selector ul li{
    list-style: none;
    /*display: inline-block;*/
    vertical-align: top;
    background: none;
    margin: 0 0.5em 0.5em 0;
    padding: 0;
}
.contacts-content-block .toggled-blocks-container .toggle-block .city-selector ul li a{
    /*color: #fff;*/
    transition: color 0.2s ease-out;
}
.contacts-content-block .toggled-blocks-container .toggle-block .city-selector ul li a.active,
.contacts-content-block .toggled-blocks-container .toggle-block .city-selector ul li a:hover{
    color: #a8871b;
}

.contacts-content-block .toggled-blocks-container .toggle-block .magazin-list{

}



.dealer-info-block{
    margin: 1em 0;
}
.dealer-info-block .dealer-info-row{
    margin: 0 -5px;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: stretch;
    align-items: stretch;
}
.dealer-info-block .dealer-info-cell{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    align-content: stretch;
    margin: 5px;
    padding: 1em 1.33em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eee;
}
.dealer-info-block .dealer-info-cell.full{
    display: block;
    width: 100%;
    height: auto;
}

.dealer-info-block .dealer-info-wrap{
}
.dealer-info-block .dealer-info-logo{
    float: left;
    height: 100px;
    width: auto;
    border: 1px solid #ccc;
    padding: 1em 1.33em;
    margin: 5px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dealer-info-block .dealer-info-logo img{
    max-width: 100%;
    max-height: 100%;
}
.dealer-info-block .dealer-info-name{
    display: block;
    width: 100%;
}

.dealer-info-block .dealer-info-cell dl{}
.dealer-info-block .dealer-info-cell dl dt{}
.dealer-info-block .dealer-info-cell dl dd{
    font-size: 0.8em;
    color: #999;
}
.dealer-info-block .dealer-info-cell dl.line dt,
.dealer-info-block .dealer-info-cell dl.line dd{
    display: inline-block;
    vertical-align: top;
}
.dealer-info-block .dealer-info-cell dl.menu-list{
    float: left;
    width: 33%;
    margin: 1em 0;
}
.dealer-info-block .dealer-info-cell dl.menu-list dt{
    margin-bottom: 0.5em;
}
.dealer-info-block .dealer-info-cell dl.menu-list dt a{
    color: #a8871b;
}
.dealer-info-block .dealer-info-cell a.toggle-link{
    display: inline-block;
    vertical-align: top;
    padding: 0.375em 1.5em;
    margin-top: 1em;
    color: #a8871b;
    text-align: center;
    border: 1px solid;
    transition: color 0.2s ease-out, color 0.2s ease-out;
    border-radius: 6px;
}
.dealer-info-block .dealer-info-cell a.toggle-link:hover{
    background-color: #a8871b;
    border-color: #a8871b;
    color: #fff;
}

@media(max-width: 600px){
    .dealer-info-block .dealer-info-row{
        display: block;
        width: auto;
    }
    .dealer-info-block .dealer-info-cell,
    .dealer-info-block .dealer-info-cell.full{
        display: block;
        width: auto;
    }
    .dealer-info-block .dealer-info-logo{
        float: none;
        display: inline-block;
        width: auto;
    }
    .dealer-info-block .dealer-info-cell dl.menu-list{
        float: none;
        width: auto;
    }
}





.map{
    height: 450px;
}
.map .c-marker{
    position: absolute;
    display: block;
}
.map .c-marker:after{
    content: '';
    position: absolute;
    bottom: -5px;
    right: -15px;
    width: 30.00px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
    /*background: url('/img/mark.svg');*/
    background: url('/img/map-marker-point.svg');
    -webkit-background-size: cover;
    background-size: cover;
}
.map .c-marker:before{
    content: '';
    position: absolute;
    top: -24px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #fff;
    z-index: 2;
}
.map .c-marker .wr{
    position: absolute;
    display: none;
    left: -180px;
    bottom: 25px;
    background-color: #fff;
    width: 360px;
    padding: 1.6em 2em;
    z-index: 3;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.33);
}
@media(max-width: 400px){
    .map .c-marker .wr{
        width: 200px;
        left: -100px;
        font-size: 0.8em;
    }
}
.map .c-marker .wr:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-left-color: fadeout(#fff, 5%);
    border-bottom: 10px solid transparent;
}
.map .c-marker .wr:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid #fff;
    border-right-color: fadeout(#fff, 5%);
    border-bottom: 10px solid transparent;
}


.map .c-marker .wr .logo{
    width: 100px;
    margin: 0.5em 18px 0.5em 0;
    float: left;
}
.map .c-marker .wr .logo img{
    max-width: 100%;
}
.map .c-marker .wr .name{
    font-size: 1.1em;
    padding-left: 118px;
    margin: 0.5em 0;
    font-weight: bold;
}
.map .c-marker .wr address{
    font-size: 1.1em;
    padding-left: 118px;
    margin: 0.5em 0;
    font-style: normal;
}
.map .c-marker .wr.no-logo .name,
.map .c-marker .wr.no-logo address{
    padding-left: 0;
}

.map .c-marker .wr .go-to{
    padding-left: 118px;
}
.map .c-marker .wr.no-logo .go-to{
    padding-left: 0;
}
.map .c-marker .wr .go-to a{
    color: #444;
    border-bottom: 1px dotted;
}
.map .c-marker .wr .go-to a:hover{
    color: #000;
}





.g-recaptcha div{
    margin: 0 0 1em 0;
    margin-left: auto;
}



.ask-online{
    margin: 4em 0;
}
.ask-online .ask-online-title{
    text-align: center;
    font-size: 2em;
    margin-bottom: 1em;
    line-height: normal;
    color: #a8871b;
}
.ask-online-block{
    position: relative;
    overflow: hidden;
    font-size: 1.4em;
    line-height: normal;
}
.ask-online-block .ask-online-form{
    width: 50%;
    margin-right: 50%;
}
.ask-online-block .ask-online-form .ask-online-form-wrapper{
    padding: 2em 3em 1em;
    background-color: #eee;
}
.ask-online-block .ask-online-form form input{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding: 1.2em 1.5em;
    border-radius: 0.6em;
    width: 100%;
    border: none;
    margin-bottom: 1.8em;
}
.ask-online-block .ask-online-form form .button{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding: 1.2em 1.5em;
    border-radius: 0.6em;
    width: 100%;
    border: none;
    margin-bottom: 1.8em;
    color: #fff;
    text-align: center;
    background-color: #a8871b;
    text-transform: uppercase;
}
.ask-online-block .ask-online-form form p{
    margin-bottom: 1em;
    font-size: 0.8em;
    color: #707173;
}
.ask-online-block .ask-online-form form p a{
    text-decoration: underline;
}
.ask-online-block .ask-online-form form .ask-online-form-reg{
    line-height: 1.4em;
}
.ask-online-block .ask-online-form form .offline{
    color: #23523a;
}



.ask-online-block .ask-online-img{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.ask-online-block .ask-online-img img{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -385px;
    height: 100%;
    /*width: 100%;*/
    /*object-fit: cover;*/
    /*object-position: 50% 50%;*/
}

@media(max-width: 991px){
    .ask-online-block .ask-online-form{
        width: auto;
        margin-right: 0;
    }
    .ask-online-block .ask-online-img{
        display: none;
    }
}
@media(max-width: 600px){
    .ask-online-block{
        font-size: 1em;
    }
    .ask-online-block .ask-online-form .ask-online-form-wrapper{

    }
}





.loading{
    position: relative;
    opacity: 0.3;
}
.loading:after{
    content: '';
    position: fixed;
    width: 72px;
    height: 72px;
    top: 50%;
    left: 50%;
    margin: -36px 0 0 -36px;
    background-image: url('/css/../img/tail-spin.svg');
    z-index: 200;
    -webkit-background-size: 100%;
    background-size: 100%;
}



/*application*/

.application__list{
    margin: 4em 0;
}

.application__filter{
    margin: 1em 0;
}
.application__filter-form{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.application__filter-group{
    margin: 0.5em 1em;
    margin-left: 0;
}
.application__filter-group label{
    margin-right: 0.5em;
    color: #a8871b;
    font-weight: 300;
}
@media(max-width: 640px){
    .application__filter-group{
        margin: 0.5em 0;
        width: 100%;
    }
    .application__filter-group label{
        display: block;
    }
    .application__filter-group select{
        display: block;
        width: 100%;
    }
    
}


.application__item{
    position: relative;
    margin: 2em 0;
    padding-bottom: 2em;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.application__img{
    float: left;
    width: 200px;
}
.application__text{
    padding-left: 220px;
}
.application__name{
    font-size: 1.2em;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 1em;
}
.application__content{
    margin-bottom: 1.5em;
}


.application__tags{
    margin: 1.5em 0;
}
.application__tags h4{
    margin-bottom: 0.5em;
}

.application__products{
    margin: 1.5em 0;
}
.application__products h4{
    margin-bottom: 0.5em;
}
.application__products a{
    color: #87888a;
    display: inline-block;
    vertical-align: top;
    font-size: 1.1em;
    line-height: 1.4em;
    position: relative;
    padding-left: 10px;
    margin: 0 1em 1em 0;
}
.application__products a:hover{
    color: #a8871b;
}
.application__products a:after{
    content: "•";
    margin-right: 5px;
    height: 1.4em;
    font-size: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.application__pdf{
    margin-top: 1em;
}

@media(max-width: 640px){
    .application__img{
        float: none;
        margin-bottom: 1.5em;
    }
    .application__text{
        padding: 0;
    }
}


.application__detail{
    margin-bottom: 4em;
}
.application__header .application__title{
    margin-bottom: 0.66em;
}

/* End */
/* /css/min.css?1712125913240895 */