/* 

    Website: ABclonal.com.cn

    Version: 20210108

*/


/* CONTENTS

	1. Fonts

	2. Typography

	3. Header

	98. Widgets

		98.1. Loader

	99. Swift Customization

		99.1. margin

		99.2. padding

		99.3. border

		99.4. radius

		99.5. align

		99.6. width

		99.7. height

		99.8. shadow

		99.9. background



/*



/* ==========================================================================

    1. Fonts

============================================================================= */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-cyrillic-ext.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-greek-ext.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-greek.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../Font/OpenSans-cyrillic-ext700.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../Font/OpenSans-cyrillic700.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../Font/OpenSans-greek-ext700.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-greek700.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../Font/OpenSans-vietnamese700.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../Font/OpenSans-latin-ext700.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-latin700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}


/* ==========================================================================

    2. Typography

============================================================================= */

body {
    background: #fff;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', " ", MicrosoftJhengHei, \5FAE\8F6F\96C5\9ED1, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px
}


/* ==========================================================================

    3. Header

============================================================================= */


/* ==========================================================================

    98. Widgets

============================================================================= */


/* 98.1. Loader */

.Circ_Diag>img {
    position: absolute;
    cursor: pointer;
}

.Circ_Diag .popover p {
    margin: 0;
    font-size: 12px;
}

.glowing:hover {
    -webkit-filter: drop-shadow(0 0 5px rgba(244, 173, 66, 1));
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    z-index: 2;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background: rgba(255, 255, 255, .8);
    z-index: 1000;
    line-height: 100%
}

#preloader .preloader-center {
    position: absolute;
    bottom: 50%;
    top: 50%;
    left: 0;
    right: 0
}

#preloader .loading-logo {
    text-align: center;
    margin: 0 auto 5px
}

#preloader .load-spinner {
    margin: 0 auto;
    width: 250px;
    text-align: center
}

.load-spinner>div {
    width: 20px;
    height: 20px;
    background-color: #F90;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.load-spinner .bounce1 {
    -webkit-animation-delay: -.64s;
    animation-delay: -.64s
}

.load-spinner .bounce2 {
    -webkit-animation-delay: -.48s;
    animation-delay: -.48s
}

.load-spinner .bounce3 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.load-spinner .bounce4 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}


/* ==========================================================================

    99. Swift Customization

============================================================================= */


/* 99.1. margin */

