html {
    overflow-y: scroll;
    min-height: 100%
}

body {
    position: relative;
    margin: 0
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

iframe {
    border: 0
}

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

summary {
    display: block
}

[hidden] {
    display: none
}

p,
hr,
dl,
blockquote,
pre,
fieldset,
figure {
    margin: 15px 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 25px 0 15px 0
}

dl {
    padding-left: 30px
}

dd {
    margin-left: 40px
}

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

h1 {
    font-size: 36px;
    line-height: 36px
}

h2 {
    font-size: 24px;
    line-height: 24px
}

h3 {
    font-size: 18px;
    line-height: 18px
}

h4,
h5,
h6 {
    font-size: 16px;
    line-height: 16px
}

a,
a:hover {
    text-decoration: none
}

b {
    font-weight: bold
}

small {
    font-size: 11px
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

abbr[title] {
    border-color: inherit
}

dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

dfn[title] {
    font-style: normal
}

hr {
    display: block;
    height: 1px;
    padding: 0;
    border-top: 1px solid;
    border-bottom: 0
}

q,
blockquote {
    quotes: '\201C' '\201D' '\2018' '\2019';
    font-family: "Times New Roman", Times, serif;
    font-style: italic
}

blockquote {
    padding: 0 20px;
    font-size: 16px;
    line-height: 22px
}

blockquote p {
    margin: 0
}

code {
    word-spacing: -2px
}

pre {
    padding: 10px;
    font-size: 12px;
    line-height: 18px
}

th,
td {
    padding: 1px
}

form,
textarea {
    margin: 0
}

button,
input[type='button'],
input[type='submit'] {
    padding: 2px 3px
}

body {
    padding: 0;
    font: inherit;
    color: inherit;
    background-color: inherit
}

img {
    vertical-align: baseline
}

pre,
code {
    font-family: "Courier New", Monaco, monospace
}

pre {
    border-radius: 0;
    color: inherit
}

code {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    white-space: normal
}

form.box label {
    display: inline-block;
    margin: 0;
    font: inherit
}

form.box legend {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    border: none;
    font: inherit;
    color: inherit
}

form.box input,
form.box select,
form.box textarea,
form.box button,
form.short input,
form.short select,
form.short textarea,
form.short button,
.searchbox input {
    font: 12px Arial, Helvetica, sans-serif
}

form.box input,
form.box select,
form.box textarea,
form.short input,
form.short select,
form.short textarea,
.searchbox input {
    height: auto;
    width: auto;
    margin: auto;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    color: inherit;
    vertical-align: baseline;
    -webkit-transition: none;
    transition: none
}

form.box input:focus,
form.box select:focus,
form.box textarea:focus,
form.short input:focus,
form.short select,
form.short textarea:focus,
.searchbox input:focus {
    border-color: #ddd;
    box-shadow: none
}

.searchbox input {
    height: 30px;
    width: 100%;
    border: none
}

form.box input[type="radio"],
form.box input[type="checkbox"] {
    margin: 4px 4px 0
}

li {
    line-height: inherit
}

dl.separator dt {
    font-weight: inherit
}

dl.separator dt,
dl.separator dd {
    line-height: inherit
}

blockquote {
    border-left: none
}

q:before {
    content: open-quote
}

q:after {
    content: close-quote
}

.menu-dropdown .small {
    font-size: inherit
}

.module .module-title .icon {
    margin-top: 0
}

.module .module-title .icon:before {
    display: none
}

.module .badge {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    text-shadow: none;
    vertical-align: baseline
}

.module .badge:empty {
    display: block
}

#system .pagination a,
#system .pagination strong {
    background: none;
    float: none
}

body {
    font: normal 14px/20px Arial, Helvetica, sans-serif;
    color: #444
}

a {
    color: #48b
}

a:hover,
em,
code {
    color: #d50
}

ins,
mark {
    background-color: #ffa
}

mark {
    color: #444
}

hr {
    border-top-color: #ddd
}

pre {
    border: 1px solid #ddd;
    background: #fafafa
}

::-moz-selection {
    background: #39f;
    color: #fff
}

::selection {
    background: #39f;
    color: #fff
}

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
    content: "";
    display: table
}

.clearfix:after,
.grid-block:after,
.deepest:after {
    clear: both
}

.grid-box {
    float: left
}

.width16 {
    width: 16.666%
}

.width20 {
    width: 20%
}

.width25 {
    width: 25%
}

.width33 {
    width: 33.333%
}

.width40 {
    width: 40%
}

.width50 {
    width: 50%
}

.width60 {
    width: 60%
}

.width66 {
    width: 66.666%
}

.width75 {
    width: 75%
}

.width80 {
    width: 80%
}

.width100 {
    width: 100%
}

[class*='width'] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bfc-o {
    overflow: hidden
}

.bfc-f {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.grid-gutter.grid-block {
    margin: 0 -15px
}

.grid-gutter>.grid-box>* {
    margin: 0 15px
}

.grid-gutter>.grid-box>*>:first-child {
    margin-top: 0
}

.grid-gutter>.grid-box>*>:last-child {
    margin-bottom: 0
}

.wrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto
}

#header {
    position: relative
}

#toolbar .float-left .module,
#toolbar .float-left>time {
    margin: 0 15px 0 0;
    float: left
}

#toolbar .float-right .module {
    margin: 0 0 0 15px;
    float: right
}

#headerbar .module {
    max-width: 300px;
    margin-right: 0;
    float: right
}

#logo,
#logo>img,
#menu {
    float: left
}

#search {
    float: right
}

#banner {
    position: absolute;
    top: 0;
    right: -200px
}

#footer {
    position: relative;
    text-align: center
}

#absolute {
    position: absolute;
    z-index: 15;
    width: 100%
}

.module,
#header,
#breadcrumbs,
#content,
#footer {
    margin: 15px
}

#menu .module {
    margin: 10px 5px
}

#footer .module {
    margin: 0
}

#toolbar,
#headerbar {
    margin-bottom: 15px
}

#totop-scroller {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAAA9SURBVBiVfVBRDgBQBKJLu0JO3fs1y2szkzKEpNhBUo5HLHS3Zp6AE141XKOq0vG4hM6QJO1Eu8rv+v2dB6MbYC/JX5D3AAAAAElFTkSuQmCC) 50% 50% no-repeat;
    text-decoration: none
}

.menu,
.menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.menu a,
.menu span {
    display: block
}

.menu a {
    text-decoration: none
}

.menu-dropdown li {
    position: relative
}

.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1>span {
    float: left
}

.menu-dropdown a.level1>span,
.menu-dropdown span.level1>span {
    height: 30px;
    padding: 0 10px;
    line-height: 30px
}

