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

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background: 0 0
}

a:active, a:hover {
    outline: 0
}

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none;
    cursor: pointer
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@font-face {
    font-family: 'Code Pro Regular';
    src: url("../_static/fonts/code_pro_lc-webfont.woff2") format("woff2"), url("../_static/fonts/code_pro_lc-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Source Sans';
    src: url("../_static/fonts/sourcesanspro-regular-webfont.eot");
    src: url("../_static/fonts/sourcesanspro-regular-webfont.eot?#iefix") format("eot"), url("../_static/fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../_static/fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../_static/fonts/sourcesanspro-regular-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

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

body, html {
    min-height: 101%
}

body {
    background: #fff;
    color: #000;
    font: 17px/1.5 "Source Sans", sans-serif;
    font-weight: 300;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

a {
    transition: all ease 0.3s;
    color: #83A93E
}

h1, h2, h3, h4 {
    margin: 0;
    font-weight: 400;
    color: #83A93E;
    font-family: "Code Pro Regular", sans-serif
}

h1 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: 0.5em
}

h2 {
    font-size: 1.7em
}

h3 {
    font-size: 1.6em
}

h4 {
    font-size: 1.4em
}

h1 a, h2 a, h3 a, h4 a {
    text-decoration: none;
    color: #83A93E
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    text-decoration: underline
}

strong {
    font-weight: 400
}

.container {
    max-width: 1600px;
    margin: 0 auto
}

.btn {
    color: #000;
    padding: 0.5em 0.8em;
    display: inline-block;
    text-decoration: none;
    border-radius: 15px;
    transition: 0.3s;
    text-align: center;
    font-family: "Code Pro Regular", sans-serif
}

.btn.btn-tsl-green {
    color: #fff;
    background: #83A93E
}

.btn.btn-tsl-green:active {
    background: #759637
}

@media (min-width:800px) {
    .btn.btn-tsl-green:hover {
        background: #759637;
        color: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.btn.btn-tsl-mid-green {
    color: #fff;
    background: #00793A
}

.btn.btn-tsl-mid-green:active {
    background: #00602e
}

@media (min-width:800px) {
    .btn.btn-tsl-mid-green:hover {
        background: #00602e;
        color: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.btn.btn-tsl-dark-green {
    color: #fff;
    background: #005826
}

.btn.btn-tsl-dark-green:active {
    background: #003f1b
}

@media (min-width:800px) {
    .btn.btn-tsl-dark-green:hover {
        background: #003f1b;
        color: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.btn.btn-sunsetorange {
    color: #fff;
    background: #ff8a00
}

.btn.btn-sunsetorange:active {
    background: #e67c00
}

@media (min-width:800px) {
    .btn.btn-sunsetorange:hover {
        background: #e67c00;
        color: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.btn.btn-firered {
    color: #fff;
    background: #c01111
}

.btn.btn-firered:active {
    background: #a90f0f
}

@media (min-width:800px) {
    .btn.btn-firered:hover {
        background: #a90f0f;
        color: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

.btn.btn-blanc {
    color: #000;
    background: #fff
}

.btn.btn-blanc:active {
    background: #f2f2f2
}

@media (min-width:800px) {
    .btn.btn-blanc:hover {
        background: #f2f2f2;
        color: #fff;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}

@media (min-width:800px) {
    .btn.btn-blanc:hover {
        color: #fff;
        background: #005826
    }
}

@media (min-width:800px) {
    .flex {
        display: flex;
        display: -ms-flex;
        display: -webkit-flex
    }

    .flex-vert-align {
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        align-items: flex-start;
        -ms-align-items: flex-start;
        -webkit-align-items: flex-start;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column
    }
}

@media (min-width:1200px) {
    .flex1200 {
        display: flex;
        display: -ms-flex;
        display: -webkit-flex
    }
}

.box-padding {
    padding: 1em 2em
}

.category-box-padding {
    padding: 1em
}

@media (min-width:1600px) {
    .category-box-padding {
        padding: 1em 0
    }
}

.grid {
    width: 100%
}

@media (min-width:800px) {
    .grid {
        float: left
    }

    .grid1_12 {
        width: calc(100%/12*1)
    }

    .grid2_12 {
        width: calc(100%/12*2)
    }

    .grid3_12 {
        width: calc(100%/12*3)
    }

    .grid4_12 {
        width: calc(100%/12*4)
    }

    .grid5_12 {
        width: calc(100%/12*5)
    }

    .grid6_12 {
        width: 50%
    }

    .grid7_12 {
        width: calc(100%/12*7)
    }

    .grid8_12 {
        width: calc(100%/12*8)
    }

    .grid9_12 {
        width: calc(100%/12*9)
    }

    .grid10_12 {
        width: calc(100%/12*10)
    }

    .grid11_12 {
        width: calc(100%/12*11)
    }

    .grid12_12 {
        width: 100%
    }
}

@media (min-width:800px) {
    .box-padding-left {
        padding-left: 1em
    }
}

.phone-nav-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: #eee;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex
}

.phone-nav-top:after {
    clear: both;
    content: '';
    display: block
}

.phone-nav-top .stickyheader-left {
    float: left
}

.phone-nav-top .stickyheader-left a {
    color: #005826 !important
}

.phone-nav-top .stickyheader-right {
    float: right
}

.phone-nav-top .stickyheader-right .btn {
    width: 100%
}

.phone-nav-top .stickyheader-btn {
    width: 50%;
    display: inline-block;
    text-decoration: none;
    padding: 0.5em;
    text-align: center
}

.phone-nav-top .stickyheader-btn.menu-btn {
    background: #00793A;
    color: #fff
}

.phone-nav-top .stickyheader-btn.toggle-location-numbers {
    background: #83A93E;
    color: #fff
}

.phone-nav-top .stickyheader-btn a {
    color: #fff
}

@media (min-width:1400px) {
    .phone-nav-top {
        display: none
    }
}

header[role=banner] {
    background: #fff
}

@media (min-width:1400px) {
    header[role=banner] {
        max-height: 150px
    }
}

header[role=banner] .container {
    padding: 0
}

header[role=banner]:before {
    content: '';
    height: 40px;
    display: block
}

@media (min-width:1400px) {
    header[role=banner]:before {
        display: none
    }
}

header[role=banner] h1 {
    display: none
}

header[role=banner] .logo {
    display: block;
    max-width: 380px;
    width: 100%;
    transition: all ease 0.3s;
    margin: 0 auto;
    text-align: center;
    padding: 1.7em 1em 0 1em
}

header[role=banner] .logo:hover {
    opacity: 0.8
}

@media (min-width:800px) {
    header[role=banner] .logo {
        float: left;
        width: 350px;
        padding: 2.5em 1em 1.1em 1em
    }
}

@media (min-width:1400px) {
    header[role=banner] .logo {
        float: left;
        width: calc(100/12*3%)
    }

    header[role=banner] .logo img {
        width: 100%;
        max-width: 80%
    }
}

.phone-top-right {
    display: none
}

.top-bar {
    display: none
}

@media (min-width:1400px) {
    .top-bar {
        display: block;
        text-align: right;
        width: calc(100/12*9%);
        background: #83A93E;
        float: right;
        padding: 0 1em
    }

    .top-bar ul {
        display: inline-block
    }

    .top-bar ul li {
        display: inline-block;
        list-style: none
    }

    .top-bar ul.top-nav li.current-menu-item a {
        border-top: 2px solid #fff
    }

    .top-bar ul.top-nav li a {
        color: #fff;
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        border-top: 2px solid #83A93E
    }

    .top-bar ul.top-nav li a:hover {
        border-top: 2px solid #0f1407;
        color: #0f1407
    }

    .top-bar .phone-top-right {
        display: inline-block
    }

    .top-bar .phone-top-right a {
        color: #000
    }

    .top-bar .credit-cards {
        display: inline-block;
        float: left;
        padding-top: 0.5em
    }

    .top-bar .credit-cards ul {
        list-style: none
    }

    .top-bar .credit-cards ul li {
        display: inline-block;
        vertical-align: middle
    }

    .top-bar .credit-cards img {
        width: 100%;
        max-width: 40px;
        max-height: 28px;
        margin-right: 0.1em
    }
}

@media (min-width:1400px) {
    .nav-search {
        display: block;
        text-align: right;
        width: calc(100/12*9%);
        float: right
    }
}

form.search-form {
    padding: 1em
}

@media (min-width:800px) {
    form.search-form {
        width: 50%;
        float: right;
        padding: 0;
        padding-top: 2.8em
    }
}

@media (min-width:1400px) {
    form.search-form {
        width: 20%;
        float: right;
        padding-top: 1.2em
    }
}

form.search-form input.search-field {
    background: #f1f0f0;
    color: #000;
    font-family: "FontAwesome", sans-serif
}

form.search-form button.search-submit, form.search-form input.search-field {
    display: inline-block;
    border: none;
    padding: 10px;
    line-height: 1.3em
}

form.search-form button.search-submit {
    background: #00793A;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    transition: .3s
}

form.search-form button.search-submit:hover {
    background: #005826
}

form.search-form:after {
    content: '';
    display: block;
    clear: both
}

.mm-hidden {
    display: none !important
}

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

.mm-menu, .mm-menu>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

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

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

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

.mm-menu>.mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

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

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

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-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 {
    height: 40px;
    bottom: auto
}

.mm-listview>li.mm-vertical>.mm-next:after, .mm-vertical .mm-listview>li>.mm-next:after {
    top: 16px;
    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(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.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 {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    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>a.mm-arrow, .mm-listview>li>span.mm-arrow {
    padding-right: 50px
}

.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-menu>.mm-panel>.mm-listview {
    margin: 20px -20px
}

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

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

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

.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-arrow:after, .mm-next:after, .mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 20px
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 20px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7)
}

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

.mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
    border-color: rgba(0, 0, 0, 0.3)
}

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

.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(0, 0, 0, 0.3)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.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, 0.05)
}

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

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

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease
}

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

html.mm-opened 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: 999999
}

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

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

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

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

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

@media (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

.mm-menu.mm-bottom.mm-autoheight, .mm-menu.mm-top.mm-autoheight {
    max-height: 80%
}

.mm-menu.mm-bottom.mm-autoheight.mm-fullscreen, .mm-menu.mm-top.mm-autoheight.mm-fullscreen {
    max-height: 100%
}

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

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 {
    padding-left: 40px
}

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
}

.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(0, 0, 0, 0.3)
}

.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);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-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: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-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, 0.05)
}

html.mm-opened.mm-dragging #mm-blocker, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left, right;
    -moz-transition-property: -moz-transform, left, right;
    -ms-transition-property: -ms-transform, left, right;
    -o-transition-property: -o-transform, left, right;
    transition-property: transform, left, right
}

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

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    right: 40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

.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;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.mm-subopened .mm-subblocker {
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

.mm-navbar-top~.mm-navbar-top {
    border-bottom: none
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none
}

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

.mm-close:after {
    content: 'x'
}

.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-navbar-top-1 {
    top: 0px
}

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

.mm-hasnavbar-top-1 .mm-indexer {
    top: 50px
}

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

.mm-navbar-top-2 {
    top: 40px
}

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

.mm-hasnavbar-top-2 .mm-indexer {
    top: 90px
}

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

.mm-navbar-top-3 {
    top: 80px
}

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

.mm-hasnavbar-top-3 .mm-indexer {
    top: 130px
}

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

.mm-navbar-top-4 {
    top: 120px
}

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

.mm-hasnavbar-top-4 .mm-indexer {
    top: 170px
}

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

.mm-navbar-bottom-1 {
    bottom: 0px
}

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

.mm-hasnavbar-bottom-1 .mm-indexer {
    bottom: 50px
}

.mm-navbar-bottom-2 {
    bottom: 40px
}

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

.mm-hasnavbar-bottom-2 .mm-indexer {
    bottom: 90px
}

.mm-navbar-bottom-3 {
    bottom: 80px
}

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

.mm-hasnavbar-bottom-3 .mm-indexer {
    bottom: 130px
}

.mm-navbar-bottom-4 {
    bottom: 120px
}

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

.mm-hasnavbar-bottom-4 .mm-indexer {
    bottom: 170px
}

.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-search, .mm-search input {
    box-sizing: border-box
}

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

.mm-search input {
    border: none;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px
}

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

.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;
    display: none;
    padding: 40px 0
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.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, 0.05);
    color: rgba(0, 0, 0, 0.7)
}

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

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    z-index: 3;
    -webkit-transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -ms-transition: right 0.4s ease;
    -o-transition: right 0.4s ease;
    transition: right 0.4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-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, 0.3)
}

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: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-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, 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, 0.7)
}

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

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

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease
}

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

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease
}

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