.m-0 {
    margin: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mr-1 {
    margin-right: .25rem!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.ml-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mr-3 {
    margin-right: 1rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.ml-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mr-4 {
    margin-right: 1.5rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mr-5 {
    margin-right: 3rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.ml-5 {
    margin-left: 3rem!important
}

.m-6 {
    margin: 5rem!important
}

.mt-6 {
    margin-top: 5rem!important
}

.mr-6 {
    margin-right: 5rem!important
}

.mb-6 {
    margin-bottom: 5rem!important
}

.ml-6 {
    margin-left: 5rem!important
}


/* 99.2. padding */

.p-0 {
    padding: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pl-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pr-1 {
    padding-right: .25rem!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pl-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pr-2 {
    padding-right: .5rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pl-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pr-3 {
    padding-right: 1rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pl-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pr-4 {
    padding-right: 1.5rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pl-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pr-5 {
    padding-right: 3rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.pl-5 {
    padding-left: 3rem!important
}

.p-6 {
    padding: 5rem!important
}

.pt-6 {
    padding-top: 5rem!important
}

.pr-6 {
    padding-right: 5rem!important
}

.pb-6 {
    padding-bottom: 5rem!important
}

.pl-6 {
    padding-left: 5rem!important
}

.bottom-6 {
    margin-bottom: 60px;
}

.bottom-5 {
    margin-bottom: 50px;
}

.bottom-4 {
    margin-bottom: 40px;
}

.bottom-3 {
    margin-bottom: 30px;
}

.bottom-2 {
    margin-bottom: 20px;
}

.bottom-1 {
    margin-bottom: 10px;
}


/*  99.3. border */

.border {
    border: 1px solid rgba(89, 89, 89, .2)!important
}

.border-top {
    border-top: 1px solid rgba(89, 89, 89, .2)!important
}

.border-right {
    border-right: 1px solid rgba(89, 89, 89, .2)!important
}

.border-bottom {
    border-bottom: 1px solid rgba(89, 89, 89, .2)!important
}

.border-left {
    border-left: 1px solid rgba(89, 89, 89, .2)!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-yellow {
    border-color: #ffd926!important
}

.border-grey {
    border-color: #dcdcdc!important
}

.border-light {
    border-color: #f7f7f7!important
}

.border-white {
    border-color: #fff!important
}

.border-dark {
    border-color: #42495b!important
}

.border-black {
    border-color: #000!important
}


/* 99.4. radius */

.rounded-sm {
    border-radius: .3125rem!important
}

.rounded {
    border-radius: .625rem!important
}

.rounded-top {
    border-top-left-radius: .625rem!important;
    border-top-right-radius: .625rem!important
}

.rounded-right {
    border-top-right-radius: .625rem!important;
    border-bottom-right-radius: .625rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .625rem!important;
    border-bottom-left-radius: .625rem!important
}

.rounded-left {
    border-top-left-radius: .625rem!important;
    border-bottom-left-radius: .625rem!important
}

.rounded-lg {
    border-radius: 1.875rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}


/* 99.5. align */

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}


/* 99.6. width */

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}


/* 99.7. height */

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}


/* 99.8. shadow */

.shadow {
    box-shadow: 5px 6px 18px rgba(23, 23, 36, .12)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}


/* 99.9. background */

.bg-light {
    background-color: #f7f7f7!important
}

.bg-white {
    background-color: #fff!important
}

.bg-yellow {
    background-color: #ffd926!important
}

.bg-grey {
    background-color: #dcdcdc!important
}

.bg-dark {
    background-color: #42495b!important
}

.bg-black {
    background-color: #000!important
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tab-content li {
    list-style: inherit;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: #333
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    outline: 0;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border-color: transparent;
}

a {
    color: #4c4f53
}

a:hover {
    color: #1ea487
}

a.blue,
a.blue:link {
    color: #2096f6;
    text-decoration: underline
}

form code {
    background: transparent;
}

.label-abclonal {
    background: #feb042;
}

textarea.form-control {
    height: auto;
}

[class*=" icon-"],
[class^=icon-] {
    margin-right: 4px;
}

.required-validate .has-feedback .form-control-feedback {
    top: 35px;
    right: 10px;
}

.dropdown-menu {
    font-size: 12px;
}

.dropdown-menu>li>a:hover {
    background: #feb042;
    color: #fff !important;
}

.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px
}

.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px
}

.input-group-addon .icon-minus,
.input-group-addon .icon-plus {
    cursor: pointer;
    margin: 0px;
}

.btn-abclonal {
    color: #fff;
    background-color: #1ea487;
    border-color: #feb042;
    margin-right: 5px;
}

.btn-abclonal.focus,
.btn-abclonal:focus {
    color: #fff;
    background-color: #feb042;
    border-color: #feb042
}

.btn-abclonal:hover {
    color: #fff;
    background-color: #feb042;
    border-color: #feb042
}

.btn-abclonal.active,
.btn-abclonal:active,
.open>.dropdown-toggle.btn-abclonal {
    color: #fff;
    background-color: #feb042;
    border-color: #feb042
}

.btn-abclonal.active.focus,
.btn-abclonal.active:focus,
.btn-abclonal.active:hover,
.btn-abclonal:active.focus,
.btn-abclonal:active:focus,
.btn-abclonal:active:hover,
.open>.dropdown-toggle.btn-abclonal.focus,
.open>.dropdown-toggle.btn-abclonal:focus,
.open>.dropdown-toggle.btn-abclonal:hover {
    color: #fff;
    background-color: #feb042;
    border-color: #feb042
}

.btn-abclonal.active,
.btn-abclonal:active,
.open>.dropdown-toggle.btn-abclonal {
    background-image: none
}

.btn-abclonal.disabled.focus,
.btn-abclonal.disabled:focus,
.btn-abclonal.disabled:hover,
.btn-abclonal[disabled].focus,
.btn-abclonal[disabled]:focus,
.btn-abclonal[disabled]:hover,
fieldset[disabled] .btn-abclonal.focus,
fieldset[disabled] .btn-abclonal:focus,
fieldset[disabled] .btn-abclonal:hover {
    background-color: #feb042;
    border-color: #feb042
}

.btn-violet {
    color: #fff;
    background-color: #9068BE;
    border-color: #9068BE
}

.btn-violet:focus {
    color: #fff;
    background-color: #9068BE;
    border-color: #9068BE
}

.btn-violet:hover {
    color: #fff;
    background-color: #9068BE;
    border-color: #9068BE
}

.btn-turquoise {
    color: #fff;
    background-color: #6ED3CF;
    border-color: #6ED3CF
}

.btn-turquoise:focus {
    color: #fff;
    background-color: #6ED3CF;
    border-color: #6ED3CF
}

.btn-turquoise:hover {
    color: #fff;
    background-color: #6ED3CF;
    border-color: #6ED3CF
}

.weight400 {
    font-weight: 400;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.pr30 {
    padding-right: 30px;
}

.cartinfo {
    color: #333;
}

.margin-10 {
    margin: 10px;
}

.mtb-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

hr.style-six {
    padding: 0;
    border: none;
    border-top: 2px solid #F0F0F0;
    color: #F0F0F0;
    text-align: center;
    margin: 10px 0 30px;
    line-height: 100%;
    position: relative;
    overflow: visible
}

hr.style-six:before {
    background: #F4BF1E;
    content: "";
    height: 2px;
    left: 25%;
    position: absolute;
    margin-top: -2px;
    width: 50%
}

hr.style-six:after {
    background: #fff;
    color: #F4BF1E;
    content: '\f107';
    display: inline-block;
    font-family: FontAwesome;
    font-size: 30px;
    line-height: 25px;
    padding: 0 40px;
    position: relative;
    top: -5px
}

hr.style-seven {
    padding: 0;
    border: none;
    border-top: 2px solid #F0F0F0;
    color: #F0F0F0;
    text-align: center;
    margin: 0 0 15px 0;
    line-height: 100%;
    position: relative;
    overflow: visible
}

hr.style-seven:before {
    background: #F4BF1E;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    margin-top: -2px;
    width: 20%
}

header.navbar-fixed-top .cartinfo i {
    font-size: 12px;
    font-weight: 400;
}

.goodsprice {
    color: #feb042;
}

.list-styled {
    padding-left: 15px;
}

.list-styled,
.list-styled li {
    list-style: disc;
}

.list-decimal {
    padding-left: 15px;
}

.list-decimal,
.list-decimal li {
    list-style: decimal;
}

.heading {
    background: url(../Images/header-line.png) repeat-x left top;
    text-align: center;
    line-height: 2px;
    width: 100%;
    height: 2px;
    text-transform: uppercase
}

.heading span {
    background: #fff;
    color: #4c4f53;
    font-size: 15px;
    padding: 0 15px;
    font-weight: 700
}

h1.head-title {
    text-align: center;
}

.multi-text p {
    font-size: 14px;
    margin: 20px 0;
}

p.lead {
    font-size: 17px;
}

.footer-coryright a {
    color: #fff;
}

.footer-coryright a:hover {
    color: #feb042
}


/*Loader=================================================================================*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background: rgba(255, 255, 255, .8);
    z-index: 1000;
    line-height: 100%
}

#preloader .preloader-center {
    position: absolute;
    bottom: 50%;
    top: 50%;
    left: 0;
    right: 0
}

#preloader .loading-logo {
    text-align: center;
    margin: 0 auto 5px
}

#preloader .load-spinner {
    margin: 0 auto;
    width: 250px;
    text-align: center
}

.load-spinner>div {
    width: 20px;
    height: 20px;
    background-color: #F90;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.load-spinner .bounce1 {
    -webkit-animation-delay: -.64s;
    animation-delay: -.64s
}

.load-spinner .bounce2 {
    -webkit-animation-delay: -.48s;
    animation-delay: -.48s
}

.load-spinner .bounce3 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.load-spinner .bounce4 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}


/*top-fixed-menur=================================================================================*/

.top-fixed-menu {
    background: #4C4F53;
    color: #e1e8f0;
    line-height: 35px
}

.top-fixed-menu .caret {
    margin-right: 10px
}

.top-fixed-menu a,
.top-fixed-menu a:hover {
    color: #e1e8f0
}

.top-fixed-menu ul {
    margin: 0
}

.top-fixed-menu ul.pull-right>li {
    float: left;
    padding: 0 15px
}

.top-fixed-menu ul.pull-right li .dropdown-menu {
    right: 0;
    left: auto
}

.top-fixed-menu .top-cart {
    background: #e1e8f0;
}

.top-fixed-menu .top-cart a {
    color: #4c4f53
}

.top-fixed-menu .quick-login a {
    color: #4c4f53
}

.top-fixed-menu .quick-login {
    padding: 10px 20px;
    line-height: 160%;
    min-width: 300px;
    color: #333
}

.top-fixed-menu .top-quick-order {
    padding: 10px 20px;
    line-height: 150%;
    width: 210px;
    color: #333
}

.show-right-fixed {
    position: relative
}

.show-right-fixed>.row>.col-sm-7 {
    padding-left: 115px;
}

.right-fixed {
    display: none
}

.show-right-fixed .right-fixed {
    display: block;
    position: fixed;
    right: 0;
    background: #fff;
    width: 0px;
    color: #333;
    height: 100%;
    border-left: 1px solid #eee;
    box-shadow: -1px 10px 10px #eee;
}

@media (max-width:1386px) {
    .show-right-fixed .right-fixed {
        display: none
    }
    .top-fixed-menu .top-cart {
        position: relative;
        left: 0
    }
}

.right-fixed h4 {
    font-size: 14px;
    margin: 0px;
    padding: 10px;
    background: #e1e8f0;
}

.right-fixed h4 a {
    float: right
}

.right-fixed .in h4 .icon-chevron-down {
    float: right;
}

.right-fixed .icon-chevron-down:before {
    content: "\f077";
}

.right-fixed hr {
    margin: 0px;
    border-top: 1px #4C4F53 solid;
}

.right-fixed .icon-chevron-down.collapsed:before {
    content: "\f078";
}

#right-content-20 {
    padding: 10px 20px;
}

#right-content-20 h6 {
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
    font-size: 13px
}

#right-content-20 label {
    font-weight: 400;
    margin: 0;
}

#right-content-20 .form-group {
    margin-bottom: 5px;
}

#right-content-20 .icon-chevron-down {
    position: absolute;
    top: 0;
}

.right-cart-title {
    background: #e1e8f0;
    padding: 0 0 10px;
    text-align: center;
}

.right-cart-title h5 {
    margin: 0;
    font-size: 12px;
}

.right-cart-title p {
    margin-bottom: 0;
}

.right-fixed a.btn-abclonal {
    color: #fff;
}

.right-cart-list {
    padding: 10px;
}

.right-cart-list li {
    border-bottom: 1px solid #eee;
    margin: 5px 0;
    padding-bottom: 5px;
    line-height: 16px;
}

.right-cart-list li span {
    float: right;
    font-weight: 700;
    line-height: 40px;
}

.right-cart-list .cart-action {
    margin-top: 10px;
}

.right-cart-list .input-group {
    width: 100px;
    float: left;
}

.right-cart-list .input-group-addon {
    padding: 2px 8px;
    font-size: 12px;
}

.right-cart-list .input-group .form-control {
    height: 28px;
    font-size: 12px;
}

.right-cart-list a.cart_del {
    margin-left: 10px;
    color: #a94442;
    font-size: 24px;
}


/*headerr=================================================================================*/

header.navbar .navbar-logo img {
    height: 50px;
    margin-right: 20px
}

header.navbar .navbar-right .dropdown-menu {
    right: auto;
    left: 0
}

header.navbar .nav>li>a {
    font-size: 17px;
    color: #4c4f53;
    font-weight: 600
}

header.navbar .nav>li:hover>a,
header.navbar .nav>li>a:focus,
header.navbar .nav>li>a:hover {
    background: #feb042;
    color: #fff
}

.input-group-btn:first-child>.btn {
    margin-right: -2px;
}

header.navbar .navbar-form .input-group>.form-control {
    width: 60px;
    margin: 0
}

header.navbar .navbar-form .input-group {
    margin-right: 5px
}

@media (min-width:1200px) {
    header.navbar .navbar-form .input-group>.form-control {
        width: 169px;
    }
}

header.navbar-fixed-top {
    background: #E1E8f0;
    text-align: center;
    padding: 5px 10px;
}

header.navbar-fixed-top [class*="icon-"] {
    font-size: 1.6em;
    line-height: 35px;
    color: #000;
}

header.navbar-fixed-top .navbar-logo img {
    height: 35px
}

.hidden-md form {
    margin: 55px auto 10px
}

.hidden-md .input-group-btn:last-child>.btn {
    height: 34px;
    background: #feb042;
    color: #fff
}

.dropdown-menu.quick-login:before,
.dropdown-menu.quick-login:after {
    left: 30%;
}

.dropdown-menu.top-quick-order:after,
.dropdown-menu.top-quick-order:before {
    left: 70%;
}

.right-fixed-change>.navbar-header {
    padding-left: 100px;
}

#header.right-fixed-change .navbar-form .input-group>.ui-autocomplete-input {
    width: 90px;
}

.header-top-dropdown {
    position: relative;
}

header.navbar .nav>li.current-menu-ancestor>a {
    background: #feb042;
    color: #fff
}


/*navigationr=================================================================================*/

.nav-overlay {
    background: #000;
    filter: alpha(opacity=100);
    opacity: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

#navigation li.multicolumn ul .subcolumn {
    float: left;
    margin: 10px 0;
    border-right: 1px solid #eee;
    padding: 0 20px
}

#navigation li.multicolumn ul .subcolumn:last-child {
    border-right: 0
}

#navigation .subcolumn h4 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 700
}

#navigation .subcolumn p {
    margin-bottom: 3px
}