.menu-dropdown .dropdown {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 100;
    width: 300px
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown {
    display: block
}

.menu-dropdown li:hover .dropdown.flip,
.menu-dropdown li.remain .dropdown.flip {
    left: auto;
    right: 0
}

.menu-dropdown .dropdown-bg>div {
    overflow: hidden
}

.menu-dropdown .stack .column {
    width: 100%
}

.menu-dropdown .columns2 {
    width: 600px
}

.menu-dropdown .columns3 {
    width: 900px
}

.menu-dropdown .columns4 {
    width: 1200px
}

.menu-dropdown .column {
    float: left
}

.menu-dropdown a.level2>span,
.menu-dropdown span.level2>span {
    padding: 7px 0;
    line-height: 21px;
    overflow: hidden
}

.menu-dropdown ul.level3 {
    padding-bottom: 10px
}

.menu-dropdown li.level3 {
    font-size: 11px;
    line-height: 17px
}

.menu-dropdown span.icon {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left
}

.menu-dropdown .level1 .level1 span.icon {
    width: 30px;
    height: 30px;
    margin-left: -5px
}

.menu-dropdown .level1 .level1 span.icon+span,
.menu-dropdown .level1 .level1 span.icon+span+span {
    margin-left: 25px
}

.menu-dropdown li.level2 .level2 span.icon {
    width: 35px;
    height: 35px;
    margin-top: -7px;
    margin-bottom: -7px
}

.menu-dropdown li.level2.hassubtitle .level2 span.icon {
    margin-top: -4px
}

.menu-dropdown li.level2 .level2 span.icon {
    margin-right: 5px
}

.menu-dropdown li.level2 .level2 span.icon+span,
.menu-dropdown li.level2 .level2 span.icon+span+span {
    margin-left: 40px
}

.menu-dropdown span.title {
    line-height: 18px
}

.menu-dropdown span.subtitle {
    margin-top: -1px;
    font-size: 9px;
    line-height: 10px;
    text-indent: 1px
}

.menu-dropdown li.level2 .level2 span.title {
    line-height: 15px
}

.menu-dropdown li.level2 .level2 span.subtitle {
    line-height: 14px
}

.menu-sidebar li.parent span.level1>span {
    cursor: pointer
}

.menu-sidebar a.level1>span,
.menu-sidebar span.level1>span {
    padding: 5px 0;
    line-height: 20px
}

.menu-sidebar span.title {
    display: inline
}

.menu-sidebar span.subtitle {
    display: none
}

.menu-sidebar ul.level2 {
    padding-bottom: 10px
}

.menu-sidebar li.level1:last-child ul.level2 {
    padding-bottom: 0
}

.menu-sidebar .level2 a>span {
    font-size: 11px;
    line-height: 17px
}

.menu-sidebar span.icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: -5px 5px -5px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle
}

.menu-line,
.menu-line li,
.menu-line li a {
    display: inline-block
}

.menu-dropdown {
    margin-bottom: -10px
}

.menu-dropdown li.level1 {
    margin-right: 10px;
    padding-bottom: 10px
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
    border: 1px solid #DDD;
    color: #444
}

.menu-dropdown li.active .level1 {
    color: #48b
}

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
    color: #d50
}

.menu-dropdown .dropdown {
    top: 42px;
    border-top: 1px solid #DDD
}

.menu-dropdown .dropdown-bg>div {
    padding: 0 5px;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff
}

.menu-dropdown li.level2 {
    margin: 0 5px;
    border-top: 1px solid #ddd
}

.menu-dropdown li.level2:first-child {
    border: none
}

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
    color: #444
}

.menu-dropdown a.level2:hover {
    color: #d50
}

.menu-dropdown a.current.level2 {
    font-weight: bold
}

.menu-dropdown a.level3:hover {
    color: #d50
}

.menu-dropdown a.current.level3 {
    font-weight: bold
}

.menu-sidebar a,
.menu-sidebar li>span {
    color: #444
}

.menu-sidebar a:hover,
.menu-sidebar li>span:hover {
    color: #d50
}

.menu-sidebar a.current {
    font-weight: bold
}

.menu-sidebar li.level1 {
    border-top: 1px solid #ddd
}

.menu-sidebar li.level1:first-child {
    border-top: none
}

.menu-sidebar li.parent .level1>span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAA8CAYAAAC5OOBJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAABoSURBVEiJ7dVRCgAhCATQbe9/Ab3sdAG1QYOFZYJ+klcU4SwAT3e8bSksfAW7e/5/AaTTzFDV2zDFDAwxC++fPL7z+LWZDZZ6mLCwsPCnuMziqM42+WidSolsw2PMVHEzCjpllfBf8QbbQCjBHcK8pAAAAABJRU5ErkJggg==) 100% 0 no-repeat
}

.menu-sidebar li.parent.active .level1>span {
    background-position: 100% -30px
}

.menu-sidebar ul.level2 ul {
    padding-left: 10px
}

.menu-line li {
    margin-left: 7px;
    padding-left: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAFElEQVQImWOYOXPmfyYGBgYGYgkAhdYC3Xv7b1MAAAAASUVORK5CYII=) 0 50% no-repeat
}

.menu-line li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none
}

.wrapper {
    max-width: 980px
}

#maininner {
    width: 100%
}

#menu .dropdown {
    width: 275px
}

#menu .columns2 {
    width: 550px
}

#menu .columns3 {
    width: 825px
}

#menu .columns4 {
    width: 1100px
}

.module {
    position: relative
}

.module .badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.module .module-title .icon {
    display: block;
    position: relative;
    top: -6px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    overflow: hidden;
    float: left
}

.deepest>*:first-child {
    margin-top: 0
}

.deepest>*:last-child {
    margin-bottom: 0
}

.module .module-title {
    margin: 0 0 15px 0
}

.module .module-title span.title {
    display: block
}

.module .module-title span.subtitle {
    display: block;
    margin-top: 2px;
    line-height: 14px;
    font-size: 12px;
    text-indent: 1px
}

.module .badge {
    width: 32px;
    height: 22px;
    background: url(data:image/png;base64,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) 0 0 no-repeat
}

.module .badge-hot {
    background-position: 0 0
}

.module .badge-top {
    background-position: 0 -25px
}

.module .badge-free {
    background-position: 0 -50px
}

.module .badge-new {
    background-position: 0 -75px
}

.module .module-title .icon {
    background: url(data:image/png;base64,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) 0 0 no-repeat
}

.module .module-title .icon-download {
    background-position: 0 0
}

.module .module-title .icon-twitter {
    background-position: 0 -30px
}

.module .module-title .icon-mail {
    background-position: 0 -60px
}

.module .module-title .icon-bubble {
    background-position: 0 -90px
}

.module .module-title .icon-login {
    background-position: 0 -120px
}

.module .module-title .icon-cart {
    background-position: 0 -150px
}

.mod-box {
    padding: 15px;
    border: 1px solid #ddd
}

.mod-box .badge {
    top: 10px;
    right: 10px
}

.display-block {
    display: block
}

.remove-margin {
    margin: 0
}

.remove-margin-t {
    margin-top: 0
}

.remove-margin-b {
    margin-bottom: 0
}

.hidden {
    display: none;
    visibility: hidden
}

.size-auto {
    max-width: 100%;
    height: auto
}

.align-left,
.alignleft {
    display: block;
    margin-right: 15px;
    float: left
}

.align-right,
.alignright {
    display: block;
    margin-left: 15px;
    float: right
}