html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

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

html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

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

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

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

.mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0)
}

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

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

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:first-child {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms
}

html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms
}

html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

@media (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -moz-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        -o-transform: translate(10000px, 0);
        transform: translate(10000px, 0)
    }
}

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

@media (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -moz-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        -o-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0)
    }
}

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

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a, .mm-listview.mm-multiline>li .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-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

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

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

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

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

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

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

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

@media (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

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

.mm-menu.mm-front {
    z-index: 1
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

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

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

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

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

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

.mm-menu.mm-theme-dark {
    background: #333333;
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8)
}

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

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

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

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

.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, 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, 0.05)
}

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

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

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

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

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

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

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

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

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

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

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

.mm-menu.mm-theme-white {
    background: white;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6)
}

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

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

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

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

.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, 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, 0.03)
}

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

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

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

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

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

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

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

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

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

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

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

.mm-menu.mm-theme-black {
    background: black;
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6)
}

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

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

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

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

.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, 0.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, 0.2)
}

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

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

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

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

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

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

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

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

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

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

.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>a, .mm-menu.mm-tileview .mm-listview>li>span, .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:after, .mm-menu.mm-tileview .mm-listview>li>.mm-next:before, .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
}

#mmenu:not(.mm-menu) {
    display: none
}

#mmenu .mobile-colour {
    background: #83A93E
}