#navigation li:hover .sub-menu {
    width: 100%
}

#navigation .sub-menu li a {
    display: block;
    position: relative;
    padding: 10px
}

#navigation .sub-menu {
    position: absolute;
    margin: -2px 0 0 0;
    z-index: 50;
    padding: 0;
    height: 0;
    overflow: hidden;
    text-align: left;
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    background: #fff;
    border: 1px solid #eee;
    visibility: hidden;
    opacity: 0;
    -ms-transition: opacity 0s ease 0s, margin-top .3s ease 0s;
    -moz-transition: opacity 0s ease 0s, margin-top .3s ease 0s;
    -o-transition: opacity 0s ease 0s, margin-top .3s ease 0s;
    transition: opacity 0s ease 0s, margin-top .3s ease 0s;
    -webkit-transition: opacity 0s ease 0s, margin-top .3s ease 0s;
    margin-top: 10px
}

#navigation>li:hover>ul {
    opacity: 1;
    visibility: visible;
    left: -1px;
    margin: 0;
    overflow: visible;
    height: auto
}

#navigation .sub-menu li a:hover,
#navigation .sub-menu li:hover>a {
    background: #1ea487;
    color: #fff
}

#navigation>li>ul a {
    font-size: 14px;
    color: #4c4f53;
    display: block;
    padding: 3px 5px
}

#navigation>li>ul a:hover {
    background: #1ea487;
    color: #fff
}

#topnav_56 .sub-menu .subcolumn {
    width: 25%
}

#topnav_486 .sub-menu .subcolumn {
    width: 25%
}

#topnav_20 .sub-menu .subcolumn {
    width: 16%
}

#topnav_485 .sub-menu .subcolumn {
    width: 33%
}

#topnav_736 .sub-menu .subcolumn {
    width: 55%;
}

#topnav_736 .sub-menu .subcolumn h4 {
    padding-left: 19px;
}

#topnav_736 .sub-menu .subcolumn .col-xs-4,
#topnav_425 .sub-menu .subcolumn .col-xs-6 {
    padding-left: 0px;
    padding-right: 10px;
}

#topnav_736 .sub-menu .subcolumn:first-child {
    width: 45%
}

#topnav_736 .sub-menu .subcolumn:first-child h4 {
    padding-left: 2px;
}

#topnav_486 .subcolumn,
#topnav_56 .subcolumn {
    min-height: 260px
}

#topnav_485 .subcolumn {
    min-height: 180px
}


/*Mobile Menur=================================================================================*/

#mobilemenu {
    z-index: 800
}

#mobilemenu .icon-user {
    margin-right: 5px;
}

.main-category {
    background: #393B3E;
    font-size: 14px;
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-panels,
.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.mm-panel.mm-opened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-panel.mm-noanimation {
    -webkit-transition: none!important;
    transition: none!important
}

.mm-panel.mm-noanimation.mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panels>.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels>.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panels>.mm-panel:after,
.mm-panels>.mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-listview>li.mm-vertical>.mm-next,
.mm-vertical .mm-listview>li>.mm-next {
    box-sizing: border-box;
    height: 40px;
    bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before,
.mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-clear:after,
.mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-next:after,
.mm-prev:before {
    content: '';
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 10px 0
}

.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-navbar .mm-btn:first-child {
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview a,
.mm-listview a:hover {
    text-decoration: none
}

.mm-listview>li {
    position: relative
}

.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after {
    border-color: inherit
}

.mm-listview>li>a,
.mm-listview>li>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px
}

.mm-menu {
    background: #4C4F53;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, 1)
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .5);
    tap-highlight-color: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0, 0, 0, .05)
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, .05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking {
    overflow: hidden
}

html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed
}

.mm-menu.mm-offcanvas.mm-opened {
    display: block
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
    z-index: 10
}

