/* Common */
html {
    line-height: 1.7;
}
body, a,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge,
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle,
h1, h2, h3, h4, h5, h6 {
    font-family: zen-maru-gothic, sans-serif;
    font-weight: 300;
    font-style: normal;
}
.uk-table th,
.uk-table td {
    vertical-align: middle !important;
}
.nodecoration,
.nodecoration:hover {
    text-decoration: none;
}
/* Header */
.header-wrap {
    position: relative;
}
.header-container {
    background-image: url("../img/top-top2.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
}
.header-container-index {
    background-position: center bottom;
    background-size: contain;
    height: 700px;
}
.header-container-bottom {
    background-image: url("../img/top-bottom.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    position: relative;
    top: -25px;
    z-index: -1;
}
.header-logo h4 {
    margin: 0;
    font-weight: normal !important;
}
.header-logo h1 {
    margin: 0;
    font-weight: bold !important;
    font-size: 32px;
}
.header-contact h3 {
    font-size: 40px !important;
    font-weight: bold !important;
}
header .uk-navbar-container {
    background: transparent !important;
}
header .uk-navbar-nav a {
    font-size: 20px !important;
    font-weight: normal !important;
    letter-spacing: 2px;
}
.header-contact {
    line-height: 1;
    text-align: center;
}
.contact-tel {
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #1cc42b;
}
.contact-text {
    font-size: 16px;
    font-weight: normal;
    color: #989898;
}
/* Footer */
footer {
    background-image: url('../img/footer-bg.png');
}
.footer-contact {
    margin-top: -10px;
    margin-bottom: 0;
    line-height: 1;
}
.footer-bottom {
    padding: 8px;
    background-color: #0b7c17;
}
.footer-bottom p {
    color: white;
    font-weight: bold;
}
footer a {
    color: #333;
}
/* Content Nav */
.content-nav {
    position: absolute;
    width: 100%;
    bottom: 130px;
    transform: translate(0px, -40%);
}
.content-nav h4 {
    font-size: 26px;
    letter-spacing: 3px;
    font-weight: normal;
    margin-bottom: 30px;
}
/* Top Content */
.top-content {
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #aaa;
    overflow: hidden;
}
.content-box {
    padding: 15px;
}
.content-box:nth-child(1) {
    background-color: #f0f8ff;
    padding-left: 37.5px;
}
.content-box:nth-child(2) {
    background-color: #f3f0ff;
}
.content-box:nth-child(3) {
    background-color: #fff0fd;
}
.content-box:nth-child(4) {
    background-color: #fff7f0;
}
.content-box:nth-child(5) {
    background-color: #f4fff0;
}
.content-box a {
    color: #666;
}
.content-box p {
    font-weight: normal;
    font-size: 14px;
}
.top-content img {
    width: 80px;
}
/* Index */
.header-text {
    position: relative;
    background: #e5e5e5;
    padding: 2px 5px 5px 70px;
    color: #474747;
    border-radius: 20px 10px 10px 20px;
    font-weight: normal;
    margin-bottom: 30px;
}
.header-text:before {
    content: "";
    display: inline-block;
    position: absolute;
    padding: 0em;
    color: white;
    background: #ffa337;
    font-weight: 900;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 40px;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
    border-radius: 50%;
}
.header-text img {
    position: absolute;
    left: 10px;
    width: 35px;
}
.category-image {
    width: 140px;
    height: 140px;
    overflow: hidden;
}
.category-image img {
    width: 100%;
    height:100%;
}
/* News */
.news-list span {
    padding: 1px 8px;
    background-color: #d5ebff;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
}
.news-list p {
    font-size: 16px;
    font-weight: normal;
}
/* Contact */
.border-box {
    border: 1px solid black;
    padding: 15px;
    height: 200px;
    overflow: auto;
}
/* Catalog */
.catalog-img {
    filter: drop-shadow(2px 4px 6px #aaa);
}