.align-center,
.aligncenter {
    display: block;
    margin: auto;
    margin-bottom: 10px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.button-more,
.button-default,
.button-primary {
    display: inline-block
}

.button-more+[class*=button-],
.button-default+[class*=button-],
.button-primary+[class*=button-] {
    margin-left: 10px
}

ul.blank,
ul.space,
ul.line,
ul.check,
ul.zebra {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.space li {
    margin-top: 15px
}

ul.space li:first-child {
    margin-top: 0
}

ul.line>li {
    margin-top: 5px;
    padding-top: 5px
}

ul.line>li:first-child {
    margin-top: 0;
    padding-top: 0
}

ul.check>li {
    margin-top: 5px
}

ul.check>li:first-child {
    margin-top: 0
}

ul.zebra>li {
    padding: 5px
}

ul.line>li>a:first-child,
ul.check>li>a:first-child {
    display: block
}

table.zebra {
    width: 100%
}

table.zebra th {
    font-size: 16px;
    font-weight: normal;
    text-align: left
}

table.zebra th,
table.zebra td {
    padding: 5px
}

table.zebra tbody,
table.zebra tfoot {
    font-size: 12px
}

table.zebra .bold {
    font-weight: bold
}

table.zebra .center {
    text-align: center
}

table.zebra td * {
    vertical-align: middle
}

table.zebra tfoot {
    font-style: italic
}

table.zebra caption {
    font-size: 11px;
    text-align: left;
    font-style: italic
}

dl.separator {
    padding: 0;
    overflow: hidden
}

dl.separator dt {
    width: 160px;
    padding-right: 10px;
    float: left;
    clear: both
}

dl.separator dd {
    margin-left: 170px;
    padding-left: 20px
}

em.box {
    padding: 0 3px;
    white-space: nowrap
}

hr.dotted {
    border: none
}

p.dropcap:first-letter {
    display: block;
    margin: 7px 4px 0px 0px;
    float: left;
    font-size: 280%;
    font-family: Georgia, "Times New Roman", Times, serif
}

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
    margin: 15px 0;
    padding: 10px
}

.box-content {
    padding: 20px
}

.box-info,
.box-warning,
.box-hint,
.box-download {
    padding-left: 40px
}

form.box fieldset {
    margin-bottom: 30px;
    padding: 0 10px 10px 10px
}

form.box legend {
    padding: 0 10px
}

form.box fieldset>div {
    margin: 15px 0
}

form.box button,
form.box input[type='button'],
form.box input[type='reset'] {
    vertical-align: middle
}

form.short>div {
    margin: 10px 0
}

form.short input {
    color: #333
}

form.short input:-moz-placeholder {
    color: #999
}

form.short input::-webkit-input-placeholder {
    color: #999
}

form.short input.placeholder {
    color: #999
}

.mobile-switcher {
    display: block;
    width: 80%;
    margin: 20px auto 40px auto;
    padding: 40px 0;
    font-size: 50px;
    text-align: center
}

.button-default {
    padding: 3px 10px;
    border: 1px solid #ddd
}

.button-primary {
    padding: 3px 10px;
    background: #48b;
    color: #FFF
}

.button-primary:hover {
    color: #FFF;
    background: #d50
}

img.border-box {
    border: 1px solid #ddd
}

ul.line>li {
    border-top: 1px solid #ddd
}

ul.line>li:first-child {
    border: none
}

ul.check>li {
    padding: 4px 0 0 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAB4ElEQVRIib2WT0sbURTFfxH3zl4QXRR0UWsgiy6Tmvhn1XYnCJoBhQoF234B0y9QFAotKs3Y0tJ20+kuUdPM0oWQ0CJKS+lUlHY5n+BeFyY2jDPR6EwP3MXcd96cOe/e994kVJW40RW7QtwiH/9OGrGKfPgzOdKsRHfUL39/PGEANlCY6i15ELGTd0cThiiOKM5Ub8lp5hNRddfbw/F+Th3odF852ToWyXK9ccdHAAdQIOkfv7bI619nAj2AOTNQdv2ca9Vk4+dYXkVrKtqjovbMQNkK4l3ZSfHHWB4oNh5dwAzjXsnJq++5gqoWVZVGmOaNTS+Mf+Zk/SBnAGmAucEtO2zC+kHOAmZbUk/nBrecdh+VUFXW9rMFYKkl/xl4ND+07TYTa/tZA1j2CdTnh7bPdZMfXQAq2Cp4KtCIuyrUV/eyBYDVvayhgqPCbAvHUwmvwzknAC+/jaaBagDnN+ABt3z5xw9uVpY7EgF48XU0z7+OaQd7Ybhy/zIC4OuuheGKJYIlAm3Ck0suUxOBZ9fz2p1PwL2QOZmHyS9OJyKB+0QEU4R6gIuVTgWgzSm8spvpB2qA0UjVF1PVC9s1CKE7fjFVdVXIdNquQbjwPnm2k84DPLntWLGJRIH/8kt0AgDx5hLjr/8PAAAAAElFTkSuQmCC) 0 0 no-repeat
}

ul.zebra>li,
table.zebra tbody td {
    border-bottom: 1px solid #ddd
}

ul.zebra>li:first-child,
table.zebra tbody tr:first-child td {
    border-top: 1px solid #ddd
}

ul.zebra>li.odd,
table.zebra tbody tr.odd {
    background: #fafafa
}

ul.zebra>li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) {
    background: #fafafa
}

table.zebra caption {
    color: #999
}

dl.separator dt {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase
}

dl.separator dd {
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #DDD
}

dl.separator dt:before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 30px;
    border-top: 1px solid #DDD
}