.mm-menu.mm-offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-menu~.mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-menu~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-menu~.mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-sronly {
    border: 0!important;
    clip: rect(1px, 1px, 1px, 1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important
}

.mm-menu .mm-listview.mm-border-none>li:after,
.mm-menu .mm-listview>li.mm-border-none:after,
.mm-menu.mm-border-none .mm-listview>li:after {
    content: none
}

.mm-menu .mm-listview.mm-border-full>li:after,
.mm-menu .mm-listview>li.mm-border-full:after,
.mm-menu.mm-border-full .mm-listview>li:after {
    left: 0!important
}

.mm-menu .mm-listview.mm-border-offset>li:after,
.mm-menu .mm-listview>li.mm-border-offset:after,
.mm-menu.mm-border-offset .mm-listview>li:after {
    right: 20px
}

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@media all and (max-width:140px) {
    html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    html.mm-opening .mm-menu.mm-fullscreen~.mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        transform: translate(10000px, 0);
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening .mm-menu.mm-fullscreen~.mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0);
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,
.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu.mm-fx-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

html.mm-opening .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-opening .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-fx-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-fx-menu-fade {
    opacity: 1
}

.mm-menu .mm-fx-panels-none.mm-panel,
.mm-menu.mm-fx-panels-none .mm-panel {
    -webkit-transition-property: none;
    transition-property: none
}

.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-zoom.mm-panel,
.mm-menu.mm-fx-panels-zoom .mm-panel {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
}

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu .mm-fx-panels-slide-up.mm-panel,
.mm-menu.mm-fx-panels-slide-up .mm-panel {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li {
    -webkit-transition: none .4s ease;
    transition: none .4s ease
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(14) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.mm-menu[class*=mm-fx-listitems-] .mm-listview>li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu.mm-fx-listitems-slide .mm-listview>li {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0
}

html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mm-menu.mm-fx-listitems-fade .mm-listview>li {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview>li {
    opacity: 1
}

.mm-menu.mm-fx-listitems-drop .mm-listview>li {
    -webkit-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
    top: -25%
}

html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview>li {
    opacity: 1;
    top: 0
}

html.mm-iconbar body {
    overflow-x: hidden
}

html.mm-iconbar .mm-page {
    background: inherit;
    min-height: 100vh
}

html.mm-iconbar .mm-slideout {
    box-sizing: border-box;
    padding-right: 60px;
    -webkit-transform: translate(60px, 0);
    -ms-transform: translate(60px, 0);
    transform: translate(60px, 0);
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0)
}

.mm-menu.mm-iconbar {
    display: block
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify:after,
.mm-menu .mm-panels>.mm-panel.mm-listview-justify:before,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel:after,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel:before {
    content: none;
    display: none
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 40px
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li:not(.mm-divider),
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>a:not(.mm-next),
.mm-menu .mm-panels>.mm-panel.mm-listview-justify>.mm-listview>li>span,
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>a:not(.mm-next),
.mm-menu.mm-listview-justify .mm-panels>.mm-panel>.mm-listview>li>span {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-listview-small .mm-listview>li>a:not(.mm-next),
.mm-listview-small .mm-listview>li>span {
    padding: 7px 10px 7px 20px
}

.mm-listview-small .mm-listview>li.mm-vertical>.mm-next,
.mm-listview-small .mm-vertical>.mm-listview>li>.mm-next {
    height: 34px
}

.mm-listview-large .mm-listview>li>a:not(.mm-next),
.mm-listview-large .mm-listview>li>span {
    padding: 15px 10px 15px 20px
}

.mm-listview-large .mm-listview>li.mm-vertical>.mm-next,
.mm-listview-large .mm-vertical>.mm-listview>li>.mm-next {
    height: 50px
}

.mm-listview-huge .mm-listview>li>a:not(.mm-next),
.mm-listview-huge .mm-listview>li>span {
    padding: 20px 10px 20px 20px
}

.mm-listview-huge .mm-listview>li.mm-vertical>.mm-next,
.mm-listview-huge .mm-vertical>.mm-listview>li>.mm-next {
    height: 60px
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-menu .mm-listview.mm-multiline>li>a,
.mm-menu .mm-listview.mm-multiline>li>span,
.mm-menu .mm-listview>li.mm-multiline>a,
.mm-menu .mm-listview>li.mm-multiline>span,
.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span {
    text-overflow: clip;
    white-space: normal
}

.mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
    opacity: 0
}

html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

.mm-menu.mm-opened.mm-pagedim~#mm-blocker {
    background: inherit
}

.mm-menu.mm-opened.mm-pagedim-white~#mm-blocker {
    background: #fff
}

.mm-menu.mm-opened.mm-pagedim-black~#mm-blocker {
    background: #000
}

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.mm-menu.mm-popup.mm-opened~.mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu.mm-popup.mm-opened~#mm-blocker {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

html.mm-opening .mm-menu.mm-popup {
    opacity: 1
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto
}

html.mm-right.mm-opening .mm-menu~.mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-menu~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-menu~.mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

html.mm-front #mm-blocker {
    z-index: 1
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-offcanvas.mm-bottom {
    top: auto
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-shadow-page:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100
}

.mm-menu.mm-shadow-page.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar>* {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark .mm-divider {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-shadow-page.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar>* {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05);
    tap-highlight-color: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-shadow-page.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar>* {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .3);
    tap-highlight-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-divider {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-shadow-page.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: false
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after,
.mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview>li,
.mm-menu.mm-tileview .mm-listview>li {
    width: 50%;
    height: 0;
    padding: 50% 0 0 0;
    float: left;
    position: relative
}

.mm-menu .mm-tileview.mm-listview>li:after,
.mm-menu.mm-tileview .mm-listview>li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,
.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview>li>a,
.mm-menu .mm-tileview.mm-listview>li>span,
.mm-menu.mm-tileview .mm-listview>li>a,
.mm-menu.mm-tileview .mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next,
.mm-menu.mm-tileview .mm-listview>li>.mm-next {
    width: auto
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,
.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,
.mm-menu.mm-tileview .mm-listview>li>.mm-next:before {
    content: none;
    display: none
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

html.mm-widescreen body {
    position: relative
}

html.mm-widescreen #mm-blocker {
    display: none!important
}

html.mm-widescreen .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    width: 70%!important;
    margin-left: 30%!important
}

html.mm-widescreen .mm-page {
    background: inherit;
    box-sizing: border-box
}

html.mm-widescreen.mm-blocking,
html.mm-widescreen.mm-blocking body {
    overflow: auto
}

.mm-menu.mm-widescreen {
    border-right-width: 1px;
    border-right-style: solid;
    display: block!important;
    width: 30%!important;
    min-width: 0!important;
    max-width: none!important;
    top: 0!important;
    right: auto!important;
    bottom: 0!important;
    left: 0!important;
    z-index: 100!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mm-menu.mm-widescreen.mm-pageshadow:after {
    content: none;
    display: none
}

.mm-menu.mm-autoheight {
    -webkit-transition: none .4s ease;
    transition: none .4s ease;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.mm-menu.mm-autoheight:not(.mm-offcanvas) {
    position: relative
}

.mm-menu.mm-measureheight .mm-panel {
    display: block!important
}

.mm-menu.mm-measureheight .mm-panels>.mm-panel {
    bottom: auto!important;
    height: auto!important
}

.mm-columns {
    -webkit-transition-property: width;
    transition-property: width
}

.mm-columns .mm-panels>.mm-panel {
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

.mm-columns .mm-panels>.mm-panel.mm-opened,
.mm-columns .mm-panels>.mm-panel.mm-subopened {
    border-left: 1px solid;
    border-color: inherit;
    display: block!important
}

.mm-columns .mm-panels>.mm-columns-0 {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-columns-0 .mm-panels>.mm-panel {
    z-index: 0
}

.mm-columns-0 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-columns-0 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0
}

html.mm-opening .mm-menu.mm-columns-0~.mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-menu.mm-columns-0~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:0px) {
    html.mm-opening .mm-menu.mm-columns-0~.mm-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:0px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-0~.mm-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-columns .mm-panels>.mm-columns-1 {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-columns-1 .mm-panels>.mm-panel {
    z-index: 1;
    width: 100%
}

.mm-columns-1 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-columns-1 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-menu.mm-columns-1~.mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-menu.mm-columns-1~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-menu.mm-columns-1~.mm-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-1~.mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.mm-columns .mm-panels>.mm-columns-2 {
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-columns-2 .mm-panels>.mm-panel {
    z-index: 2;
    width: 50%
}

.mm-columns-2 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-columns-2 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.mm-opening .mm-menu.mm-columns-2~.mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-menu.mm-columns-2~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    html.mm-opening .mm-menu.mm-columns-2~.mm-slideout {
        -webkit-transform: translate(880px, 0);
        -ms-transform: translate(880px, 0);
        transform: translate(880px, 0);
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-2~.mm-slideout {
        -webkit-transform: translate(-880px, 0);
        -ms-transform: translate(-880px, 0);
        transform: translate(-880px, 0);
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

.mm-columns .mm-panels>.mm-columns-3 {
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-columns-3 .mm-panels>.mm-panel {
    z-index: 3;
    width: 33.34%
}

.mm-columns-3 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-columns-3 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.mm-opening .mm-menu.mm-columns-3~.mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-menu.mm-columns-3~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    html.mm-opening .mm-menu.mm-columns-3~.mm-slideout {
        -webkit-transform: translate(1320px, 0);
        -ms-transform: translate(1320px, 0);
        transform: translate(1320px, 0);
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-3~.mm-slideout {
        -webkit-transform: translate(-1320px, 0);
        -ms-transform: translate(-1320px, 0);
        transform: translate(-1320px, 0);
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

.mm-columns .mm-panels>.mm-columns-4 {
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-columns-4 .mm-panels>.mm-panel {
    z-index: 4;
    width: 25%
}

.mm-columns-4 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-columns-4 .mm-panels>.mm-panel:not(.mm-opened):not(.mm-subopened) {
    -webkit-transform: translate(500%, 0);
    -ms-transform: translate(500%, 0);
    transform: translate(500%, 0);
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.mm-opening .mm-menu.mm-columns-4~.mm-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-opening .mm-menu.mm-columns-4~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    html.mm-opening .mm-menu.mm-columns-4~.mm-slideout {
        -webkit-transform: translate(1760px, 0);
        -ms-transform: translate(1760px, 0);
        transform: translate(1760px, 0);
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    html.mm-right.mm-opening .mm-menu.mm-columns-4~.mm-slideout {
        -webkit-transform: translate(-1760px, 0);
        -ms-transform: translate(-1760px, 0);
        transform: translate(-1760px, 0);
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

.mm-columns.mm-offcanvas.mm-bottom,
.mm-columns.mm-offcanvas.mm-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

html.mm-opening .mm-columns.mm-offcanvas.mm-front,
html.mm-opening .mm-columns.mm-offcanvas.mm-next {
    -webkit-transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, transform;
    transition-property: width, min-width, max-width, transform, -webkit-transform
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

em.mm-counter+a.mm-next {
    width: 90px
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
    margin-right: 90px
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0
}

em.mm-counter+a.mm-fullsubopen+a,
em.mm-counter+a.mm-fullsubopen+span {
    padding-right: 90px
}

.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,
.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span {
    padding-right: 90px
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px
}

.mm-nosubresults>.mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: rgba(255, 255, 255, .6)
}

.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none!important;
    display: none!important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, .05)
}

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.mm-menu.mm-dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

html.mm-dropdown .mm-menu {
    z-index: 2
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu.mm-tipleft:before {
    left: 22px
}

.mm-menu.mm-tipright:before {
    right: 22px
}

.mm-menu.mm-tiptop:before {
    top: -8px
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px
}

.mm-iconpanel .mm-panels>.mm-panel {
    -webkit-transition-property: left, -webkit-transform;
    transition-property: left, -webkit-transform;
    transition-property: transform, left;
    transition-property: transform, left, -webkit-transform
}

.mm-iconpanel .mm-panels>.mm-panel.mm-opened,
.mm-iconpanel .mm-panels>.mm-panel.mm-subopened {
    border-left: 1px solid;
    border-color: inherit;
    display: block!important
}

.mm-iconpanel .mm-panels>.mm-panel.mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    bottom: -100000px
}

.mm-keyboardfocus a:focus {
    outline: 0
}

.mm-menu.mm-keyboardfocus a:focus {
    background: rgba(255, 255, 255, .5)
}

.mm-navbars-bottom,
.mm-navbars-top {
    background: inherit;
    border-color: inherit;
    border-width: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3
}

.mm-navbars-bottom>.mm-navbar,
.mm-navbars-top>.mm-navbar {
    border: none;
    padding: 0;
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-navbars-top {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    top: 0
}

.mm-navbars-bottom {
    border-top-style: solid;
    border-top-width: 1px;
    bottom: 0
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-]>* {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-hasnavbar-top-1 .mm-panels {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-hasnavbar-bottom-1 .mm-panels {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2>* {
    width: 50%
}

.mm-navbar-content-3>* {
    width: 33.33%
}

.mm-navbar-content-4>* {
    width: 25%
}

.mm-navbar-content-5>* {
    width: 20%
}

.mm-navbar-content-6>* {
    width: 16.67%
}

.mm-menu.mm-rtl {
    direction: rtl
}

.mm-menu.mm-rtl.mm-offcanvas {
    right: auto
}

.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-rtl .mm-panel.mm-subopened {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
    left: auto;
    right: 0
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
    right: auto;
    left: 0
}

.mm-menu.mm-rtl .mm-navbar .mm-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after {
    left: 0;
    right: 20px
}

.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),
.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next) {
    padding-left: 10px;
    padding-right: 20px!important;
    margin-right: 0!important
}

.mm-menu.mm-rtl .mm-listview .mm-next {
    right: auto;
    left: 0
}

.mm-menu.mm-rtl .mm-listview .mm-next:before {
    left: auto;
    right: 0
}

.mm-menu.mm-rtl .mm-listview .mm-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-menu.mm-rtl .mm-listview .mm-next+a,
.mm-menu.mm-rtl .mm-listview .mm-next+span {
    margin-left: 50px
}

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span {
    padding-left: 50px
}

.mm-menu.mm-rtl em.mm-counter {
    left: 45px;
    right: auto
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+span {
    margin-left: 90px
}

.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,
.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span {
    padding-left: 90px
}

.mm-menu.mm-rtl label.mm-check,
.mm-menu.mm-rtl label.mm-toggle {
    left: 20px;
    right: auto!important
}

.mm-menu.mm-rtl label.mm-toggle+a,
.mm-menu.mm-rtl label.mm-toggle+span {
    padding-left: 80px
}

.mm-menu.mm-rtl label.mm-check+a,
.mm-menu.mm-rtl label.mm-check+span {
    padding-left: 60px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle {
    left: 60px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl a.mm-next+label.mm-check+span,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span {
    margin-left: 50px
}

.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span {
    padding-left: 70px
}

.mm-menu.mm-rtl a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl a.mm-next+label.mm-check+span {
    padding-left: 50px
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle {
    left: 100px
}

.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,
.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span {
    margin-left: 90px
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
    left: 0
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
    -webkit-transition-property: right, -webkit-transform;
    transition-property: right, -webkit-transform;
    transition-property: transform, right;
    transition-property: transform, right, -webkit-transform
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    right: 0
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    right: 40px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    right: 80px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    right: 120px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    right: 160px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    right: 200px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    right: 240px
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit
}

.mm-search,
.mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0 10px;
    position: relative
}

.mm-search input {
    border: none!important;
    outline: 0!important;
    box-shadow: none!important;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-search .mm-clear,
.mm-search .mm-next {
    right: 0
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar>.mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0
}

.mm-noresults .mm-indexer {
    display: none!important
}

li.mm-nosubresults>a.mm-next {
    display: none
}

li.mm-nosubresults>a.mm-next+a,
li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .75)
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 15;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer~.mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),
.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,
.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover {
    background: rgba(255, 255, 255, .5)
}

.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .5)
}

input.mm-check,
input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check,
label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2
}

label.mm-check:before,
label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked~label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked~label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0
}

li.mm-vertical label.mm-toggle {
    top: 5px
}

li.mm-vertical label.mm-check {
    top: 5px
}

label.mm-check,
label.mm-toggle {
    right: 20px
}

label.mm-toggle+a,
label.mm-toggle+span {
    padding-right: 80px
}

label.mm-check+a,
label.mm-check+span {
    padding-right: 60px
}

a.mm-next+label.mm-check,
a.mm-next+label.mm-toggle {
    right: 60px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span,
a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    margin-right: 50px
}

a.mm-next+label.mm-toggle+a,
a.mm-next+label.mm-toggle+span {
    padding-right: 70px
}

a.mm-next+label.mm-check+a,
a.mm-next+label.mm-check+span {
    padding-right: 50px
}

em.mm-counter+a.mm-next+label.mm-check,
em.mm-counter+a.mm-next+label.mm-toggle {
    right: 100px
}

em.mm-counter+a.mm-next+label.mm-check+a,
em.mm-counter+a.mm-next+label.mm-check+span,
em.mm-counter+a.mm-next+label.mm-toggle+a,
em.mm-counter+a.mm-next+label.mm-toggle+span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, .75)
}


/*jquery-confirmr=================================================================================*/

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden!important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0!important
}

.jconfirm .jconfirm-scrollpane {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db
    }
    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db
    }
    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71
    }
    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71
    }
    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c
    }
    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c
    }
    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f
    }
    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f
    }
    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6
    }
    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6
    }
    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e
    }
    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e
    }
    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1
}

.jconfirm .jconfirm-box.loading:after {
    opacity: .6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    font-size: 27px!important;
    line-height: 14px!important;
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    padding-bottom: 15px;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15px
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    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;
    border-radius: 4px;
    min-height: 1em;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-image: none
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c!important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db!important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71!important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6!important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f!important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e!important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    box-shadow: none;
    color: #333
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: 0;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    box-shadow: none;
    color: #fff;
    background: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        box-shadow: 0 0 3px red
    }
    50% {
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {
    0%,
    100% {
        box-shadow: 0 0 3px red
    }
    50% {
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    -ms-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    -ms-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    -ms-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    -ms-transform: translate(0px, -100px);
    transform: translate(0px, -100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px)
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate(100px, 0px)
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    -ms-transform: translate(0px, 100px);
    transform: translate(0px, 100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: 0;
    color: white;
    padding: 10px;
    min-width: 100px
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67)
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
    margin-left: 4px
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.jconfirm-box .icon-exclamation-circle {
    color: #a94442
}

.jconfirm-box .icon-check {
    color: #3c763d;
}


/*bootsliderr=================================================================================*/

.bootslider {
    margin-bottom: 50px
}

.bootslider .bs-controls {
    margin-top: 50px;
    margin-bottom: 50px
}

.bootslider-variableheight {
    margin-bottom: 0
}

.bootslider-variableheight .bs-controls {
    margin-top: 0;
    margin-bottom: 0
}

.bootslider {
    zoom: 1;
    z-index: 1;
    display: block;
    position: relative;
    width: 100%
}

.bootslider:after,
.bootslider:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.bootslider:after {
    clear: both
}

.bootslider .bs-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    display: block
}

.bootslider .bs-loader #loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px
}

.bootslider .bs-container {
    display: block;
    position: relative;
    overflow: hidden
}

.bootslider .bs-container .bs-slide {
    width: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    margin: 0;
    display: none;
    position: relative
}

.bootslider .bs-container .bs-slide .bs-foreground {
    top: 0;
    left: 0;
    margin: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    position: absolute
}

.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in] {
    display: none
}

.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in].visible {
    display: block
}

.bootslider .bs-container .bs-slide .bs-foreground iframe {
    z-index: 10
}

.bootslider .bs-container .bs-slide .bs-foreground .bs-video-fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0
}

.bootslider .bs-container .bs-slide .bs-background {
    top: 0;
    left: 0;
    margin: 0;
    z-index: 2;
    width: 100%;
    position: relative
}

.bootslider .bs-container .bs-slide .bs-background img {
    display: block;
    width: 100%;
    height: auto
}

.bootslider .bs-container .bs-slide .bs-background .bs-layer,
.bootslider .bs-container .bs-slide .bs-background img.bs-layer {
    display: block;
    position: absolute;
    z-index: 2
}

.bootslider .bs-container .bs-slide.active {
    z-index: 1
}

.bootslider .bs-container .bs-slide.visible {
    display: block
}

.bootslider .bs-progress {
    height: 2px
}

.bootslider .bs-thumbnails {
    width: 100%;
    display: block;
    position: relative
}

.bootslider .bs-thumbnails ul {
    margin: 0;
    padding: 0;
    position: relative;
    background: #000
}

.bootslider .bs-thumbnails ul .bs-thumbnail {
    float: left;
    display: block;
    position: relative;
    margin: 0;
    background: #000;
    z-index: 0
}

.bootslider .bs-thumbnails ul .bs-thumbnail img {
    width: 100%;
    height: auto;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
}

.bootslider .bs-thumbnails ul .active img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.bootslider .bs-pagination .pagination {
    margin: 20px 0 20px 0
}

.bootslider .bs-pagination .active a {
    z-index: 0;
    background: #76787B;
    border-color: #76787B
}

.bootslider .bs-pagination .active a:hover {
    color: #fff
}

.bootslider .bs-pagination a:hover {
    color: #e74c3c
}

.bootslider .bs-next {
    z-index: 5
}

.bootslider .bs-prev {
    z-index: 5
}

.bootslider {
    margin: -15px 0 0
}

.bs-slide {
    max-height: 300px;
    overflow: hidden
}

.bootslider-heading {
    margin: 5% auto 0;
    color: #5E6164;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, .3)
}

.subheading {
    margin-top: 3%;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, .3)
}