#mmenu .mobile-colour a {
    color: #fff !important
}

#mmenu .current-menu-item>a, #mmenu .current-menu-parent>a {
    background: #005826;
    color: #fff
}

nav[role=navigation] {
    display: none
}

@media (min-width:1400px) {
    nav[role=navigation] {
        display: block;
        font-size: .95em;
        text-align: left;
        width: 80%;
        float: left
    }

    nav[role=navigation] li {
        display: inline;
        position: relative
    }

    nav[role=navigation] li.menu-item-has-children>a:after {
        content: "\f141";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -8px;
        font: 1em/1 FontAwesome
    }

    nav[role=navigation] .current-menu-item>a, nav[role=navigation] .current-menu-parent>a {
        color: #005826 !important;
        border-bottom: 2px solid #005826 !important
    }

    nav[role=navigation] a {
        display: inline-block;
        text-decoration: none;
        color: #000;
        padding: 1.6em 0.5em;
        border-bottom: 2px solid #83A93E
    }

    nav[role=navigation] a:hover {
        color: #005826;
        background: #E5F1D4;
        border-bottom: 2px solid #005826
    }

    nav[role=navigation] .sub-menu {
        position: absolute;
        background: #83A93E;
        top: 51px;
        left: -100%;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        width: 300%;
        -webkit-transition: .3s;
        transition: .3s;
        padding-right: 4px
    }

    nav[role=navigation] .sub-menu li {
        width: 100%;
        float: left
    }

    nav[role=navigation] .sub-menu .current-menu-item a {
        color: #005826 !important;
        border-left: 5px solid #005826 !important;
        background: #E5F1D4
    }

    nav[role=navigation] .sub-menu a {
        color: #fff;
        display: block;
        border-bottom: 1px solid #668430;
        border-left: 1px solid #83A93E;
        padding: 0.5em
    }

    nav[role=navigation] .sub-menu a:hover {
        color: #83A93E;
        border-left: 5px solid #005826
    }

    nav[role=navigation] .sub-menu:hover {
        display: block;
        opacity: 1;
        visibility: visible
    }

    nav[role=navigation] a:hover+.sub-menu {
        display: block;
        opacity: 1;
        visibility: visible
    }
}

