html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}
figure {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
a {
    background-color: transparent
}
img {
    border: 0
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.57142857;
    color: #76838f;
    background-color: #fff
}

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

a {
    color: #62a8ea;
    text-decoration: none
}
img {
    vertical-align: middle
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #37474f
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 22px;
    margin-bottom: 11px
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 11px;
    margin-bottom: 11px
}
.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}
.h5, h5 {
    font-size: 14px
}
p {
    margin: 0 0 11px
}
.text-center {
    text-align: center
}
ol, ul {
    margin-top: 0;
    margin-bottom: 11px
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}
.collapse {
    display: none
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #f3f7f9
}
.navbar {
    position: relative;
    min-height: 66px;
    margin-bottom: 22px;
    border: 1px solid transparent
}

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

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

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}
@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1500
}

@media (min-width: 768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}
.navbar-brand {
    float: left;
    height: 66px;
    padding: 22px 15px;
    font-size: 18px;
    line-height: 22px
}
@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 16px;
    margin-right: 15px;
    margin-bottom: 16px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 11px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 22px;
        padding-bottom: 22px
    }
}
.navbar-default {
    background-color: #fff;
    border-color: #e4eaec
}

.navbar-default .navbar-brand {
    color: #37474f
}
.navbar-default .navbar-nav > li > a {
    color: #76838f
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .3)
}
.navbar-default .navbar-toggle {
    border-color: transparent
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e4eaec
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}
.hide {
    display: none !important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-shadow: rgba(0, 0, 0, .15) 0 0 1px
}
.container {
    max-width: 100%
}
.nav > li > a {
    overflow: hidden
}
.navbar-toggle {
    height: 66px;
    padding: 22px 15px;
    margin-top: 16px;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 0;
    line-height: 22px;
    background: 0 0 !important;
    -webkit-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear
}
.navbar {
    border: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.navbar-fixed-bottom, .navbar-fixed-top {
    width: 100%
}
.navbar-brand {
    padding: 22px 20px;
    font-weight: 500
}
.navbar-default .navbar-toggle {
    color: #76838f
}
body {
    font-weight: 300
}
body {
    font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
}
html,
body {
    height: 100%;
}

body {
    padding-top: 0px;
}
.blocks,
[class*="blocks-"] {
    padding: 0;
    margin: 0;
    margin-right: -15px;
    margin-left: -15px;
    list-style: none;
}

.blocks:before,
[class*="blocks-"]:before,
.blocks:after,
[class*="blocks-"]:after {
    display: table;
    content: " ";
}

.blocks:after,
[class*="blocks-"]:after {
    clear: both;
}

.blocks > li,
[class*="blocks-"] > li {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 22px;
}

.blocks.no-space,
[class*="blocks-"].no-space {
    margin: 0;
}

.blocks.no-space > li,
[class*="blocks-"].no-space > li {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.blocks-2 > li:nth-child(2n+3),
.blocks-3 > li:nth-child(3n+4),
.blocks-4 > li:nth-child(4n+5),
.blocks-5 > li:nth-child(5n+6),
.blocks-6 > li:nth-child(6n+7),
.block-first {
    clear: both;
}
.blocks-2 > li {
    width: 50%;
}


.hamburger {
    font-size: 20px;
    vertical-align: middle;
}

.hamburger,
.hamburger:before,
.hamburger .hamburger-bar,
.hamburger:after {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}
.cover-image {
    width: 100%;
}
.met-img .widget,
.met-img .cover,
.met-img .cover-image {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
[class*=" fa-"], [class^=fa-] {
    position: relative;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-angle-right:before {
    content: "\f105"
}
:root {
    var-button-selected-background: #29abe2;
    var-button-checkbox-selected-background: #34a3de;
    var-button-selected-shadow: rgba(0, 75, 115, .45);
    var-button-interaction-text: #76838f;
    var-button-interaction-shadow: #4faeef
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}
html,
body {
    width: 100%;
    max-width: 100%;
    min-width: 320px;
}

html {
    height: 100%;
}

body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    font: 14px/1.5 "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
    color: #2a333c;
    word-wrap: break-word;
}

h1,
h2,
h3,
b,
strong {
    font-weight: bold;
}
body[class*=met-navfixed] {
    padding-top: 151px;
}
.met-nav {
    min-height: 60px;
    margin-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 1601;
}
.met-nav.navbar-fixed-top {
    position: fixed;
}

.met-nav .row {
    position: relative;
}

.met-nav .navbar-logo {
    height: 106px;
    margin: 0px;
    margin-left: 0px !important;
    padding: 0px;
    display: block;
}

.met-nav .navbar-logo img {
    max-height: 96px;
}
.met-nav .nav-top {
    height: 106px;
    line-height: 106px;
}
.met-nav .navbar-toggle {
    height: 105px;
}

.met-nav .nav > li > a {
    color: #ffffff !important;
    transition: color 0.5s;
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    padding-left: 30px;
    padding-right: 30px;
}

.met-nav .nav > li > a:hover {
    color: #004d92 !important;
}

.met-nav .nav li a.active,
.met-nav .dropdown.open > a {
    color: #ffffff !important;
    background: #004d92;
}

.met-nav .nav > li > a:hover,
.met-nav .dropdown.open > a {
    background: #004d92 !important;
    color: #ffffff !important;
}
@media (min-width: 768px) {
    .met-nav.navbar-fixed-top .navbar-collapse {
        padding: 0 15px;
    }

    .met-nav .nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 45px;
        line-height: 45px;
    }

    .met-nav .met-nav-login {
        height: 45px;
        padding-top: 0px;
        margin-left: 30px;
    }

    .met-nav .met-langlist {
        position: absolute;
        right: 0;
        top: -82px;
    }

    .met-nav .dropdown-menu-right.bullet:after,
    .met-nav .dropdown-menu-right.bullet:before {
        display: none;
    }

    .met-nav .dropdown-menu.bullet:before {
        display: none;
    }

    .met-nav .dropdown-menu.bullet:after {
        display: none;
    }
}
.met-nav .eco_header {
    height: 106px;
}

.met-nav .eco_header .top-info {
    display: inline-block;
    padding-left: 20px;
    text-align: left;
}

.met-nav .eco_header .top-info p {
    display: inline-block;
    font-size: 1.1em;
    color: #555;
    margin: 0;
    margin-top: 25px;
    line-height: 26px;
}
.met-nav .eco_header .top-info p > span,
.met-nav .eco_header .top-info p > span a {
    color: #9692a0;
}

.met-nav .eco_header .top-info .icon-box,
.met-nav .eco_header .top-info .content-box {
    float: left;
}

.met-nav .eco_header .top-info .icon-box {
    padding-right: 20px;
    position: relative;
}

.met-nav .eco_header .top-info .icon-box span {
    font-size: 30px;
    padding-left: 25px;
    position: relative;
    color: #333;
}

.met-nav .eco_header .top-info + .top-info .icon-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 1px;
    height: 30px;
    background-color: #999;
}

.met-nav .eco_header .top-info:first-child .icon-box span {
    border-left: none;
}
.main-nav {
    background: #014c98;
    background-image: linear-gradient(-90deg, #014c98, #0961bb);
}

@media (min-width: 768px) {
    .main-nav.navbar-collapse.collapse {
        height: 45px !important;
    }
}

.main-nav > .container {
    position: relative;
}
.nav-side .sidebar-tile {
    padding: 10px 20px;
}
.nav-side .sidebar-tile h2 {
    font-weight: normal;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #ddd;
    margin: 0;
    margin-top: 1px;
    padding-bottom: 5px;
}

.nav-side .sidebar-tile h2 span {
    display: inline-block;
    position: relative;
}

.nav-side .sidebar-tile h2 span:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 2px;
    width: 100%;
    background: #0961bb;
}

.nav-side .sidebar-tile .met-column-nav-ul {
    padding: 0px;
    list-style: none;
    margin: 10px 0 35px 0;
}

.nav-side .sidebar-tile .met-column-nav-ul > li {
    white-space: nowrap;
    background: #E6E6E6;
    margin-bottom: 2px;
}

.nav-side .sidebar-tile .met-column-nav-ul > li a.link {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    display: block;
    padding: 10px 10px 10px 30px;
    font-size: 15px;
    font-weight: 300;
    color: #000;
    position: relative;
}
.nav-side .sidebar-tile .met-column-nav-ul > li a.link span {
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.nav-side .sidebar-tile .met-column-nav-ul > li:hover,
.nav-side .sidebar-tile .met-column-nav-ul > li.open,
.nav-side .sidebar-tile .met-column-nav-ul > li > a.active {
    background: #0961bb;
    color: #fff !important;
}
.nav-side .sidebar-tile .side-tel {
    display: block;
    margin-top: 14px;
}
.position {
    position: relative;
    padding-left: 30px;
    border-bottom: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 25px;
}
footer {
    background: #484848;
    font-size: 12px;
    height: auto;
    border-top: 1px solid #f7f7f7;
    padding: 20px 0px;
    color: #aaaaaa;
    line-height: 1.8;
}

footer p {
    margin-bottom: 0px;
    display: inline-block;
}
.met-index-body {
    padding: 30px 0px;
    background: #fff;
}

.met-index-body h2 {
    font-size: 36px;
    margin-top: 0px;
    text-align: center;
    font-weight: 300;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.met-index-product {
    background: #f5f5f5;
    text-align: center;
}

.met-index-product h2 {
    font-size: 18px;
    color: #555;
    font-weight: 600;
    text-align: left;
}

.met-index-product h2 span {
    font-weight: 400;
    margin-left: 10px;
    display: inline-block;
}
.met-index-product .blocks-2 > li:nth-child(2n+3),
.met-index-product .blocks-3 > li:nth-child(3n+4),
.met-index-product .blocks-4 > li:nth-child(4n+5),
.met-index-product .blocks-5 > li:nth-child(5n+6),
.met-index-product .blocks-6 > li:nth-child(6n+7),
.met-index-product .block-first {
    clear: none;
}

.met-index-product .blocks-2 > li {
    padding: 0 15px 15px 0;
}

.met-index-product .ih-item a {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 15px 15px;
    background-color: #fff;
    text-decoration: none;
    transition: transform 0.5s, box-shadow 0.5s;
    -moz-transition: transform 0.5s, box-shadow 0.5s;
    -ms-transition: transform 0.5s, box-shadow 0.5s;
    -o-transition: transform 0.5s, box-shadow 0.5s;
    -webkit-transition: transform 0.5s, box-shadow 0.5s;
}
.met-index-product .info h3 {
    margin: 0;
    font-weight: normal;
    font-size: 15px;
    color: #333;
    margin-top: 10px;
}
.met-show .met-show-content {
    padding-top: 30px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}
.form-group {
    margin-bottom: 20px
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}
.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear
}

.form-control:not(select) {
    -webkit-appearance: none
}
.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 1.57142857;
    color: #76838f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control::-webkit-input-placeholder {
    color: #a3afb7
}
.form-control {
    height: auto
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}
.btn-default {
    color: #76838f;
    background-color: #e4eaec;
    border-color: #e4eaec
}
.btn {
    display: inline-block;
    padding: 6px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57142857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}
.widget-title {
    margin-top: 0;
    color: #37474f;
    text-transform: capitalize;
}
.widget > .widget-title {
    padding: 12px 20px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 22px 0;
    border-radius: 3px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 15px;
    margin-left: -1px;
    line-height: 1.57142857;
    color: #76838f;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e4eaec
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #89bceb;
    background-color: #f3f7f9;
    border-color: #e4eaec
}
.met-grid li {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

.met-grid li.shown {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.cover {
    overflow: hidden;
}
.widget {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
}

.widget .cover {
    width: 100%;
}

[class*="blocks-"] > li > .widget {
    margin-bottom: 0;
}

.widget-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.widget {
    border-radius: 3px;
}

.widget .widget-header {
    border-radius: 3px 3px 0 0;
}
.met-product .met-product-list {
    padding: 30px 0;
}
.met-product.type-1 h4 {
    margin: 0;
    font-size: 16px;
    text-align: center;
}

.met-product.type-1 h4 a {
    color: #2a333c;
}
@media (min-width: 768px) {
    .blocks-sm-2 > li {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .blocks-md-3 > li {
        width: 33.33333333%;
    }
}
@media (min-width: 992px) {
    .blocks-md-4 > li {
        width: 25%;
    }
}
.met-grid li {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

.met-grid li.shown {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.met-product .met-grid li {
    clear: none;
}
.met-product .met-grid li {
    clear: none;
}

.met-product .widget,
.met-product .widget .widget-header,
.met-product .widget-body {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.met-product .widget-shadow {
    webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
ol, ul {
    margin-top: 0;
    margin-bottom: 11px
}
.nav > li > a {
    overflow: hidden
}
.breadcrumb {
    padding: 8px 10px;
    margin-bottom: 22px;
    list-style: none;
    background-color: transparent;
    border-radius: 3px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #62a8ea;
    content: "/\00a0"
}

.breadcrumb > .active {
    color: #76838f
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}