.slide1 .subheading {
    color: #5E6164
}

.slide3 h1,
.slide3 h2 {
    text-align: center;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, .3)
}

.slide3 h1 {
    font-size: 80px;
    margin-bottom: 20px
}

.slide3 h2 {
    font-size: 30px;
    letter-spacing: 5px
}

.slide3 .yellow {
    color: #fc0
}

.slide2 h1.bootslider-heading {
    font-size: 60px;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, .3);
    color: #fff
}

.slide2 h1.bootslider-heading span {
    color: #fc0
}

.slide2 p {
    font-size: 28px;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, .3);
    margin-top: 1%;
    text-align: center
}

.slide2 .btn {
    font-size: 20px;
    margin-top: 20px
}

.slide4 h1.bootslider-heading {
    font-size: 80px;
    color: #fc0;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, .3)
}

.slide4 .slide4-btn {
    margin-top: 2%
}

.slide4 .slide4-btn .btn {
    font-size: 20px;
    margin: 0 10px
}

.slidefaq h1 {
    font-size: 30px;
    margin-top: 20px;
}

.slidefaq h2 {
    font-size: 20px;
    margin-top: 10px;
    color: #000;
}

.slideabout h1 {
    font-size: 40px;
    margin: 80px auto 50px;
}

.slideabout h2 {
    font-size: 18px;
    color: #000;
}