dl.separator dt:after {
    content: "";
    position: absolute;
    top: -3px;
    right: -4px;
    width: 5px;
    height: 5px;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 6px
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after {
    display: none
}

em.box {
    border: 1px dotted #bbb;
    background: #fafafa;
    color: #444
}

hr.dotted {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAGElEQVQImWPYvXv3/////zP8//+fAZkNAOv5ElULe0UmAAAAAElFTkSuQmCC) 0 0 repeat-x
}

.box-content {
    background: #fafafa;
    border: 1px solid #ddd
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
    background: #fafafa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.box-info {
    background: #ebf5fa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAADOklEQVRYhe2XO2zTUBSG/9jXN7ETG7tJiUEUqpZKRaACA1KHAmJgRIKpsCDBwI4YeA0VQ3kMsMNQxrYToEyICdqhggUiUBGoiIeE0hcJiRsnfiQMNFJaEucmbkWHfFN878k5n3197OtAuVzGVob73wKNaAv6pS3ol7agX7a8IPHz54mp5LDluKO26+5x3NKaXITnHIHnv1HC3zx7dGCy1RqBVt4kk9PJIdOyE0XbVUOUIBykoIRfE2M5LlaKFgqWg6DAZ0QqnBoeGpjedMHxV+/uGAXrqkhJICpLILz3XeK4JSzn8jAtpxwJ0Xvnjh28vmmCq3LXorIEWaTN1EHOtLCcyyMSonebkWQWnJxODhkF66WuRrj1ywkA29XIl92d6hsA+L6YObKQMXrWx1iOi1TGKEVC9DjrcjM3iWnZCS0s1pQDgF3Rbc+0sPgIAEql8qWFjHF5fQwlPLSwyGXNQgKAxlKX6TEzMZUcJhynei3r++/znwB8BPBx9XdNZJGCcJw6MZUcZqnNdAUtxx3tVCTPmLnUrwc/l7N7SuXyStFxb3RFlbqxUVnCYjY/CqDh44dJkOcC8UbdKlEi/s4XrwFo2ECE58BzgThLbSbBoEAiXvMnD/XdWj/24u3nET85KzAJ1muMCg+fvx4RqTB3/sThvVXDnoKNclZgahKJep/HDk0GF0AvU0XGnBWYokJUgGnZdedFSiDw3k1UKycLTFcwJJBUo5hGTdRKToBRMCIGZ5uqvoE5mQRjipRo9gp5QXgOMUVKsMQyCobHdU32PONePep5XI2uybMxJTy+YYIAUl0xdUwRg0a9gB69I+B1XEERg0ZXTB0DwHQPNrPdUpeyK/c//Ji/aNnuP5Nf5tP/jPXE1+4HqMBjf1d8LKaErwDIbLQgAPT/yuVvfP65dCZrFpneBBUUMWj07Yw96ZCl2/i7qWCilS1/v2nZF74upE+l0rl9jlvyDCY8B12TZ7u3awmRCo+bkWtVEABUAKdXCtZgKp07kDbM3oLt6NUBIYGktIg4p2vy+3CIzgB4CsZl3QjBCjqAQQDdq9LVZAB8BTADxoaohV/BTWfLf7i3Bf3SFvRLW9AvfwCiSRRDTBu1YgAAAABJRU5ErkJggg==) 0 0 no-repeat;
    border-color: #d2dce1
}

.box-warning {
    background: #fff0eb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAADPElEQVRYhe2XS0/UUBiG394OvcykLcNIVQIqsIKFiYbVKL9A3aj8Ad0aQ2L8BUiMG1cCwySGxHCZMVFj3JiYGHVj4sJoXJioUXEaFBGQubRT2uOCARSGabHcFvOuvpzv6/c+OT0955ShlGIvi91tAD/VAMOqBhhWNcCwqgGG1Z4H5LeiiZlO9rjFwm3qOBIAsKRujhWlUwfOX3wRtveWALr5/B1OVnhOlwEAiwu/NbeYfwxADts79CvOjt56ykWivKDHwIoSWFECiTeCE2UpO3rr6a4CmunhBHWcBB9V1+V4VQd1nISZHk6E8QgF6FnFh7ymcwy7vg3DsuA1nfNsKxPG478BzfGhfobjNU5SAAAkbnzUuroHtK7uARI3PgJAOWeY40P9OwpoZlItrm31CnpsZUw0mh8JWkO/oDX0i0bzo+VxEtsH17Z6zUyqZccAqVMa4WSFMPzqJpB7/+YdgEkAk+UYAMDwPDhZIdQpjewIoJlO9nglu1tQ9X/G7R/ZzuXYmprs+jsnqDq8kt1tppM92w7oWdYgqY+vG6euuwpFaefaPKmPw7OswW0FzI4PphiBaKworU8yTGvFeNlIlMAIRMuOD6Y248kE/aszM6kWN7/wqc5oYittK878LEDpiTLg87VLAACo58Ge+uZxSvTIgXMXvgTxDXzU0ZJ9n4+qFeGApS3Fmf2ZAQBBb6hYw7As+KjKusXCEwBtQXwDvWJzInmZuotHK50YK40IAQADgFGOK4qPqgClreZE8nIQ70Az6FqFayTWWL1RRM2pxxJ3ASD//u3Zxdx8ZKNaQW9Aaeb7NQA3/bx9ZzA7NnCPE2Wp2qwAgNLeMUZijX0k1tintHeMVTUlJPBlwhfQs63TfIUFv1bzr19OAvgA4EM5rqrly4RfXdWv+GvqhlYXN2ZZyf9aZ337TDk5ch0A3ELuqth0iPF7xisWYE9P6c0Xrsz9FyCAurlXzz47v6YNPzM3v4DSzDQAgMTi4JSo3yMQ6uNT2vGT+6vV+H0ktnTwcNqzipfcQq5qIadEIQWAWqmXI5AOHk771QXZqNsAnAnsvDk9wNK63VCBT5Ld0p7/7awBhlUNMKxqgGH1B6/AEHEvRd5dAAAAAElFTkSuQmCC) 0 0 no-repeat;
    border-color: #ffd7cd
}

.box-hint {
    background: #fffae6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAAB1UlEQVRYhe2Wq04DQRSG/5m9tinXZBMEGxJKSGVRCJA8AK4WXVUNTaAJRaPQVPIOCAQVVUUigFCNgF4CLdvZQVAIEC6dOQVW7C838535Zmd25zApJaIc/t8CPyUWpCYWpCYWpCbygia1QLtWyoVBrywfu/MyDBkAMM4ls90rbjlbY8vbR5T6jHKTtKrFunjoZI1ECoabAjOf1yv7fYhuB+KhAyOROhtf2V36c8Hm6eYFhEhbkx64k/x0TNi7R3B3AxjG5cTq3oLOPFpnsFUt1iFE2vb8L+UAgDtJ2J4PCJFuVYv1PxFs10o52Q+ytueD8Z9xxjlsz4fsB9l2rZT7dcEw6JWt6Zmh5F7COIc1PYMw6JVV51MWZNz0ueWoYuCWA8ZNX5lTBQwnaasyFFZZkDsJVYTEqm+xaTWUZyGwOr+ZEw1Gm9UR3AHQ1OCaA1YpyoJuJn8NoKDKASgMWKVo3SRuJn8IoKKAVAaMcrTbLTeT38BwkpXBWK1Q+8FhtlrnOLyG1G4BQPf84NsCbibPKPUj31GT3+Bvh9zyA8DtceHTVU6t7ZO2FxiRYGJ2sQFg7sNj7SvxbUZ1BjfwXqgBYH0UhSN/BiP/FceC1MSC1MSC1ERe8AlBoH2J9gPywwAAAABJRU5ErkJggg==) 0 0 no-repeat;
    border-color: #fae6be
}

.box-download {
    background: #faffe6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMjEvMTEUytkGAAAA1klEQVRYhe2XsRHCMBAEX4wLcEIKuQNacBXuhDLohCrcAgE5pCR0IFICG05/P+MPbkPPSL+2pD+r1FotM7utBf4hQRYJskiQJb1gxwyebxeoy4+nc/HWoAT3/ZEZDpF+iSXIIkEWCbJIkKUgd5K1SEOT5PV+LD5HIhASNDO7P6+ht6vhMEH5DC8xOmH0XE17MEKydY7mQ8JIesa6TrGnkPfF3G2mpSDz1ak+iBRm9y3dqH8JRByqkCRZEolqS2FR9y0U2TPhJNmK9D8LEmSRIIsEWdILfgCvWCalKbOydwAAAABJRU5ErkJggg==) 0 0 no-repeat;
    border-color: #dce6be
}

form.box fieldset {
    border: 1px solid #ddd
}

form.box legend {
    background: #fff
}

#system .page-title {
    margin-top: 0;
    font-size: 18px;
    line-height: 18px
}

#system .title {
    margin-top: 0
}

#system .title a {
    text-decoration: none
}

#system .title+.title {
    margin-top: 20px
}

#system>.description {
    margin-bottom: 30px;
    overflow: hidden
}

#system small {
    font-style: italic
}

#system .item>header {
    margin-bottom: 15px
}

#system .item>:first-child+header {
    margin-top: 10px
}

#system .item>header .title {
    margin-bottom: 0
}

#system .item>header .meta {
    margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 13px
}

#system .item>header .subtitle {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-transform: uppercase
}

#system .item>.content>*:first-child:not(.grid-gutter),
#system .item>.content>*[class*="align"]:first-child+* {
    margin-top: 0
}

#system .item>.content>*:last-child:not(.grid-gutter) {
    margin-bottom: 0
}

#system .item>.links {
    margin: 22px 0 0 0
}

#system .item>.links a {
    margin-right: 15px
}

#system .item>.taxonomy {}

#system .item>.trackback {}

#system .item>.edit {}

#system .item>*:last-child {
    margin-bottom: 0
}

#system .item .socialbuttons {
    margin-top: 15px
}

#system .item .socialbuttons>div {
    margin-right: 10px;
    float: left
}

#system .items {
    margin: 0 -10px 0 -10px
}

#system .items .item {
    margin: 0 10px 0 10px
}

#system .items>.width50 .title {
    font-size: 22px;
    line-height: 22px
}

#system .items>.width33 .title {
    font-size: 20px;
    line-height: 20px
}

#system .items>.width25 .title {
    font-size: 18px;
    line-height: 18px
}

#system .pagination {
    margin-top: 10px;
    text-align: center
}

#system .pagination a {
    text-decoration: none
}

#system .pagination strong {
    font-weight: normal
}

#system .pagination a,
#system .pagination strong {
    display: inline-block;
    min-width: 15px;
    height: 25px;
    margin-left: 5px;
    padding: 0 5px;
    line-height: 25px
}

#system .pagination>*:first-child {
    margin-left: 0
}

#system .pagination a.previous,
#system .pagination a.next {
    font-size: 16px;
    line-height: 23px
}

.searchbox {
    position: relative
}

.searchbox input {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    float: left
}

.searchbox input::-ms-clear {
    display: none
}

.searchbox button {
    display: none
}

.searchbox.filled button {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    border: none;
    line-height: 0;
    cursor: pointer
}

.searchbox.loading button {}

.searchbox .results {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 110;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none
}

.searchbox .results li.results-header,
.searchbox .results li.more-results {
    height: 35px;
    line-height: 35px;
    text-indent: 15px;
    text-transform: uppercase
}

.searchbox .results li.more-results {
    cursor: pointer
}