@media (min-width:1600px) {
    nav[role=navigation] {
        font-size: 1em
    }
}

nav[role=navigation]:after {
    content: '';
    display: block;
    clear: both
}

.index-intro {
    background: #E5F1D4;
    padding: 1em;
    margin: 1em 0
}

.index-intro h3 {
    font-size: 1.4em
}

.index-intro p {
    margin: 1em 0;
    font-size: 1.3em;
    line-height: 1.7em;
    font-weight: 400
}

.index-intro p.headline {
    font-size: 1.4em;
    color: #83A93E
}

.case-study .image img {
    max-width: 180px;
    display: block;
    margin: 0 auto;
    padding: 1em;
    width: 100%
}

@media (min-width:800px) {
    .case-study {
        width: 50%;
        float: right
    }
}

@media (min-width:1200px) {
    .case-study .image {
        float: left;
        width: 35%;
        padding: 1em
    }

    .case-study .content {
        float: right;
        width: 65%
    }
}

.hero {
    margin: 1em 0;
    font-family: "Code Pro Regular", sans-serif
}

.hero.bgcover {
    background-size: cover;
    background-position: center center
}

.hero.bgcover .hero-content {
    width: 100%;
    padding: 3em 1em;
    background: rgba(0, 68, 139, 0.3);
    color: #83A93E;
    font-weight: 400;
    text-align: center
}

.hero.bgcover .hero-content .hero-text {
    display: inline-block;
    padding: 0.7em 2em 1em 2em;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #fff
}

.hero.bgcover .hero-content .hero-text p.hero-primary span {
    color: #83A93E;
    font-size: 1.1em;
    display: block
}

.hero.bgcover .hero-content p {
    color: #00793A;
    font-size: 1.4em
}

.hero.bgcover .hero-content p span.ld-phonenumber {
    display: inline-block
}

@media (min-width:800px) {
    .hero.bgcover {
        padding: 4em 2em 4em 0
    }

    .hero.bgcover .hero-content {
        text-align: left;
        background: none;
        padding: 0
    }

    .hero.bgcover .hero-content .hero-text {
        background: rgba(255, 255, 255, 0.8);
        max-width: 800px
    }

    .hero.bgcover .hero-content .hero-text p {
        font-size: 1.2em
    }

    .hero.bgcover .hero-content .hero-text p.hero-primary {
        font-size: 1.9em;
        line-height: 1.2em;
        margin-bottom: 0.5em
    }
}

@media (min-width:1200px) {
    .hero.bgcover {
        padding: 7em 0 7em 0
    }
}

.hero-index {
    max-width: 1600px;
    margin: 1em auto;
    font-family: "Code Pro Regular", sans-serif
}

.hero-index .hero-content {
    background-size: cover;
    padding: 1em;
    color: #fff;
    font-size: 2em;
    text-align: center;
    text-shadow: 1px 1px 15px #516400
}

.hero-index .hero-content p {
    margin: 0;
    line-height: 1.2em
}

.hero-index .hero-content p span {
    font-weight: 400;
    font-size: 1.2em;
    display: block
}

@media (min-width:800px) {
    .hero-index .hero-content {
        padding: 4em 1em 1em 1em;
        font-size: 2.5em;
        text-align: left
    }

    .hero-index .hero-content p {
        line-height: 1.2em
    }

    .hero-index .hero-content p span {
        font-weight: 400;
        font-size: 1.4em
    }
}

@media (min-width:1200px) {
    .hero-index .hero-content {
        padding: 5em 1em 1em
    }
}

.hero-index .icon {
    border-radius: 50%;
    border: 2px solid #f1f0f0;
    text-align: center;
    width: auto;
    display: inline-block;
    padding: 1em;
    margin: 0 auto 1em auto;
    color: #fff
}

.hero-index .about-us, .hero-index .products {
    background: url(../_static/images/index-hero-about-us-bg.jpg) top left/cover no-repeat;
    text-align: center;
    color: #fff;
    padding: 2em
}

.hero-index .about-us p, .hero-index .products p {
    margin: 1em 0;
    font-family: "Source Sans", sans-serif
}

.hero-index .about-us h3, .hero-index .products h3 {
    color: #fff
}

.hero-index .products {
    background: url(../_static/images/index-hero-products-bg.jpg) top left/cover no-repeat
}

.tax-hero {
    padding: 2em;
    text-align: center;
    position: relative;
    background: rgba(0, 88, 38, 0.7);
    color: #fff
}

.tax-hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover
}

.tax-hero .hero-content p {
    margin: 0.5em auto;
    max-width: 800px
}