@-webkit-keyframes barberpole {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}

@-moz-keyframes barberpole {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}

@keyframes barberpole {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}

@media screen and (max-width:1279px) {
    .bootslider-heading {
        font-size: 48px
    }
    .subheading {
        font-size: 36px
    }
    .slide3 h2 {
        font-size: 25px;
        letter-spacing: 2px
    }
    .slide3 h1 {
        font-size: 60px
    }
    .slideabout h1 {
        margin: 50px auto 30px;
    }
}

@media screen and (max-width:979px) {
    .bootslider {
        overflow: hidden;
    }
    .subheading {
        font-size: 30px
    }
    .bootslider-heading {
        font-size: 36px
    }
    .slide3 h1 {
        font-size: 60px
    }
    .slide1 h2,
    .slide3 h2 {
        font-size: 18px;
        letter-spacing: 2px
    }
    .slide2 h1.bootslider-heading {
        margin-top: 4%;
        font-size: 50px
    }
    .slide2 p {
        font-size: 20px
    }
    .slide4 h1.bootslider-heading {
        font-size: 50px
    }
    .slide4 .slide4-btn .btn {
        font-size: 18px;
        margin: 0 5px
    }
    .slide2 .btn {
        margin-top: 0px
    }
    .slideabout h1 {
        font-size: 35px;
        margin: 30px auto 30px;
    }
}