.searchbox .results li.result {
    padding: 10px 15px;
    cursor: pointer
}

.searchbox .results li.result h3 {
    margin: 0 0 5px 0;
    font-size: 16px
}

.searchbox .results li.result div {
    font-size: 11px
}

.breadcrumbs {
    overflow: hidden
}

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
    display: inline-block;
    text-decoration: none
}

.breadcrumbs a,
.breadcrumbs>span {
    margin-right: 10px
}

#system .author-box {
    margin: 20px 0
}

#system .title+.author-box {
    margin-top: 0
}

#system .author-box .avatar {
    margin-right: 15px;
    float: left
}

#system .author-box .name {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px
}

#system .author-box .description {}

#system #comments {
    margin-top: 20px
}

#system #comments h3.comments-meta {
    margin: 0 0 10px 0
}

#system #comments ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#system #comments .comment-head {
    margin-bottom: 10px;
    overflow: hidden
}

#system #comments .comment-head .avatar {
    margin-right: 10px;
    float: left
}

#system #comments .comment-head .author {
    margin: 8px 0 0 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold
}

#system #comments .comment-head .meta {
    margin: 3px 0 0 0;
    font-size: 11px
}

#system #comments .comment-body {
    margin-bottom: 20px;
    padding: 0 10px
}

#system #comments .comment-body .content {
    text-align: justify
}

#system #comments .comment-body .reply {
    margin: 10px 0 0 0
}

#system #comments .no-response .comment-body .reply {
    display: none
}

#system #comments .comment-body .moderation {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-style: italic
}

#system #comments ul.level1 ul {
    padding-left: 55px
}

#system #respond h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal
}

#system #respond p.user {
    margin: 0
}

#system #respond input[type='text'] {
    width: 200px;
    height: 25px;
    padding-left: 5px;
    line-height: 25px
}

#system #respond textarea {
    width: 100%;
    max-width: 400px;
    height: 100px
}

#system ul #respond {
    margin: 0 0 30px 0;
    padding-left: 10px
}

.comments-list>article {
    margin-top: 10px;
    padding-top: 10px;
    overflow: hidden
}

.comments-list>article:first-child {
    margin: 0;
    padding: 0
}

.comments-list .avatar {
    margin-right: 10px;
    float: left
}

.comments-list .author {
    margin: 2px 0 0 0;
    font-size: 12px;
    line-height: 18px
}

.comments-list .meta {
    margin: 0;
    font-size: 11px;
    line-height: 13px;
    font-style: italic
}

.comments-list .content p {
    margin: 5px 0 0 0
}

.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.tagcloud li {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle
}

.tagcloud a {
    white-space: nowrap
}

.tagcloud .weight1 a {
    font-size: 11px
}

.tagcloud .weight2 a {
    font-size: 12px
}

.tagcloud .weight3 a {
    font-size: 13px
}

.tagcloud .weight4 a {
    font-size: 14px
}

.tagcloud .weight5 a {
    font-size: 15px
}

.tagcloud .weight6 a {
    font-size: 16px
}

.tagcloud .weight7 a {
    font-size: 18px
}

.tagcloud .weight8 a {
    font-size: 20px
}

.tagcloud .weight9 a {
    font-size: 23px;
    letter-spacing: -1px
}

.tagcloud .weight10 a {
    font-size: 26px;
    letter-spacing: -1px
}

.page-nav {
    margin-top: 15px
}

.page-nav .prev {
    float: left
}

.page-nav .next {
    float: right
}

#system .item>header .icon {
    margin: 2px 0 0 5px;
    float: right
}

#system .item>.edit {
    margin-top: 15px
}

#system .item-list {
    margin-top: 10px;
    overflow: hidden
}

#system .filter {
    margin: 0 0 10px 0;
    overflow: hidden
}

#system .filter>div {
    margin: 0 10px 0 0;
    float: left
}

#system form.submission fieldset>div:before,
#system form.submission fieldset>div:after {
    content: " ";
    display: block
}

#system form.submission fieldset>div:after {
    clear: both
}

#system form.submission fieldset>div>* {
    vertical-align: middle
}

#system form.submission fieldset>div>label:first-child {
    display: block;
    width: 150px;
    float: left
}

#system form.submission fieldset>div>input[type='text'],
#system form.submission fieldset>div>input[type='password'] {
    padding: 5px;
    width: 250px
}

#system form.submission fieldset>div>select {
    padding: 5px;
    width: 262px
}

#system form.submission fieldset>div>textarea {
    width: 255px
}

#system form.submission div.submit {
    margin-top: -20px;
    text-align: center
}

#system .invalid {
    border-color: #f00
}

#system label.invalid {
    color: #f00
}

#system form.submission.small fieldset>div {
    margin: 15px 0
}

.tip-wrap {
    display: none;
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    color: #323232;
    font-size: 12px
}

.tip-title {
    margin-top: -15px;
    padding: 15px 0 5px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAMAAABYMCT2AAAAMFBMVEX////39+fv79Pl5rfs7b3//8z8/Pfd3rHf4Lbn6MT5+cf19eHX16zi4rrk5b76+u/kKYiYAAAAAXRSTlMAQObYZgAAAENJREFUCNdNzDESgDAMxEATIi42Jvz/txQeIOq2kZm1zZY826Kxp//KiJwv7gSko3QKiKF6+QCg1+vqLFSUCE1LwccHbw4CD5Px6zcAAAAASUVORK5CYII=) no-repeat;
    font-weight: bold;
    font-size: 13px
}

#system .title a {
    color: #444
}

#system small {
    color: #999
}

#system .item>header .meta {
    color: #999
}

#system .item>header .subtitle {
    color: #777
}

#system .item>.links a:after {
    content: " »";
    font-size: 16px
}

#system .items .item {
    margin-top: 12px;
    padding-top: 18px;
    border-top: 1px solid #ddd
}

#system .items .item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-width: 0
}

#system .pagination a,
#system .pagination strong {
    border: 1px solid #ddd
}

.searchbox {
    width: 100px;
    height: 30px;
    padding: 0 25px;
    border: 1px solid #ddd;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAA80lEQVRIie2UvQ3CQAxGH4gB2AA2CCPABKFxzwjZANiAEejdwAYZAUZgA5ggFPGJH+XiiIBEcZ8URbKde/JnXwZVVfFrDX9OSJAESZBOGnUpUtUNsAImFroAexHZdPl+4P1WVPUEZJH0WURmHqTVLusgAI7Awp6jxTKraZVn1yoARGT5FC9V9QDkVtMK8gYfZrBryO3eaj6GfEUe5GLvoiEXYjcP4s1kD6yB3GYQLCqo5wHNVr6o7woDnIG5iFxjBe5M7B5seVgHtUVbA2TU2zaOneF20iY7uDRQ9GL22i6zaE7d0TRW16uTrvqLe5IgCfK57nFTSHUQyuLHAAAAAElFTkSuQmCC) 0 50% no-repeat
}

.searchbox input {
    height: 30px;
    color: #333;
    font-size: 14px
}

.searchbox input:-moz-placeholder {
    color: #999
}

.searchbox input:-ms-input-placeholder {
    color: #999
}

.searchbox input::-webkit-input-placeholder {
    color: #999
}

.searchbox input.placeholder {
    color: #999
}

.searchbox.filled button {
    width: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAAp0lEQVRIie3UwQ2DMAyF4Z+Ke1boCGzCyXt0FPbwKZt0hK7QCdJLggKtGlcFiVZ+N2Lwl1goXUqJvXPaXXDEEUeOg/SWl1T1DEzAWC1H4CIit9b3XevuysAVCC/Kd2BoQZZxTUAQkcVifg65/jYWZARQ1dIYEUFVF/VvkTkFqgBTPkIKsB7dFkisAWANxVaDY/xducHA846jBQDDSbbI/9xdjjjy48gD5Js96/E3oBIAAAAASUVORK5CYII=) 50% 50% no-repeat
}

