/*
 * Responsee CSS - v5 - 2018-01-06
 * https://www.myresponsee.com
 * Copyright 2018, Vision Design - graphic zoo
 * Free to use under the MIT license.
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

body {
    background: none repeat scroll 0 0 #eeeeee;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #152732;
    font-weight: normal;
    line-height: 1.3;
    margin: 0.5rem 0;
}

h1 {
    font-size: 2.7rem;
}

h2 {
    font-size: 2.2rem;
}

h3 {
    font-size: 1.8rem;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 0.9rem;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: #9BB800;
    transition: color 0.20s linear 0s;
    -o-transition: color 0.20s linear 0s;
    -ms-transition: color 0.20s linear 0s;
    -moz-transition: color 0.20s linear 0s;
    -webkit-transition: color 0.20s linear 0s;
}

a:hover {
    color: #B6C900;
}

p,
li,
dl,
blockquote,
table,
kbd {
    font-size: 0.85rem;
    line-height: 1.6;
}

b,
strong {
    font-weight: 700;
}

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

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

img {
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
    width: auto;
}

.owl-item img,
.full-img {
    max-width: none;
    width: 100%;
}

.owl-nav div {
    font-family: "mfg";
}

table {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f0f0f0;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
}

table tr td,
table tr th {
    padding: 0.625rem;
}

table tfoot,
table thead,
table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #f0f0f0;
}

th,
table tr:nth-of-type(2n) td {
    border-right: 1px solid #fff;
}

td {
    border-right: 1px solid #f0f0f0;
}

.size-960 .line,
.size-1140 .line,
.size-1280 .line,
.size-1520 .line {
    margin: 0 auto;
    padding: 0 0.625rem;
}

hr {
    border: 0;
    border-top: 1px solid #e5e5e5;
    clear: both;
    height: 0;
    margin: 2.5rem auto;
}

li {
    padding: 0;
}

ul,
ol {
    padding-left: 1.25rem;
}

blockquote {
    border: 2px solid #f0f0f0;
    padding: 1.25rem;
}

cite {
    color: #999;
    display: block;
    font-size: 0.8rem;
}

cite:before {
    content: "— ";
}

dl dt {
    font-weight: 700;
}

dl dd {
    margin-bottom: 0.625rem;
}

dl dd:last-child {
    margin-bottom: 0;
}

abbr {
    cursor: help;
}

abbr[title] {
    border-bottom: 1px dotted;
}

kbd {
    background: #152732 none repeat scroll 0 0;
    color: #fff;
    padding: 0.125rem 0.3125rem;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

mark {
    background: #F3F8A9 none repeat scroll 0 0;
    padding: 0.125rem 0.3125rem;
}

.size-960 .line {
    max-width: 59.75rem;
}

.size-1140 .line {
    max-width: 71rem;
}

.size-1280 .line {
    max-width: 80rem;
}

.size-1520 .line {
    max-width: 95rem;
}

.size-960.align-content-left .line,
.size-1140.align-content-left .line,
.size-1280.align-content-left .line,
.size-1520.align-content-left .line {
    margin-left: 0;
}

form {
    line-height: 1.4;
}

nav {
    display: block;
    width: 100%;
    background: #152732;
}

.line:after,
nav:after,
.center:after,
.box:after,
.margin:after,
.margin2x:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.top-nav ul {
    padding: 0;
}

.top-nav ul ul {
    position: absolute;
    background: #152732;
}

.top-nav li {
    float: left;
    list-style: none outside none;
    cursor: pointer;
}

.top-nav li a {
    color: #fff;
    display: block;
    font-size: 1rem;
    padding: 1.25rem;
}

.top-nav li ul li a {
    background: none repeat scroll 0 0 #152732;
    min-width: 100%;
    padding: 0.625rem;
}

.top-nav li a:hover,
.aside-nav li a:hover {
    background: #2b4c61;
}

.top-nav li ul {
    display: none;
}

.top-nav li ul li,
.top-nav li ul li ul li {
    float: none;
    list-style: none outside none;
    min-width: 100%;
    padding: 0;
}

.count-number {
    background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
    border-radius: 10rem;
    color: #fff;
    display: inline-block;
    font-size: 0.7rem;
    height: 1.3rem;
    line-height: 1.3rem;
    margin: 0 0 -0.3125rem 0.3125rem;
    text-align: center;
    width: 1.3rem;
}

ul.chevron .count-number {
    display: none;
}

ul.chevron .submenu>a:after,
ul.chevron .sub-submenu>a:after,
ul.chevron .aside-submenu>a:after,
ul.chevron .aside-sub-submenu>a:after {
    content: "\f004";
    display: inline-block;
    font-family: mfg;
    font-size: 0.7rem;
    margin: 0 0.625rem;
}

.top-nav .active-item a {
    background: #2b4c61;
}

.aside-nav>ul>li.active-item>a:link,
.aside-nav>ul>li.active-item>a:visited {
    background: #2b4c61;
    color: #fff;
}

@media screen and (min-width:769px) {
    .aside-nav .count-number {
        margin-left: -1.25rem;
        float: right;
    }
    .top-nav li:hover>ul {
        display: block;
        z-index: 10;
    }
    .top-nav li:hover>ul ul {
        left: 100%;
        margin: -2.5rem 0;
        width: 100%;
    }
}

.nav-text,
.aside-nav-text {
    display: none;
}

.aside-nav a,
.aside-nav a:link,
.aside-nav a:visited,
.aside-nav li>ul,
.top-nav a,
.top-nav a:link,
.top-nav a:visited {
    transition: background 0.20s linear 0s;
    -o-transition: background 0.20s linear 0s;
    -ms-transition: background 0.20s linear 0s;
    -moz-transition: background 0.20s linear 0s;
    -webkit-transition: background 0.20s linear 0s;
}

.aside-nav ul {
    background: #e8e8e8;
    padding: 0;
}

.aside-nav li {
    list-style: none outside none;
    cursor: pointer;
}

.aside-nav li a,
.aside-nav li a:link,
.aside-nav li a:visited {
    color: #444;
    display: block;
    font-size: 1rem;
    padding: 1.25rem;
}

.aside-nav>ul>li:last-child a {
    border-bottom: 0 none;
}

.aside-nav li>ul {
    height: 0;
    display: block;
    position: relative;
    background: #f4f4f4;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    overflow: hidden;
}

.aside-nav li ul ul {
    border: 0;
    background: #fff;
}

.aside-nav ul ul a {
    padding: 0.625rem 1.25rem;
}

.aside-nav li a:link,
.aside-nav li a:visited {
    color: #333;
}

.aside-nav li li a:hover,
.aside-nav li li.active-item>a,
.aside-nav li li.aside-sub-submenu li a:hover {
    color: #fff;
    background: #2b4c61;
}

.aside-nav>ul>li>a:hover {
    color: #fff;
}

.aside-nav li li a:link,
.aside-nav li li a:visited {
    background: none;
}

.aside-nav .show-aside-ul,
.aside-nav .active-aside-item {
    height: auto;
}

nav.breadcrumb-nav {
    background: #fff;
    margin: 0.625rem 0;
}

nav.breadcrumb-nav ul {
    list-style: none;
    padding: 0;
}

nav.breadcrumb-nav ul li {
    float: left;
}

nav.breadcrumb-nav ul li a:hover {
    text-decoration: underline;
}

.breadcrumb-nav i {
    color: #B6C900;
}

nav.breadcrumb-nav ul li:after {
    content: "/";
    margin: 0 9px;
    color: #c8c7c7;
}

nav.breadcrumb-nav ul li:last-child:after {
    content: "";
}

.slide-content,
.slide-nav {
    transition: all 0.10s linear 0s;
    -o-transition: all 0.10s linear 0s;
    -ms-transition: all 0.10s linear 0s;
    -moz-transition: all 0.10s linear 0s;
    -webkit-transition: all 0.10s linear 0s;
}

.slide-content {
    float: left;
    width: calc(100% - 60px);
}

.aside-nav.slide-nav {
    background: #1c3849;
    bottom: 0;
    right: 0;
    top: 0;
    margin-right: -180px;
    overflow-y: auto;
    padding-top: 0.625rem;
    position: fixed;
    width: 240px;
    z-index: 2;
}

.aside-nav.slide-nav>ul {
    background: #1c3849;
    opacity: 0;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
}

.aside-nav.slide-nav li a,
.aside-nav.slide-nav li a:link,
.aside-nav.slide-nav li a:visited {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    padding: 0.625rem 1.25rem;
    border-bottom: 0;
}

.aside-nav.slide-nav li a:hover {
    background: #152732!important;
    color: #fff!important;
}

.aside-nav.slide-nav li>ul {
    background: #2b4c61;
    border-left: 0;
    border-right: 0;
}

.aside-nav.slide-nav li>ul ul {
    background: #456274;
    border-left: 0;
    border-right: 0;
}

.slide-nav-button {
    background: #152732;
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    z-index: 3;
}

.active-slide-nav .slide-content {
    margin-left: -240px;
}

.active-slide-nav .slide-nav {
    margin-right: 60px;
}

.slide-to-left .slide-content {
    float: right;
}

.slide-to-left .slide-nav {
    left: 0;
    margin-right: 0;
    margin-left: -180px;
}

.slide-to-left .slide-nav-button {
    left: 0;
}

.slide-to-left.active-slide-nav .slide-content {
    margin-right: -240px;
    margin-left: 0;
}

.slide-to-left.active-slide-nav .slide-nav {
    margin-right: 0;
    margin-left: 60px;
}

.active-slide-nav .slide-nav ul {
    opacity: 1;
}

.nav-icon {
    padding: 0.9rem;
    width: 100%;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
    background-color: #fff;
    border-radius: 3px;
    content: '';
    display: block;
    height: 3px;
    margin: 6px 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.active-slide-nav .nav-icon:before {
    transform: translateY(9px) rotate(135deg);
    -moz-transform: translateY(9px) rotate(135deg);
    -webkit-transform: translateY(9px) rotate(135deg);
}

.active-slide-nav .nav-icon:after {
    transform: translateY(-9px) rotate(-135deg);
    -moz-transform: translateY(-9px) rotate(-135deg);
    -webkit-transform: translateY(-9px) rotate(-135deg);
}

.active-slide-nav .nav-icon div {
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
}

.active-slide-nav {
    overflow-x: hidden;
}

.padding {
    display: list-item;
    list-style: none outside none;
    padding: 0.625rem;
}

.margin,
.margin2x {
    display: block;
}

.margin {
    margin: 0 -0.625rem;
}

.margin2x {
    margin: 0 -1.25rem;
}

.line {
    clear: left;
}

.line .line {
    padding: 0;
}

.hide-xxl {
    display: none!important;
}

.box {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 1.25rem;
    width: 100%;
}

.margin-bottom {
    margin-bottom: 1.25rem;
}

.margin-bottom2x {
    margin-bottom: 2.5rem;
}

.s-1,
.s-2,
.s-five,
.s-3,
.s-4,
.s-5,
.s-6,
.s-7,
.s-8,
.s-9,
.s-10,
.s-11,
.s-12,
.m-1,
.m-2,
.m-five,
.m-3,
.m-4,
.m-5,
.m-6,
.m-7,
.m-8,
.m-9,
.m-10,
.m-11,
.m-12,
.l-1,
.l-2,
.l-five,
.l-3,
.l-4,
.l-5,
.l-6,
.l-7,
.l-8,
.l-9,
.l-10,
.l-11,
.l-12,
.xl-1,
.xl-2,
.xl-five,
.xl-3,
.xl-4,
.xl-5,
.xl-6,
.xl-7,
.xl-8,
.xl-9,
.xl-10,
.xl-11,
.xl-12,
.xxl-1,
.xxl-2,
.xxl-five,
.xxl-3,
.xxl-4,
.xxl-5,
.xxl-6,
.xxl-7,
.xxl-8,
.xxl-9,
.xxl-10,
.xxl-11,
.xxl-12 {
    float: left;
    position: static;
}

.xxl-offset-1 {
    margin-left: 8.3333%;
}

.xxl-offset-2 {
    margin-left: 16.6666%;
}

.xxl-offset-five {
    margin-left: 20%;
}

.xxl-offset-3 {
    margin-left: 25%;
}

.xxl-offset-4 {
    margin-left: 33.3333%;
}

.xxl-offset-5 {
    margin-left: 41.6666%;
}

.xxl-offset-6 {
    margin-left: 50%;
}

.xxl-offset-7 {
    margin-left: 58.3333%;
}

.xxl-offset-8 {
    margin-left: 66.6666%;
}

.xxl-offset-9 {
    margin-left: 75%;
}

.xxl-offset-10 {
    margin-left: 83.3333%;
}

.xxl-offset-11 {
    margin-left: 91.6666%;
}

.xxl-offset-12 {
    margin-left: 100%;
}

.margin>.s-1,
.margin>.s-2,
.margin>.s-five,
.margin>.s-3,
.margin>.s-4,
.margin>.s-5,
.margin>.s-6,
.margin>.s-7,
.margin>.s-8,
.margin>.s-9,
.margin>.s-10,
.margin>.s-11,
.margin>.s-12,
.margin>.m-1,
.margin>.m-2,
.margin>.m-five,
.margin>.m-3,
.margin>.m-4,
.margin>.m-5,
.margin>.m-6,
.margin>.m-7,
.margin>.m-8,
.margin>.m-9,
.margin>.m-10,
.margin>.m-11,
.margin>.m-12,
.margin>.l-1,
.margin>.l-2,
.margin>.l-five,
.margin>.l-3,
.margin>.l-4,
.margin>.l-5,
.margin>.l-6,
.margin>.l-7,
.margin>.l-8,
.margin>.l-9,
.margin>.l-10,
.margin>.l-11,
.margin>.l-12,
.margin>.xl-1,
.margin>.xl-2,
.margin>.xl-five,
.margin>.xl-3,
.margin>.xl-4,
.margin>.xl-5,
.margin>.xl-6,
.margin>.xl-7,
.margin>.xl-8,
.margin>.xl-9,
.margin>.xl-10,
.margin>.xl-11,
.margin>.xl-12,
.margin>.xxl-1,
.margin>.xxl-2,
.margin>.xxl-five,
.margin>.xxl-3,
.margin>.xxl-4,
.margin>.xxl-5,
.margin>.xxl-6,
.margin>.xxl-7,
.margin>.xxl-8,
.margin>.xxl-9,
.margin>.xxl-10,
.margin>.xxl-11,
.margin>.xxl-12 {
    padding: 0 0.625rem;
}

.margin2x>.s-1,
.margin2x>.s-2,
.margin2x>.s-five,
.margin2x>.s-3,
.margin2x>.s-4,
.margin2x>.s-5,
.margin2x>.s-6,
.margin2x>.s-7,
.margin2x>.s-8,
.margin2x>.s-9,
.margin2x>.s-10,
.margin2x>.s-11,
.margin2x>.s-12,
.margin2x>.m-1,
.margin2x>.m-2,
.margin2x>.m-five,
.margin2x>.m-3,
.margin2x>.m-4,
.margin2x>.m-5,
.margin2x>.m-6,
.margin2x>.m-7,
.margin2x>.m-8,
.margin2x>.m-9,
.margin2x>.m-10,
.margin2x>.m-11,
.margin2x>.m-12,
.margin2x>.l-1,
.margin2x>.l-2,
.margin2x>.l-five,
.margin2x>.l-3,
.margin2x>.l-4,
.margin2x>.l-5,
.margin2x>.l-6,
.margin2x>.l-7,
.margin2x>.l-8,
.margin2x>.l-9,
.margin2x>.l-10,
.margin2x>.l-11,
.margin2x>.l-12,
.margin2x>.xl-1,
.margin2x>.xl-2,
.margin2x>.xl-five,
.margin2x>.xl-3,
.margin2x>.xl-4,
.margin2x>.xl-5,
.margin2x>.xl-6,
.margin2x>.xl-7,
.margin2x>.xl-8,
.margin2x>.xl-9,
.margin2x>.xl-10,
.margin2x>.xl-11,
.margin2x>.xl-12,
.margin2x>.xxl-1,
.margin2x>.xxl-2,
.margin2x>.xxl-five,
.margin2x>.xxl-3,
.margin2x>.xxl-4,
.margin2x>.xxl-5,
.margin2x>.xxl-6,
.margin2x>.xxl-7,
.margin2x>.xxl-8,
.margin2x>.xxl-9,
.margin2x>.xxl-10,
.margin2x>.xxl-11,
.margin2x>.xxl-12 {
    padding: 0 1.25rem;
}

.s-1 {
    width: 8.3333%;
}

.s-2 {
    width: 16.6666%;
}

.s-five {
    width: 20%;
}

.s-3 {
    width: 25%;
}

.s-4 {
    width: 33.3333%;
}

.s-5 {
    width: 41.6666%;
}

.s-6 {
    width: 50%;
}

.s-7 {
    width: 58.3333%;
}

.s-8 {
    width: 66.6666%;
}

.s-9 {
    width: 75%;
}

.s-10 {
    width: 83.3333%;
}

.s-11 {
    width: 91.6666%;
}

.s-12 {
    width: 100%;
}

.m-1 {
    width: 8.3333%;
}

.m-2 {
    width: 16.6666%;
}

.m-five {
    width: 20%;
}

.m-3 {
    width: 25%;
}

.m-4 {
    width: 33.3333%;
}

.m-5 {
    width: 41.6666%;
}

.m-6 {
    width: 50%;
}

.m-7 {
    width: 58.3333%;
}

.m-8 {
    width: 66.6666%;
}

.m-9 {
    width: 75%;
}

.m-10 {
    width: 83.3333%;
}

.m-11 {
    width: 91.6666%;
}

.m-12 {
    width: 100%;
}

.l-1 {
    width: 8.3333%;
}

.l-2 {
    width: 16.6666%;
}

.l-five {
    width: 20%;
}

.l-3 {
    width: 25%;
}

.l-4 {
    width: 33.3333%;
}

.l-5 {
    width: 41.6666%;
}

.l-6 {
    width: 50%;
}

.l-7 {
    width: 58.3333%;
}

.l-8 {
    width: 66.6666%;
}

.l-9 {
    width: 75%;
}

.l-10 {
    width: 83.3333%;
}

.l-11 {
    width: 91.6666%;
}

.l-12 {
    width: 100%;
}

.xl-1 {
    width: 8.3333%;
}

.xl-2 {
    width: 16.6666%;
}

.xl-five {
    width: 20%;
}

.xl-3 {
    width: 25%;
}

.xl-4 {
    width: 33.3333%;
}

.xl-5 {
    width: 41.6666%;
}

.xl-6 {
    width: 50%;
}

.xl-7 {
    width: 58.3333%;
}

.xl-8 {
    width: 66.6666%;
}

.xl-9 {
    width: 75%;
}

.xl-10 {
    width: 83.3333%;
}

.xl-11 {
    width: 91.6666%;
}

.xl-12 {
    width: 100%;
}

.xxl-1 {
    width: 8.3333%;
}

.xxl-2 {
    width: 16.6666%;
}

.xxl-five {
    width: 20%;
}

.xxl-3 {
    width: 25%;
}

.xxl-4 {
    width: 33.3333%;
}

.xxl-5 {
    width: 41.6666%;
}

.xxl-6 {
    width: 50%;
}

.xxl-7 {
    width: 58.3333%;
}

.xxl-8 {
    width: 66.6666%;
}

.xxl-9 {
    width: 75%;
}

.xxl-10 {
    width: 83.3333%;
}

.xxl-11 {
    width: 91.6666%;
}

.xxl-12 {
    width: 100%;
}

.right {
    float: right;
}

.left {
    float: left;
}

@media screen and (max-width:1366px) {
    .hide-xxl,
    .hide-l,
    .hide-m,
    .hide-s {
        display: initial!important;
    }
    .hide-xl {
        display: none!important;
    }
    .size-960,
    .size-1140,
    .size-1280,
    .size-1520 {
        max-width: 1366px;
    }
    .xxl-offset-1,
    .xxl-offset-2,
    .xxl-offset-five,
    .xxl-offset-3,
    .xxl-offset-4,
    .xxl-offset-5,
    .xxl-offset-6,
    .xxl-offset-7,
    .xxl-offset-8,
    .xxl-offset-9,
    .xxl-offset-10,
    .xxl-offset-11,
    .xxl-offset-12 {
        margin-left: 0;
    }
    .xl-offset-1 {
        margin-left: 8.3333%;
    }
    .xl-offset-2 {
        margin-left: 16.6666%;
    }
    .xl-offset-five {
        margin-left: 20%;
    }
    .xl-offset-3 {
        margin-left: 25%;
    }
    .xl-offset-4 {
        margin-left: 33.3333%;
    }
    .xl-offset-5 {
        margin-left: 41.6666%;
    }
    .xl-offset-6 {
        margin-left: 50%;
    }
    .xl-offset-7 {
        margin-left: 58.3333%;
    }
    .xl-offset-8 {
        margin-left: 66.6666%;
    }
    .xl-offset-9 {
        margin-left: 75%;
    }
    .xl-offset-10 {
        margin-left: 83.3333%;
    }
    .xl-offset-11 {
        margin-left: 91.6666%;
    }
    .xl-offset-12 {
        margin-left: 100%;
    }
    .xxl-1 {
        width: 8.3333%;
    }
    .xxl-2 {
        width: 16.6666%;
    }
    .xxl-five {
        width: 20%;
    }
    .xxl-3 {
        width: 25%;
    }
    .xxl-4 {
        width: 33.3333%;
    }
    .xxl-5 {
        width: 41.6666%;
    }
    .xxl-6 {
        width: 50%;
    }
    .xxl-7 {
        width: 58.3333%;
    }
    .xxl-8 {
        width: 66.6666%;
    }
    .xxl-9 {
        width: 75%;
    }
    .xxl-10 {
        width: 83.3333%;
    }
    .xxl-11 {
        width: 91.6666%;
    }
    .xxl-12 {
        width: 100%;
    }
    .s-1 {
        width: 8.3333%;
    }
    .s-2 {
        width: 16.6666%;
    }
    .s-five {
        width: 20%;
    }
    .s-3 {
        width: 25%;
    }
    .s-4 {
        width: 33.3333%;
    }
    .s-5 {
        width: 41.6666%;
    }
    .s-6 {
        width: 50%;
    }
    .s-7 {
        width: 58.3333%;
    }
    .s-8 {
        width: 66.6666%;
    }
    .s-9 {
        width: 75%;
    }
    .s-10 {
        width: 83.3333%;
    }
    .s-11 {
        width: 91.6666%;
    }
    .s-12 {
        width: 100%
    }
    .m-1 {
        width: 8.3333%;
    }
    .m-2 {
        width: 16.6666%;
    }
    .m-five {
        width: 20%;
    }
    .m-3 {
        width: 25%;
    }
    .m-4 {
        width: 33.3333%;
    }
    .m-5 {
        width: 41.6666%;
    }
    .m-6 {
        width: 50%;
    }
    .m-7 {
        width: 58.3333%;
    }
    .m-8 {
        width: 66.6666%;
    }
    .m-9 {
        width: 75%;
    }
    .m-10 {
        width: 83.3333%;
    }
    .m-11 {
        width: 91.6666%;
    }
    .m-12 {
        width: 100%
    }
    .l-1 {
        width: 8.3333%;
    }
    .l-2 {
        width: 16.6666%;
    }
    .l-five {
        width: 20%;
    }
    .l-3 {
        width: 25%;
    }
    .l-4 {
        width: 33.3333%;
    }
    .l-5 {
        width: 41.6666%;
    }
    .l-6 {
        width: 50%;
    }
    .l-7 {
        width: 58.3333%;
    }
    .l-8 {
        width: 66.6666%;
    }
    .l-9 {
        width: 75%;
    }
    .l-10 {
        width: 83.3333%;
    }
    .l-11 {
        width: 91.6666%;
    }
    .l-12 {
        width: 100%;
    }
    .xl-1 {
        width: 8.3333%;
    }
    .xl-2 {
        width: 16.6666%;
    }
    .xl-five {
        width: 20%;
    }
    .xl-3 {
        width: 25%;
    }
    .xl-4 {
        width: 33.3333%;
    }
    .xl-5 {
        width: 41.6666%;
    }
    .xl-6 {
        width: 50%;
    }
    .xl-7 {
        width: 58.3333%;
    }
    .xl-8 {
        width: 66.6666%;
    }
    .xl-9 {
        width: 75%;
    }
    .xl-10 {
        width: 83.3333%;
    }
    .xl-11 {
        width: 91.6666%;
    }
    .xl-12 {
        width: 100%;
    }
}

@media screen and (max-width:1140px) {
    .hide-xxl,
    .hide-xl,
    .hide-m,
    .hide-s {
        display: initial!important;
    }
    .hide-l {
        display: none!important;
    }
    .size-960,
    .size-1140,
    .size-1280,
    .size-1520 {
        max-width: 1140px;
    }
    .xl-offset-1,
    .xl-offset-2,
    .xl-offset-five,
    .xl-offset-3,
    .xl-offset-4,
    .xl-offset-5,
    .xl-offset-6,
    .xl-offset-7,
    .xl-offset-8,
    .xl-offset-9,
    .xl-offset-10,
    .xl-offset-11,
    .xl-offset-12 {
        margin-left: 0;
    }
    .l-offset-1 {
        margin-left: 8.3333%;
    }
    .l-offset-2 {
        margin-left: 16.6666%;
    }
    .l-offset-five {
        margin-left: 20%;
    }
    .l-offset-3 {
        margin-left: 25%;
    }
    .l-offset-4 {
        margin-left: 33.3333%;
    }
    .l-offset-5 {
        margin-left: 41.6666%;
    }
    .l-offset-6 {
        margin-left: 50%;
    }
    .l-offset-7 {
        margin-left: 58.3333%;
    }
    .l-offset-8 {
        margin-left: 66.6666%;
    }
    .l-offset-9 {
        margin-left: 75%;
    }
    .l-offset-10 {
        margin-left: 83.3333%;
    }
    .l-offset-11 {
        margin-left: 91.6666%;
    }
    .l-offset-12 {
        margin-left: 100%;
    }
    .xxl-1 {
        width: 8.3333%;
    }
    .xxl-2 {
        width: 16.6666%;
    }
    .xxl-five {
        width: 20%;
    }
    .xxl-3 {
        width: 25%;
    }
    .xxl-4 {
        width: 33.3333%;
    }
    .xxl-5 {
        width: 41.6666%;
    }
    .xxl-6 {
        width: 50%;
    }
    .xxl-7 {
        width: 58.3333%;
    }
    .xxl-8 {
        width: 66.6666%;
    }
    .xxl-9 {
        width: 75%;
    }
    .xxl-10 {
        width: 83.3333%;
    }
    .xxl-11 {
        width: 91.6666%;
    }
    .xxl-12 {
        width: 100%;
    }
    .xl-1 {
        width: 8.3333%;
    }
    .xl-2 {
        width: 16.6666%;
    }
    .xl-five {
        width: 20%;
    }
    .xl-3 {
        width: 25%;
    }
    .xl-4 {
        width: 33.3333%;
    }
    .xl-5 {
        width: 41.6666%;
    }
    .xl-6 {
        width: 50%;
    }
    .xl-7 {
        width: 58.3333%;
    }
    .xl-8 {
        width: 66.6666%;
    }
    .xl-9 {
        width: 75%;
    }
    .xl-10 {
        width: 83.3333%;
    }
    .xl-11 {
        width: 91.6666%;
    }
    .xl-12 {
        width: 100%;
    }
    .s-1 {
        width: 8.3333%;
    }
    .s-2 {
        width: 16.6666%;
    }
    .s-five {
        width: 20%;
    }
    .s-3 {
        width: 25%;
    }
    .s-4 {
        width: 33.3333%;
    }
    .s-5 {
        width: 41.6666%;
    }
    .s-6 {
        width: 50%;
    }
    .s-7 {
        width: 58.3333%;
    }
    .s-8 {
        width: 66.6666%;
    }
    .s-9 {
        width: 75%;
    }
    .s-10 {
        width: 83.3333%;
    }
    .s-11 {
        width: 91.6666%;
    }
    .s-12 {
        width: 100%
    }
    .m-1 {
        width: 8.3333%;
    }
    .m-2 {
        width: 16.6666%;
    }
    .m-five {
        width: 20%;
    }
    .m-3 {
        width: 25%;
    }
    .m-4 {
        width: 33.3333%;
    }
    .m-5 {
        width: 41.6666%;
    }
    .m-6 {
        width: 50%;
    }
    .m-7 {
        width: 58.3333%;
    }
    .m-8 {
        width: 66.6666%;
    }
    .m-9 {
        width: 75%;
    }
    .m-10 {
        width: 83.3333%;
    }
    .m-11 {
        width: 91.6666%;
    }
    .m-12 {
        width: 100%
    }
    .l-1 {
        width: 8.3333%;
    }
    .l-2 {
        width: 16.6666%;
    }
    .l-five {
        width: 20%;
    }
    .l-3 {
        width: 25%;
    }
    .l-4 {
        width: 33.3333%;
    }
    .l-5 {
        width: 41.6666%;
    }
    .l-6 {
        width: 50%;
    }
    .l-7 {
        width: 58.3333%;
    }
    .l-8 {
        width: 66.6666%;
    }
    .l-9 {
        width: 75%;
    }
    .l-10 {
        width: 83.3333%;
    }
    .l-11 {
        width: 91.6666%;
    }
    .l-12 {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .size-960,
    .size-1140,
    .size-1280,
    .size-1520 {
        max-width: 768px;
    }
    .hide-xxl,
    .hide-xl,
    .hide-l,
    .hide-s {
        display: initial!important;
    }
    .hide-m {
        display: none!important;
    }
    nav {
        display: block;
        cursor: pointer;
        line-height: 3;
    }
    .top-nav li a {
        background: none repeat scroll 0 0 #1c3849;
    }
    .top-nav>ul {
        height: 0;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 999;
    }
    .top-nav>ul.show-menu,
    .aside-nav.minimize-on-small>ul.show-menu {
        height: auto;
    }
    .top-nav ul ul {
        left: 0;
        margin-top: 0;
        position: relative;
        right: 0;
    }
    .top-nav li ul li a {
        min-width: 100%;
    }
    .top-nav li {
        float: none;
        list-style: none outside none;
        padding: 0;
    }
    .top-nav li a {
        color: #fff;
        display: block;
        padding: 1.25rem 0.625rem;
        text-align: center;
        text-decoration: none;
    }
    .top-nav li a:hover {
        background: none repeat scroll 0 0 #152732;
        color: #fff;
    }
    .top-nav li ul,
    .top-nav li ul li ul {
        display: block;
        overflow: hidden;
        height: 0;
    }
    .top-nav>ul ul.show-ul {
        display: block;
        height: auto;
    }
    .top-nav li ul li a {
        background: none repeat scroll 0 0 #2b4c61;
        padding: 0.625rem;
    }
    .top-nav li ul li ul li a {
        background: none repeat scroll 0 0 #456274;
    }
    .nav-text {
        color: #fff;
        display: block;
        font-size: 1.2rem;
        line-height: 3;
        margin-right: 0.625rem;
        max-width: 100%;
        text-align: center;
        vertical-align: middle;
    }
    .nav-text:after {
        content: "\f008";
        font-family: "mfg";
        font-size: 1.1rem;
        margin-left: 0.5rem;
        text-align: right;
    }
    .l-offset-1,
    .l-offset-2,
    .l-offset-five,
    .l-offset-3,
    .l-offset-4,
    .l-offset-5,
    .l-offset-6,
    .l-offset-7,
    .l-offset-8,
    .l-offset-9,
    .l-offset-10,
    .l-offset-11,
    .l-offset-12,
    .xl-offset-1,
    .xl-offset-2,
    .xl-offset-five,
    .xl-offset-3,
    .xl-offset-4,
    .xl-offset-5,
    .xl-offset-6,
    .xl-offset-7,
    .xl-offset-8,
    .xl-offset-9,
    .xl-offset-10,
    .xl-offset-11,
    .xl-offset-12,
    .xxl-offset-1,
    .xxl-offset-2,
    .xxl-offset-five,
    .xxl-offset-3,
    .xxl-offset-4,
    .xxl-offset-5,
    .xxl-offset-6,
    .xxl-offset-7,
    .xxl-offset-8,
    .xxl-offset-9,
    .xxl-offset-10,
    .xxl-offset-11,
    .xxl-offset-12 {
        margin-left: 0;
    }
    .m-offset-1 {
        margin-left: 8.3333%;
    }
    .m-offset-2 {
        margin-left: 16.6666%;
    }
    .m-offset-five {
        margin-left: 20%;
    }
    .m-offset-3 {
        margin-left: 25%;
    }
    .m-offset-4 {
        margin-left: 33.3333%;
    }
    .m-offset-5 {
        margin-left: 41.6666%;
    }
    .m-offset-6 {
        margin-left: 50%;
    }
    .m-offset-7 {
        margin-left: 58.3333%;
    }
    .m-offset-8 {
        margin-left: 66.6666%;
    }
    .m-offset-9 {
        margin-left: 75%;
    }
    .m-offset-10 {
        margin-left: 83.3333%;
    }
    .m-offset-11 {
        margin-left: 91.6666%;
    }
    .m-offset-12 {
        margin-left: 100%;
    }
    .xxl-1 {
        width: 8.3333%;
    }
    .xxl-2 {
        width: 16.6666%;
    }
    .xxl-five {
        width: 20%;
    }
    .xxl-3 {
        width: 25%;
    }
    .xxl-4 {
        width: 33.3333%;
    }
    .xxl-5 {
        width: 41.6666%;
    }
    .xxl-6 {
        width: 50%;
    }
    .xxl-7 {
        width: 58.3333%;
    }
    .xxl-8 {
        width: 66.6666%;
    }
    .xxl-9 {
        width: 75%;
    }
    .xxl-10 {
        width: 83.3333%;
    }
    .xxl-11 {
        width: 91.6666%;
    }
    .xxl-12 {
        width: 100%;
    }
    .xl-1 {
        width: 8.3333%;
    }
    .xl-2 {
        width: 16.6666%;
    }
    .xl-five {
        width: 20%;
    }
    .xl-3 {
        width: 25%;
    }
    .xl-4 {
        width: 33.3333%;
    }
    .xl-5 {
        width: 41.6666%;
    }
    .xl-6 {
        width: 50%;
    }
    .xl-7 {
        width: 58.3333%;
    }
    .xl-8 {
        width: 66.6666%;
    }
    .xl-9 {
        width: 75%;
    }
    .xl-10 {
        width: 83.3333%;
    }
    .xl-11 {
        width: 91.6666%;
    }
    .xl-12 {
        width: 100%;
    }
    .l-1 {
        width: 8.3333%;
    }
    .l-2 {
        width: 16.6666%;
    }
    .l-five {
        width: 20%;
    }
    .l-3 {
        width: 25%;
    }
    .l-4 {
        width: 33.3333%;
    }
    .l-5 {
        width: 41.6666%;
    }
    .l-6 {
        width: 50%;
    }
    .l-7 {
        width: 58.3333%;
    }
    .l-8 {
        width: 66.6666%;
    }
    .l-9 {
        width: 75%;
    }
    .l-10 {
        width: 83.3333%;
    }
    .l-11 {
        width: 91.6666%;
    }
    .l-12 {
        width: 100%;
    }
    .s-1 {
        width: 8.3333%;
    }
    .s-2 {
        width: 16.6666%;
    }
    .s-five {
        width: 20%;
    }
    .s-3 {
        width: 25%;
    }
    .s-4 {
        width: 33.3333%;
    }
    .s-5 {
        width: 41.6666%;
    }
    .s-6 {
        width: 50%;
    }
    .s-7 {
        width: 58.3333%;
    }
    .s-8 {
        width: 66.6666%;
    }
    .s-9 {
        width: 75%;
    }
    .s-10 {
        width: 83.3333%;
    }
    .s-11 {
        width: 91.6666%;
    }
    .s-12 {
        width: 100%
    }
    .m-1 {
        width: 8.3333%;
    }
    .m-2 {
        width: 16.6666%;
    }
    .m-five {
        width: 20%;
    }
    .m-3 {
        width: 25%;
    }
    .m-4 {
        width: 33.3333%;
    }
    .m-5 {
        width: 41.6666%;
    }
    .m-6 {
        width: 50%;
    }
    .m-7 {
        width: 58.3333%;
    }
    .m-8 {
        width: 66.6666%;
    }
    .m-9 {
        width: 75%;
    }
    .m-10 {
        width: 83.3333%;
    }
    .m-11 {
        width: 91.6666%;
    }
    .m-12 {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .size-960,
    .size-1140,
    .size-1280,
    .size-1520 {
        max-width: 480px;
    }
    .aside-nav li a {
        text-align: center;
    }
    .minimize-on-small .aside-nav-text {
        background: #152732 none repeat scroll 0 0;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 1.2rem;
        line-height: 3;
        max-width: 100%;
        padding-right: 0.625rem;
        text-align: center;
        vertical-align: middle;
    }
    .aside-nav-text:after {
        content: "\f008";
        font-family: "mfg";
        font-size: 1.1rem;
        margin-left: 0.5rem;
        text-align: right;
    }
    .aside-nav.minimize-on-small>ul {
        height: 0;
        overflow: hidden;
    }
    .hide-xxl,
    .hide-xl,
    .hide-l,
    .hide-m {
        display: initial!important;
    }
    .hide-s {
        display: none!important;
    }
    .count-number {
        margin-right: -1.25rem;
    }
    .m-offset-1,
    .m-offset-2,
    .m-offset-five,
    .m-offset-3,
    .m-offset-4,
    .m-offset-5,
    .m-offset-6,
    .m-offset-7,
    .m-offset-8,
    .m-offset-9,
    .m-offset-10,
    .m-offset-11,
    .m-offset-12,
    .l-offset-1,
    .l-offset-2,
    .l-offset-five,
    .l-offset-3,
    .l-offset-4,
    .l-offset-5,
    .l-offset-6,
    .l-offset-7,
    .l-offset-8,
    .l-offset-9,
    .l-offset-10,
    .l-offset-11,
    .l-offset-12,
    .xl-offset-1,
    .xl-offset-2,
    .xl-offset-five,
    .xl-offset-3,
    .xl-offset-4,
    .xl-offset-5,
    .xl-offset-6,
    .xl-offset-7,
    .xl-offset-8,
    .xl-offset-9,
    .xl-offset-10,
    .xl-offset-11,
    .xl-offset-12,
    .xxl-offset-1,
    .xxl-offset-2,
    .xxl-offset-five,
    .xxl-offset-3,
    .xxl-offset-4,
    .xxl-offset-5,
    .xxl-offset-6,
    .xxl-offset-7,
    .xxl-offset-8,
    .xxl-offset-9,
    .xxl-offset-10,
    .xxl-offset-11,
    .xxl-offset-12 {
        margin-left: 0;
    }
    .s-offset-1 {
        margin-left: 8.3333%;
    }
    .s-offset-2 {
        margin-left: 16.6666%;
    }
    .s-offset-five {
        margin-left: 20%;
    }
    .s-offset-3 {
        margin-left: 25%;
    }
    .s-offset-4 {
        margin-left: 33.3333%;
    }
    .s-offset-5 {
        margin-left: 41.6666%;
    }
    .s-offset-6 {
        margin-left: 50%;
    }
    .s-offset-7 {
        margin-left: 58.3333%;
    }
    .s-offset-8 {
        margin-left: 66.6666%;
    }
    .s-offset-9 {
        margin-left: 75%;
    }
    .s-offset-10 {
        margin-left: 83.3333%;
    }
    .s-offset-11 {
        margin-left: 91.6666%;
    }
    .s-offset-12 {
        margin-left: 100%;
    }
    .xxl-1 {
        width: 8.3333%;
    }
    .xxl-2 {
        width: 16.6666%;
    }
    .xxl-five {
        width: 20%;
    }
    .xxl-3 {
        width: 25%;
    }
    .xxl-4 {
        width: 33.3333%;
    }
    .xxl-5 {
        width: 41.6666%;
    }
    .xxl-6 {
        width: 50%;
    }
    .xxl-7 {
        width: 58.3333%;
    }
    .xxl-8 {
        width: 66.6666%;
    }
    .xxl-9 {
        width: 75%;
    }
    .xxl-10 {
        width: 83.3333%;
    }
    .xxl-11 {
        width: 91.6666%;
    }
    .xxl-12 {
        width: 100%;
    }
    .xl-1 {
        width: 8.3333%;
    }
    .xl-2 {
        width: 16.6666%;
    }
    .xl-five {
        width: 20%;
    }
    .xl-3 {
        width: 25%;
    }
    .xl-4 {
        width: 33.3333%;
    }
    .xl-5 {
        width: 41.6666%;
    }
    .xl-6 {
        width: 50%;
    }
    .xl-7 {
        width: 58.3333%;
    }
    .xl-8 {
        width: 66.6666%;
    }
    .xl-9 {
        width: 75%;
    }
    .xl-10 {
        width: 83.3333%;
    }
    .xl-11 {
        width: 91.6666%;
    }
    .xl-12 {
        width: 100%;
    }
    .l-1 {
        width: 8.3333%;
    }
    .l-2 {
        width: 16.6666%;
    }
    .l-five {
        width: 20%;
    }
    .l-3 {
        width: 25%;
    }
    .l-4 {
        width: 33.3333%;
    }
    .l-5 {
        width: 41.6666%;
    }
    .l-6 {
        width: 50%;
    }
    .l-7 {
        width: 58.3333%;
    }
    .l-8 {
        width: 66.6666%;
    }
    .l-9 {
        width: 75%;
    }
    .l-10 {
        width: 83.3333%;
    }
    .l-11 {
        width: 91.6666%;
    }
    .l-12 {
        width: 100%;
    }
    .m-1 {
        width: 8.3333%;
    }
    .m-2 {
        width: 16.6666%;
    }
    .m-five {
        width: 20%;
    }
    .m-3 {
        width: 25%;
    }
    .m-4 {
        width: 33.3333%;
    }
    .m-5 {
        width: 41.6666%;
    }
    .m-6 {
        width: 50%;
    }
    .m-7 {
        width: 58.3333%;
    }
    .m-8 {
        width: 66.6666%;
    }
    .m-9 {
        width: 75%;
    }
    .m-10 {
        width: 83.3333%;
    }
    .m-11 {
        width: 91.6666%;
    }
    .m-12 {
        width: 100%
    }
    .s-1 {
        width: 8.3333%;
    }
    .s-2 {
        width: 16.6666%;
    }
    .s-five {
        width: 20%;
    }
    .s-3 {
        width: 25%;
    }
    .s-4 {
        width: 33.3333%;
    }
    .s-5 {
        width: 41.6666%;
    }
    .s-6 {
        width: 50%;
    }
    .s-7 {
        width: 58.3333%;
    }
    .s-8 {
        width: 66.6666%;
    }
    .s-9 {
        width: 75%;
    }
    .s-10 {
        width: 83.3333%;
    }
    .s-11 {
        width: 91.6666%;
    }
    .s-12 {
        width: 100%
    }
}

.center {
    float: none;
    margin: 0 auto;
    display: block;
}

.hidden,
#uploadImg:not(.hidden)+.label {
    display: none;
}

#file_2 {
    display: none;
    margin: 0 auto;
}

#upload_2 {
    display: block;
    padding: 10px 25px;
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e69;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
}

.img2 {
    display: block;
    margin: 0 auto 15px;
}

.container3 {
    width: 200px;
    margin: 50px auto;
    font-family: sans-serif;
}

.container4 {
    width: 200px;
    margin: 50px auto;
    font-family: sans-serif;
}

#file_3 {
    display: none;
    margin: 0 auto;
}

#upload_3 {
    display: block;
    padding: 10px 25px;
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e69;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
}

.label {
    display: block;
    max-width: 200px;
    margin: 0 auto 15px;
    text-align: center;
    word-wrap: break-word;
    color: #1a4756;
}

.hidden,
#uploadImg:not(.hidden)+.label {
    display: none;
}

#file_2 {
    display: none;
    margin: 0 auto;
}

#upload_2 {
    display: block;
    padding: 10px 25px;
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e69;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
}

.img1 {
    display: block;
    margin: 0 auto 15px;
}

.container5 {
    width: 200px;
    margin: 50px auto;
    font-family: sans-serif;
}

#file_5 {
    display: none;
    margin: 0 auto;
}

#upload_5 {
    display: block;
    padding: 10px 25px;
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e69;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
}

.label {
    display: block;
    max-width: 200px;
    margin: 0 auto 15px;
    text-align: center;
    word-wrap: break-word;
    color: #1a4756;
}

.hidden,
#uploadImg:not(.hidden)+.label {
    display: none;
}

#file_5 {
    display: none;
    margin: 0 auto;
}

#upload_5 {
    display: block;
    padding: 10px 25px;
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e69;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
}

.img5 {
    display: block;
    margin: 0 auto 15px;
}