/* ==========================================================================
   SCREEN STYLES
   Description: Screen styles only
   ========================================================================== */
/* ==========================================================================
   CUSTOM BOOTSTRAP
   Description: Bootstrap classes and mixins needed to @extend in custom styles
   ========================================================================== */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #454e57;
    background-color: #30363c;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #30363c;
    text-decoration: none;
}

a:hover, a:focus {
    color: #0e1011;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive, .bodytext img, .article-list img, .article-list [class*="col-"] img, .full-width .bodytext img, .full-width .article-list img, .box img, .catalog-overview article a img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.8;
    background-color: #30363c;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #f7f7f7;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1, .home h2, h2, h3, legend, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 100;
    line-height: 1.3;
    color: inherit;
}

h1 small, .home h2 small,
h1 .small,
.home h2 .small, h2 small,
h2 .small, h3 small, legend small,
h3 .small,
legend .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #e9e9e9;
}

h1, .home h2, .h1,
h2, .h2,
h3,
legend, .h3 {
    margin-top: 25px;
    margin-bottom: 12.5px;
}

h1 small, .home h2 small,
h1 .small,
.home h2 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
legend small,
h3 .small,
legend .small, .h3 small,
.h3 .small {
    font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 12.5px;
    margin-bottom: 12.5px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
    font-size: 75%;
}

h1, .home h2, .h1 {
    font-size: 28px;
}

h2, .h2 {
    font-size: 19px;
}

h3, legend, .h3 {
    font-size: 17px;
}

h4, .h4 {
    font-size: 16px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 12.5px;
}

.lead {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 92%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

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

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

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

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

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase, .initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #e9e9e9;
}

.text-primary {
    color: #e62237;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #bf1628;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #e62237;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #bf1628;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 11.5px;
    margin: 50px 0 25px;
    border-bottom: 1px solid #f7f7f7;
}

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

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

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 25px;
}

dt,
dd {
    line-height: 1.8;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #e9e9e9;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 12.5px 25px;
    margin: 0 0 25px;
    font-size: 17.5px;
    border-left: 5px solid #f7f7f7;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.8;
    color: #e9e9e9;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #f7f7f7;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 25px;
    font-style: normal;
    line-height: 1.8;
}

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

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

.container:after {
    clear: both;
}

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

@media (min-width: 1010px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1310px;
    }
}

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

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

.container-fluid:after {
    clear: both;
}

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

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

.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: 1010px) {
    .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: 1300px) {
    .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: 25px;
    font-size: 21px;
    line-height: inherit;
    color: #454e57;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

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

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    color: #758390;
    background-color: white;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border-color: #758390;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(117, 131, 144, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(117, 131, 144, 0.6);
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f7f7f7;
    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: 39px;
    }

    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: 31px;
    }

    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: 45px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 25px;
    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: 39px;
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.input-sm {
    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 31px;
    line-height: 31px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 31px;
    line-height: 31px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 31px;
    min-height: 38px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.5;
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 6px;
}

select.input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 45px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 45px;
    line-height: 45px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 45px;
    min-height: 42px;
    padding: 11px 16px;
    font-size: 17px;
    line-height: 1.33333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 48.75px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    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: 45px;
    height: 45px;
    line-height: 45px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 31px;
    height: 31px;
    line-height: 31px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

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

.has-success .input-group-addon {
    color: #3c763d;
    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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

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

.has-warning .input-group-addon {
    color: #8a6d3b;
    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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

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

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

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 30px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #818e9b;
}

@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: 32px;
}

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

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

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 17px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 13px;
    }
}

.btn, .rft-button,
.bodytext .rft-button,
.article-list .rft-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus, .rft-button:focus, .btn.focus, .focus.rft-button, .btn:active:focus, .rft-button:active:focus, .btn:active.focus, .rft-button:active.focus, .btn.active:focus, .active.rft-button:focus, .btn.active.focus, .active.focus.rft-button {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .rft-button:hover, .btn:focus, .rft-button:focus, .btn.focus, .focus.rft-button {
    color: #454e57;
    text-decoration: none;
}

.btn:active, .rft-button:active, .btn.active, .active.rft-button {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .disabled.rft-button, .btn[disabled], [disabled].rft-button, fieldset[disabled] .btn, fieldset[disabled] .rft-button {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled, a.disabled.rft-button, fieldset[disabled] a.btn, fieldset[disabled] a.rft-button {
    pointer-events: none;
}

.btn-default {
    color: #454e57;
    background-color: transparent;
    border-color: #454e57;
}

.btn-default:focus, .btn-default.focus {
    color: #454e57;
    background-color: transparent;
    border-color: #0d0e10;
}

.btn-default:hover {
    color: #454e57;
    background-color: transparent;
    border-color: #2a2f35;
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #454e57;
    background-color: transparent;
    border-color: #2a2f35;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
    color: #454e57;
    background-color: transparent;
    border-color: #0d0e10;
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: transparent;
    border-color: #454e57;
}

.btn-default .badge {
    color: transparent;
    background-color: #454e57;
}

.btn-primary, .rft-button,
.bodytext .rft-button,
.article-list .rft-button {
    color: #e62237;
    background-color: transparent;
    border-color: #e62237;
}

.btn-primary:focus, .rft-button:focus, .btn-primary.focus, .focus.rft-button {
    color: #e62237;
    background-color: transparent;
    border-color: #7b0e1a;
}

.btn-primary:hover, .rft-button:hover {
    color: #e62237;
    background-color: transparent;
    border-color: #b61526;
}

.btn-primary:active, .rft-button:active, .btn-primary.active, .active.rft-button, .open > .btn-primary.dropdown-toggle, .open > .dropdown-toggle.rft-button {
    color: #e62237;
    background-color: transparent;
    border-color: #b61526;
}

.btn-primary:active:hover, .rft-button:active:hover, .btn-primary:active:focus, .rft-button:active:focus, .btn-primary:active.focus, .rft-button:active.focus, .btn-primary.active:hover, .active.rft-button:hover, .btn-primary.active:focus, .active.rft-button:focus, .btn-primary.active.focus, .active.focus.rft-button, .open > .btn-primary.dropdown-toggle:hover, .open > .dropdown-toggle.rft-button:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .dropdown-toggle.rft-button:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .dropdown-toggle.focus.rft-button {
    color: #e62237;
    background-color: transparent;
    border-color: #7b0e1a;
}

.btn-primary:active, .rft-button:active, .btn-primary.active, .active.rft-button, .open > .btn-primary.dropdown-toggle, .open > .dropdown-toggle.rft-button {
    background-image: none;
}

.btn-primary.disabled:hover, .disabled.rft-button:hover, .btn-primary.disabled:focus, .disabled.rft-button:focus, .btn-primary.disabled.focus, .disabled.focus.rft-button, .btn-primary[disabled]:hover, [disabled].rft-button:hover, .btn-primary[disabled]:focus, [disabled].rft-button:focus, .btn-primary[disabled].focus, [disabled].focus.rft-button, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .rft-button:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .rft-button:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .focus.rft-button {
    background-color: transparent;
    border-color: #e62237;
}

.btn-primary .badge, .rft-button .badge {
    color: transparent;
    background-color: #e62237;
}

.btn-success {
    color: white;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
    color: white;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: white;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: white;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
    color: white;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: white;
}

.btn-info {
    color: white;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
    color: white;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-info:hover {
    color: white;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: white;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
    color: white;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: white;
}

.btn-warning {
    color: white;
    background-color: orange;
    border-color: #e69500;
}

.btn-warning:focus, .btn-warning.focus {
    color: white;
    background-color: #cc8400;
    border-color: #664200;
}

.btn-warning:hover {
    color: white;
    background-color: #cc8400;
    border-color: #a86d00;
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: white;
    background-color: #cc8400;
    border-color: #a86d00;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
    color: white;
    background-color: #a86d00;
    border-color: #664200;
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: orange;
    border-color: #e69500;
}

.btn-warning .badge {
    color: orange;
    background-color: white;
}

.btn-danger {
    color: white;
    background-color: red;
    border-color: #e60000;
}

.btn-danger:focus, .btn-danger.focus {
    color: white;
    background-color: #cc0000;
    border-color: #660000;
}

.btn-danger:hover {
    color: white;
    background-color: #cc0000;
    border-color: #a80000;
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: white;
    background-color: #cc0000;
    border-color: #a80000;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
    color: white;
    background-color: #a80000;
    border-color: #660000;
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: red;
    border-color: #e60000;
}

.btn-danger .badge {
    color: red;
    background-color: white;
}

.btn-link {
    color: #30363c;
    font-weight: normal;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #0e1011;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #e9e9e9;
    text-decoration: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 11.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.8;
    color: #454e57;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #3a4149;
    background-color: whitesmoke;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: white;
    text-decoration: none;
    outline: 0;
    background-color: #e62237;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #e9e9e9;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 13px;
    line-height: 1.8;
    color: #e9e9e9;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

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

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

.navbar:after {
    clear: both;
}

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

.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: 5px;
    padding-left: 5px;
    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: -5px;
    margin-left: -5px;
}

@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: 17.5px 5px;
    font-size: 17px;
    line-height: 25px;
    height: 60px;
}

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

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 5px;
    padding: 9px 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}

.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: 8.75px -5px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
}

@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: 25px;
    }

    .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: 17.5px;
        padding-bottom: 17.5px;
    }
}

.navbar-form {
    margin-left: -5px;
    margin-right: -5px;
    padding: 10px 5px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

@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;
        -webkit-box-shadow: none;
        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: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

.navbar-btn.btn-sm {
    margin-top: 14.5px;
    margin-bottom: 14.5px;
}

.navbar-btn.btn-xs {
    margin-top: 19px;
    margin-bottom: 19px;
}

.navbar-text {
    margin-top: 17.5px;
    margin-bottom: 17.5px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
    }
}

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

    .navbar-right {
        float: right !important;
        margin-right: -5px;
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777777;
}

.navbar-default .navbar-nav > li > a {
    color: #777777;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333333;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888888;
}

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

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333333;
        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: #555555;
        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: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

.navbar-default .navbar-link:hover {
    color: #333333;
}

.navbar-default .btn-link {
    color: #777777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333333;
}

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

.navbar-inverse {
    background-color: #30363c;
    border-color: #191c20;
}

.navbar-inverse .navbar-brand {
    color: white;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: white;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #e9e9e9;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: white;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #191c20;
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #202428;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #191c20;
    color: white;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #191c20;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #191c20;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: white;
        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: white;
        background-color: #191c20;
    }

    .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: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: white;
}

.navbar-inverse .navbar-link:hover {
    color: white;
}