.searchbox.loading button {
    background: url(data:image/gif;base64,R0lGODlhEgASANUAAP////z8/Pn5+ff39/T09PHx8e7u7uvr6+jo6Obm5uPj4+Dg4N3d3dra2tfX19XV1dLS0s/Pz8zMzMnJycbGxsTExMHBwb6+vru7u7i4uLW1tbOzs7CwsK2traqqqqenp6SkpKKiop+fn5ycnJmZmZaWlpOTk5GRkY6OjouLi4iIiIWFhYKCgoCAgH19ff///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBQAvACwAAAMADgANAAAGgMCX8BUAGCyGF2A4BGAaCNMikGQCAJmSQ6U4JIvES8YwolAShgACERAyTKCEABAIKBQCYeGwiBCGAQcFA3kSHiIPVgcOUC8FCAsQbUIBCQUEeS8JHhoHRVQQElUBExYEFwwLChIEDAyTVxEbCBkIEw10VhCWFXuvTJQABA0EuUJBACH5BAkFAC8ALAAAAwAOAA0AAAaAwJfwFQAYKAZAYDgMWBgH0cGhWQ4BgMuogXKoOACBMFC5GEASCQVFMBwAwkWogyAACgdDXdheQAhXBgQCYhAaHg5MRgsKBy8EBwoOgEIABwWEQgkbFwdFAQUNDgVjERIEFowJEAMKClZFD50UBxELSkwBD3WnBwtWuQADCwO4QkEAIfkEBQUALwAsAAADAA4ADQAABoPAl/AVABQmBUBgOAxQFofPgYEBMAEACqhRYpg0WGFgQil0IpKJyODZLF+KNoIAIChOLoiQYEg4CEMFEQUBSw4YGwxMLwMHBwUvfAkNgEIABgQCAkIIGBYGRQF2C5BED4MSCggIDAMIB1ZEAA4TBhIGDQlKTAENBwMQkpuLRQIKA2FCQQAh+QQFBQAvACwCAAMADAANAAAGSMCXUBgZGl+So+X44ixEr9FlGElqHo4hR4s5jk4M5nDyUBgsXeXKtHwtjorGwvCaJI2Hg0CYhQwVL3RDC0UNL4BHby9hYo1CQQAh+QQFBQAvACwAAAQADgAMAAAGTMCX8AURaobIYUToeYEqyUcRI4RwXpkLEgNFgpLCRXI5XEgo4EhqlEwgBWg3sjg8mFaNIYPxahiEBy8eR0gJDQRiL38AYEIKjWB/SUEAIfkEBQUALwAsAgADAAsADQAABj/Al3BILL4wxtfD8tokOpJixTilRIkeULIIkSSMpM9WwhA6ysPF6PRSKNovQsT04hDfBwNLQzwIDwARGgBbREEAIfkEBQUALwAsAAAEAA4ADAAABknAl3D4qgghxCFj8sK8NMgkYyBZCDEEI1ESHW48yUJy/Go4yKKXhGggJxeKJIhkTR4Slkk6My4YGCwOJU5kAgomCQyEZAYWbURBACH5BAUFAC8ALAIAAwAMAA0AAAZDwJdQuBgahYaX5GiMvCgvjFGheEGIFaHz5WgcMRum+KUoMj2ax/iIOBwEw44ImTRRlsILVLhJOVIvc0caXiNCFmtMQQAh+QQFBQAvACwAAAMADgAMAAAGScCXcPhKEI9FIQRJTDRekheFwXw9jZFX5EFcKI4VTJVIHRZeiMGRwTkaJOfxo4X6DjceIt4Akiw7UlFCAC8YJy8kQhRMYi8fSEEAIfkEBQUALwAsAAAEAA0ADAAABkTAl3D4aggXxOGC4HhFkkNFsikUGA5JCUVoWDCkUOHFtLJAMZWXQeHYhoUM1CiJ4Qwxm6TmJYGSFiIvdlBmLx1vRE9EQQAh+QQFBQAvACwAAAMADgAMAAAGSMCXcPgyEI9EBVIIeBUQL8arASVuPMWCUHp0rE6HY8QoTLwo2qF5SBmhJkiKZEGUHOkEYil0tGCWWFN/EHEgL4ERS0MaQoRCQQAh+QQJBQAvACwAAAMADgANAAAGRcCXcEgsCgEaCGB4ML42qxfitXBuDKfIYKhIDBmokYLYcDjPQxApYpQUFxCjoRjyFCUVIkWoGeZfDUYdLxkvFw9ohomJQQA7) 50% 50% no-repeat
}

.searchbox .results {
    top: 41px;
    right: -1px;
    width: 300px;
    border: 1px solid #ddd;
    background: #fff
}

.searchbox .results li.results-header {
    border-bottom: 1px solid #ddd
}

.searchbox .results li.more-results {
    border-top: 1px solid #ddd
}

.searchbox .results li.result {
    border-top: 1px solid #eee
}

.searchbox .results li.results-header+li.result {
    border-top: none
}

.searchbox .results li.result.selected {
    background-color: #fafafa
}

.breadcrumbs a,
.breadcrumbs>span {
    padding-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAAAUSURBVAiZY5g5c+Z/JgYGBgZiCQCF1gLde/tvUwAAAABJRU5ErkJggg==) 100% 50% no-repeat
}

#system .author-box {
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fafafa
}

#system .author-box .avatar {
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff
}

#system .author-box .name {
    color: #444
}

#system #comments .comment-head {
    padding: 5px;
    border: 1px solid #e6e6e6;
    background: #fafafa
}

#system #comments .comment-byadmin .comment-head {
    border: 1px solid #dce6be;
    background: #faffe6
}

#system #comments .comment-head .author {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}

#system #comments ul.level1 ul {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAB1ElEQVRoge2Z3W0TQRRGjxHvDg1cuQNcwqYClApiKoB04A6ACgwdmA7SgdMB5KsgqcA8eEFrNLuLs/PZGjRH8oM1P9dHV/Nzx7P9fs//yqtL/wAnVa5UqlypVLlSqXKlUuVKxS4naSXpsztOipnz4ixpBWzar98iYmULlsCWub/EAG4lfXTFS2HJXEKsy/uI+Jo9aILsmRsRA9i0fexkzZykJbD7x+72DGbLXCt2f8IQewazyHXE5icOtQpOlpsg9hub4KQ1l0Gsy01EbDPM84cXy2UWA3gGmoh4yDQfryeMbYBPPW3rkbF97Q2QTc51iP8AFn3tETHLHjSB6/r1aJr3JFxyP4caJTWmuEe45MbWzdIU9wiX3NiW3pjiHmGr5yTtGM7Qm4h4sgRvcVbiX0ba7bWduxIfOhKegYUze+43lLuBtjnm7FkzByBpA6wGulxHxL0j9jme9u4YPhq2khaOwHa5dk1d0y84xyR4lkfZjmDf+fcWeGgrjWyc7cU5Ip4i4obDJpLaIefATtI6V0z7hpJC0hXwgYPoVaLLI4eyaDvlqLiIXBdJ7zhcx5btpyv7HVi/tIC9uJyT+i9PqVS5UqlypVLlSqXKlUqVK5UqVyq/ACixsBOQNBckAAAAAElFTkSuQmCC) 0 0 no-repeat
}

#system #respond h3 {
    color: #444
}

.comments-list>article {
    border-top: 1px solid #ddd
}

.comments-list>article:first-child {
    border: none
}

.comments-list .meta {
    color: #999
}

#system .items .leading .item {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd
}

#system .item-list {
    border-top: 1px solid #ddd
}

#system span.highlight {
    background-color: #ffa
}

#system form.submission div.submit {
    margin-top: 0px;
    text-align: center
}