@media screen and (max-width:767px) {
    .subheading {
        font-size: 24px
    }
    .bootslider-heading {
        font-size: 28px
    }
    .slide3 h1 {
        font-size: 30px;
        margin: 20px 0 10px;
    }
    .slide3 h2 {
        font-size: 15px;
        letter-spacing: 0
    }
    .slide2 h1.bootslider-heading {
        margin-top: 10px;
        font-size: 20px
    }
    .slide2 p {
        font-size: 20px
    }
    .slide4 h1.bootslider-heading {
        font-size: 20px
    }
    .slide4 .slide4-btn .btn {
        font-size: 12px;
        margin: 5px
    }
    .slideabout h1 {
        font-size: 25px;
        margin: 30px auto 10px;
    }
    .slideabout h2 {
        font-size: 14px;
        color: #000;
    }
}

@media screen and (max-width:479px) {
    .subheading {
        font-size: 20px
    }
    .bootslider-heading {
        font-size: 20px;
        margin-top: 7px;
    }
    .slide1 h2,
    .slide3 h2 {
        font-size: 12px;
        margin: 2px 0;
    }
    .slide2 p {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 1;
    }
    .slide2 .btn {
        font-size: 12px;
        margin-top: 0px;
        padding: 2px 8px;
    }
    .slide4 .slide4-btn {
        margin-top: 0px
    }
    .slide4 .slide4-btn .btn {
        font-size: 11px;
        padding: 4px;
        margin: 2px
    }
    .slideabout h1 {
        font-size: 20px;
        margin: 10px auto 0px;
    }
    .slideabout h2 {
        font-size: 12px;
    }
}

.bs-controls .carousel-control {
    z-index: 999
}

.bs-pagination {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    z-index: 999
}

.bs-pagination .pagination_round li {
    text-indent: -9999px;
    display: inline-block;
    margin: 0 5px
}

.bs-pagination .pagination_round li a {
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid #76787B;
    border-radius: 50px
}

.carousel-control .icon-angle-left,
.carousel-control .icon-prev {
    margin-left: -15px
}

.carousel-control .icon-angle-left,
.carousel-control .icon-angle-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    height: 30px;
    margin-top: -15px;
    width: 30px
}

@media (min-width: 768px) {
    .carousel-control .icon-angle-left,
    .carousel-control .icon-angle-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        font-size: 50px;
    }
}

.carousel-control .icon-angle-right,
.carousel-control .icon-next {
    margin-right: -10px;
    right: 50%
}

.carousel-control .icon-angle-left,
.carousel-control .icon-angle-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5
}


/*leftr=================================================================================*/

.left-block .panel {
    border-radius: 0;
    border-color: #E2E8F0;
}

.left-block .panel-title {
    font-size: 14px;
    text-transform: uppercase;
}

.left-block .panel-heading {
    background: #E2E8F0;
    padding: 8px 15px
}

.left-block .list-group-item {
    border: 0;
    padding: 4px 15px;
}

.left-block .list-group {
    margin: 10px auto;
}

.left-block .badge {
    font-weight: 400;
    background: #eee;
    padding: 2px 7px;
    color: #4c4f53;
}

.left-sub-menu .icon-caret-right {
    margin-right: 5px;
    font-size: 14px;
}

.left-sub-menu .menu-active>a>.icon-caret-right:before,
.s-side .iconRotate .icon-caret-right:before {
    content: "\f0d7";
    color: #1ea487
}

.left-sub-menu .list-group-item ul {
    padding: 0 0 0 15px;
}

.left-sub-menu .list-group-item ul li {
    padding: 2px 0 2px 10px;
    color: #ccc;
}

.left-sub-menu .list-group-item ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.left-sub-menu .list-group-item .icon-Placeholder {
    margin-right: 13px
}

.left-sub-menu .list-group-item ul span {
    margin-right: 5px;
}

.left-block li.li-active>a,
.left-block li.li-active>span>a {
    font-weight: 700
}

.left-block .menu-active>span>a {
    font-weight: 700
}

.left-block .dl-horizontal dd {
    margin-left: 55px;
}

.left-block .dl-horizontal dt {
    font-weight: 400;
    text-align: left;
    width: 55px;
}

.left-block .left-contact {
    padding: 15px 15px 0;
}

.left-block .left-contact li {
    margin: 0 0 15px;
}

.left-block.affix-top {
    position: relative;
}

.left-block.affix {
    top: 40px;
}

.left-block.affix,
#checkout-layer.affix-bottom {
    width: 262px;
}

.left-block.affix-bottom {
    position: absolute;
}

@media (min-width: 1200px) {
    .left-block.affix,
    .left-block.affix-bottom {
        width: 262px;
    }
}


/*footerr=================================================================================*/


/*Search*/

.searchorder {
    margin: 10px 0 20px;
    max-width: 600px;
}

.search-filters .list-group {
    font-size: 14px;
}

.search-filters small {
    color: #666666;
    margin-left: 5px;
}

.search-filters .checkbox {
    margin: 3px 5px 0 0;
    padding: 0;
    display: inline-block;
    float: left;
}

.search-filters .list-group-item ul {
    padding: 5px 0 5px 15px;
    font-size: 13px;
}

.left-block .search-filters .list-group {
    margin: 0 auto;
}

.search-filters .search-filters-menu {
    padding: 5px 0;
}

.search-filters .left-sub-menu .list-group-item ul li {
    padding-left: 5px;
}

.search-filters .search_clearall {
    float: right;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    color: #2096f6;
    text-decoration: underline;
}

.search-filters label {
    font-weight: 400;
    cursor: pointer;
    color: #4c4f53;
}


/*User*/

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .layer-logo img {
    height: 60px;
}

.layer-header {
    text-align: center;
    padding: 20px auto;
}

.layer-header .layer-logo {
    max-height: 65px;
}

#getpasswordform {
    text-align: center;
}

#getpasswordform .form-control {
    max-width: 250px;
    margin: 0 auto;
}

#getpasswordform .btn {
    border-radius: 15px;
}

.account-layer h4 {
    font-size: 14px;
    margin: 0;
    padding: 5px 0 0;
}

.ajax-user-layer .btn-register,
.ajax-user-layer .btn-register:hover {
    background: #4C4F53;
    color: #FFFFFF
}

#layer-quick-login .checkbox {
    margin: 0;
}

#layer-quick-login #cookietime {
    top: -1px;
}

.ajax-user-layer .btn {
    margin: 0 10px;
    border-radius: 15px;
    padding: 5px 35px;
}

.ajax-user-layer .layer-hide {
    display: none;
}

#layer-register .form-group .control-label {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 400;
}

.customer-center h1 {
    font-size: 15px;
    margin: 0 0 15px;
}

.userbox-inner {
    border: 1px solid #E2E8F0;
    border-radius: 3px;
    background: #fff;
    margin: 20px 0;
    padding: 10px;
}

.userbox-header {
    border: 0;
    border-bottom: 1px solid #E2E8F0;
    border-radius: 3px 3px 0 0;
    padding-bottom: 10px;
}

.userbox-header h4 {
    font-size: 15px;
    white-space: nowrap;
    margin: 0;
}

.userbox-content {
    padding: 10px;
    font-size: 14px;
    color: #2096f6;
}

.userbox-content label {
    width: 128px;
    font-weight: 400;
    color: #333;
}

.userbox-content .btn {
    border-radius: 150px;
    padding: 5px 25px;
}

.userbox-content .btn-default {
    border-color: #feb042
}

.userbox-content .btn-default:hover {
    background: #1ea487;
    color: #fff;
}

.userbox-content dt {
    color: #333;
    font-weight: 400;
}

.userbox-content dt span {
    color: #feb042
}

@media (min-width: 768px) {
    .userbox-content dt {
        width: 120px;
    }
    .userbox-content dd {
        margin-left: 140px;
    }
}

.userbox-content .shipping-address-menu {
    color: #E2E8F0;
    text-align: right;
}

.userbox-content .shipping-address-menu a {
    color: #feb042
}

.user-address-box h4 {
    font-size: 14px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 10px;
    position: relative;
}

.user-address-box h4 .checkbox {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    right: 0;
    top: 0;
    padding-top: 0;
    color: #feb042;
}