.tax-hero .hero-content p.hero-primary {
    font-size: 1.5em;
    font-weight: 400
}

@media (min-width:800px) {
    .tax-hero .hero-content p.hero-primary {
        font-size: 2.5em
    }
}

.child-buckets {
    margin: 0 0 1em 0;
    list-style: none
}

.child-buckets li {
    text-align: center;
    background-size: cover;
    background-position: center center
}

.child-buckets li a {
    padding: 5em 0.3em;
    display: block
}

.child-buckets li a span {
    background: #005826;
    color: #fff;
    padding: 0.5em 0.8em;
    display: inline-block;
    text-decoration: none;
    border-radius: 15px;
    transition: 0.3s;
    text-align: center;
    font-family: "Code Pro Regular", sans-serif
}

.child-buckets li a:hover span {
    padding-left: 1.3em;
    padding-right: 1.3em;
    background: #83A93E
}

@media (min-width:800px) {
    .child-buckets li {
        width: 20%;
        float: left
    }
}

#breadcrumbs {
    border-bottom: 1px solid #f1f0f0;
    font-size: 0.9em;
    font-weight: 100;
    margin: 0;
    padding: 0.3em 1em;
    color: #495e23
}

#breadcrumbs a {
    color: #005826;
    text-decoration: underline
}

#breadcrumbs a:hover {
    color: #83A93E
}

@media (min-width:1600px) {
    #breadcrumbs {
        padding: 0.3em 0
    }
}

article .intro-copy {
    border-left: #E5F1D4 10px solid;
    font-size: 1.2em;
    padding: 2em;
    position: relative;
    background: #fcfefa
}

article .intro-copy p:first-of-type {
    margin-top: 0;
    font-size: 1.2em
}

article .secondary-content {
    border-left: 10px solid #f3f9eb
}

article .secondary-content p:first-of-type {
    font-weight: 400
}

article p {
    margin: 1em 0;
    line-height: 1.7em;
    overflow-wrap: break-word;
    word-wrap: break-word
}

article iframe {
    max-width: 100%
}

article ul {
    margin: 1em 0;
    list-style: none
}

article ul li {
    border-left: 2px solid #E5F1D4;
    padding: 0 1em;
    margin: 0.4em 0
}

@media (min-width:1200px) {
    article ul {
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        flex-wrap: wrap
    }

    article ul li {
        width: 50%
    }
}

article a {
    color: #83A93E
}

article a:hover {
    color: #005826
}

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

@media (min-width:480px) {
    article img.left {
        float: left;
        margin: .5em .5em .5em 0
    }

    article img.center {
        clear: both;
        margin: 0 auto
    }

    article img.right {
        float: right;
        margin: .5em 0 .5em .5em
    }
}

article table {
    width: 100%
}

.product-listing {
    border-bottom: 1px solid #f1f0f0;
    margin: 1em 0;
    padding: 1em 0
}

.product-listing .product-listing-image {
    text-align: center
}

.product-listing .product-listing-image img {
    padding: 0.3em;
    border: 1px solid #f1f0f0;
    border-radius: 15px;
    max-width: 100%;
    max-height: 220px;
    display: block;
    margin: 0 auto;
    transition: 0.3s
}

.product-listing .product-listing-image img:hover {
    border-color: #83A93E
}

.product-listing .product-listing-image a {
    width: 100%
}

.product-listing .product-listing-content h2 a {
    text-decoration: none
}

.product-listing .product-listing-content p {
    margin: 0.4em 0
}

.product-listing .product-listing-side {
    font-size: 0.8em;
    margin: 1em 0
}

.product-listing .product-listing-side p {
    margin: 0.6em 0
}

.product-listing .product-listing-order span {
    display: inline-block
}

.product-listing .product-listing-order a {
    color: #fff
}

.product-listing:after {
    content: '';
    display: block;
    clear: both
}

@media (min-width:1200px) {
    .product-listing .product-listing-image {
        float: left;
        width: 20%
    }

    .product-listing .product-listing-content {
        width: 45%;
        float: left;
        padding: 0 1em
    }

    .product-listing .product-listing-side {
        width: 35%;
        margin: 0;
        float: right;
        clear: none
    }
}

.next-prev-links {
    width: 100%;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex
}

.next-prev-links div {
    display: block;
    width: 50%;
    float: left
}

.next-prev-links div a {
    display: block;
    padding: 1em;
    color: #fff;
    text-decoration: none;
    width: 100%;
    background: #83A93E
}

.next-prev-links div a:hover {
    background: #E5F1D4
}

.next-prev-links div.next-posts {
    float: right
}

.next-prev-links div.next-posts a {
    background: #00793A;
    text-align: right
}

.next-prev-links div.next-posts a:hover {
    background: #E5F1D4
}

.product-post {
    padding: 1em 0 2em 0
}

.product-post h1 {
    margin: 0
}

.product-post img {
    max-width: 300px;
    width: 100%;
    height: auto
}

.product-post .product-post-left {
    font-size: 0.8em
}

.product-post .product-post-left p {
    margin: 0.6em 0
}

.product-post .product-post-left img {
    margin: 0 0 1em 0
}

.product-post .product-post-image {
    height: 100%;
}

.product-post .product-post-image img {
    margin: 0 auto;
    display: block;
    height: 350px;
    object-fit: contain;
}