.contact_mlegale {
    display: none
}

.font_small {
    font-size: x-small
}

.font_highlight {
    font-size: 16px;
    font-weight: bold
}

.font_color {
    color: #8D5907
}

.clear_float {
    clear: both
}

.inset-left {
    float: left;
    margin: 0 8px 5px 0
}

.inset-right {
    float: right;
    margin: 0 0 5px 8px
}

body {
    font: 13px/16px Arial, Helvetica, sans-serif
}

#headerbar {
    margin-bottom: 35px;
    margin-top: 30px
}

#logo {
    margin-left: 50px
}

footer {
    font-size: 11px;
    margin: 30px 15px 15px 15px;
    background: url("../../templates/yoo_master/styles/mansard/images/nenuphar.png") no-repeat 0 0;
    padding-top: 45px
}

#menubar {
    border: 1px solid #EBEBEB;
    border-radius: 9px 9px 9px 9px
}

#language-responsive {
    display: none
}

#language .module {
    float: right;
    margin: 0;
    padding: 5px 5px 5px 5px
}

.menu-responsive {
    margin: 15px 0 0
}

h1 {
    font-size: 16px;
    line-height: 16px;
    color: #d3d3d3
}

p,
hr,
ul,
ol,
dl,
blockquote,
pre,
fieldset,
figure {
    margin: 10px 0
}

div.content ul,
div.product_left ul {
    padding-left: 0
}

div.content ul>li,
div.product_left ul>li {
    list-style: none outside none;
    padding: 4px 0 0 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAV0lEQVR42u3TwQ0AEBBEUbSwPShF/x2t7MFGEJfBxUjm+t8BQVWvjgABAt8A+xOLDQE8so6nbIOAFnFkjgt6B9IjY9w4AJiRPn76FckmDgOO2PjRCLwDKosBSrqUNSs5AAAAAElFTkSuQmCC) 0 0 no-repeat
}

div.content ul.slides>li,
div.content .wk-slideshow-micasa .nav li {
    list-style: none outside none;
    padding: 0;
    background: none
}

.menu-dropdown {
    margin-bottom: 0;
    font-family: "MavenProRegular"
}

.menu-dropdown .dropdown,
.menu-dropdown .dropdown-bg>div {
    border: none
}

.menu-dropdown .dropdown-bg>div {
    padding: 10px;
    border: 1px solid #fff;
    border-top: none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4)
}

.menu-dropdown span.separator {
    cursor: pointer
}

.menu-dropdown li.level1 {
    padding-bottom: 0;
    margin-right: 0
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAYAAACkJ9JhAAAAXUlEQVR42kXPUQfAIBiF4SYjE5ORkRmJTMz+/x/rdnt3ceriEZ/OdzK9dzP4zmRhBgcLeFghwAYRdkhwwElChgIVLmhww6Nb07TqRf5TlJe0I2pvUBevfk6d7fjMC/dIEl6jVub9AAAAAElFTkSuQmCC) 0 0 no-repeat;
    color: #878787;
    z-index: 101
}

.menu-dropdown:first-child .level1:first-child .level1 {
    background: none
}

.menu-dropdown a.level1>span,
.menu-dropdown span.level1>span {
    height: 37px;
    padding: 10px 14px 0 15px;
    line-height: 25px;
    font-size: 14px;
    text-transform: uppercase
}

.menu-dropdown li.level1.parent:hover>.level1>span,
.menu-dropdown li.parent.remain>.level1>span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAARUlEQVR42oXMsQ0AMAgDQe+/HkMwAaJ0JGryFK7gXrZppru6e9vAiBj9+0GYmRhAWFUYIDijAMEzAPAOALwDYsgBMeTAA5XkCF0O13zIAAAAAElFTkSuQmCC) 50% 100% no-repeat
}

.menu-dropdown .dropdown {
    top: 46px;
    left: -5px
}

.menu-dropdown:last-child>li:last-child .dropdown {
    left: auto;
    right: -5px
}

.menu-dropdown .dropdown:before {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    height: 1px;
    content: "";
    background: #D3D3D3;
    z-index: 1
}

.menu-dropdown .dropdown-bg {
    margin: 0 5px 5px 5px
}

.menu-dropdown li.level2 {
    margin: 0 10px
}

.menu-dropdown span.separator.level2 {
    text-transform: uppercase
}

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
    color: #878787
}

.menu-dropdown a.current.level2 {
    font-weight: normal
}

.menu-dropdown li.level3 {
    line-height: 20px;
    font-size: 12px
}

.menu-dropdown a.level3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAB4CAYAAADL2GN3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMFJREFUeNrs2LEKwjAQBuCkdMgz6Fvo2pfyEVySh3HuC4iT4GM4O0my6MmFRGhjLx2kiPwXDkr4IFyT5U4TkZoTjZoZ/w2dcxRCUJyD4P84SrLWkvd+sF/ABCKuwoRkmNH4aP3hrrkYzR/GmOmqM8KjAAQEBAQEBAQEBAQEXA62RQs30cEXsGkfXz/6+WtVL3Az/XnPHXVc1RnA4bije7jJM4AEIhYhZ0IyzGjTreozgG23ju395XR9b2oMhqR4CTAA1vMi6iDPsPIAAAAASUVORK5CYII=) no-repeat 0 0;
    padding-left: 12px;
    color: #878787
}

.menu-dropdown a.level3:hover {
    background-position: 0 -100px
}

.menu-dropdown a.current.level3 {
    font-weight: normal
}

form#contact-form div {
    padding: 5px 0
}

form#contact-form label,
form#contact-form textarea,
form#contact-form input[type="text"],
form#contact-form input[type="password"],
form#contact-form select {
    display: block
}

form#contact-form textarea,
form#contact-form input[type="text"],
form#contact-form input[type="password"],
form#contact-form select {
    width: 100%
}

form#contact-form label,
form#contact-form input[type="text"],
form#contact-form input[type="password"],
form#contact-form select {
    height: 20px
}

form#contact-form div.formcontact-copy label,
form#contact-form div.formcontact-copy input[type="checkbox"],
form#contact-form div#easycalccheckplus label,
form#contact-form div#easycalccheckplus input[type="text"] {
    display: inline
}

form#contact-form div#easycalccheckplus input[type="text"] {
    width: 30%
}

form#contact-form div#easycalccheckplus label {
    text-align: left
}

form#contact-form div.formcontact-copy {
    margin: 0 0 20px
}

div.contact_left {
    width: 45%;
    float: left;
    margin-top: 15px
}

div.contact_right {
    width: 50%;
    float: right
}

div.contact_right h3 {
    margin: 15px 0 0 0;
    font-weight: bold
}

div.contact,
div.address {
    font-size: 14px;
    line-height: 24px
}

div.contact_misc {
    margin-top: 30px
}

form#contact-form div.protectedby {
    padding: 0
}

div.contact_mlegale {
    font-size: x-small;
    line-height: 10px;
    margin-top: 15px
}

div.product_left {
    width: 58%;
    float: left;
    display: block
}

div.product_right {
    width: 40%;
    float: right;
    display: block
}

div.product_img {
    margin: 0 auto;
    text-align: center
}

div.product_img img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

div.nn_tabs_container {
    padding-top: 15px
}