.navbar-inverse .btn-link {
    color: white;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: white;
}

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

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: white;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: black;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

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

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.8;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn, .modal-footer .rft-button + .btn, .modal-footer .btn + .rft-button, .modal-footer .rft-button + .rft-button {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .rft-button + .btn, .modal-footer .btn-group .btn + .rft-button, .modal-footer .btn-group .rft-button + .rft-button {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 1010px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before, .box .wrapper:before, .catalog-overview:before, .clearfix:after, .box .wrapper:after, .catalog-overview:after {
    content: " ";
    display: table;
}

.clearfix:after, .box .wrapper:after, .catalog-overview: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;
}

/* =============================================================================
   CUSTOM MIXINS & EXTEND CLASSES
   ========================================================================== */
.primary-box {
    display: block;
    padding: .3em;
    background: white;
    border-radius: 15px;
    border: 1px solid #e62237;
    border-radius: 6px 0 6px 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*  Vertical align
	------------------------------------------------------------------------- */
/*  Box
	------------------------------------------------------------------------- */
/*
.box {
    padding: 12px 20px;
    display: block;
    border-radius: $border-radius-base;
    border: 1px solid $gray-light;
    background: lighten($gray-lighter, 1%);
    @include transition(.3s);


    @media (max-width: $screen-md-min) {
          margin-bottom: 1em;
      }

}

a.box{
    cursor: pointer;
    &:hover, &:focus, &:active{
        background: lighten($gray-lighter, 2%);
        text-decoration: none;
    }
}

.box-small{
    @extend .box;
    padding: 5px 10px 6px 10px;
}

.box-white{
    @extend .box;
    background: white;
}
*/
/*  Css triangle
	------------------------------------------------------------------------- */
/*  Border red
	------------------------------------------------------------------------- */
.border-red, h1, .home h2 {
    position: relative;
}

.border-red:after, h1:after, .home h2:after {
    content: "";
    display: block;
    border-bottom: 3px solid #e62237;
    margin: 1.5em 0 0 0;
    width: 40px;
    height: 4px;
}

/*  Font awesome icon
	------------------------------------------------------------------------- */
.fa-icon,
.custom-icon {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-icon {
    font-family: FontAwesome;
}

.custom-icon {
    font-family: "custom";
    font-size: 0.9em;
}

/*  Rounded corners
	------------------------------------------------------------------------- */
/*  Box shadow + no ie fallback via PIE.htc because of bad quality
	------------------------------------------------------------------------- */
/*  Gradient + ie fallback via PIE.htc
	------------------------------------------------------------------------- */
/*  Transforms
	------------------------------------------------------------------------- */
/*  Transition
	------------------------------------------------------------------------- */
/*  Background
	------------------------------------------------------------------------- */
/*  Grid
	------------------------------------------------------------------------- */
.no-gutter {
    padding-right: 0;
    padding-left: 0;
}

/* ==========================================================================
   ICONS
   Description: Import fonts & icons
   ========================================================================== */
/* ==========================================================================
   IMPORT FONT AWESOME VARIABLES
   ========================================================================== */
/* ==========================================================================
   IMPORT CUSTOM ICONS
   ========================================================================== */
@font-face {
    font-family: 'custom';
    src: url("fonts/custom.eot?4yth56");
    src: url("fonts/custom.eot?4yth56#iefix") format("embedded-opentype"), url("fonts/custom.ttf?4yth56") format("truetype"), url("fonts/custom.woff?4yth56") format("woff"), url("fonts/custom.svg?4yth56#custom") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon:before, .general-list li:before, .bodytext ul li:before, .article-list ul li:before, input[type="checkbox"].custom + label:before, .btn.btn-primary:not(.icon):before, .rft-button:not(.icon):before,
.bodytext .rft-button:not(.icon):before,
.article-list .rft-button:not(.icon):before,
.btn-default.btn-primary:not(.icon):before,
.btn-default.rft-button:not(.icon):before,
.btn-primary:not(.icon):before, table:not(.noborder) a.login:before, table:not(.noborder) a.download:before, .box table a.login:before, a.icon-sort:before, .box ul.check li:before, .box ul.info li:before, .box ul.classification li:before, .catalog-overview article a h2:before, .catalog-overview article a h3:before, .catalog-overview article a legend:before, .icon:after, .general-list li:after, .bodytext ul li:after, .article-list ul li:after, input[type="checkbox"].custom + label:after, .btn.btn-primary:not(.icon):after, .rft-button:not(.icon):after,
.bodytext .rft-button:not(.icon):after,
.article-list .rft-button:not(.icon):after,
.btn-default.btn-primary:not(.icon):after,
.btn-default.rft-button:not(.icon):after,
.btn-primary:not(.icon):after, table:not(.noborder) a.login:after, table:not(.noborder) a.download:after, .box table a.login:after, a.icon-sort:after, .box ul.check li:after, .box ul.info li:after, .box ul.classification li:after, .catalog-overview article a h2:after, .catalog-overview article a h3:after, .catalog-overview article a legend:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'custom' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon:before, .general-list li:before, .bodytext ul li:before, .article-list ul li:before, input[type="checkbox"].custom + label:before, .btn.btn-primary:not(.icon):before, .rft-button:not(.icon):before,
.bodytext .rft-button:not(.icon):before,
.article-list .rft-button:not(.icon):before,
.btn-default.btn-primary:not(.icon):before,
.btn-default.rft-button:not(.icon):before,
.btn-primary:not(.icon):before, table:not(.noborder) a.login:before, table:not(.noborder) a.download:before, .box table a.login:before, a.icon-sort:before, .box ul.check li:before, .box ul.info li:before, .box ul.classification li:before, .catalog-overview article a h2:before, .catalog-overview article a h3:before, .catalog-overview article a legend:before {
    padding-right: .5em;
}

.icon:after, .general-list li:after, .bodytext ul li:after, .article-list ul li:after, input[type="checkbox"].custom + label:after, .btn.btn-primary:not(.icon):after, .rft-button:not(.icon):after,
.bodytext .rft-button:not(.icon):after,
.article-list .rft-button:not(.icon):after,
.btn-default.btn-primary:not(.icon):after,
.btn-default.rft-button:not(.icon):after,
.btn-primary:not(.icon):after, table:not(.noborder) a.login:after, table:not(.noborder) a.download:after, .box table a.login:after, a.icon-sort:after, .box ul.check li:after, .box ul.info li:after, .box ul.classification li:after, .catalog-overview article a h2:after, .catalog-overview article a h3:after, .catalog-overview article a legend:after {
    padding-left: .3em;
}

.icon.dimensions:before, .general-list li.dimensions:before, .bodytext ul li.dimensions:before, .article-list ul li.dimensions:before, input[type="checkbox"].custom + label.dimensions:before, .dimensions.rft-button:not(.icon):before,
.dimensions.btn-primary:not(.icon):before, table:not(.noborder) a.dimensions.login:before, table:not(.noborder) a.dimensions.download:before, .box table a.dimensions.login:before, a.dimensions.icon-sort:before, .box ul.check li.dimensions:before, .box ul.info li.dimensions:before, .box ul.classification li.dimensions:before, .catalog-overview article a h2.dimensions:before, .catalog-overview article a h3.dimensions:before, .catalog-overview article a legend.dimensions:before {
    content: "\e900";
}

.icon.file-excel:before, .general-list li.file-excel:before, .bodytext ul li.file-excel:before, .article-list ul li.file-excel:before, input[type="checkbox"].custom + label.file-excel:before, .file-excel.rft-button:not(.icon):before,
.file-excel.btn-primary:not(.icon):before, table:not(.noborder) a.file-excel.login:before, table:not(.noborder) a.file-excel.download:before, .box table a.file-excel.login:before, a.file-excel.icon-sort:before, .box ul.check li.file-excel:before, .box ul.info li.file-excel:before, .box ul.classification li.file-excel:before, .catalog-overview article a h2.file-excel:before, .catalog-overview article a h3.file-excel:before, .catalog-overview article a legend.file-excel:before {
    content: "\e901";
}

.icon.file-pdf:before, .general-list li.file-pdf:before, .bodytext ul li.file-pdf:before, .article-list ul li.file-pdf:before, input[type="checkbox"].custom + label.file-pdf:before, .file-pdf.rft-button:not(.icon):before,
.file-pdf.btn-primary:not(.icon):before, table:not(.noborder) a.file-pdf.login:before, table:not(.noborder) a.file-pdf.download:before, .box table a.file-pdf.login:before, a.file-pdf.icon-sort:before, .box ul.check li.file-pdf:before, .box ul.info li.file-pdf:before, .box ul.classification li.file-pdf:before, .catalog-overview article a h2.file-pdf:before, .catalog-overview article a h3.file-pdf:before, .catalog-overview article a legend.file-pdf:before {
    content: "\e902";
}

.icon.file-word:before, .general-list li.file-word:before, .bodytext ul li.file-word:before, .article-list ul li.file-word:before, input[type="checkbox"].custom + label.file-word:before, .file-word.rft-button:not(.icon):before,
.file-word.btn-primary:not(.icon):before, table:not(.noborder) a.file-word.login:before, table:not(.noborder) a.file-word.download:before, .box table a.file-word.login:before, a.file-word.icon-sort:before, .box ul.check li.file-word:before, .box ul.info li.file-word:before, .box ul.classification li.file-word:before, .catalog-overview article a h2.file-word:before, .catalog-overview article a h3.file-word:before, .catalog-overview article a legend.file-word:before {
    content: "\e903";
}

.icon.frame-types:before, .general-list li.frame-types:before, .bodytext ul li.frame-types:before, .article-list ul li.frame-types:before, input[type="checkbox"].custom + label.frame-types:before, .frame-types.rft-button:not(.icon):before,
.frame-types.btn-primary:not(.icon):before, table:not(.noborder) a.frame-types.login:before, table:not(.noborder) a.frame-types.download:before, .box table a.frame-types.login:before, a.frame-types.icon-sort:before, .box ul.check li.frame-types:before, .box ul.info li.frame-types:before, .box ul.classification li.frame-types:before, .catalog-overview article a h2.frame-types:before, .catalog-overview article a h3.frame-types:before, .catalog-overview article a legend.frame-types:before {
    content: "\e904";
}

.icon.mechanisms:before, .general-list li.mechanisms:before, .bodytext ul li.mechanisms:before, .article-list ul li.mechanisms:before, input[type="checkbox"].custom + label.mechanisms:before, .mechanisms.rft-button:not(.icon):before,
.mechanisms.btn-primary:not(.icon):before, table:not(.noborder) a.mechanisms.login:before, table:not(.noborder) a.mechanisms.download:before, .box table a.mechanisms.login:before, a.mechanisms.icon-sort:before, .box ul.check li.mechanisms:before, .box ul.info li.mechanisms:before, .box ul.classification li.mechanisms:before, .catalog-overview article a h2.mechanisms:before, .catalog-overview article a h3.mechanisms:before, .catalog-overview article a legend.mechanisms:before {
    content: "\e905";
}

.icon.youtube:before, .general-list li.youtube:before, .bodytext ul li.youtube:before, .article-list ul li.youtube:before, input[type="checkbox"].custom + label.youtube:before, .youtube.rft-button:not(.icon):before,
.youtube.btn-primary:not(.icon):before, table:not(.noborder) a.youtube.login:before, table:not(.noborder) a.youtube.download:before, .box table a.youtube.login:before, a.youtube.icon-sort:before, .box ul.check li.youtube:before, .box ul.info li.youtube:before, .box ul.classification li.youtube:before, .catalog-overview article a h2.youtube:before, .catalog-overview article a h3.youtube:before, .catalog-overview article a legend.youtube:before {
    content: "\e906";
}

.icon.linkedin:before, .general-list li.linkedin:before, .bodytext ul li.linkedin:before, .article-list ul li.linkedin:before, input[type="checkbox"].custom + label.linkedin:before, .linkedin.rft-button:not(.icon):before,
.linkedin.btn-primary:not(.icon):before, table:not(.noborder) a.linkedin.login:before, table:not(.noborder) a.linkedin.download:before, .box table a.linkedin.login:before, a.linkedin.icon-sort:before, .box ul.check li.linkedin:before, .box ul.info li.linkedin:before, .box ul.classification li.linkedin:before, .catalog-overview article a h2.linkedin:before, .catalog-overview article a h3.linkedin:before, .catalog-overview article a legend.linkedin:before {
    content: "\e907";
}

.icon.brand:before, .general-list li.brand:before, .bodytext ul li.brand:before, .article-list ul li.brand:before, input[type="checkbox"].custom + label.brand:before, .brand.rft-button:not(.icon):before,
.brand.btn-primary:not(.icon):before, table:not(.noborder) a.brand.login:before, table:not(.noborder) a.brand.download:before, .box table a.brand.login:before, a.brand.icon-sort:before, .box ul.check li.brand:before, .box ul.info li.brand:before, .box ul.classification li.brand:before, .catalog-overview article a h2.brand:before, .catalog-overview article a h3.brand:before, .catalog-overview article a legend.brand:before {
    content: "\e907";
}

.icon.social:before, .general-list li.social:before, .bodytext ul li.social:before, .article-list ul li.social:before, input[type="checkbox"].custom + label.social:before, .social.rft-button:not(.icon):before,
.social.btn-primary:not(.icon):before, table:not(.noborder) a.social.login:before, table:not(.noborder) a.social.download:before, .box table a.social.login:before, a.social.icon-sort:before, .box ul.check li.social:before, .box ul.info li.social:before, .box ul.classification li.social:before, .catalog-overview article a h2.social:before, .catalog-overview article a h3.social:before, .catalog-overview article a legend.social:before {
    content: "\e907";
}

.icon.selection:before, .general-list li.selection:before, .bodytext ul li.selection:before, .article-list ul li.selection:before, input[type="checkbox"].custom + label.selection:before, .selection.rft-button:not(.icon):before,
.selection.btn-primary:not(.icon):before, table:not(.noborder) a.selection.login:before, table:not(.noborder) a.selection.download:before, .box table a.selection.login:before, a.selection.icon-sort:before, .box ul.check li.selection:before, .box ul.info li.selection:before, .box ul.classification li.selection:before, .catalog-overview article a h2.selection:before, .catalog-overview article a h3.selection:before, .catalog-overview article a legend.selection:before {
    content: "\e62f";
}

.icon.classification:before, .general-list li.classification:before, .bodytext ul li.classification:before, .article-list ul li.classification:before, input[type="checkbox"].custom + label.classification:before, .classification.rft-button:not(.icon):before, .box ul.classification li.rft-button:not(.icon):before,
.classification.btn-primary:not(.icon):before,
.box ul.classification li.btn-primary:not(.icon):before, table:not(.noborder) a.classification.login:before, table:not(.noborder) a.classification.download:before, .box table a.classification.login:before, a.classification.icon-sort:before, .box ul.check li.classification:before, .box ul.info li.classification:before, .box ul.classification li:before, .catalog-overview article a h2.classification:before, .catalog-overview article a h3.classification:before, .catalog-overview article a legend.classification:before {
    content: "\e638";
}

.icon.login:before, .general-list li.login:before, .bodytext ul li.login:before, .article-list ul li.login:before, input[type="checkbox"].custom + label.login:before, .login.rft-button:not(.icon):before,
.login.btn-primary:not(.icon):before, table:not(.noborder) a.login:before, .box table a.login:before, a.login.icon-sort:before, .box ul.check li.login:before, .box ul.info li.login:before, .box ul.classification li.login:before, .catalog-overview article a h2.login:before, .catalog-overview article a h3.login:before, .catalog-overview article a legend.login:before {
    content: "\e66b";
}

.icon.technical:before, .general-list li.technical:before, .bodytext ul li.technical:before, .article-list ul li.technical:before, input[type="checkbox"].custom + label.technical:before, .technical.rft-button:not(.icon):before,
.technical.btn-primary:not(.icon):before, table:not(.noborder) a.technical.login:before, table:not(.noborder) a.technical.download:before, .box table a.technical.login:before, a.technical.icon-sort:before, .box ul.check li.technical:before, .box ul.info li.technical:before, .box ul.classification li.technical:before, .catalog-overview article a h2.technical:before, .catalog-overview article a h3.technical:before, .catalog-overview article a legend.technical:before {
    content: "\e674";
}

.icon.doc-iom:before, .general-list li.doc-iom:before, .bodytext ul li.doc-iom:before, .article-list ul li.doc-iom:before, input[type="checkbox"].custom + label.doc-iom:before, .doc-iom.rft-button:not(.icon):before,
.doc-iom.btn-primary:not(.icon):before, table:not(.noborder) a.doc-iom.login:before, table:not(.noborder) a.doc-iom.download:before, .box table a.doc-iom.login:before, a.doc-iom.icon-sort:before, .box ul.check li.doc-iom:before, .box ul.info li.doc-iom:before, .box ul.classification li.doc-iom:before, .catalog-overview article a h2.doc-iom:before, .catalog-overview article a h3.doc-iom:before, .catalog-overview article a legend.doc-iom:before {
    content: "\e674";
}


.icon.installation:before, .general-list li.installation:before, .bodytext ul li.installation:before, .article-list ul li.installation:before, input[type="checkbox"].custom + label.installation:before, .installation.rft-button:not(.icon):before,
.installation.btn-primary:not(.icon):before, table:not(.noborder) a.installation.login:before, table:not(.noborder) a.installation.download:before, .box table a.installation.login:before, a.installation.icon-sort:before, .box ul.check li.installation:before, .box ul.info li.installation:before, .box ul.classification li.installation:before, .catalog-overview article a h2.installation:before, .catalog-overview article a h3.installation:before, .catalog-overview article a legend.installation:before {
    content: "\e676";
}

.icon.properties:before, .general-list li.properties:before, .bodytext ul li.properties:before, .article-list ul li.properties:before, input[type="checkbox"].custom + label.properties:before, .properties.rft-button:not(.icon):before,
.properties.btn-primary:not(.icon):before, table:not(.noborder) a.properties.login:before, table:not(.noborder) a.properties.download:before, .box table a.properties.login:before, a.properties.icon-sort:before, .box ul.check li.properties:before, .box ul.info li.properties:before, .box ul.classification li.properties:before, .catalog-overview article a h2.properties:before, .catalog-overview article a h3.properties:before, .catalog-overview article a legend.properties:before {
    content: "\e6a5";
}

.icon.download:before, .general-list li.download:before, .bodytext ul li.download:before, .article-list ul li.download:before, input[type="checkbox"].custom + label.download:before, .download.rft-button:not(.icon):before,
.download.btn-primary:not(.icon):before, table:not(.noborder) a.download:before, .box table a.download.login:before, a.download.icon-sort:before, .box ul.check li.download:before, .box ul.info li.download:before, .box ul.classification li.download:before, .catalog-overview article a h2.download:before, .catalog-overview article a h3.download:before, .catalog-overview article a legend.download:before {
    content: "\e6ac";
}

.icon.documents:before, .general-list li.documents:before, .bodytext ul li.documents:before, .article-list ul li.documents:before, input[type="checkbox"].custom + label.documents:before, .documents.rft-button:not(.icon):before,
.documents.btn-primary:not(.icon):before, table:not(.noborder) a.documents.login:before, table:not(.noborder) a.documents.download:before, .box table a.documents.login:before, a.documents.icon-sort:before, .box ul.check li.documents:before, .box ul.info li.documents:before, .box ul.classification li.documents:before, .catalog-overview article a h2.documents:before, .catalog-overview article a h3.documents:before, .catalog-overview article a legend.documents:before {
    content: "\e6cd";
}

.icon.catalogue:before, .general-list li.catalogue:before, .bodytext ul li.catalogue:before, .article-list ul li.catalogue:before, input[type="checkbox"].custom + label.catalogue:before, .catalogue.rft-button:not(.icon):before,
.catalogue.btn-primary:not(.icon):before, table:not(.noborder) a.catalogue.login:before, table:not(.noborder) a.catalogue.download:before, .box table a.catalogue.login:before, a.catalogue.icon-sort:before, .box ul.check li.catalogue:before, .box ul.info li.catalogue:before, .box ul.classification li.catalogue:before, .catalog-overview article a h2.catalogue:before, .catalog-overview article a h3.catalogue:before, .catalog-overview article a legend.catalogue:before {
    content: "\e6d6";
}

.icon.certificate:before, .general-list li.certificate:before, .bodytext ul li.certificate:before, .article-list ul li.certificate:before, input[type="checkbox"].custom + label.certificate:before, .certificate.rft-button:not(.icon):before,
.certificate.btn-primary:not(.icon):before, table:not(.noborder) a.certificate.login:before, table:not(.noborder) a.certificate.download:before, .box table a.certificate.login:before, a.certificate.icon-sort:before, .box ul.check li.certificate:before, .box ul.info li.certificate:before, .box ul.classification li.certificate:before, .catalog-overview article a h2.certificate:before, .catalog-overview article a h3.certificate:before, .catalog-overview article a legend.certificate:before {
    content: "\e6dc";
}

.icon.doc-hyg:before, .general-list li.doc-hyg:before, .bodytext ul li.doc-hyg:before, .article-list ul li.doc-hyg:before, input[type="checkbox"].custom + label.doc-hyg:before, .doc-hyg.rft-button:not(.icon):before,
.doc-hyg.btn-primary:not(.icon):before, table:not(.noborder) a.doc-hyg.login:before, table:not(.noborder) a.doc-hyg.download:before, .box table a.doc-hyg.login:before, a.doc-hyg.icon-sort:before, .box ul.check li.doc-hyg:before, .box ul.info li.doc-hyg:before, .box ul.classification li.doc-hyg:before, .catalog-overview article a h2.doc-hyg:before, .catalog-overview article a h3.doc-hyg:before, .catalog-overview article a legend.doc-hyg:before {
    content: "\e6dc";
}

.icon.marketing:before, .general-list li.marketing:before, .bodytext ul li.marketing:before, .article-list ul li.marketing:before, input[type="checkbox"].custom + label.marketing:before, .marketing.rft-button:not(.icon):before,
.marketing.btn-primary:not(.icon):before, table:not(.noborder) a.marketing.login:before, table:not(.noborder) a.marketing.download:before, .box table a.marketing.login:before, a.marketing.icon-sort:before, .box ul.check li.marketing:before, .box ul.info li.marketing:before, .box ul.classification li.marketing:before, .catalog-overview article a h2.marketing:before, .catalog-overview article a h3.marketing:before, .catalog-overview article a legend.marketing:before {
    content: "\e7d6";
}

.icon.language:before, .general-list li.language:before, .bodytext ul li.language:before, .article-list ul li.language:before, input[type="checkbox"].custom + label.language:before, .language.rft-button:not(.icon):before,
.language.btn-primary:not(.icon):before, table:not(.noborder) a.language.login:before, table:not(.noborder) a.language.download:before, .box table a.language.login:before, a.language.icon-sort:before, .box ul.check li.language:before, .box ul.info li.language:before, .box ul.classification li.language:before, .catalog-overview article a h2.language:before, .catalog-overview article a h3.language:before, .catalog-overview article a legend.language:before {
    content: "\e884";
}

.icon.file-zip:before, .general-list li.file-zip:before, .bodytext ul li.file-zip:before, .article-list ul li.file-zip:before, input[type="checkbox"].custom + label.file-zip:before, .file-zip.rft-button:not(.icon):before,
.file-zip.btn-primary:not(.icon):before, table:not(.noborder) a.file-zip.login:before, table:not(.noborder) a.file-zip.download:before, .box table a.file-zip.login:before, a.file-zip.icon-sort:before, .box ul.check li.file-zip:before, .box ul.info li.file-zip:before, .box ul.classification li.file-zip:before, .catalog-overview article a h2.file-zip:before, .catalog-overview article a h3.file-zip:before, .catalog-overview article a legend.file-zip:before {
    content: "\e90e";
}

.icon.pricelist:before, .general-list li.pricelist:before, .bodytext ul li.pricelist:before, .article-list ul li.pricelist:before, input[type="checkbox"].custom + label.pricelist:before, .pricelist.rft-button:not(.icon):before,
.pricelist.btn-primary:not(.icon):before, table:not(.noborder) a.pricelist.login:before, table:not(.noborder) a.pricelist.download:before, .box table a.pricelist.login:before, a.pricelist.icon-sort:before, .box ul.check li.pricelist:before, .box ul.info li.pricelist:before, .box ul.classification li.pricelist:before, .catalog-overview article a h2.pricelist:before, .catalog-overview article a h3.pricelist:before, .catalog-overview article a legend.pricelist:before {
    content: "\e914";
}

.icon.icon-search:before, .general-list li.icon-search:before, .bodytext ul li.icon-search:before, .article-list ul li.icon-search:before, input[type="checkbox"].custom + label.icon-search:before, .icon-search.rft-button:not(.icon):before,
.icon-search.btn-primary:not(.icon):before, table:not(.noborder) a.icon-search.login:before, table:not(.noborder) a.icon-search.download:before, .box table a.icon-search.login:before, a.icon-search.icon-sort:before, .box ul.check li.icon-search:before, .box ul.info li.icon-search:before, .box ul.classification li.icon-search:before, .catalog-overview article a h2.icon-search:before, .catalog-overview article a h3.icon-search:before, .catalog-overview article a legend.icon-search:before {
    content: "\e922";
}

.icon.bullet:before, .general-list li.bullet:before, .bodytext ul li.bullet:before, .article-list ul li.bullet:before, input[type="checkbox"].custom + label.bullet:before, .bullet.rft-button:not(.icon):before, .box ul.info li.rft-button:not(.icon):before,
.bullet.btn-primary:not(.icon):before,
.box ul.info li.btn-primary:not(.icon):before, table:not(.noborder) a.bullet.login:before, table:not(.noborder) a.bullet.download:before, .box table a.bullet.login:before, a.bullet.icon-sort:before, .box ul.check li.bullet:before, .box ul.info li:before, .box ul.classification li.bullet:before, .catalog-overview article a h2.bullet:before, .catalog-overview article a h3.bullet:before, .catalog-overview article a legend.bullet:before {
    content: "\e93c";
    font-weight: bold;
    font-size: .7em;
    padding-right: 1em;
}

.icon.bullet-right:after, .general-list li.bullet-right:after, .bodytext ul li.bullet-right:after, .article-list ul li.bullet-right:after, input[type="checkbox"].custom + label.bullet-right:after, .bullet-right.rft-button:not(.icon):after,
.bullet-right.btn-primary:not(.icon):after, table:not(.noborder) a.bullet-right.login:after, table:not(.noborder) a.bullet-right.download:after, .box table a.bullet-right.login:after, a.bullet-right.icon-sort:after, .box ul.check li.bullet-right:after, .box ul.info li.bullet-right:after, .box ul.classification li.bullet-right:after, .catalog-overview article a h2.bullet-right:after, .catalog-overview article a h3.bullet-right:after, .catalog-overview article a legend.bullet-right:after {
    content: "\e93c";
    font-weight: bold;
    position: relative;
    top: .17em;
    font-size: .7em;
}

.icon.sort:before, .general-list li.sort:before, .bodytext ul li.sort:before, .article-list ul li.sort:before, input[type="checkbox"].custom + label.sort:before, .sort.rft-button:not(.icon):before, a.rft-button.icon-sort.sortable:not(.icon):before,
.sort.btn-primary:not(.icon):before,
a.btn-primary.icon-sort.sortable:not(.icon):before, table:not(.noborder) a.sort.login:before, table:not(.noborder) a.sort.download:before, .box table a.sort.login:before, a.sort.icon-sort:before, a.icon-sort.sortable:before, .box ul.check li.sort:before, .box ul.info li.sort:before, .box ul.classification li.sort:before, .catalog-overview article a h2.sort:before, .catalog-overview article a h3.sort:before, .catalog-overview article a legend.sort:before {
    content: "\e93d";
}

.icon.expand:before, .general-list li.expand:before, .bodytext ul li.expand:before, .article-list ul li.expand:before, input[type="checkbox"].custom + label.expand:before, .expand.rft-button:not(.icon):before,
.expand.btn-primary:not(.icon):before, table:not(.noborder) a.expand.login:before, table:not(.noborder) a.expand.download:before, .box table a.expand.login:before, a.expand.icon-sort:before, .box ul.check li.expand:before, .box ul.info li.expand:before, .box ul.classification li.expand:before, .catalog-overview article a h2.expand:before, .catalog-overview article a h3.expand:before, .catalog-overview article a legend.expand:before {
    content: "\e94a";
}

.icon.icon-check:before, .general-list li.icon-check:before, .bodytext ul li.icon-check:before, .article-list ul li.icon-check:before, input[type="checkbox"].custom + label.icon-check:before, .icon-check.rft-button:not(.icon):before, .box ul.check li.rft-button:not(.icon):before,
.icon-check.btn-primary:not(.icon):before,
.box ul.check li.btn-primary:not(.icon):before, table:not(.noborder) a.icon-check.login:before, table:not(.noborder) a.icon-check.download:before, .box table a.icon-check.login:before, a.icon-check.icon-sort:before, .box ul.check li:before, .box ul.info li.icon-check:before, .box ul.classification li.icon-check:before, .catalog-overview article a h2.icon-check:before, .catalog-overview article a h3.icon-check:before, .catalog-overview article a legend.icon-check:before {
    content: "\e959";
}

.icon.options:before, .general-list li.options:before, .bodytext ul li.options:before, .article-list ul li.options:before, input[type="checkbox"].custom + label.options:before, .options.rft-button:not(.icon):before,
.options.btn-primary:not(.icon):before, table:not(.noborder) a.options.login:before, table:not(.noborder) a.options.download:before, .box table a.options.login:before, a.options.icon-sort:before, .box ul.check li.options:before, .box ul.info li.options:before, .box ul.classification li.options:before, .catalog-overview article a h2.options:before, .catalog-overview article a h3.options:before, .catalog-overview article a legend.options:before {
    content: "\e95b";
}

.icon.chevron-up:before, .general-list li.chevron-up:before, .bodytext ul li.chevron-up:before, .article-list ul li.chevron-up:before, input[type="checkbox"].custom + label.chevron-up:before, .chevron-up.rft-button:not(.icon):before,
.chevron-up.btn-primary:not(.icon):before, table:not(.noborder) a.chevron-up.login:before, table:not(.noborder) a.chevron-up.download:before, .box table a.chevron-up.login:before, a.chevron-up.icon-sort:before, .box ul.check li.chevron-up:before, .box ul.info li.chevron-up:before, .box ul.classification li.chevron-up:before, .catalog-overview article a h2.chevron-up:before, .catalog-overview article a h3.chevron-up:before, .catalog-overview article a legend.chevron-up:before {
    content: "\e962";
}

.icon.chevron-down:before, .general-list li.chevron-down:before, .bodytext ul li.chevron-down:before, .article-list ul li.chevron-down:before, input[type="checkbox"].custom + label.chevron-down:before, .chevron-down.rft-button:not(.icon):before,
.chevron-down.btn-primary:not(.icon):before, table:not(.noborder) a.chevron-down.login:before, table:not(.noborder) a.chevron-down.download:before, .box table a.chevron-down.login:before, a.chevron-down.icon-sort:before, .box ul.check li.chevron-down:before, .box ul.info li.chevron-down:before, .box ul.classification li.chevron-down:before, .catalog-overview article a h2.chevron-down:before, .catalog-overview article a h3.chevron-down:before, .catalog-overview article a legend.chevron-down:before {
    content: "\e963";
}

.icon.bullet-up:before, .general-list li.bullet-up:before, .bodytext ul li.bullet-up:before, .article-list ul li.bullet-up:before, input[type="checkbox"].custom + label.bullet-up:before, .bullet-up.rft-button:not(.icon):before, a.rft-button.icon-sort.sort-up:not(.icon):before,
.bullet-up.btn-primary:not(.icon):before,
a.btn-primary.icon-sort.sort-up:not(.icon):before, table:not(.noborder) a.bullet-up.login:before, table:not(.noborder) a.bullet-up.download:before, .box table a.bullet-up.login:before, a.bullet-up.icon-sort:before, a.icon-sort.sort-up:before, .box ul.check li.bullet-up:before, .box ul.info li.bullet-up:before, .box ul.classification li.bullet-up:before, .catalog-overview article a h2.bullet-up:before, .catalog-overview article a h3.bullet-up:before, .catalog-overview article a legend.bullet-up:before {
    content: "\e939";
}

.icon.bullet-down:before, .general-list li.bullet-down:before, .bodytext ul li.bullet-down:before, .article-list ul li.bullet-down:before, input[type="checkbox"].custom + label.bullet-down:before, .bullet-down.rft-button:not(.icon):before, a.rft-button.icon-sort.sort-down:not(.icon):before,
.bullet-down.btn-primary:not(.icon):before,
a.btn-primary.icon-sort.sort-down:not(.icon):before, table:not(.noborder) a.bullet-down.login:before, table:not(.noborder) a.bullet-down.download:before, .box table a.bullet-down.login:before, a.bullet-down.icon-sort:before, a.icon-sort.sort-down:before, .box ul.check li.bullet-down:before, .box ul.info li.bullet-down:before, .box ul.classification li.bullet-down:before, .catalog-overview article a h2.bullet-down:before, .catalog-overview article a h3.bullet-down:before, .catalog-overview article a legend.bullet-down:before {
    content: "\e93a";
}

.icon.chevron-right:before, .general-list li.chevron-right:before, .bodytext ul li.chevron-right:before, .article-list ul li.chevron-right:before, .general-list li.rft-button:not(.icon):before,
.general-list li.btn-primary:not(.icon):before,
.bodytext ul li.btn-primary:not(.icon):before,
.article-list ul li.btn-primary:not(.icon):before, input[type="checkbox"].custom + label.chevron-right:before, input[type="checkbox"].custom + label.rft-button:not(.icon):before,
input[type="checkbox"].custom + label.btn-primary:not(.icon):before, .btn.btn-primary:not(.icon):before, .rft-button:not(.icon):before,
.bodytext .rft-button:not(.icon):before,
.article-list .rft-button:not(.icon):before,
.btn-default.btn-primary:not(.icon):before,
.btn-default.rft-button:not(.icon):before,
.btn-primary:not(.icon):before, table:not(.noborder) a.chevron-right.login:before, table:not(.noborder) a.login.rft-button:not(.icon):before,
table:not(.noborder) a.login.btn-primary:not(.icon):before, table:not(.noborder) a.chevron-right.download:before, table:not(.noborder) a.download.rft-button:not(.icon):before,
table:not(.noborder) a.download.btn-primary:not(.icon):before, .box table a.chevron-right.login:before, .box table a.login.rft-button:not(.icon):before,
.box table a.login.btn-primary:not(.icon):before, a.chevron-right.icon-sort:before, a.icon-sort.rft-button:not(.icon):before,
a.icon-sort.btn-primary:not(.icon):before, .box ul.check li.chevron-right:before, .box ul.check li.rft-button:not(.icon):before,
.box ul.check li.btn-primary:not(.icon):before, .box ul.info li.chevron-right:before, .box ul.info li.rft-button:not(.icon):before,
.box ul.info li.btn-primary:not(.icon):before, .box ul.classification li.chevron-right:before, .box ul.classification li.rft-button:not(.icon):before,
.box ul.classification li.btn-primary:not(.icon):before, .catalog-overview article a h2:before, .catalog-overview article a h3:before, .catalog-overview article a legend:before {
    content: "\e965";
}

.icon.chevron-left:before, .general-list li.chevron-left:before, .bodytext ul li.chevron-left:before, .article-list ul li.chevron-left:before, input[type="checkbox"].custom + label.chevron-left:before, .chevron-left.rft-button:not(.icon):before,
.chevron-left.btn-primary:not(.icon):before, table:not(.noborder) a.chevron-left.login:before, table:not(.noborder) a.chevron-left.download:before, .box table a.chevron-left.login:before, a.chevron-left.icon-sort:before, .box ul.check li.chevron-left:before, .box ul.info li.chevron-left:before, .box ul.classification li.chevron-left:before, .catalog-overview article a h2.chevron-left:before, .catalog-overview article a h3.chevron-left:before, .catalog-overview article a legend.chevron-left:before {
    content: "\e93b";
}

.icon.ruler:before, .general-list li.ruler:before, .bodytext ul li.ruler:before, .article-list ul li.ruler:before, input[type="checkbox"].custom + label.ruler:before, .ruler.rft-button:not(.icon):before,
.ruler.btn-primary:not(.icon):before, table:not(.noborder) a.ruler.login:before, table:not(.noborder) a.ruler.download:before, .box table a.ruler.login:before, a.ruler.icon-sort:before, .box ul.check li.ruler:before, .box ul.info li.ruler:before, .box ul.classification li.ruler:before, .catalog-overview article a h2.ruler:before, .catalog-overview article a h3.ruler:before, .catalog-overview article a legend.ruler:before {
    content: "\e97b";
}

.icon.square:before, .general-list li.square:before, .bodytext ul li.square:before, .article-list ul li.square:before, input[type="checkbox"].custom + label:before, input[type="checkbox"].custom + label.rft-button:not(.icon):before, .square.rft-button:not(.icon):before,
.square.btn-primary:not(.icon):before,
input[type="checkbox"].custom + label.btn-primary:not(.icon):before, table:not(.noborder) a.square.login:before, table:not(.noborder) a.square.download:before, .box table a.square.login:before, a.square.icon-sort:before, .box ul.check li.square:before, .box ul.info li.square:before, .box ul.classification li.square:before, .catalog-overview article a h2.square:before, .catalog-overview article a h3.square:before, .catalog-overview article a legend.square:before {
    content: "\e98d";
}

.icon.check-square:before, .general-list li.check-square:before, .bodytext ul li.check-square:before, .article-list ul li.check-square:before, input[type="checkbox"].custom + label.check-square:before, input[type="checkbox"].custom:checked + label:before, .check-square.rft-button:not(.icon):before,
.check-square.btn-primary:not(.icon):before, table:not(.noborder) a.check-square.login:before, table:not(.noborder) a.check-square.download:before, .box table a.check-square.login:before, a.check-square.icon-sort:before, .box ul.check li.check-square:before, .box ul.info li.check-square:before, .box ul.classification li.check-square:before, .catalog-overview article a h2.check-square:before, .catalog-overview article a h3.check-square:before, .catalog-overview article a legend.check-square:before {
    content: "\e999";
}

.icon.menu:before, .general-list li.menu:before, .bodytext ul li.menu:before, .article-list ul li.menu:before, input[type="checkbox"].custom + label.menu:before, .menu.rft-button:not(.icon):before,
.menu.btn-primary:not(.icon):before, table:not(.noborder) a.menu.login:before, table:not(.noborder) a.menu.download:before, .box table a.menu.login:before, a.menu.icon-sort:before, .box ul.check li.menu:before, .box ul.info li.menu:before, .box ul.classification li.menu:before, .catalog-overview article a h2.menu:before, .catalog-overview article a h3.menu:before, .catalog-overview article a legend.menu:before {
    content: "\e92b";
}

.icon.doc-dop:before, .general-list li.doc-dop:before, .bodytext ul li.doc-dop:before, .article-list ul li.doc-dop:before, input[type="checkbox"].custom + label.doc-dop:before, .doc-dop.rft-button:not(.icon):before,
.doc-dop.btn-primary:not(.icon):before, table:not(.noborder) a.doc-dop.login:before, table:not(.noborder) a.doc-dop.download:before, .box table a.doc-dop.login:before, a.doc-dop.icon-sort:before, .box ul.check li.doc-dop:before, .box ul.info li.doc-dop:before, .box ul.classification li.doc-dop:before, .catalog-overview article a h2.doc-dop:before, .catalog-overview article a h3.doc-dop:before, .catalog-overview article a legend.doc-dop:before {
    content: "\e908";
}

.icon.doc-nf:before, .general-list li.doc-nf:before, .bodytext ul li.doc-nf:before, .article-list ul li.doc-nf:before, input[type="checkbox"].custom + label.doc-nf:before, .doc-nf.rft-button:not(.icon):before,
.doc-nf.btn-primary:not(.icon):before, table:not(.noborder) a.doc-nf.login:before, table:not(.noborder) a.doc-nf.download:before, .box table a.doc-nf.login:before, a.doc-nf.icon-sort:before, .box ul.check li.doc-nf:before, .box ul.info li.doc-nf:before, .box ul.classification li.doc-nf:before, .catalog-overview article a h2.doc-nf:before, .catalog-overview article a h3.doc-nf:before, .catalog-overview article a legend.doc-nf:before {
    content: "\e909";
}

/*//content: "\e909";*/
.icon.doc-ukca:before, .general-list li.doc-ukca:before, .bodytext ul li.doc-ukca:before, .article-list ul li.doc-ukca:before, input[type="checkbox"].custom + label.doc-ukca:before, .doc-ukca.rft-button:not(.icon):before,
 .doc-ukca.btn-primary:not(.icon):before, table:not(.noborder) a.doc-ukca.login:before, table:not(.noborder) a.doc-ukca.download:before, .box table a.doc-ukca.login:before, a.doc-ukca.icon-sort:before, .box ul.check li.doc-ukca:before, .box ul.info li.doc-ukca:before, .box ul.classification li.doc-ukca:before, .catalog-overview article a h2.doc-ukca:before, .catalog-overview article a h3.doc-ukca:before, .catalog-overview article a legend.doc-ukca:before {
     content: "\e6dc";
 }
.icon.doc-sundahus:before, .general-list li.doc-sundahus:before, .bodytext ul li.doc-sundahus:before, .article-list ul li.doc-sundahus:before, input[type="checkbox"].custom + label.doc-sundahus:before, .doc-sundahus.rft-button:not(.icon):before,
.doc-sundahus.btn-primary:not(.icon):before, table:not(.noborder) a.doc-sundahus.login:before, table:not(.noborder) a.doc-sundahus.download:before, .box table a.doc-sundahus.login:before, a.doc-sundahus.icon-sort:before, .box ul.check li.doc-sundahus:before, .box ul.info li.doc-sundahus:before, .box ul.classification li.doc-sundahus:before, .catalog-overview article a h2.doc-sundahus:before, .catalog-overview article a h3.doc-sundahus:before, .catalog-overview article a legend.doc-sundahus:before {
    content: "\e6dc";
}


.icon.doc-vkf:before, .general-list li.doc-vkf:before, .bodytext ul li.doc-vkf:before, .article-list ul li.doc-vkf:before, input[type="checkbox"].custom + label.doc-vkf:before, .doc-vkf.rft-button:not(.icon):before,
.doc-vkf.btn-primary:not(.icon):before, table:not(.noborder) a.doc-vkf.login:before, table:not(.noborder) a.doc-vkf.download:before, .box table a.doc-vkf.login:before, a.doc-vkf.icon-sort:before, .box ul.check li.doc-vkf:before, .box ul.info li.doc-vkf:before, .box ul.classification li.doc-vkf:before, .catalog-overview article a h2.doc-vkf:before, .catalog-overview article a h3.doc-vkf:before, .catalog-overview article a legend.doc-vkf:before {
    content: "\e90b";
}

.icon.doc-pic:before, .general-list li.doc-pic:before, .bodytext ul li.doc-pic:before, .article-list ul li.doc-pic:before, input[type="checkbox"].custom + label.doc-pic:before, .doc-pic.rft-button:not(.icon):before,
.doc-pic.btn-primary:not(.icon):before, table:not(.noborder) a.doc-pic.login:before, table:not(.noborder) a.doc-pic.download:before, .box table a.doc-pic.login:before, a.doc-pic.icon-sort:before, .box ul.check li.doc-pic:before, .box ul.info li.doc-pic:before, .box ul.classification li.doc-pic:before, .catalog-overview article a h2.doc-pic:before, .catalog-overview article a h3.doc-pic:before, .catalog-overview article a legend.doc-pic:before {
    content: "\e704";
}

.icon.doc-vid:before, .general-list li.doc-vid:before, .bodytext ul li.doc-vid:before, .article-list ul li.doc-vid:before, input[type="checkbox"].custom + label.doc-vid:before, .doc-vid.rft-button:not(.icon):before,
.doc-vid.btn-primary:not(.icon):before, table:not(.noborder) a.doc-vid.login:before, table:not(.noborder) a.doc-vid.download:before, .box table a.doc-vid.login:before, a.doc-vid.icon-sort:before, .box ul.check li.doc-vid:before, .box ul.info li.doc-vid:before, .box ul.classification li.doc-vid:before, .catalog-overview article a h2.doc-vid:before, .catalog-overview article a h3.doc-vid:before, .catalog-overview article a legend.doc-vid:before {
    content: "\e90a";
}

.icon.doc-spe:before, .general-list li.doc-spe:before, .bodytext ul li.doc-spe:before, .article-list ul li.doc-spe:before, input[type="checkbox"].custom + label.doc-spe:before, .doc-spe.rft-button:not(.icon):before,
.doc-spe.btn-primary:not(.icon):before, table:not(.noborder) a.doc-spe.login:before, table:not(.noborder) a.doc-spe.download:before, .box table a.doc-spe.login:before, a.doc-spe.icon-sort:before, .box ul.check li.doc-spe:before, .box ul.info li.doc-spe:before, .box ul.classification li.doc-spe:before, .catalog-overview article a h2.doc-spe:before, .catalog-overview article a h3.doc-spe:before, .catalog-overview article a legend.doc-spe:before {
    content: "\e610";
}

.icon.doc-technical:before, .general-list li.doc-technical:before, .bodytext ul li.doc-technical:before, .article-list ul li.doc-technical:before, input[type="checkbox"].custom + label.doc-technical:before, .doc-technical.rft-button:not(.icon):before,
.doc-technical.btn-primary:not(.icon):before, table:not(.noborder) a.doc-technical.login:before, table:not(.noborder) a.doc-technical.download:before, .box table a.doc-technical.login:before, a.doc-technical.icon-sort:before, .box ul.check li.doc-technical:before, .box ul.info li.doc-technical:before, .box ul.classification li.doc-technical:before, .catalog-overview article a h2.doc-technical:before, .catalog-overview article a h3.doc-technical:before, .catalog-overview article a legend.doc-technical:before {
    content: "\e90c";
}

/* ==========================================================================
   HEADINGS
   ========================================================================== */
/* ==========================================================================
   LISTS
   ========================================================================== */
.general-list, .bodytext ul, .article-list ul {
    list-style: none;
    margin: 0 0 0 3em;
    padding: 0;
}

.general-list li, .bodytext ul li, .article-list ul li {
    list-style: none;
    padding: .3em 0;
    line-height: 1.5em;
    position: relative;
}

.general-list li:before, .bodytext ul li:before, .article-list ul li:before {
    content: "\e93c";
    font-weight: bold;
    font-size: 10px;
    padding-right: 1em;
}

body {
    font-weight: 100;
    letter-spacing: .01em;
}

h1, .home h2, h2, h3, legend, h4, h5, h6 {
    padding: 0;
    margin: 1.5em 0 0.5em 0;
    color: #30363c;
}

h1 a, .home h2 a, h1 a:hover, .home h2 a:hover, h1 a:focus, .home h2 a:focus, h1 a:active, .home h2 a:active, h2 a, h2 a:hover, h2 a:focus, h2 a:active, h3 a, legend a, h3 a:hover, legend a:hover, h3 a:focus, legend a:focus, h3 a:active, legend a:active, h4 a, h4 a:hover, h4 a:focus, h4 a:active, h5 a, h5 a:hover, h5 a:focus, h5 a:active, h6 a, h6 a:hover, h6 a:focus, h6 a:active {
    text-decoration: none;
}

h1, .home h2 {
    font-size: 1.7em;
    color: #30363c;
    margin: 0 0 1em 0;
}

h1:after, .home h2:after {
    margin-top: 1em;
}

h2 {
    font-size: 1.5em;
    color: #30363c;
    margin-bottom: 1em;
    font-weight: 400;
    letter-spacing: .01em;
}

h3, legend {
    font-size: 1.1em;
    color: #30363c;
    margin-bottom: 1em;
    font-weight: 600;
}

h4 {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: .3em;
    color: #454e57;
}

h5 {
    font-size: 1em;
    color: gray;
}

h5, h4 {
    font-weight: 600;
}

.bodytext, .article-list {
    line-height: 1.8em;
}

.bodytext p, .article-list p, .bodytext h1, .article-list h1, .bodytext .home h2, .home .bodytext h2, .article-list .home h2, .home .article-list h2, .bodytext h2, .article-list h2, .bodytext h3, .article-list h3, .bodytext legend, .article-list legend, .bodytext h4, .article-list h4, .bodytext h5, .article-list h5, .bodytext h6, .article-list h6, .bodytext ul, .article-list ul, .bodytext ol, .article-list ol, .bodytext blockquote, .article-list blockquote, .bodytext .intro, .article-list .intro {
    max-width: 780px;
}

.bodytext h2, .article-list h2, .bodytext h3, .article-list h3, .bodytext legend, .article-list legend, .bodytext h4, .article-list h4, .bodytext h5, .article-list h5, .bodytext h6, .article-list h6 {
    margin-top: 1.8em;
    margin-bottom: .5em;
}

.home .bodytext h2 {
    margin-bottom: .5em;
}

.bodytext h2, .article-list h2 {
    margin-bottom: 1em;
}

.bodytext strong, .article-list strong {
    color: #30363c;
}

.bodytext a, .article-list a {
    border-bottom: 1px solid #e62237;
    color: #e62237;
}

.bodytext a:hover, .article-list a:hover {
    text-decoration: none;
    border-bottom: 1px solid #30363c;
    color: #30363c;
}

.bodytext ol, .article-list ol {
    margin-left: 1.8em;
}

.bodytext ol li, .article-list ol li {
    padding: .3em 0;
    line-height: 1.5em;
}

.full-width .bodytext, .full-width .article-list {
    line-height: 1.8em;
}

.full-width .bodytext p, .full-width .article-list p, .full-width .bodytext h1, .full-width .article-list h1, .full-width .bodytext .home h2, .home .full-width .bodytext h2, .full-width .article-list .home h2, .home .full-width .article-list h2, .full-width .bodytext h2, .full-width .article-list h2, .full-width .bodytext h3, .full-width .article-list h3, .full-width .bodytext legend, .full-width .article-list legend, .full-width .bodytext h4, .full-width .article-list h4, .full-width .bodytext h5, .full-width .article-list h5, .full-width .bodytext h6, .full-width .article-list h6, .full-width .bodytext ul, .full-width .article-list ul, .full-width .bodytext ol, .full-width .article-list ol, .full-width .bodytext blockquote, .full-width .article-list blockquote, .full-width .bodytext img, .full-width .article-list img {
    max-width: 100%;
}

.catalog .bodytext p, .catalog .article-list p, .catalog .bodytext h1, .catalog .article-list h1, .catalog .bodytext .home h2, .home .catalog .bodytext h2, .catalog .article-list .home h2, .home .catalog .article-list h2, .catalog .bodytext h2, .catalog .article-list h2, .catalog .bodytext h3, .catalog .article-list h3, .catalog .bodytext legend, .catalog .article-list legend, .catalog .bodytext h4, .catalog .article-list h4, .catalog .bodytext h5, .catalog .article-list h5, .catalog .bodytext h6, .catalog .article-list h6, .catalog .bodytext ul, .catalog .article-list ul, .catalog .bodytext ol, .catalog .article-list ol, .catalog .bodytext blockquote, .catalog .article-list blockquote, .catalog .bodytext .intro, .catalog .article-list .intro,
.catalog-overview .bodytext p,
.catalog-overview .article-list p,
.catalog-overview .bodytext h1,
.catalog-overview .article-list h1,
.catalog-overview .bodytext .home h2,
.home .catalog-overview .bodytext h2,
.catalog-overview .article-list .home h2,
.home .catalog-overview .article-list h2,
.catalog-overview .bodytext h2,
.catalog-overview .article-list h2,
.catalog-overview .bodytext h3,
.catalog-overview .article-list h3,
.catalog-overview .bodytext legend,
.catalog-overview .article-list legend,
.catalog-overview .bodytext h4,
.catalog-overview .article-list h4,
.catalog-overview .bodytext h5,
.catalog-overview .article-list h5,
.catalog-overview .bodytext h6,
.catalog-overview .article-list h6,
.catalog-overview .bodytext ul,
.catalog-overview .article-list ul,
.catalog-overview .bodytext ol,
.catalog-overview .article-list ol,
.catalog-overview .bodytext blockquote,
.catalog-overview .article-list blockquote,
.catalog-overview .bodytext .intro,
.catalog-overview .article-list .intro,
.catalog-detail .bodytext p,
.catalog-detail .article-list p,
.catalog-detail .bodytext h1,
.catalog-detail .article-list h1,
.catalog-detail .bodytext .home h2,
.home .catalog-detail .bodytext h2,
.catalog-detail .article-list .home h2,
.home .catalog-detail .article-list h2,
.catalog-detail .bodytext h2,
.catalog-detail .article-list h2,
.catalog-detail .bodytext h3,
.catalog-detail .article-list h3,
.catalog-detail .bodytext legend,
.catalog-detail .article-list legend,
.catalog-detail .bodytext h4,
.catalog-detail .article-list h4,
.catalog-detail .bodytext h5,
.catalog-detail .article-list h5,
.catalog-detail .bodytext h6,
.catalog-detail .article-list h6,
.catalog-detail .bodytext ul,
.catalog-detail .article-list ul,
.catalog-detail .bodytext ol,
.catalog-detail .article-list ol,
.catalog-detail .bodytext blockquote,
.catalog-detail .article-list blockquote,
.catalog-detail .bodytext .intro,
.catalog-detail .article-list .intro {
    max-width: 100%;
}

blockquote {
    font-style: italic;
    font-size: 1.1em;
    border-color: #e9e9e9;
    border-width: 5px;
    padding: 0 0 0 2em;
    margin: 1.5em 0 1.5em 3em;
}

/* ==========================================================================
   BODYTEXT
   ========================================================================== */
/* Small devices (tablets, 768px and up)
   -------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up)
   -------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up)
   -------------------------------------------------------------------------- */
*:focus,
*:active {
    outline: none;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

/* ==========================================================================
   MAIN FORM
   ========================================================================== */
.form-horizontal {
    padding: 0;
}

.form-horizontal label {
    font-size: .9em;
}

/* ==========================================================================
   PICKER INPUT GROUP BTN - override bootstrap styling
   ========================================================================== */
.input-group.picker .input-group-btn {
    font-size: .85em;
}

/* ==========================================================================
   SEARCH FORM
   ========================================================================== */
.search {
    margin: 0;
    padding: 0;
}

.search .input-group {
    display: block;
    width: 100%;
    position: relative;
}

.search .input-group-addon {
    background: transparent !important;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    display: block;
    height: 50px;
    padding: 0;
    z-index: 3;
}

.search .input-group .form-control {
    border-color: #e9e9e9;
    border-radius: 3px;
    padding-right: 50px;
    box-shadow: none;
}

.search button {
    border: 0;
    background: transparent;
    z-index: 2;
    height: 40px;
    width: 40px;
    margin: 0;
    display: block;
}

.search .form-control,
.search .input-group-addon,
.search .input-group-addon button {
    height: 40px;
    color: #30363c;
    font-size: .95em;
}

.offcanvas .search .input-group-addon,
.offcanvas .search button {
    height: 40px;
}

/* ==========================================================================
   LABELS
   ========================================================================== */
.form-horizontal label {
    font-size: 1em;
}

label {
    font-size: .9em;
}

/* ==========================================================================
   CUSTOM RADIO BUTTONS
   ========================================================================== */
/* ==========================================================================
   CUSTOM CHECKBOXES
   ========================================================================== */
input[type="checkbox"].custom {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

input[type="checkbox"].custom + label {
    font-size: .9em;
    max-width: 10em;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #e9e9e9;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin-left: .5em;
}

input[type="checkbox"].custom + label:before {
    position: absolute;
    z-index: 2;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #dfdfdf;
    width: 2em;
    height: 1em;
    background: transparent;
    text-shadow: none;
    font-size: 1.8em;
}

input[type="checkbox"].custom + label:hover, input[type="checkbox"].custom + label:hover:before {
    color: #919ca7;
}

input[type="checkbox"].custom:checked + label {
    color: #454e57;
}

input[type="checkbox"].custom:checked + label:before {
    background: none;
    color: #454e57;
}

.list li:hover input[type="checkbox"].custom + label:before {
    color: #919ca7;
}

.list li:hover input[type="checkbox"].custom:checked + label:before {
    color: #454e57;
}

/* ==========================================================================
   FIELDSET & LEGEND
   ========================================================================== */
legend {
    border: none;
}

fieldset {
    margin-bottom: 1em;
}

.button-group {
    padding: 1em 0 0 0;
}

/* Small devices (tablets, 768px and up)
   -------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up)
   -------------------------------------------------------------------------- */
@media (min-width: 1010px) {
    .button-group {
        text-align: left;
        padding: 1em 0 0 0;
    }

    legend {
        text-align: left;
    }
}

/* Large devices (large desktops, 1200px and up)
   -------------------------------------------------------------------------- */
/* Mobile styles (smartphones, 768px and down)
   -------------------------------------------------------------------------- */
/* ==========================================================================
	General styling
   ========================================================================== */
/* ==========================================================================
	BUTTONS
   ========================================================================== */
.btn, .rft-button,
.bodytext .rft-button,
.article-list .rft-button,
.btn-default,
.btn-primary,
.rft-button,
.bodytext .rft-button,
.article-list .rft-button {
    font-family: "Roboto", sans-serif;
    background: transparent;
    border-radius: 3px;
    padding: .8em 1.5em;
    text-transform: uppercase;
    letter-spacing: .08em;
    display: inline-block;
    font-weight: 600;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: white;
    background: #454e57;
    margin-left: .3em;
    cursor: pointer;
    font-size: .8em;
    border: none;
}

.btn:hover, .rft-button:hover, .btn:active, .rft-button:active,
.btn-default:hover,
.btn-default:active,
.btn-primary:hover,
.rft-button:hover,
.btn-primary:active,
.rft-button:active {
    background: #30363c;
    color: white;
}

.btn.btn-primary, .rft-button,
.bodytext .rft-button,
.article-list .rft-button,
.btn-default.btn-primary,
.btn-default.rft-button,
.btn-primary.btn-primary,
.rft-button,
.bodytext .rft-button,
.article-list .rft-button {
    color: white;
    background: #e62237;
}

.btn.btn-primary:before, .rft-button:before,
.bodytext .rft-button:before,
.article-list .rft-button:before,
.btn-default.btn-primary:before,
.btn-default.rft-button:before,
.btn-primary.btn-primary:before,
.rft-button:before,
.bodytext .rft-button:before,
.article-list .rft-button:before {
    font-weight: bold;
}

.btn.btn-primary:hover, .rft-button:hover,
.btn-default.btn-primary:hover,
.btn-default.rft-button:hover,
.btn-primary.btn-primary:hover,
.rft-button:hover {
    background: #e9394c;
    color: white;
}

.btn.btn-primary:not(.icon):before, .rft-button:not(.icon):before,
.btn-default.btn-primary:not(.icon):before,
.btn-default.rft-button:not(.icon):before,
.btn-primary.btn-primary:not(.icon):before,
.rft-button:not(.icon):before {
    font-weight: bold;
    display: inline-block;
    text-indent: 5px;
}

.btn.btn-primary.box-action, .box-action.rft-button,
.btn-default.btn-primary.box-action,
.btn-default.box-action.rft-button,
.btn-primary.btn-primary.box-action,
.box-action.rft-button {
    margin-top: -2em;
    margin-bottom: 3em;
}

.btn:active, .rft-button:active, .btn:focus, .rft-button:focus,
.btn-default:active,
.btn-default:focus,
.btn-primary:active,
.rft-button:active,
.btn-primary:focus,
.rft-button:focus {
    position: relative;
    top: 1px;
    outline: none !important;
    background: #d6182d;
}

.btn.noborder, .noborder.rft-button,
.btn-default.noborder,
.btn-primary.noborder,
.noborder.rft-button {
    border: none;
}

.btn.btn-default, .btn-default.rft-button,
.btn-default.btn-default,
.btn-primary.btn-default,
.btn-default.rft-button {
    background: #e9e9e9;
    color: #30363c;
}

.btn.btn-default:hover, .btn-default.rft-button:hover, .btn.btn-default:focus, .btn-default.rft-button:focus, .btn.btn-default:active, .btn-default.rft-button:active,
.btn-default.btn-default:hover,
.btn-default.btn-default:focus,
.btn-default.btn-default:active,
.btn-primary.btn-default:hover,
.btn-default.rft-button:hover,
.btn-primary.btn-default:focus,
.btn-default.rft-button:focus,
.btn-primary.btn-default:active,
.btn-default.rft-button:active {
    background: #f1f1f1;
    color: #30363c;
}

.bodytext a.btn, .article-list a.btn,
.bodytext a.rft-button,
.article-list a.rft-button,
.bodytext a.btn:hover,
.article-list a.btn:hover,
.bodytext a.rft-button:hover,
.article-list a.rft-button:hover {
    border: none;
}

/* ==========================================================================
	CK EDITOR BUTTON
   ========================================================================== */
.rft-button:hover,
.bodytext .rft-button:hover,
.article-list .rft-button:hover,
.article-list .rft-button:hover {
    background: #e9394c;
    color: white;
}

/* ==========================================================================
	FORGOT PASSWORD
   ========================================================================== */
.forgot-password {
    font-style: italic;
    color: #758390;
    border-bottom: 1px solid #758390;
    font-size: .9em;
    margin-right: 1em;
}

.forgot-password:hover {
    text-decoration: none;
    color: #454e57;
    border-color: #454e57;
}

/* Small devices (tablets, 768px and up)
   -------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up)
   -------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up)
   -------------------------------------------------------------------------- */
/* Mobile devices (use exceptional)
   -------------------------------------------------------------------------- */
@media (max-width: 1010px) {
    .list li .actions .btn, .list li .actions .rft-button {
        display: inline-block;
    }
}

/* ==========================================================================
   TABLES
   ========================================================================== */
/* No media query since this is the default in Bootstrap
   -------------------------------------------------------------------------- */
table td {
    text-align: left;
    white-space: nowrap;
}

.table-wrapper {
    position: relative;
}

table.noborder td {
    padding: 0 1em 0 0;
}

table:not(.noborder) {
    margin: 2em 0;
    -webkit-box-shadow: 0 1px 2px #f7f7f7;
    box-shadow: 0 1px 2px #f7f7f7;
    border-top: 2px solid #454e57;
    background: #f7f7f7;
    border-collapse: collapse;
    font-size: 0.95em;
    line-height: 1.2em;
}

table:not(.noborder) th {
    padding: .56em;
    background: white;
    color: #30363c;
    text-align: center;
    border-right: 1px solid #e9e9e9;
    white-space: nowrap;
}

table:not(.noborder) th:first-child {
    text-align: left;
}

table:not(.noborder) td {
    padding: .8em .5em;
}

table:not(.noborder).text-left td, table:not(.noborder).text-left th {
    text-align: left;
}

table:not(.noborder) a {
    color: #e62237;
    border: none !important;
}

table:not(.noborder) a:before {
    text-decoration: none;
    border: none;
}

table:not(.noborder) a:before:hover {
    text-decoration: none;
    border: none;
}

table:not(.noborder) a:visited {
    font-style: italic;
}

table:not(.noborder) a:hover, table:not(.noborder) a:active {
    text-decoration: underline;
    color: #30363c;
    cursor: pointer;
}

table:not(.noborder) a.login {
    color: #758390;
    font-style: italic;
    border-bottom: 1px solid #758390;
}

table:not(.noborder) a.login:hover {
    border-bottom: 1px solid #454e57;
    color: #454e57;
}

table:not(.noborder) a.download {
    border-bottom: 1px solid #e62237;
}

table:not(.noborder) a.download:hover {
    border-bottom: 1px solid #d6182d;
    color: #d6182d;
}

table:not(.noborder) a.download, table:not(.noborder) a.login {
    font-weight: normal;
    font-size: .95em;
    text-decoration: none;
}

table:not(.noborder) a.download:before, table:not(.noborder) a.login:before {
    border: none;
}

table:not(.noborder) span {
    display: inline-block;
}

table:not(.noborder) span.icon:before, table:not(.noborder) span.rft-button:not(.icon):before,
table:not(.noborder) span.btn-primary:not(.icon):before {
    display: block;
    text-indent: 2px;
}

table:not(.noborder) em {
    color: #758390;
    font-style: normal;
}

table:not(.noborder) tr {
    text-align: center;
}

table:not(.noborder) tr td {
    border: 1px solid #e9e9e9;
}

table:not(.noborder) tr td:first-child {
    text-align: left;
}

table:not(.noborder) tr:nth-child(even) td {
    background: #fafafa;
}

table:not(.noborder) tr:hover td {
    background: #f2f2f2;
}

.scroll-table.fix-left table tr td:first-child,
.scroll-table.fix-left table tr:nth-child(even) td:first-child {
    background: white;
    z-index: 2;
    font-weight: bold;
}

.scroll-table.fix-left table tr td:first-child:after,
.scroll-table.fix-left table tr:nth-child(even) td:first-child:after {
    width: 2px;
    position: static;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e9e9e9;
}

.scroll-table.fix-left table tr:nth-child(even) td:first-child {
    /*background: lighten($gray-lighter, 2%);*/
    background: white;
}

:not(.no-fix-top).scroll-table {
    height: 60vh;
}

:not(.no-fix-top).scroll-table table {
    margin: 0;
}

.scroll-table.fix-left-two table tr td:first-child,
.scroll-table.fix-left-two table tr:nth-child(even) td:first-child {
    background: white;
    z-index: 2;
    font-weight: bold;
}

.scroll-table.fix-left-two table tr td:first-child:after,
.scroll-table.fix-left-two table tr:nth-child(even) td:first-child:after {
    width: 2px;
    position: static;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e9e9e9;
}

.scroll-table.fix-left-two table tr td:nth-child(2),
.scroll-table.fix-left-two table tr:nth-child(even) td:nth-child(2) {
    background: white;
    z-index: 2;
    font-weight: bold;
}

.scroll-table.fix-left-two table tr td:nth-child(2) a,
.scroll-table.fix-left-two table tr:nth-child(even) td:nth-child(2) a {
    font-weight: normal;
}

.scroll-table.fix-left-two table tr td:nth-child(2):after,
.scroll-table.fix-left-two table tr:nth-child(even) td:nth-child(2):after {
    width: 2px;
    position: static;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #e9e9e9;
}

.scroll-table.fix-left-two table tr:nth-child(even) td:first-child {
    background: #fcfcfc;
    background: white;
}

.scroll-table.fix-left-two.fix-rowspan-2 table tr:nth-child(even) td:nth-child(2) {
    font-weight: 200 !important;
    background: #fafafa !important;
}

.scroll-table.fix-left-two.fix-rowspan-2 table tr:nth-child(even):hover td:nth-child(2) {
    background: #f2f2f2 !important;
}

.scroll-table.fix-left-two.fix-rowspan-3 table tr:nth-child(3n) td:nth-child(2) {
    font-weight: 200 !important;
}

.scroll-table.fix-left-two.fix-rowspan-3 table tr:nth-child(3n):nth-child(2n) td:nth-child(2) {
    background: #fafafa !important;
}

.scroll-table.fix-left-two.fix-rowspan-3 table tr:nth-child(3n):hover td:nth-child(2) {
    background: #f2f2f2 !important;
}

.scroll-table.fix-left-two.fix-rowspan-3 table tr:nth-child(3n-1) td:nth-child(2) {
    font-weight: 200 !important;
}

.scroll-table.fix-left-two.fix-rowspan-3 table tr:nth-child(3n-1):nth-child(2n) td:nth-child(2) {
    background: #fafafa !important;
}

.scroll-table.fix-left-two.fix-rowspan-3 table tr:nth-child(3n-1):hover td:nth-child(2) {
    background: #f2f2f2 !important;
}

.box table {
    margin: 0;
    border-top: 0px solid #e9e9e9;
}

.box table tr td:last-child,
.box table tr th:last-child {
    border-right: 0px solid #e9e9e9;
}

.box table tr td:first-child,
.box table tr th:first-child {
    border-left: 0px solid #e9e9e9;
}

.box table:not(:first-of-type) {
    border-top: 1px solid #e9e9e9;
    margin: 0 0 0 0;
}

.box table th {
    border-top: 0px solid #e9e9e9;
    background: #eeeeee;
}

.box table a.login {
    color: #758390;
    font-style: italic;
    border-bottom: 1px solid #758390;
}

.box table a.login:hover {
    border-bottom: 1px solid #454e57;
    color: #454e57;
}

/* sortable table */
a.icon-sort {
    color: #454e57;
    padding-left: 3px;
    text-indent: -9999px;
    width: 1em;
    height: 1em;
    text-decoration: none;
}

a.icon-sort:before {
    font-size: .9em;
    color: #30363c;
    font-weight: bold;
}

a.icon-sort:hover {
    text-decoration: none;
}

a.icon-sort.sort-up:before {
    font-size: .7em;
}

a.icon-sort.sort-down:before {
    font-size: .7em;
}

/* Small devices (tablets, 768px and up)
   -------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up)
   -------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up)
   -------------------------------------------------------------------------- */
/* Mobile styles
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .scroll-table {
        width: 100% !important;
    }
}

/* Page and sections

   -------------------------------------------------------------------------- */
/* ==========================================================================
   CATALOG
   ========================================================================== */
/* No media query since this is the default in Bootstrap
   -------------------------------------------------------------------------- */
/* PRODUCT DETAIL INFO BOXES */
.box {
    background: #f7f7f7;
    font-size: .95em;
    letter-spacing: .02em;
    margin-bottom: 3em;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.box .wrapper {
    border-top: 1px solid #e9e9e9;
}

.box h3, .box legend {
    border-top: 3px solid #30363c;
    background: white;
    margin: 0;
    padding: 1.2em 1em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .85em;
    color: #30363c;
    letter-spacing: .06em;
}

.box h3 span, .box legend span {
    float: right;
    color: #758390;
    font-style: italic;
    text-transform: none;
    font-size: 1em;
    padding-right: 1em;
    font-weight: normal;
}

.box figure {
    border-bottom: 1px solid #e9e9e9;
    padding: 1em;
    text-align: center;
    background: white;
    position: relative;
    bottom: -1px;
}

.box ul, .box ol {
    margin: 0;
    padding: 0;
}

.box ul {
    list-style: none;
}

.box ol li {
    list-style-position: inside;
}

.box img {
    display: inline;
}

.box strong {
    font-weight: 400;
}

.box a {
    color: #e62237;
    border-bottom: 1px solid #e62237;
}

.box a:hover {
    color: #30363c;
    border-bottom: 1px solid #30363c;
}

.box li {
    border-top: 1px solid #e9e9e9;
    padding: .6em 1em;
    position: relative;
}

.box li.big, .box li.big:first-child {
    background: white;
    font-weight: 400;
    font-size: 1.2em;
    border-top: 1px solid #e9e9e9;
}

.box li:before {
    position: absolute;
}

.box li:first-child {
    border: none;
}

.box ul.check li {
    padding-left: 30px;
    position: relative;
}

.box ul.check li:before {
    margin-left: 15em;
    position: absolute;
    margin-left: -20px;
    font-weight: bold;
    font-size: 1.2em;
    top: .8em;
}

.box ul.info li {
    padding-left: 30px;
    position: relative;
}

.box ul.info li:before {
    margin-left: 15em;
    position: absolute;
    margin-left: -20px;
    font-weight: bold;
    font-size: .8em;
    top: 1.2em;
}

.box ul.classification li {
    padding-left: 30px;
    position: relative;
}

.box ul.classification li:before {
    margin-left: 15em;
    position: absolute;
    margin-left: -20px;
    font-weight: bold;
    font-size: 1.2em;
    top: .8em;
}

.box table {
    width: 100%;
    background: white;
}

.box table strong {
    font-weight: 600;
}

/* CATALOG OVERVIEW */
.catalog-overview {
    background: white;
    margin-bottom: 2em;
}

.catalog-overview article {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.catalog-overview article a {
    border: none;
    padding: 1em;
    display: block;
    -webkit-transition: 0.1s;
    -ms-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    cursor: pointer;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 40vw;
    overflow: hidden;
}

.catalog-overview article a figure {
    border-bottom: 3px solid #e62237;
    height: 25vw;
    overflow: hidden;
    background: white;
    text-align: center;
}

.catalog-overview article a img {
    display: inline;
    max-height: 25vw;
}

.catalog-overview article a h2, .catalog-overview article a h3, .catalog-overview article a legend {
    text-transform: uppercase;
    font-weight: bold;
    color: #30363c;
    font-size: .85em;
    margin-top: .8em;
    padding-left: 25px;
    display: block;
    position: relative;
}

.catalog-overview article a h2:before, .catalog-overview article a h3:before, .catalog-overview article a legend:before {
    font-size: 1.3em;
    position: absolute;
    left: 0px;
}

.catalog-overview article a:hover {
    background: #e62237;
    border: none;
    color: white;
    border: 1px solid #e62237;
}

.catalog-overview article a:hover h2, .catalog-overview article a:hover h3, .catalog-overview article a:hover legend {
    color: white;
}

.catalog-overview article a:hover h2:after, .catalog-overview article a:hover h3:after, .catalog-overview article a:hover legend:after {
    border-color: white;
}

.catalog-overview article:nth-child(2n) a {
    border-right: 1px solid transparent;
}

.catalog-overview article:nth-child(1) a, .catalog-overview article:nth-child(2) a {
    border-top: 1px solid transparent;
}

/* Small devices (tablets, 768px and up)
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .box figure {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 35%;
    }

    .box figure.half {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 50%;
    }

    .box figure.half:first-child {
        border-right: 1px solid #e9e9e9;
    }

    .box figure + ul,
    .box figure + ol,
    .box figure + table,
    .box figure + .wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 65%;
        border-left: 1px solid #e9e9e9;
        padding-left: 0;
        padding-right: 0;
        border-top: 0px solid #e9e9e9;
    }

    .box figure + ul table tr td:first-child,
    .box figure + ol table tr td:first-child,
    .box figure + table table tr td:first-child,
    .box figure + .wrapper table tr td:first-child {
        border-left: 0px solid #e9e9e9;
    }

    .catalog-overview article {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 25%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .catalog-overview article a {
        height: 255px;
    }

    .catalog-overview article a h3{
        overflow: hidden;
        height: 62px;
    }

    .catalog-overview article a figure {
        border-bottom: 3px solid #e62237;
        height: 150px;
        overflow: hidden;
        background: white;
    }

    .catalog-overview article a img {
        max-height: 150px;
    }

    .catalog-overview article:nth-child(2n) a {
        border-right: 1px solid #f2f2f2;
    }

    .catalog-overview article:nth-child(3n) a {
        border-right: 1px solid #f2f2f2;
    }

    .catalog-overview article:nth-child(4n) a {
        border-right: 1px solid transparent;
    }

    .catalog-overview article:nth-child(1) a, .catalog-overview article:nth-child(2) a, .catalog-overview article:nth-child(3) a, .catalog-overview article:nth-child(4) a {
        border-top: 1px solid transparent;
    }

    .home #main .catalog-overview article {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .home #main .catalog-overview article:nth-child(2n) a {
        border-right: 1px solid transparent;
    }

    .home #main .catalog-overview article:nth-child(1) a, .home #main .catalog-overview article:nth-child(2) a {
        border-top: 1px solid transparent;
    }

    .home #main .catalog-overview article:nth-child(3) a, .home #main .catalog-overview article:nth-child(4) a {
        border-top: 1px solid #f2f2f2;
    }

    /*.catalog-overview article{

        @include make-col-grid(4);
        padding-left: 0;
        padding-right: 0;

      &:nth-child(2n){
        a{
          border-right: 1px solid darken($gray-lighter, 2%);
        }
      }

      &:nth-child(3n){
        a{
          border-right: 1px solid transparent;
        }
      }

      &:nth-child(1), &:nth-child(2), &:nth-child(3){
        a{
          border-top: 1px solid transparent;
        }
      }
    }
    */
}

/* Medium devices (desktops, 992px and up)
   -------------------------------------------------------------------------- */
@media (min-width: 1010px) {
    .catalog-overview article a {
        height: 232px;
    }

    .catalog-overview article a figure {
        height: 130px;
    }

    .catalog-overview article a img {
        max-height: 130px;
    }

    .home #main .catalog-overview article {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 33.33333%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .home #main .catalog-overview article:nth-child(2n) a {
        border-right: 1px solid #f2f2f2;
    }

    .home #main .catalog-overview article:nth-child(3n) a {
        border-right: 1px solid transparent;
    }

    .home #main .catalog-overview article:nth-child(1) a, .home #main .catalog-overview article:nth-child(2) a, .home #main .catalog-overview article:nth-child(3) a {
        border-top: 1px solid transparent;
    }

    .home #main .catalog-overview article:nth-child(4) a {
        border-top: 1px solid #f2f2f2;
    }
}

/* Large devices (large desktops, 1200px and up)
   -------------------------------------------------------------------------- */
@media (min-width: 1300px) {
    .catalog-overview article a {
        height: 260px;
    }

    .catalog-overview article a h3{
        height: 67px;
    }

    .catalog-overview article a figure {
        height: 150px;
    }

    .catalog-overview article a img {
        max-height: 150px;
    }

    .catalog-overview article a h2, .catalog-overview article a h3, .catalog-overview article a legend {
        font-size: .9em;
    }

    .home #main .catalog-overview article {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 25%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .home #main .catalog-overview article:nth-child(4n) a {
        border-right: 1px solid transparent;
    }

    .home #main .catalog-overview article:nth-child(3n) a {
        border-right: 1px solid #f2f2f2;
    }

    .home #main .catalog-overview article:nth-child(1) a, .home #main .catalog-overview article:nth-child(2) a, .home #main .catalog-overview article:nth-child(3) a, .home #main .catalog-overview article:nth-child(4) a {
        border-top: 1px solid transparent;
    }
}

/* Mobile styles (smartphones, 768px and down) // use exeptional - declare mobile styles first instead
   -----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
    .catalog-overview article {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        font-size: .8em;
    }
}