.product-post .showfullimage {
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
    text-align: center
}

.product-post .product-listing-order {
    background: #00793A;
    padding: 0.2em 0.5em;
    color: #fff;
    text-align: center
}

.product-post .product-listing-order a {
    color: #fff
}

.product-post .product-post-content ul {
    padding: 20px;
    display: block
}

.product-post .product-post-content ul li {
    list-style: disc;
    width: 100%;
    padding-left: 0;
    border: none
}

.product-post .product-post-right form.callback-form {
    margin-top: 1em
}

.product-post .product-post-right form.callback-form h4 {
    margin-bottom: 0.5em
}

@media (min-width:1200px) {
    .product-post .product-post-right form.callback-form label {
        width: 100%
    }

    .product-post .product-post-right form.callback-form input[type=submit] {
        width: 100%
    }
}

@media (min-width:1200px) {
    .product-post img {
        max-width: 100%
    }

    .product-post .product-post-left {
        width: 25%;
        float: left
    }

    .product-post .product-post-content {
        float: left;
        width: 45%;
        padding: 0 1em
    }

    .product-post .product-post-right {
        float: right;
        width: 30%
    }
}

.product-post:after {
    clear: both;
    content: '';
    display: block
}

.product-post ul.benefits {
    margin: 0;
    padding: 0
}

.product-post ul.benefits li {
    list-style: none
}

.product-post ul.benefits li:before {
    font-family: "FontAwesome";
    content: '\f05d';
    display: inline-block;
    color: #83A93E
}

.taxonomy-info {
    margin: 1em 0 2em 0;
    font-size: 0.7em
}

.taxonomy-info a {
    text-decoration: none;
    padding: 0.5em;
    color: #a7a1a1;
    background: #f1f0f0;
    margin: 0 0 5px 0;
    display: inline-block
}

.taxonomy-info a:hover {
    background: #83A93E;
    color: #fff
}

.delivery {
    color: #00793A
}

.stock.instock {
    color: green
}

.stock.outofstock {
    color: red
}

.on-special-offer, .on-special-offer a {
    color: #ff8a00
}

.best-seller span {
    background: #c01111;
    color: #fff;
    padding: 0.3em 0.5em
}

.latest-products {
    margin: 0.5%;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #f1f0f0
}

.latest-products:after {
    content: '';
    display: block;
    clear: both
}

.latest-products .latest-products-image img {
    max-width: 100px
}

.latest-products .latest-products-content h4 a {
    color: #83A93E;
    text-decoration: none
}

@media (min-width:800px) {
    .latest-products {
        background: #f1f0f0;
        border: none
    }
}

@media (min-width:1200px) {
    .latest-products {
        width: 49%;
        float: left
    }
}

.buckets-all-products {
    list-style: none
}

.buckets-all-products li {
    display: block;
    overflow: hidden
}

.buckets-all-products li a {
    text-align: center;
    display: block;
    padding: 3em 1em;
    text-decoration: none;
    background-size: 100%;
    background-position: center;
    transition: 0.3s
}

.buckets-all-products li a span {
    background: #005826;
    padding: 0.5em 0.8em;
    border-radius: 20px;
    color: #fff;
    transition: .3s
}

.buckets-all-products li a:hover {
    background-size: 110%;
}

.buckets-all-products li a:hover span {
    background: #83A93E;
    color: #fff;
    padding-left: 1.5em;
    padding-right: 1.5em
}

@media (min-width:480px) {
    .buckets-all-products {
        display: flex;
        flex-wrap: wrap
    }

    .buckets-all-products li {
        width: 50%
    }
}