@media (min-width:980px) {
    .contact-ru1 {
        width: 44%;
        float: left
    }
    .contact-ru2 {
        width: 54%;
        float: left
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "MavenProRegular"
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
    font-family: "MavenProRegular"
}

body {
    color: #878787;
    background: #fff
}

a,
footer a:hover {
    color: #98a103
}

h2,
a:hover {
    color: #8D5907
}

footer a {
    color: #878787
}

footer {
    margin-bottom: 35px
}

footer .footerlinks ul,
footer .social p {
    line-height: 24px
}

footer a.facebook span.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

#menubar,
.menu-dropdown .dropdown-bg>div {
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #fcfbfb 0%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #fcfbfb 0%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #fcfbfb 0%, #f8f8f8 100%)
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
    color: #878787;
    border: none
}

.menu-dropdown li.active .level1,
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-dropdown a.current.level2,
.menu-dropdown a.current.level3 {
    color: #98a103
}

ul.footer-icons li {
    background-image: url("../../en/templates/yoo_master/styles/mansard/images/footer_icons.html")
}

.wk-slideshow-micasa>div .next,
.wk-slideshow-micasa>div .prev {
    background-image: url("../../templates/yoo_master/styles/mansard/images/widgetkit/buttons.png");
    height: 51px
}

.wk-slideshow-micasa .nav span,
.wk-slideset-micasa .nav.icon span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAyCAYAAABlG0p9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOJJREFUeNpivH37NgcDA0MREJsAMSMDKvgPxGeAuI8FSBQCcTwQCwAxE5rCf0CsDdIAUmgKVSSEQyEImLJArWNCwugAJMaITQIrGGCFV4lQdxWksB2Ij0CDAhsGybUz/v//fyj4euQpZJm3W4z7zw/2Zf/+MflgS+FMTP+2sHD8jAJJVAKxFR7DQHKVTNDMQwhoD7sAH80zIyTPTA1T4gLSM4HYDUetsAuI01mgecYNT/UBkqsEKdQhovrQGRLBA61q/yFVkOi+/gerXU8jlRbYgucDSA1IYT+0hsVXsfcDBBgAgHVFFIReBVUAAAAASUVORK5CYII=)
}

.wk-slideshow-micasa>div:hover .next {
    background-position: 0 -240px
}

.wk-slideshow-micasa>div:hover .prev {
    background-position: 0 -300px
}

form#contact-form div.protectedby a {
    color: #EEE
}

div.nn_tabs_nav li.nn_tabs_tab a,
div.nn_tabs_nav li.nn_tabs_tab a:hover {
    color: #98a103
}

.page-nav a.prev,
.page-nav a.next,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: #e3e3e3 0 1px 1px;
    -moz-box-shadow: 0px 1px 1px rgba(000, 000, 000, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 1px rgba(000, 000, 000, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.7);
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 15px;
    text-shadow: 1px 1px 1px #777;
    border: 1px solid #999903;
    background-color: #98a103;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#a9b302) to(#98a103));
    background: -webkit-linear-gradient(#a9b302, #98a103);
    background: -moz-linear-gradient(#a9b302, #98a103);
    background: -ms-linear-gradient(#a9b302, #98a103);
    background: -o-linear-gradient(#a9b302, #98a103);
    background: linear-gradient(#a9b302, #98a103);
    -pie-background: linear-gradient(#a9b302, #98a103)
}

.page-nav a.prev:hover,
.page-nav a.next:hover,
.button:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    text-shadow: 1px 1px 1px #777;
    background: #a9b302;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#98a103) to(#a9b302));
    background: -webkit-linear-gradient(#98a103, #a9b302);
    background: -moz-linear-gradient(#98a103, #a9b302);
    background: -ms-linear-gradient(#98a103, #a9b302);
    background: -o-linear-gradient(#98a103, #a9b302);
    background: linear-gradient(#98a103, #a9b302);
    -pie-background: linear-gradient(#98a103, #a9b302)
}

.hidden-desktop {
    display: none
}

@media (max-width: 767px) {
    .hidden-desktop {
        display: block
    }
    .hidden-phone {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .hidden-desktop {
        display: block
    }
    .hidden-tablet {
        display: none
    }
}

#header-responsive {
    display: none
}

@media (max-width: 1220px) {
    #banner {
        display: none
    }
}

@media (max-width: 959px) {
    #maininner,
    #sidebar-a,
    #sidebar-b {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media (min-width: 480px) and (max-width: 959px) {
    .width16,
    .width20,
    .width25,
    .width40,
    .width60,
    .width75,
    .width80 {
        width: 50%
    }
    .width50 .width50 {
        width: 100%
    }
    .sidebars-1 #sidebar-a .width100,
    .sidebars-1 #sidebar-b .width100 {
        width: 50%
    }
    #sidebar-a .width100:nth-child(odd):last-child,
    #sidebar-b .width100:nth-child(odd):last-child,
    .width20:nth-child(odd):last-child {
        width: 100%
    }
    .sidebars-2 #sidebar-a,
    .sidebars-2 #sidebar-b {
        width: 50%
    }
    .sidebars-2.sidebar-b-left:not(.sidebar-a-left) #sidebar-a {
        float: right
    }
    .grid-gutter>.grid-box:nth-child(n+3)>* {
        margin-top: 30px
    }
    .width50 .align-left,
    .width50 .alignleft,
    .width50 .align-right,
    .width50 .alignright {
        margin: 0 auto 15px auto;
        float: none
    }
}

@media (max-width: 767px) {
    .width33,
    .width66 {
        width: 100%
    }
    #header-responsive {
        display: block
    }
    #header-responsive .logo,
    #header-responsive .searchbox {
        display: inline-block;
        width: 45%;
        vertical-align: middle
    }
    #header-responsive .logo {
        margin-right: 10%
    }
    #header-responsive .searchbox {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .menu-responsive {
        width: 100%;
        font-size: 14px
    }
}

@media (min-width: 480px) and (max-width: 767px) {}

@media (max-width: 479px) {
    body {
        word-wrap: break-word
    }
    .width16,
    .width20,
    .width25,
    .width40,
    .width50,
    .width60,
    .width75,
    .width80 {
        width: 100%
    }
    .grid-gutter>.grid-box:nth-child(n+2)>* {
        margin-top: 30px
    }
    .align-left,
    .alignleft,
    .align-right,
    .alignright {
        margin: 0 auto 15px auto;
        float: none
    }
}

@media (max-width: 400px) {
    @-ms-viewport {
        width: 320px
    }
}

@media (max-width: 1220px) {}

@media (max-width: 959px) {}

@media (min-width: 768px) and (max-width: 959px) {}

@media (min-width: 480px) and (max-width: 959px) {
    #search {
        display: none
    }
}

@media (max-width: 767px) {
    #toolbar,
    #headerbar,
    #menubar,
    #breadcrumbs,
    #totop-scroller {
        display: none
    }
}

@media (min-width: 480px) and (max-width: 767px) {}

@media (max-width: 479px) {
    #system .items .item,
    #system .items .item:first-child {
        margin-top: 12px;
        padding-top: 18px;
        border-top-width: 1px
    }
    #system .items :first-child .item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-width: 0
    }
    #system .items .leading .item {
        margin-bottom: 0;
        padding-bottom: 0;
        border-width: 0
    }
}

@media (max-width: 1220px) {}

@media (max-width: 959px) {}

@media (min-width: 768px) and (max-width: 959px) {}

@media (min-width: 480px) and (max-width: 959px) {}

@media (max-width: 767px) {
    #language-responsive {
        display: inline-block;
        margin-bottom: 5px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #language-responsive {
        display: inline-block;
        margin-bottom: 5px
    }
}

@media (max-width: 479px) {
    #language-responsive {
        display: inline-block;
        margin-bottom: 5px
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

@font-face {
    font-family: 'MavenProRegular';
    src: url("../../templates/yoo_master/fonts/maven_pro_regular-webfont.eot");
    src: url("../../templates/yoo_master/fonts/maven_pro_regular-webfontd41d.eot?#iefix") format('embedded-opentype'), url("../../templates/yoo_master/fonts/maven_pro_regular-webfont.woff") format('woff'), url("../../templates/yoo_master/fonts/maven_pro_regular-webfont.ttf") format('truetype'), url("../../templates/yoo_master/fonts/maven_pro_regular-webfont.svg#MavenProRegular") format('svg');
    font-weight: normal;
    font-style: normal
}