.user-address-box h4 .checkbox input[type=checkbox] {
    margin-top: 1px;
}

.user-address-box .form-group .control-label {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 400;
}

.required {
    color: #a94442;
}

.form-2-button {
    text-align: center;
}

.form-2-button .btn {
    margin: 0 10px;
}

.shopping-checkout h1 {
    border: 0px;
    margin-top: 0px;
}

.userbox-checkout .userbox-content label {
    width: auto;
}

.user-address-list {
    border: 1px solid #fff;
    padding: 5px;
}

.address-default,
.address-default:hover {
    border: 1px solid #feb042;
    background: #FFF9EE url(../Images/curmarker.png) no-repeat scroll right bottom
}

.userbox-checkout dl.dl-horizontal {
    margin-bottom: 0px
}

.userbox-checkout .user-address-list p {
    margin-bottom: 0px;
    padding-right: 50px;
}

.user-address-list label {
    font-weight: 700;
}

.dl-order-tatal {
    font-weight: 700;
    border-top: 1px solid #E2E8F0;
    padding: 15px 0 0;
    margin: 0;
    font-size: 15px;
}

.shopping-cart .subtotal-cart-info .dl-order-tatal dt {
    font-weight: 700
}

.userbox-checkout .userbox-header {
    padding: 0 0 10px 10px;
}

.cardtitle {
    margin: 0 15px;
    padding: 15px;
}

.credit-card label {
    text-align: right;
    font-weight: 400;
    color: #333
}

.paymentlist .radio label {
    font-weight: 700;
    font-size: 16px
}

.paymentlist fieldset {
    margin: 15px 0 15px 15px
}

.paymentlist label small {
    font-weight: 400;
    font-size: 12px;
    padding-left: 20px;
}

.userbox-checkout .user-address-box h4 {
    border: 0px;
    background: #f0f4f7;
    padding: 10px;
    margin: 15px 0;
}

.userbox-checkout .user-address-box h4 .checkbox {
    top: 10px;
    right: 10px;
}

.user-formbox {
    padding: 30px 15px 15px;
}

.user-formbox label {
    text-align: left;
    font-weight: 400;
    color: #333
}

.user-formbox .btn-abclonal {
    border-radius: 150px;
    padding: 5px 25px;
}

.user-formbox .checkbox {
    margin-bottom: 5px;
}

.user-formbox .checkbox input[type=checkbox] {
    margin: 2px 0 0 -20px;
}

.cart-success h1 {
    margin-bottom: 15px;
    font-size: 26px;
    color: #3c763d
}

.cart-success p {
    color: #666;
    margin-bottom: 25px
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.guest-checkout-btn {
    border-radius: 50px;
    width: 100%;
    text-transform: inherit;
}

#checkout-layer.affix-top {
    position: relative;
}

#checkout-layer.affix {
    top: 40px;
}

#checkout-layer.affix,
#checkout-layer.affix-bottom {
    width: 293px;
}

#checkout-layer.affix-bottom {
    position: absolute;
}

@media (min-width: 1200px) {
    #checkout-layer.affix,
    #checkout-layer.affix-bottom {
        width: 360px;
    }
}


/*common*/

@media screen and (max-width:768px) {
    .btn {
        margin-bottom: 10px;
    }
    .nav-yellow-title.nav>li>a {
        font-size: 13px;
    }
    .nav>li>a {
        padding: 5px 8px;
    }
}


/*ChIP-SeQ*/

.btn-application {
    padding: 0 5px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #ccc;
    margin: 0 2px;
}

.btn-application:hover {
    color: #fff;
}

a.btn-application[data-label=WB] {
    border: 2px solid #6b6b6b;
    background-color: #6b6b6b;
}

a.btn-application[data-label=none] {
    display: none;
}

a.btn-application[data-label=IHC] {
    border: 2px solid #c65911;
    background-color: #c65911;
}

a.btn-application[data-label=ICC] {
    border: 2px solid #745399;
    background-color: #745399;
}

a.btn-application[data-label=IF] {
    border: 2px solid #5959ff;
    background-color: #5959ff;
}

a.btn-application[data-label=IP] {
    border: 2px solid #f4b62c;
    background-color: #f4b62c;
}

a.btn-application[data-label=ChIP] {
    border: 2px solid #a6a5c4;
    background-color: #a6a5c4;
}

a.btn-application[data-label=ChIPseq] {
    border: 2px solid #6c88c6;
    background-color: #6c88c6;
}

a.btn-application[data-label=ChIP-seq] {
    border: 2px solid #6c88c6;
    background-color: #6c88c6;
}

a.btn-application[data-label=RIP] {
    border: 2px solid #ffca99;
    background-color: #ffca99;
}

a.btn-application[data-label=FC] {
    border: 2px solid #e25a53;
    background-color: #e25a53;
}

a.btn-application[data-label=FCM] {
    border: 2px solid #bb5548;
    background-color: #bb5548;
}

a.btn-application[data-label=ELISA] {
    border: 2px solid #80aba9;
    background-color: #80aba9;
}

a.btn-application[data-label=MeDIP] {
    border: 2px solid #ae8d92;
    background-color: #ae8d92;
}

a.btn-application[data-label=DB] {
    border: 2px solid #fc8ca8;
    background-color: #fc8ca8;
}

a.btn-application[data-label=FCM] {
    border: 2px solid #da496d;
    background-color: #da496d;
}

a.btn-application[title*=Nucleotide],
a.btn-application[data-label^=Nucleotide] {
    border: 2px solid #fe7250;
    background-color: #fe7250;
}


/*布局*/

@media screen and (min-width:480px) and (max-width:599px) {
    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width:720px) and (max-width:839px) {
    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width:840px) and (max-width:1023px) {
    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .container-fluid {
        width: 100%;
        max-width: 970px;
        min-width: 755px;
        margin: 0 auto;
    }
}

@media screen and (min-width:1280px) and (max-width:1599px) {
    .container-fluid {
        width: 100%;
        max-width: 1170px;
        min-width: 755px;
        margin: 0 auto;
    }
}

@media screen and (min-width:1600px) and (max-width:1919px) {
    .container-fluid {
        width: 100%;
        max-width: 1200px;
        min-width: 755px;
        margin: 0 auto;
    }
}

@media screen and (min-width:1920px) {
    .container-fluid {
        width: 100%;
        max-width: 1260px;
        min-width: 755px;
        margin: 0 auto;
    }
}


/*  搜索框-验证样式  */

#sear-top .help-block {
    background: rgba(231, 216, 84, 0.49);
    padding: 0.5rem;
    text-align: left;
    margin-left: 92px;
    margin-top: 0;
}


/* 关键词搜索框  */

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background: #fff;
    z-index: 999;
    border: 1px solid #dbdbdb;
    max-width: 495px
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete li {
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    height: 30px;
    overflow: hidden
}

.ui-autocomplete li:hover {
    background: #1ea487;
    color: #fff
}

.search-type-select i {
    font-style: normal;
    margin-right: 5px;
}

.login_cart #member-menu {
    margin-right: 10px;
}

a.btn-identification {
    background-color: #e8e8e8;
    font-size: 12px;
    padding: 0 4px 0px 0;
    color: #666;
    font-weight: bold;
    text-align: center;
    margin-right: 15px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
}

a.btn-identification span {
    display: inline-block;
    padding: 0px 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
    margin-right: 3px;
    height: 25px;
    line-height: 25px;
}

a.btn-identification[title=KO] span {
    background-color: #f4b62c;
}

a.btn-identification[title=rmab] span {
    background-color: #8e8daf;
}

a.btn-identification[title=Pathology] span {
    background-color: #c65911;
}

a.btn-identification[title=one-step] span {
    background-color: #6c88c6;
}

.hover p {
    color: white !important;
}

.selected p {
    color: white !important;
}