@media (min-width:800px) {
    .buckets-all-products li {
        width: 33.33%
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../_static/images/bxslider/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 5px;
    margin: 0 5px;
    outline: 0
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../_static/images/bxslider/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../_static/images/bxslider/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../_static/images/bxslider/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../_static/images/bxslider/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.home-special-offers-container {
    background: #deedc8;
    width: 100%;
    float: left;
    padding: 1em;
    text-align: center;
    margin: 1em 0
}

.home-special-offers-container h2 {
    margin: 0 0 0.5em 0;
    color: #83A93E
}

.home-special-offers:after {
    content: '';
    clear: both;
    display: block
}

.home-special-offers-product {
    background: #E5F1D4;
    padding: 1em;
    margin: 0 0.5em
}

.home-special-offers-product p.price {
    margin: 0 0 0.6em 0;
    color: #ff8a00;
    font-size: 1.2em
}

.home-special-offers-product img {
    margin: 0 auto;
    display: block;
    padding: 0.3em;
    border: 1px solid #f1f0f0
}

.case-studies-list {
    text-align: center
}

.case-studies-list .main-image {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 150px;
    display: block;
    margin: 1em auto
}

.case-studies-list .single-case-study {
    padding: 2em 1em;
    background: #f1f7e7;
    margin: 0.5em
}

.case-studies-list a {
    display: inline-block
}

@media (min-width:1200px) {
    .case-studies-list {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap
    }

    .case-studies-list .single-case-study {
        width: 48%;
        margin: 1%
    }
}

.post {
    background: #f1f0f0;
    padding: 2em;
    margin-right: 2em;
    font-family: "Code Pro Regular", sans-serif
}

.cta-special-offers p {
    margin: 0.5em 0
}

aside li {
    list-style: none
}

aside ul.children {
    margin-left: 30px;
    display: none
}

.page-gallery {
    padding: 1em
}

.page-gallery ul {
    flex-wrap: wrap;
    flex: 1
}

.page-gallery ul li {
    display: inline-block;
    transition: 0.3s;
    width: 48%
}

@media (min-width:480px) {
    .page-gallery ul li {
        width: 32%
    }
}

@media (min-width:800px) {
    .page-gallery ul li {
        width: 20%
    }
}

.page-gallery ul li:hover {
    opacity: 0.7
}

.page-gallery ul img {
    padding: 2px;
    width: 100%;
    margin: 0;
    display: block
}

@media (min-width:800px) {
    .page-gallery {
        padding: 0
    }
}

.cta {
    color: #fff;
    padding: 1.5em
}

.cta p {
    line-height: 1.5em;
    margin: 1em 0
}

.cta.cta-maintenance-services {
    background-color: #529624;
    background-image: url(../_static/images/maintenance-services-bg.jpg);
    background-size: cover;
    width: 100%;
}

.cta.cta-maintenance-services h3 {
    color: #fff
}

.cta.cta-equipment-hire {
    display: none;
    background: #83A93E;
    background-image: url(../_static/images/equipment-hire-bg.jpg);
    background-size: cover;
    background-position: center
}

.cta.cta-equipment-hire h3 {
    color: #fff
}

.cta.cta-brochure-pdf {
    background-image: url(../_static/images/brochure-pdf-cta.jpg);
    background-size: cover;
    background-position: center
}

.request-callback {
    width: 100%;
    background: #f1f0f0
}

.toggleTaxs {
    background: #E5F1D4;
    width: 100%;
    text-align: center
}

.toggleTaxs.switchOn {
    background: #83A93E
}

@media (min-width:800px) {
    .toggleTaxs {
        display: none
    }
}

.list-taxonomies {
    padding: 1em 0;
    font-size: 0.9em
}

.list-taxonomies ul li a {
    text-decoration: none;
    color: #00793A;
    padding: 0.3em 0;
    display: inline-block
}

.list-taxonomies ul .current-cat, .list-taxonomies ul .current-cat-parent {
    border-left: 3px solid #005826;
    padding-left: 10px;
    background: #E5F1D4
}

.list-taxonomies ul .current-cat-parent a, .list-taxonomies ul .current-cat a {
    color: #005826
}

.list-taxonomies .taxonomy-list {
    border-bottom: #f1f0f0 1px solid;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0
}

@media (min-width:800px) {
    .list-taxonomies {
        padding: 0
    }
}

.cta-bottom {
    width: 100%;
    float: left;
    margin: 1em 0;
    color: #fff;
    background: #83A93E;
    font-size: 1.3em
}

.cta-bottom p {
    margin: 0 !important
}

.cta-bottom p.large {
    font-size: 1.6em;
    font-weight: 400;
    margin: 0;
    line-height: 1.3em
}

.cta-bottom p.phone {
    color: #005826;
    margin-top: 1em !important;
    font-size: 1.3em
}

.cta-bottom a {
    color: #fff
}

@media (min-width:800px) {
    .cta-bottom {
        padding-right: 250px;
        background-image: url("../_static/images/cta-bottom.jpg");
        background-position: top right;
        background-size: contain;
        background-repeat: no-repeat
    }
}

.blog-sidebar {
    float: right
}

.aside-list form {
    width: 100%;
    margin-bottom: 1.5em
}

.aside-list ul {
    margin: 1.5em
}

.aside-list ul li a {
    text-decoration: none
}

.aside-list ul li a:hover {
    text-decoration: underline
}

footer[role=contentinfo] {
    clear: both;
    float: left;
    width: 100%;
    padding: 1em;
    overflow: hidden;
    text-align: center;
    background: #83A93E;
    color: #fff;
    margin-top: 2em
}

@media (min-width:800px) {
    footer[role=contentinfo] .grid {
        padding: 1em 1em
    }
}

footer[role=contentinfo] .grid {
    margin: 1em 0
}

footer[role=contentinfo] .container {
    overflow: hidden
}

footer[role=contentinfo] ul {
    list-style: none
}

footer[role=contentinfo] ul li ul {
    display: none
}

footer[role=contentinfo] li {
    display: block
}

footer[role=contentinfo] img {
    width: 100%;
    max-width: 250px
}

footer[role=contentinfo] a {
    color: #d9ebc1;
    text-decoration: none
}

footer[role=contentinfo] a:hover {
    color: #b6d887;
    text-decoration: underline
}

@media (min-width:800px) {
    footer[role=contentinfo] {
        text-align: left
    }
}

.below-footer {
    float: left;
    width: 100%;
    background: #005826;
    color: #83A93E;
    padding: 1em
}

.below-footer .adtrak img {
    max-width: 110px;
    margin-top: 1em;
    opacity: 0.2;
    height: auto;
    width: 100%
}

#back-top {
    border-radius: 10px;
    position: fixed;
    cursor: pointer;
    right: 10px;
    bottom: 10px;
    z-index: 300;
    opacity: 0.4;
    text-align: center;
    background: #fff;
    padding: 0.3em
}

#back-top:hover {
    opacity: 1;
    transition: 0.3s all ease
}

