@font-face {
    font-family: 'opensans-regular';
    src: url("../fonts/opensans-regular.ttf") format("truetype"), url("../fonts/opensans-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.svg#opensans-regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'dinpro-medium';
    src: url("../fonts/dinpro-medium-webfont.eot");
    src: url("../fonts/dinpro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dinpro-medium-webfont.woff") format("woff"), url("../fonts/dinpro-medium-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'opensans-semibold';
    src: url("../fonts/opensans-semibold.eot");
    src: url("../fonts/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans-semibold.svg#opensans-semibold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

body {
    line-height: 1.8;
    color: #333333;
    font-family: opensans-regular;
    font-size: 12px
}

@media (min-width: 880px) {
    body {
        font-size: 16px
    }
}

body table {
    font-size: 12px;
    margin-bottom: 16px;
    border: none
}

@media (min-width: 880px) {
    body table {
        font-size: 14px;
        margin-bottom: 30px
    }
}

body table tbody {
    border: none
}

body table thead {
    font-family: dinpro-medium;
    text-transform: uppercase
}

body table thead th {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 10px;
    font-weight: normal
}

@media (min-width: 880px) {
    body table thead th {
        padding: 27px 10px
    }
}

body table thead th:first-child {
    width: 105px
}

@media (min-width: 880px) {
    body table thead th:first-child {
        width: 170px
    }
}

body table td {
    padding: 15px 10px;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #e0e0e0
}

@media (min-width: 880px) {
    body table td {
        padding: 24px 10px
    }
}

body table p {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.2;
    color: #212121;
    font-family: dinpro-medium
}

h1, h2, h3 {
    text-transform: uppercase
}

h1 {
    font-size: 20px;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 880px) {
    h1 {
        font-size: 40px;
        margin: 0 0 20px;
        text-align: left
    }
}

h2 {
    font-size: 18px;
    margin: 0 0 12px
}

@media (min-width: 880px) {
    h2 {
        font-size: 24px;
        margin: 0 0 26px
    }
}

h3 {
    font-size: 12px;
    margin: 0 0 12px
}

@media (min-width: 880px) {
    h3 {
        font-size: 18px;
        margin: 0 0 24px
    }
}

h4 {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 6px
}

@media (min-width: 880px) {
    h4 {
        font-size: 16px;
        margin: 0 0 13px
    }
}

h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: #757575;
    letter-spacing: .05em;
    margin: 0 0 10px
}

p {
    margin: 0 0 8px
}

@media (min-width: 880px) {
    p {
        margin: 0 0 16px
    }
}

ul, ol {
    padding: 0 0 0 20px;
    margin: 0 0 8px 0
}

@media (min-width: 880px) {
    ul, ol {
        margin: 0 0 16px 0
    }
ol {
    padding-left: 30px;
}
}

ul li, ol li {
    padding: 0;
    margin: 0 0 8px
}

ul li ul, ol li ul {
    margin: 0;
    padding: 8px 0 0 16px
}

@media (min-width: 880px) {
    ul li ul, ol li ul {
        padding: 3px 0 0 40px
    }
}

ul li ul li, ol li ul li {
    margin: 0 0 8px
}

@media (min-width: 880px) {
    ul li ul li, ol li ul li {
        margin: 0 0 4px
    }
}

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

a:hover {
    text-decoration: underline
}

div.messages {
    background: #faf6ed;
    position: relative;
    color: #616161;
    font-size: 12px;
    padding: 15px;
    margin: 20px 0 24px;
    border: none;
    min-height: 100px;
    line-height: 1.7
}

@media (min-width: 880px) {
    div.messages {
        font-size: 14px;
        padding: 29px 30px 26px 99px;
        margin: 35px 0
    }
}

div.messages:before {
    height: 40px;
    width: 44px;
    background: url('../images/icons-sb95b4f4cf9.png') 0 -119px no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 29px;
    left: 33px;
    position: static;
    margin-bottom: 10px
}

@media (min-width: 880px) {
    div.messages:before {
        position: absolute;
        margin-bottom: 0
    }
}

div.messages p {
    margin: 0 0 6px
}

div.messages a {
    color: #a4915f
}

div.messages.info {
    background: #e6ecf3
}

div.messages.info:before {
    height: 44px;
    width: 44px;
    background: url('../images/icons-sb95b4f4cf9.png') -44px -201px no-repeat
}

div.messages.status {
    background: #e6eee4
}

div.messages.status:before {
    height: 44px;
    width: 44px;
    background: url('../images/icons-sb95b4f4cf9.png') 0 -201px no-repeat
}

div.messages.warning {
    background: #f4e1e1
}

div.messages.warning:before {
    height: 44px;
    width: 44px;
    background: url('../images/icons-sb95b4f4cf9.png') -50px -245px no-repeat
}

div.messages.error {
    background: #f7efdb
}

div.messages.error:before {
    height: 40px;
    width: 44px;
    background: url('../images/icons-sb95b4f4cf9.png') 0 -119px no-repeat
}

p .messages, ul .messages, ol .messages {
    margin: 5px 0
}

.caption {
    display: block
}

.rteindent1 {
  margin-left: 20px !important
}

.rteindent2 {
  margin-left: 40px !important
}

.rteindent3 {
  margin-left: 60px !important
}

.rteindent4 {
  margin-left: 80px !important
}