#back-top a {
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px
}

#back-top a i {
    display: block;
    font-size: 3rem
}

.clearfix {
    clear: both
}

form {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

form.contact-form {
    margin-bottom: 2em
}

form fieldset {
    border: none
}

form label {
    color: #999;
    display: block;
    float: left;
    margin-bottom: 0.3em;
    width: 100%
}

form label.service {
    width: 45%;
    margin-right: 10%
}

form label.service:nth-of-type(2n) {
    margin-right: 0
}

form label.data-capture label {
    display: block;
    clear: both
}

form label.further-details {
    width: 100%
}

form input[type=date], form input[type=email], form input[type=file], form input[type=tel], form input[type=text], form select, form textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    -moz-box-shadow: inset 0 0 0 0.4em #f7f7f7;
    -webkit-box-shadow: inset 0 0 0 0.4em #f7f7f7;
    box-shadow: inset 0 0 0 0.4em #f7f7f7;
    padding: 1em;
    border: 1px solid #ddd;
    outline: none;
    margin: 0.2em 0
}

form input[type=submit] {
    width: 100%;
    padding: 0.9em;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none
}

form input[type=submit]:active {
    border-bottom: 0;
    margin-top: 5px
}

form input[type=submit][disabled=disabled] {
    opacity: .5;
    cursor: default
}

form textarea {
    padding: 0.7em 1em;
    line-height: 1.75
}

form input.focus:active, form input.focus:focus, form textarea:active, form textarea:focus {
    border-color: #c2e1f5;
    -moz-box-shadow: inset 0 0 0 0.4em #e1f2fc;
    -webkit-box-shadow: inset 0 0 0 0.4em #e1f2fc;
    box-shadow: inset 0 0 0 0.4em #e1f2fc
}

form .issue input, form .issue textarea {
    border-color: #f48f95;
    -moz-box-shadow: inset 0 0 0 0.4em #f9b2ae;
    -webkit-box-shadow: inset 0 0 0 0.4em #f9b2ae;
    box-shadow: inset 0 0 0 0.4em #f9b2ae
}

form .success input, form .success textarea {
    border-color: #7bd884;
    -moz-box-shadow: inset 0 0 0 0.4em #c3eac7;
    -webkit-box-shadow: inset 0 0 0 0.4em #c3eac7;
    box-shadow: inset 0 0 0 0.4em #c3eac7
}

form .message {
    display: block;
    text-align: right;
    font-size: 0.85em;
    margin-top: 0.5em;
    color: #EC7878
}

form .success .message {
    color: #5ABE64
}

form input, form textarea {
    -webkit-transition: border 0.25s ease;
    -moz-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease;
    -webkit-transition: border 0.25s ease;
    -moz-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease
}

@media only screen and (min-width:600px) {
    form label {
        width: 49%;
        margin-right: 2%
    }

    form label:nth-child(2n) {
        margin-right: 0
    }
}

form.sent {
    opacity: .5;
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    transition: border 0.5s ease
}

form.callback-form label {
    width: 100%
}

@media (min-width:1200px) {
    form.callback-form label {
        width: 24%;
        margin-right: 0.5%
    }
}

form.callback-form label input {
    border-radius: 10px
}

form.callback-form input[type=submit] {
    width: 100%;
    border: none;
    -webkit-appearance: none
}

@media (min-width:480px) {
    form.callback-form input[type=submit] {
        display: block;
        clear: both;
        width: 50%
    }
}

@media (min-width:1200px) {
    form.callback-form input[type=submit] {
        clear: none;
        width: 25%;
        margin-top: .3em;
        margin-right: 0
    }
}

.results {
    position: fixed;
    bottom: -60px;
    z-index: 50;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font: 1.2em/1em sans-serif;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease
}

.results.visible {
    bottom: 0
}

.results.success {
    background: #7bd884;
    color: #fff
}

.results.issue {
    background: #f48f95;
    color: #fff
}

.loading {
    margin: 1em 0;
    font: 0.9em "Source Sans", sans-serif;
    text-transform: uppercase;
    color: #000;
    display: none
}

.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 4px solid rgba(0, 0, 0, 0.2);
    border-right: 4px solid rgba(0, 0, 0, 0.2);
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    border-left: 4px solid #555;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    display: block;
    float: left;
    margin-right: 5px
}

.loader, .loader:after {
    border-radius: 50%;
    width: 25px;
    height: 25px
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loading.white {
    color: #fff
}

.loading.white .loader {
    border-top: 4px solid rgba(255, 255, 255, 0.4);
    border-right: 4px solid rgba(255, 255, 255, 0.4);
    border-bottom: 4px solid rgba(255, 255, 255, 0.4);
    border-left: 4px solid #ffffff
}

.cookies {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: .5em 10%;
    text-align: center;
    background: #000;
    border-top: 1px solid #ccc;
    font-size: .75em;
    color: #fff
}

.cookies a {
    color: #e8b000
}

.cookies a:hover {
    opacity: 0.8
}

.temporarily-closed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0.5em;
    background: red;
    color: #fff;
    text-decoration: blink
}

/*# sourceMappingURL=master.css.map */