.popup-template .modal {
    opacity: 0;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease
}

    .popup-template .modal.is-open {
        opacity: 1;
        -webkit-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease
    }

/*!Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.*/
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0,0,0,.15)
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0
    }

    .chosen-container a {
        cursor: pointer
    }

    .chosen-container .chosen-single .group-name, .chosen-container .search-choice .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 400;
        color: #999
    }

        .chosen-container .chosen-single .group-name:after, .chosen-container .search-choice .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top
        }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

    .chosen-container-single .chosen-single abbr:hover, .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
        background-position: -42px -10px
    }

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background: url(plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

    .chosen-container-single .chosen-search input[type=text] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: url(plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #3875d7;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
            background-image: -webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -o-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
            color: #fff
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #f4f4f4
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: 700;
            cursor: default
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: -webkit-linear-gradient(#eee 1%,#fff 15%);
    background-image: -moz-linear-gradient(#eee 1%,#fff 15%);
    background-image: -o-linear-gradient(#eee 1%,#fff 15%);
    background-image: linear-gradient(#eee 1%,#fff 15%);
    cursor: text
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap
        }

            .chosen-container-multi .chosen-choices li.search-field input[type=text] {
                margin: 1px 0;
                outline: 0;
                border: 0 !important;
                background: 0 0 !important;
                box-shadow: none;
                font-size: 100%;
                line-height: normal;
                border-radius: 0
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eee;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
            color: #333;
            line-height: 13px;
            cursor: default
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url(plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;
                font-size: 1px
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            color: #666
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));
    background-image: -webkit-linear-gradient(#eee 20%,#fff 80%);
    background-image: -moz-linear-gradient(#eee 20%,#fff 80%);
    background-image: -o-linear-gradient(#eee 20%,#fff 80%);
    background-image: linear-gradient(#eee 20%,#fff 80%);
    box-shadow: 0 1px 0 #fff inset
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: 0 0
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

    .chosen-container-active .chosen-choices li.search-field input[type=text] {
        color: #222 !important
    }

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

    .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-single {
        cursor: default
    }

.chosen-rtl {
    text-align: right
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px
    }

    .chosen-rtl .chosen-choices li {
        float: right
    }

        .chosen-rtl .chosen-choices li.search-field input[type=text] {
            direction: rtl
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px
            }

    .chosen-rtl .chosen-drop, .chosen-rtl.chosen-container-single-nosearch .chosen-search {
        left: 9999px
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none
    }

    .chosen-rtl .chosen-search input[type=text] {
        padding: 4px 5px 4px 20px;
        background: url(plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;
        direction: rtl
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span, .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-single .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-rtl .chosen-search input[type=text] {
        background-image: url(plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--classic .select2-results > .select2-results__options, .select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888;
            border-width: 0 4px 5px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.searchandfilter-date-picker .ui-helper-hidden {
    display: none
}

.searchandfilter-date-picker .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.searchandfilter-date-picker .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.searchandfilter-date-picker .ui-helper-clearfix:after, .searchandfilter-date-picker .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.searchandfilter-date-picker .ui-helper-clearfix:after {
    clear: both
}

.searchandfilter-date-picker .ui-helper-clearfix {
    min-height: 0
}

.searchandfilter-date-picker .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.searchandfilter-date-picker .ui-front {
    z-index: 100
}

.searchandfilter-date-picker .ui-state-disabled {
    cursor: default !important
}

.searchandfilter-date-picker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.searchandfilter-date-picker .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.searchandfilter-date-picker .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-next, .searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover, .searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span, .searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .searchandfilter-date-picker .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }

    .searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month, .searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }

.searchandfilter-date-picker .ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px
}

.searchandfilter-date-picker .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.searchandfilter-date-picker .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.searchandfilter-date-picker .ui-datepicker td {
    border: 0;
    padding: 1px
}

    .searchandfilter-date-picker .ui-datepicker td a, .searchandfilter-date-picker .ui-datepicker td span {
        display: block;
        text-align: center;
        text-decoration: none
    }

.searchandfilter-date-picker .ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ll-skin-melon .ui-datepicker {
    padding: 0
}

.ll-skin-melon .ui-datepicker-header {
    border: none;
    background: 0 0;
    font-weight: 400;
    font-size: 15px
}

    .ll-skin-melon .ui-datepicker-header .ui-state-hover {
        background: 0 0;
        border-color: transparent;
        cursor: pointer;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: #e9f0f4
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next, .ll-skin-melon .ui-datepicker .ui-datepicker-next-hover, .ll-skin-melon .ui-datepicker .ui-datepicker-prev, .ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
    top: .9em;
    border: none
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next span, .ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-image: url(plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);
    background-position: -32px 0;
    margin-top: 0;
    top: 0;
    font-weight: 400
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px 0
}

.ll-skin-melon .ui-datepicker table {
    margin: 0
}

.ll-skin-melon .ui-datepicker th {
    padding: 1em 0;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    border: none;
    border-top: 1px solid #3a414d
}

.ll-skin-melon .ui-state-disabled {
    opacity: 1
}

.searchandfilter .disabled, .searchandfilter.search-filter-disabled .noUi-connect {
    opacity: .7
}

.ll-skin-melon .ui-state-disabled .ui-state-default {
    color: #fba49e
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking + .noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px
    }

    .noUi-horizontal.noUi-extended {
        padding: 0 15px
    }

        .noUi-horizontal.noUi-extended .noUi-origin {
            right: -15px
        }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px
    }

    .noUi-vertical.noUi-extended {
        padding: 15px 0
    }

        .noUi-vertical.noUi-extended .noUi-origin {
            bottom: -15px
        }

.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

    .noUi-target.noUi-connect {
        box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb
    }

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect, [disabled].noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-state-blocked .noUi-connect, .noUi-state-blocked.noUi-connect {
    background: #4fdacf
}

.searchandfilter p {
    margin-top: 1em;
    display: block
}

.searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0
}

    .searchandfilter ul li {
        list-style: none;
        display: block;
        padding-right: 10px;
        padding: 10px 0;
        margin: 0
    }

        .searchandfilter ul li li {
            padding: 5px 0
        }

        .searchandfilter ul li ul li ul {
            margin-left: 20px
        }

.searchandfilter label {
    display: inline-block;
    margin: 0;
    padding: 0
}

.searchandfilter > ul > li[data-sf-combobox="1"] label {
    display: block
}

.searchandfilter li[data-sf-field-input-type=checkbox] label, .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=range-radio] label, .searchandfilter li[data-sf-field-input-type=range-checkbox] label {
    padding-left: 10px
}

.searchandfilter .sf-date-prefix {
    padding-right: 5px;
    display: inline-block
}

.searchandfilter .sf-count, .searchandfilter .sf-date-postfix {
    padding-left: 5px;
    display: inline-block
}

.searchandfilter .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.searchandfilter h4 {
    margin: 0;
    padding: 5px 0 10px;
    font-size: 16px
}

.searchandfilter .sf-range-max, .searchandfilter .sf-range-min {
    max-width: 80px
}

.searchandfilter .sf-meta-range-radio-fromto .sf-range-max, .searchandfilter .sf-meta-range-radio-fromto .sf-range-min {
    display: inline-block;
    vertical-align: middle
}

.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator {
    vertical-align: middle;
    display: inline-block;
    margin: 0 15px
}

.searchandfilter .datepicker {
    max-width: 170px
}

.searchandfilter select.sf-input-select {
    min-width: 170px
}

.searchandfilter select.sf-range-max.sf-input-select, .searchandfilter select.sf-range-min.sf-input-select {
    min-width: auto
}

.searchandfilter ul > li > ul:not(.children) {
    margin-left: 0
}

.searchandfilter .meta-slider {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 15px;
    max-width: 220px
}

.searchandfilter .noUi-connect {
    background-color: #526e91
}

.searchandfilter .noUi-horizontal.noUi-extended {
    padding: 0 10px
}

    .searchandfilter .noUi-horizontal.noUi-extended .noUi-origin {
        right: -10px
    }

.searchandfilter .noUi-handle {
    border-color: #ccc
}

.searchandfilter .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    top: -5px;
    border-radius: 20px;
    left: -12px
}

    .searchandfilter .noUi-horizontal .noUi-handle:after, .searchandfilter .noUi-horizontal .noUi-handle:before {
        height: 9px;
        top: 7px
    }

    .searchandfilter .noUi-horizontal .noUi-handle:before {
        left: 9px
    }

    .searchandfilter .noUi-horizontal .noUi-handle:after {
        left: 12px
    }

.search-filter-scroll-loading {
    display: block;
    margin: 20px 10px 10px;
    height: 30px;
    width: 30px;
    animation: search-filter-loader-rotate .7s infinite linear;
    border: 5px solid rgba(0,0,0,.15);
    border-right-color: rgba(0,0,0,.6);
    border-radius: 50%
}

@keyframes search-filter-loader-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ll-skin-melon {
    font-size: 90%
}

    .ll-skin-melon .ui-datepicker td {
        background: #f7f7f7;
        border: none;
        padding: 0
    }

    .ll-skin-melon .ui-datepicker th {
        border-color: #4d6077
    }

    .ll-skin-melon .ui-widget {
        font-family: inherit;
        background: #526e91;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        box-shadow: 0 0 3px rgba(0,0,0,.3)
    }

.searchandfilter.horizontal ul > li {
    display: inline-block;
    padding-right: 10px
}

    .searchandfilter.horizontal ul > li li {
        display: block
    }

.ll-skin-melon td .ui-state-default {
    background: 0 0;
    border: none;
    text-align: center;
    padding: .3em;
    margin: 0;
    font-weight: 400;
    color: #6c88ac;
    font-size: 14px
}

.ll-skin-melon td .ui-state-active {
    background: #526e91;
    color: #fff
}

.ll-skin-melon td .ui-state-hover {
    background: #c4d6ec
}

.searchandfilter li.hide, .searchandfilter select option.hide {
    display: none
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: auto;
    padding: 5px;
    color: #666;
    font-family: inherit
}

.chosen-container {
    font-size: 14px
}

.chosen-container-single .chosen-single {
    height: auto
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 3px 3px 5px
}

.search-filter-results .sf-active {
    font-weight: 700
}

.search-filter-results .sf-disabled {
    opacity: .5
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    letter-spacing: -1px
}

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

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    visibility: hidden;
    background: url(themes/wafflehouse/images/bg.jpg);
    background-size: 1000px
}

ol, ul, li {
    font-family: "Questrial",sans-serif;
    list-style: none
}

blockquote, q {
    quotes: none
}

strong {
    font-weight: 700
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

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

@-ms-viewport {
    width: device-width;
}

u {
    text-decoration: none
}

.clear {
    clear: both
}

a {
    font-family: "Questrial",sans-serif;
    text-transform: none;
    text-decoration: underline;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    outline: none;
    -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4 {
    font-family: "Questrial",sans-serif;
    text-align: center;
    -moz-osx-font-smoothing: grayscale
}

h2 {
    font-size: 32px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase
}

h3 {
    font-size: 28px;
    color: #666;
    line-height: 1.25
}

h4 {
    font-size: 22px;
    color: #635e52
}

img {
    width: 100%;
    display: block
}

p, ul li, input {
    color: #635e52;
    font-family: "Questrial",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    -moz-osx-font-smoothing: grayscale
}

    p a {
        color: #635e52
    }

.hidden {
  /*  display: none*/
}

header {
    height: 160px;
    background-color: #f2b718
}

.inner-header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 0
}

.logo {
    width: 256px;
    height: 99px;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

ul.header-social {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-color: #3b3b3a;
    margin: 0;
    padding: 9px 0
}

    ul.header-social li {
        width: auto;
        height: 20px;
        display: inline-block;
        margin-right: 20px
    }

        ul.header-social li.email a {
            color: #fff;
            text-decoration: none;
            font-size: 18px;
            line-height: 20px;
            margin-right: 20px
        }

        ul.header-social li img {
            width: auto;
            height: 100%;
            -webkit-transition: all .2s ease 0s;
            -moz-transition: all .2s ease 0s;
            -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s
        }

        ul.header-social li a:hover img {
            opacity: .7
        }

.newsletter {
    position: absolute;
    right: 0
}

    .newsletter a {
        background: url(themes/wafflehouse/images/newsletter-bg.png) no-repeat;
        background-size: cover;
        display: block;
        margin-top: -8px;
        padding: 20px 27px;
        font-family: "Questrial",sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none
    }

.navigation {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 50px
}

nav.nav-left {
    float: left;
    width: 340px;
    text-align: right
}

nav.nav-right {
    float: right;
    width: 340px;
    text-align: left
}

header nav ul li {
    display: inline
}

    header nav ul li a {
        font-family: "Questrial",sans-serif;
        font-weight: 700;
        font-size: 18px;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #58595b;
        margin: 0 15px
    }

        header nav ul li a:hover {
            opacity: .7
        }

    header nav ul li.current-menu-item a {
        opacity: .7
    }

    header nav ul li ul.sub-menu {
        margin-top: 0;
        border-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
        background: #595a5b
    }

        header nav ul li ul.sub-menu li {
        }

            header nav ul li ul.sub-menu li a {
                padding-left: 10px;
                border-right: 0;
                display: block;
                width: 180px;
                color: #f9b32a;
                text-decoration: none;
                padding: .5em 1em;
                transition: none
            }

    header nav ul li:hover > ul {
        top: auto;
        visibility: visible
    }

header nav ul#menu-left-navigation li ul.sub-menu li {
    text-align: left
}

.button_container {
    position: absolute;
    top: 80px;
    right: 30px;
    margin: 0 auto;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    display: none
}

    .button_container:hover {
        opacity: .7
    }

    .button_container.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(11px) translateX(0) rotate(45deg)
    }

    .button_container.active .middle {
        opacity: 0
    }

    .button_container.active .bottom {
        -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
        transform: translateY(-11px) translateX(0) rotate(-45deg)
    }

    .button_container span {
        background: #06313b;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

        .button_container span:nth-of-type(2) {
            top: 11px
        }

        .button_container span:nth-of-type(3) {
            top: 22px
        }

.overlay {
    display: none;
    position: absolute;
    z-index: 999;
    top: 130px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s,visibility .35s,height .35s;
    transition: opacity .35s,visibility .35s,height .35s;
    overflow: hidden
}

    .overlay.open {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .overlay nav {
        position: relative;
        z-index: 999;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        background: #f2b718;
        padding: 30px 0
    }

    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        height: 100%
    }

        .overlay ul li {
            display: block;
            position: relative;
            margin: 20px 0 0
        }

            .overlay ul li a {
                display: block;
                position: relative;
                text-decoration: none;
                overflow: hidden
            }

                .overlay ul li a:hover {
                    opacity: 1 !important
                }

.overlay-border {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    height: 12px;
    width: 100%
}

.overlay-top {
    background-image: url(themes/wafflehouse/images/menu-top.png)
}

.overlay-bottom {
    background-image: url(themes/wafflehouse/images/menu-bottom.png)
}

.banner {
    position: relative
}

.banner-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%
}

.banner-inner {
    display: table;
    width: 100%;
    height: 100%
}

.banner-text {
    display: table-cell;
    height: 100%;
    padding-top: 7%
}

    .banner-text h2 {
        font-size: 64px;
        font-weight: 400;
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0,0,0,.3)
    }

    .banner-text h4 {
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0,0,0,.3)
    }

.banner-bg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30%;
    margin: 0 auto;
    padding: 2%
}

    .banner-bg h2, .banner-bg h4, .banner-bg.blue h2 {
        color: #f0eee1
    }

    .banner-bg.yellow h2, .banner-bg.yellow h4 {
        color: #666
    }

    .banner-bg.yellow {
        background-image: url(themes/wafflehouse/images/banner-bg.png)
    }

    .banner-bg.blue {
        background-image: url(themes/wafflehouse/images/blue-text.png)
    }

    .banner-bg.green {
        background-image: url(themes/wafflehouse/images/green-text.png)
    }

    .banner-bg.pink {
        background-image: url(themes/wafflehouse/images/pink-text.png)
    }

.banner .banner-mobile {
    display: none
}

.sliderLoading {
    width: inherit;
    margin: 7em auto
}

.single_item.slider {
    display: none
}

.slick-initialized {
    display: block !important
}

.single_item .slick-dots {
    bottom: 10%
}

#quote-container {
    margin: 3% 0 0
}

.quote-inner {
    position: relative
}

.quotes_item.slider {
    margin-bottom: 0 !important
}

.quote-slide {
    outline: none
}

.quote-text {
    padding: 5% 30%
}

    .quote-text p {
        margin-bottom: 5%;
        text-align: center;
        text-transform: uppercase
    }

.quotes {
    width: 90px;
    margin: 0 auto 5%
}

.source {
    width: 120px;
    margin: 0 auto 10px
}

.slick-prev, .slick-next {
    width: 43px !important;
    height: 82px !important;
    z-index: 1000;
    top: 31% !important
}

.slick-prev {
    left: 15% !important;
    background: url(themes/wafflehouse/images/arrow-prev.png) no-repeat !important;
    background-size: 100% !important
}

.slick-next {
    right: 15% !important;
    background: url(themes/wafflehouse/images/arrow-next.png) no-repeat !important;
    background-size: 100% !important
}

    .slick-prev::before, .slick-next::before {
        content: "" !important
    }

.mid-title {
    margin: 30px 0
}

.intro-wrap {
    background-color: #f2b718
}

.intro {
    max-width: 700px;
    width: 45%;
    margin: -22px auto 17px;
    padding: 60px 0 50px;
    color: #06313b;
    text-align: center
}

    .intro h2 {
        margin-bottom: 2%;
        color: #f0eee1
    }

    .intro p {
        margin-bottom: 20px;
        color: #f0eee1
    }

.mob-show {
    display: none
}

.grid-wrap {
    margin-top: -10px
}

.block {
    width: 33.3333%;
    float: left;
    margin-top: -1%
}

    .block h2 {
        font-weight: 400;
        text-transform: uppercase
    }

.mod-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%
}

.mod-link {
    display: block;
    margin: 20px auto 0;
    font-size: 22px;
    text-transform: uppercase
}

.block-inner {
    display: table;
    width: 100%;
    height: 100%
}

.text-container {
    padding: 0 15%;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.blue h2 {
    color: #06313b
}

.white h2, .white p.mod-link {
    color: #f0eee1
}

.mob-link-wrap {
    width: 100%;
    overflow: hidden
}

.mob-links {
    display: none;
    width: 102%
}

    .mob-links h2 {
        color: #f0eee1
    }

    .mob-links .link-mob {
        float: left;
        width: 50%
    }

        .mob-links .link-mob a {
            display: block;
            text-align: center;
            padding: 20vw 0;
            background-repeat: no-repeat;
            background-size: 100% 100%
        }

        .mob-links .link-mob h3 {
            color: #f0eee1
        }

    .mob-links .menu a {
        background-image: url(themes/wafflehouse/images/twitter-bg.png)
    }

    .mob-links .contact a {
        background-image: url(themes/wafflehouse/images/dark-grey-bg.png)
    }

    .mob-links .contact {
        margin-left: -1%
    }

.grid.gallery .block {
    width: 31.333%;
    margin: 1%
}

.text-block {
    height: 26vw;
    display: table
}

.title-box {
    background-image: url(themes/wafflehouse/images/special-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 5% 0;
    position: relative
}

    .title-box h2 {
        color: #f0eee1
    }

.text-block p {
    margin: 20px 0
}

.text-block a {
    color: #635e52
}

.specials-cam {
    margin-top: -3px
}

.contact-info {
    margin: -9px 0 3%
}

.page-template-contact .contact-info {
    margin-bottom: 0;
    margin-top: 1em
}

.page-template-contact .package-details h2 {
    color: #f0eee1
}

.contact-box {
    position: relative;
    width: 50%;
    float: left
}

.contact-container {
    height: 34vw;
    text-align: center;
    background-image: url(themes/wafflehouse/images/yellow-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.contact-inner {
    display: table;
    width: 100%;
    height: 100%
}

.contact-text {
    color: #06313b;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%
}

    .contact-text h3 {
        font-weight: 400;
        font-size: 22px;
        color: #58595b
    }

    .contact-text a {
        color: #06313b
    }

.contact-box p, .opening-hours p {
    margin: 1em 3em;
    color: #58595b
}

.contact-box h4 {
    color: #58595b;
    margin: 10% 0 0;
    font-weight: 400
}

.opening-box {
    position: relative;
    width: 50%;
    float: right;
    text-align: center
}

.opening-top {
    width: 100%;
    height: 17vw;
    display: none
}

    .opening-top h2 {
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 400;
        padding: 0 14%
    }

.opening-hours {
    height: 34vw;
    color: #fff;
    background-image: url(themes/wafflehouse/images/grey-bg-short.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: table;
    width: 100%
}

.opening-top h2 strong {
    display: block
}

.opening-inner {
    display: table-cell;
    vertical-align: middle
}

    .opening-inner h3 {
        color: #f0eee1
    }

#map-canvas {
    width: 100%;
    height: 30vw
}

.social-box {
    width: 48%;
    margin: 1%;
    float: left;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 22vw;
    display: table
}

    .social-box.fb {
        background-image: url(themes/wafflehouse/images/fb-bg.png)
    }

    .social-box.insta {
        display: none;
        background-image: url(themes/wafflehouse/images/insta-bg.png)
    }

    .social-box.twitter {
        background-image: url(themes/wafflehouse/images/twitter-bg.png);
        overflow: hidden
    }

.inner-social {
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.social-box img {
    width: 66px;
    margin: 0 auto
}

.insta-feed {
    margin-top: 1%
}

.insta-box {
    position: relative;
    width: 23%;
    height: 18.6vw;
    display: table;
    margin: 1%;
    float: left;
    background-image: url(themes/wafflehouse/images/insta-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

    .insta-box img {
        width: 66px;
        margin: 0 auto
    }

.insta-image {
    float: left;
    width: 21%;
    margin: 2%
}

.fts-jal-fb-header, .fts-jal-fb-user-name, .fts-jal-fb-post-time {
    display: none
}

.social-box:hover .social-content {
    display: table;
    opacity: 1
}

.social-box:hover .inner-social {
    opacity: 0
}

.social-content {
    position: absolute;
    display: table;
    height: 100%;
    top: 0;
    left: 0;
    width: 80%;
    padding: 10%;
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.social-mob {
    display: none
}

.instagram-pics li {
    float: left;
    width: 23%;
    margin: 1%
}

.fts-twitter-no-margin-left, .fts-twitter-reply-wrap-left, .fts-likes-shares-etc-wrap, .fts-twitter-image, .fts-jal-fb-user-thumb, .fts-jal-fb-link-wrap {
    display: none
}

.fts-twitter-text, .fts-jal-fb-top-wrap {
    font-family: "Questrial",sans-serif
}

.fts-tweeter-wrap .tweeter-info, .fts-jal-single-fb-post {
    border: 0
}

.tweeter-info .fts-right {
    padding: 0
}

.fts-jal-fb-right-wrap a, .fts-jal-fb-right-wrap .fts-jal-fb-message {
    color: #f0eee1
}

.tweeter-info a, .tweeter-info .fts-twitter-text {
    color: #635e52
}

.fts-jal-fb-group-display, .fts-twitter-div {
    display: table-cell;
    vertical-align: middle
}

footer {
    width: 100%;
    margin: 5% auto;
    text-align: center
}

.footer-logo {
    width: 70px;
    margin: 0 auto 10px
}

.copyright p {
    font-size: 17px;
    text-transform: uppercase;
    color: #666
}

.menu-footer-container ul li {
    display: inline-block;
    margin: 0 5px
}

    .menu-footer-container ul li a {
        font-size: 17px;
        color: #666
    }

.about {
    width: 100%;
    font-family: "Questrial",sans-serif;
    display: table
}

.about-text p {
    margin-bottom: 15px
}

.about-full {
    position: relative;
    margin: 2% 0
}

    .about-full h2 {
        position: absolute;
        color: #fff
    }

.about-heading.fresh {
    background-image: url(themes/wafflehouse/images/dark-grey-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.about-heading.organic {
    background-image: url(themes/wafflehouse/images/green-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.about-heading.est, .page-title.specialsHeader {
    width: auto;
    background-image: url(themes/wafflehouse/images/est-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff
}

.about-heading, .page-title.specialsHeader {
    width: 90%;
    padding: 25px 5%;
    margin: 0 auto 6%;
    display: table
}

.page-title.specialsHeader {
    width: inherit;
    font-size: 2em
}

.about-heading h2 {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.about-col {
    float: left;
    margin-bottom: 6%
}

    .about-col.wide {
        width: 54%
    }

    .about-col.half {
        width: 49%
    }

    .about-col.thin {
        width: 44%
    }

.left {
    padding-right: 1%
}

.right {
    padding-left: 1%;
    float: right
}

.companies {
    width: 80%;
    margin: 5% auto 0
}

    .companies img {
        width: 42%;
        float: left;
        margin: 4%
    }

.charities .about-text ul li {
    font-size: 18px;
    list-style: disc;
    list-style-position: outside;
    margin: 0 0 10px 5%
}

.companies img:nth-child(3) {
    clear: both
}

.charities .charity-info {
    margin-bottom: 20px;
    padding-right: 10%
}

.job-info .contact-box {
    float: right
}

.job-info .opening-box {
    float: left
}

    .job-info .opening-box img {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.job-package {
    margin: -20px 0 5%;
    background-image: url(themes/wafflehouse/images/green-wide-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.package-details {
    padding: 6%
}

    .package-details p {
        color: #fff;
        text-align: center
    }

    .package-details .package-heading {
        color: #fff;
        margin-bottom: 10px;
        text-transform: uppercase
    }

.opportunities {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

    .opportunities p {
        margin: 20px 0
    }

.show-button {
    width: 31.33%;
    height: 10vw;
    float: left;
    margin: 1%;
    background-image: url(themes/wafflehouse/images/menu-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: table;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

    .show-button a {
        text-decoration: none;
        text-transform: uppercase
    }

    .show-button.active, .show-button:hover, .menu-buttons .show-button:hover {
        background-image: url(themes/wafflehouse/images/menu-active.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .show-button a {
        text-align: center;
        padding: 0 8%;
        margin: 1%;
        display: table-cell;
        vertical-align: middle
    }

    .show-button:hover h4 {
        color: #f0eee1
    }

.opportunities a {
    color: #58595b
}

.job-image img {
    display: inline-block;
    margin-top: -20px
}

a.show-button.button {
    display: table
}

.show-button.button h4 {
    display: table-cell;
    vertical-align: middle
}

.block-wrap.image-text .text-container h2 {
    background-image: url(themes/wafflehouse/images/post-text.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #f0eee1;
    padding: 10px 20px
}

.block-wrap.text {
    height: 25vw
}

.block-wrap {
    position: relative
}

    .block-wrap.text .mod-block.grey {
        background-image: url(themes/wafflehouse/images/grey-post-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .block-wrap.text .mod-block.brown {
        background-image: url(themes/wafflehouse/images/marroon-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .block-wrap.text .mod-block h2, .block-wrap.text .mod-block p {
        color: #f0eee1
    }

.block .block-wrap.text a, .block a img {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .block .block-wrap.text a:hover, .block a:hover img {
        opacity: .7
    }

h2.blue {
    color: #06313b
}

h2.white {
    color: #fff
}

.post-container {
    width: 60%;
    margin: 0 auto;
    position: relative
}

    .post-container img {
        width: 100%;
        height: auto;
        margin: 5% 0
    }

    .post-container p {
        text-align: center
    }

.post-nav-prev, .post-nav-next {
    position: absolute;
    top: 40%;
    width: 25%
}

    .post-nav-prev a, .post-nav-next a {
        display: block;
        text-align: center;
        padding: 20% 25%;
        color: #58595b
    }

.post-container .post-nav-prev {
    left: -30%
}

.post-container .post-nav-next {
    right: -30%
}

.searchandfilter ul li {
    margin-top: -6em;
    width: 42%;
    margin-left: auto;
    margin-right: auto
}

.menu-container {
    /*width: 80%;
    max-width: 800px;*/
    margin: 0 auto;
    clear: both
}

    .menu-container .menuTable {
        font-family: "Questrial",sans-serif;
        color: #58595b;
        font-size: 1.3em;
        line-height: 1.3em;
        margin: 2em 0;
        width: 100%
    }

        .menu-container .menuTable tr td:nth-child(2) {
            text-align: right;
            float: right
        }

        .menu-container .menuTable tr td:first-child {
            padding-left: .5em
        }

        .menu-container .menuTable tr td:last-child {
            padding-right: .5em
        }

        .menu-container .menuTable tr td.description {
            -webkit-column-span: all;
            column-span: all;
            font-size: .8em;
            padding-bottom: 1em;
            line-height: 1.1em;
            padding-left: .5em;
            padding-right: .5em;
            font-weight: 400
        }

        .menu-container .menuTable tr.item, .menu-container .menuTable tr.item + tr {
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

            .menu-container .menuTable tr.item:hover, .menu-container .menuTable tr.item:hover + tr {
                background: #f9b32a
            }

.menu-image {
    width: 100%;
    padding: 0;
    margin-bottom: 3em
}

.menu-container h2 {
    color: #58595b
}

.menu-container h4 {
    text-align: left;
    margin-top: 3%
}

.menu-container p {
    color: #58595b;
    margin-top: 2%
}

.menu-buttons .show-button {
    width: 23%;
    height: 8vw;
    background-image: url(themes/wafflehouse/images/menu-bg.png)
}

    .menu-buttons .show-button.active {
        background-image: url(themes/wafflehouse/images/menu-active.png)
    }

        .menu-buttons .show-button.active h4 {
            color: #f0eee1
        }

.menu-info {
    width: 80%;
    margin: 3% auto 9%;
    text-align: center
}

#menu-container2, #menu-container3, #menu-container4, #menu-image2, #menu-image3, #menu-image4 {
    visibility: hidden;
    display: none
}

.sf-field-taxonomy-menu_type .sf-level-0 {
    width: 27.33%;
    height: 8vw;
    float: left;
    margin: 1%;
    background-image: url(themes/wafflehouse/images/waffle-square-yellow-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: table;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

    .sf-field-taxonomy-menu_type .sf-level-0.sf-option-active {
        background-image: url(themes/wafflehouse/images/menu-active.png);
        background-image: url(themes/wafflehouse/images/waffle-square-gray-1.png)
    }

    .sf-field-taxonomy-menu_type .sf-level-0 label {
        font-size: 22px;
        padding: 50px 0 !important;
        width: 100%;
        text-transform: uppercase;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: 6%;
        margin-left: -2%;
        text-align: center
    }

    .sf-field-taxonomy-menu_type .sf-level-0.sf-option-active {
        color: #f0eee1
    }

.sf-field-taxonomy-menu_type .sf-item-0, .sf-level-0 input {
    display: none
}

.sf-field-taxonomy-menu_type .sf-level-0:after {
    display: none;
    content: url(themes/wafflehouse/images/waffle-square-gray-1.png) url(themes/wafflehouse/images/waffle-square-gray-2.png) url(themes/wafflehouse/images/waffle-square-yellow-2.png) url(themes/wafflehouse/images/waffle-square-yellow-1.png)
}

.sf-field-taxonomy-menu_type .sf-level-0:hover {
    background-image: url(themes/wafflehouse/images/waffle-square-gray-1.png);
    opacity: .8
}

    .sf-field-taxonomy-menu_type .sf-level-0:hover label {
        color: #fff
    }

.sf-field-taxonomy-menu_type .sf-level-0:nth-child(3) {
    float: right
}

.sf-field-taxonomy-menu_type .sf-level-0:nth-child(4) {
    float: right
}

.sf-field-taxonomy-menu_type .sf-level-0:nth-child(odd) {
    margin-top: 16%;
    margin-left: -5%;
    margin-right: -5%
}

.sf-field-taxonomy-menu_type .sf-level-0.last {
    clear: left
}

.menu-section {
    position: relative
}

    .menu-section form {
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0
    }

.page-template-contact #map-canvas {
    height: 40vw
}

.voucher-container, .careers-container {
    width: 70%;
    margin: 4% auto
}

.careers-container {
    width: 100%
}

.careers-inner {
    margin: auto
}

.voucher-info {
    width: 70%;
    margin: 20px auto 2%
}

    .voucher-info p {
        width: 60%;
        margin: 0 auto;
        text-align: center
    }

. .voucher-container .show-button h4 {
    font-size: 28px
}

.page-title {
    margin-top: 20px
}

.newsletter-container {
    width: 80%;
    margin: 40px auto
}

    .newsletter-container input, .newsletter-container label {
        margin-bottom: 2%;
        display: block
    }

    .newsletter-container input {
        width: 92%;
        outline: none;
        background-image: url(themes/wafflehouse/images/input-one.png);
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border: none;
        color: #06313b;
        padding: 4%;
        margin-bottom: 3%
    }

        .newsletter-container input::-webkit-input-placeholder {
            color: #06313b
        }

    .newsletter-container .mc4wp-form-fields input:nth-child(2n+2) {
        background-image: url(themes/wafflehouse/images/input-two.png)
    }

    .newsletter-container .mc4wp-form-fields input.sign-up-button {
        width: 46%;
        margin: 0 auto;
        font-weight: 700;
        background-image: url(themes/wafflehouse/images/newsletter-bg.png);
        color: #fff;
        text-transform: uppercase
    }

.error-404 {
    width: 70%;
    margin: 0 auto
}

    .error-404 p, .error-404 a {
        font-weight: 400;
        color: #06313b;
        text-align: center;
        display: block;
        width: 100%;
        margin-top: 2%
    }

.review {
    width: 80%;
    max-width: 500px;
    margin: 40px auto;
    text-align: center
}

.review-image {
    width: auto;
    height: 35px;
    margin: 0 auto 20px
}

    .review-image img {
        width: auto;
        height: 100%;
        margin: 0 auto
    }

.specials {
    max-width: 900px;
    margin: auto
}

.article-header {
    height: auto
}

.specials h1 {
    font-size: 3em;
    color: #595a5b;
    margin-bottom: 1em
}

.specials p {
    margin: 1em 0
}

.specialsLoading {
    width: 16px;
    text-align: center;
    margin: 2em auto
}

.specialsImgContainer {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    overflow: hidden;
    width: 550px;
    height: 794px;
    margin: 0 auto
}

.waffleImg {
    -webkit-transform: rotateX(15deg) scale(.8);
    -ms-transform: rotateX(15deg) scale(.8);
    transform: rotateX(15deg) scale(.8);
    position: absolute;
    top: -182px;
    left: -770px;
    max-width: inherit;
    width: initial
}

.show-button {
    width: 26.33%;
    height: 14vw;
    float: left;
    margin: 1%;
    background-image: url(themes/wafflehouse/images/waffle-square-yellow-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: table;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

    .show-button:after {
        display: none;
        content: url(themes/wafflehouse/images/waffle-square-gray-1.png) url(themes/wafflehouse/images/waffle-square-gray-2.png) url(themes/wafflehouse/images/waffle-square-yellow-2.png) url(themes/wafflehouse/images/waffle-square-yellow-1.png)
    }

    .show-button:hover {
        background-image: url(themes/wafflehouse/images/waffle-square-gray-1.png);
        opacity: .8
    }

    .show-button a {
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .show-button:nth-child(even) {
        background-image: url(themes/wafflehouse/images/waffle-square-gray-2.png);
        margin-top: 24%;
        margin-left: -11%;
        margin-right: -11%
    }

        .show-button:nth-child(even) a h4 {
            color: #fff
        }

        .show-button:nth-child(even):hover {
            background-image: url(themes/wafflehouse/images/waffle-square-yellow-2.png);
            opacity: .8
        }

            .show-button:nth-child(even):hover a h4 {
                color: #635e52
            }

    .show-button.last {
        clear: left
    }

.voucherOverlay {
    position: fixed;
    background: #000;
    opacity: .7;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: none
}

.voucherOptionsBox {
    background: url(themes/wafflehouse/images/bg.jpg);
    padding: 3em;
    position: fixed;
    width: 500px;
    height: 500px;
    top: 75%;
    left: 50%;
    margin-top: -500px;
    margin-left: -250px;
    z-index: 21;
    display: none
}

    .voucherOptionsBox h2, .voucherOptionsBox h4 {
        margin: 1em 0
    }

    .voucherOptionsBox select.denominations, .voucherOptionsBox textarea.giftMessage {
        width: 92%;
        outline: none;
        background-image: url(themes/wafflehouse/images/input-one.png);
        background-color: #0000;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border: none;
        color: #06313b;
        padding: 4%;
        margin-bottom: 3%;
        font-family: "Questrial",sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.3
    }

    .voucherOptionsBox select.quantity {
        width: 92%;
        outline: none;
        background-color: #0000;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border: none;
        color: #06313b;
        padding: 4%;
        margin-bottom: 3%;
        font-family: "Questrial",sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.3;
        background-image: url(themes/wafflehouse/images/input-two.png)
    }

    .voucherOptionsBox input.sign-up-button {
        width: 46%;
        margin: 0 auto;
        font-weight: 700;
        background-image: url(themes/wafflehouse/images/newsletter-bg.png);
        color: #fff;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 4%;
        outline: none;
        background-color: transparent;
        border: none
    }

.voucherOptionsBox {
    text-align: center
}

    .voucherOptionsBox .hideOverlay {
        float: right;
        cursor: pointer
    }

    .voucherOptionsBox label {
        font-family: "Questrial",sans-serif;
        color: #fab42a
    }

        .voucherOptionsBox label.red {
            color: #fa2a2a
        }

.menu-voucher-container {
    width: 33%;
    margin-top: -6%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em
}

    .menu-voucher-container .show-button {
        width: 25.33%;
        height: 8vw
    }

        .menu-voucher-container .show-button:nth-child(even) {
            background-image: url(themes/wafflehouse/images/waffle-square-yellow-1.png);
            margin-top: 24%;
            margin-left: -11%;
            margin-right: -11%
        }

            .menu-voucher-container .show-button:nth-child(even) a h4 {
                color: #635e52
            }

        .menu-voucher-container .show-button.active {
            background-image: url(themes/wafflehouse/images/waffle-square-gray-1.png)
        }

            .menu-voucher-container .show-button.active a h4 {
                color: #fff
            }

@media screen and (min-width: 520px) {
    .page-template-news .wrapper {
        width: 80%;
        margin: 0 auto
    }

    .menu-buttons {
        width: 80%;
        margin: 5% auto 6%
    }
}

@media screen and (min-width: 769px) {
    .wrapper {
        width: 80%;
        margin: 0 auto
    }

    .newsletter-container {
        width: 500px
    }

    section.social {
        margin: 5% -1% 2%
    }
}

@media screen and (max-width: 1790px) {
    ul.header-social {
        top: 0
    }

    .newsletter {
        top: 0
    }

        .newsletter a {
            font-size: 18px;
            margin: 0;
            padding: 12px 27px;
            text-transform: uppercase;
            text-decoration: none
        }

        .newsletter br {
            display: none
        }
}

@media screen and (min-width: 1540px) {
    .contact-container, .opening-hours {
        height: 25vw
    }
}

@media screen and (max-width: 1265px) {
    .contact-text {
        padding: 0 5%
    }

    .contact-box p {
        margin: 5% 0
    }

    .navigation {
        max-width: 100%
    }

    nav.nav-left, nav.nav-right {
        width: auto
    }

    header nav.nav-left ul li a {
        margin-left: 0
    }

    header nav.nav-right ul li a {
        margin-right: 0
    }

    .menu-voucher-container .show-button a h4 {
        font-size: 18px
    }
}

@media screen and (max-width: 1120px) {
    .menu-voucher-container .show-button a h4 {
        font-size: 16px
    }

    .block {
        width: 50%
    }

    .block-wrap.text, .text-block {
        height: 40vw
    }

    .contact-container {
        height: auto
    }

    .contact-box {
        width: 100%;
        margin-top: -4%
    }

    .contact-container {
        padding: 5% 0
    }

    .opening-box {
        width: 100%;
        margin-bottom: 2%
    }

    .opening-hours, .contact-container {
        padding: 10% 0;
        height: 25vw
    }
}

@media screen and (max-width: 1024px) {
    .menu-voucher-container .show-button a h4 {
        font-size: 14px
    }

    .button_container {
        display: block
    }

    .overlay {
    }

    nav.nav-left, nav.nav-right {
        display: none
    }

    .device-hide {
        display: none
    }

    .social-blocks {
        display: none
    }

    .social-mob {
        display: block
    }

    .social-box {
        width: 33.3333%;
        height: 23vw;
        margin: 0
    }

        .social-box.insta {
            display: table
        }

        .social-box .social-content {
            display: none !important
        }

        .social-box img {
            width: 25%
        }

    .insta-feed {
        display: none
    }

    header nav ul li ul.sub-menu {
        visibility: visible;
        position: relative;
        margin-left:;
        background: 0 0
    }

        header nav ul li ul.sub-menu li {
            border: none;
            text-align: left;
            width: inherit;
            margin-left: 5em
        }

            header nav ul li ul.sub-menu li a {
                padding: 0;
                font-size: 16px;
                color: inherit;
                transition: none;
                width: inherit
            }

                header nav ul li ul.sub-menu li a:before {
                    content: " - "
                }
}

@media screen and (max-width: 960px) {
    .menu-voucher-container {
        width: 50%
    }

        .menu-voucher-container .show-button {
            width: 27.33%;
            height: 13vw
        }

    .opportunities {
        width: 100%
    }

        .opportunities .show-button {
        }

    .show-button h4 {
        padding: 12% 5%
    }

    .menu-container {
        /*width: 90%*/
    }

    .menu-info {
        width: 100%
    }

    .post-container {
        width: 100%
    }

    .post-navigation {
        margin-top: 5%
    }

    .post-nav-prev, .post-nav-next {
        position: inherit;
        top: 0;
        left: 0;
        right: 0
    }

    .post-nav-prev {
        float: left
    }

    .post-nav-next {
        float: right
    }
}

@media screen and (max-width: 768px) {
    .about-col {
        float: none;
        width: 100% !important;
        padding: 0
    }

        .about-col .about {
            width: 80%;
            margin: 0 auto
        }

        .about-col.about-heading {
            height: 50px
        }

    .grid-wrap {
        display: none
    }

    .mob-links {
        display: block
    }

    .opening-top {
        width: 90%;
        padding: 10% 5%
    }

    .social-mob h2 {
        margin-bottom: 3%
    }

    .intro {
        display: none
    }

    .mob-show {
        display: block
    }

    .mob-hide {
        display: none
    }

    .grid.gallery .block {
        width: 48%
    }

    .slick-prev, .slick-next {
        top: 25% !important
    }

    .quotes {
        width: 15%
    }

    .quote-text {
        margin-bottom: 6%
    }

    #map-canvas, .page-template-contact #map-canvas {
        height: 67vw
    }

    .mob-links .link-mob a {
        padding: 10vw 0
    }

    .block {
        width: 100%
    }

    .block-wrap.text {
        height: 80vw
    }

    .menu-buttons .show-button {
        width: 48%;
        height: 20vw
    }

    .menu-image {
        margin-bottom: 2em
    }

    .sf-field-taxonomy-menu_type .sf-level-0 label {
        padding: 35px 0 !important
    }

    .sf-field-taxonomy-menu_type .sf-level-0 {
        width: 48%;
        margin-bottom: 2%
    }

    .opportunities h2, .opportunities p {
        padding: 0 6%
    }

    .opportunities .show-button {
    }

    .voucher-info {
        width: 100%
    }

    .voucher-container .show-button {
        height: 17vw
    }

    .voucherOptionsBox {
        top: 10%;
        left: 5%;
        right: 5%;
        bottom: 5%;
        margin-top: inherit;
        margin-left: inherit;
        width: inherit;
        height: inherit
    }
}

@media screen and (max-width: 520px) {
    .contact-container {
        height: 100%
    }

    .menu-voucher-container .show-button:nth-child(even) {
        margin-top: 30%;
        margin-left: -12%;
        margin-right: -11%
    }

    .menu-voucher-container .show-button {
        width: 31.33%;
        height: 16vw
    }

    .banner .banner-mobile {
        display: block
    }

    .banner .banner-image {
        display: none
    }

    .banner-bg {
        width: 80%
    }

    .logo {
        width: 220px;
        top: 50px
    }

    .button_container {
        top: 80px;
        right: 30px;
        left: auto
    }

    header {
        height: 150px
    }

    .newsletter {
        position: relative;
        bottom: -40px;
        top: inherit
    }

        .newsletter a {
            font-size: 14px;
            padding: .5em
        }

    ul.header-social, .newsletter {
    }

    .menu-container {
        /*width: 80%;
        margin: 0 auto*/
    }

        .menu-container .menuTable tr td:first-child {
            width: 70%;
            font-size: 80%
        }

        .menu-container .menuTable tr td:last-child {
            float: none;
            font-size: 80%
        }

        .menu-container h2 {
            display: none
        }

    .contact-text {
        padding: 0 5%
    }

    #quote-container {
        display: none
    }

    .slick-dots {
        display: none !important
    }

    .menu-mob {
        display: block
    }

    .block-wrap.text {
        height: 100vw
    }

    .package-details {
        padding: 12% 6% 6%
    }

    .opportunities .show-button h4 {
        font-size: 16px
    }

    #map-canvas, .page-template-contact #map-canvas {
        height: 90vw
    }

    .voucher-container {
        width: 100%
    }

        .voucher-container .show-button {
            height: 22vw;
            width: 24%
        }

    .voucher-info p {
        width: 80%
    }

    .specials {
        width: 80%
    }

    .specialsImgContainer {
        width: 100%
    }

    .waffleImg {
        -webkit-transform: rotateX(15deg) scale(.8);
        -ms-transform: rotateX(15deg) scale(.8);
        transform: rotateX(25deg) scale(.47);
        position: absolute;
        top: -182px;
        left: -847px;
        max-width: inherit
    }
}

.m10_row {
    padding: 0;
    position: relative;
    z-index: 997
}

.m10_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -20px
}

.m10_item {
    box-sizing: border-box;
    padding: 0;
    margin: 20px;
    display: flex;
    flex-direction: column
}

.m10_item-vtop {
    justify-content: flex-start
}

.m10_item-vcenter {
    justify-content: center
}

.m10_item-vend {
    justify-content: flex-end
}

.m10_item-hstart {
    justify-content: flex-start
}

.m10_item-hcenter {
    justify-content: center
}

.m10_item-hend {
    justify-content: flex-end
}

.m10_item-hbetween {
    justify-content: space-between
}

.m10_item-haround {
    justify-content: space-around
}

.m10_item-hevenly {
    justify-content: space-evenly
}

.m10_item-1-1 {
    width: calc(100% - 40px)
}

.m10_item-1-2 {
    width: calc(50% - 40px)
}

.m10_item-1-3 {
    width: calc(33.3333% - 40px)
}

.m10_item-2-3 {
    width: calc(66.6666% - 40px)
}

.m10_block {
    margin-top: -120px;
    margin-bottom: 30px
}

    .m10_block h3 {
        text-align: left;
        margin-bottom: 20px
    }

    .m10_block p {
        margin-bottom: 15px
    }

    .m10_block .m10_block_yellow {
        box-sizing: border-box;
        padding: 5px 30px;
        background-color: #f4bf39
    }

    .m10_block .m10_block_tan {
        box-sizing: border-box;
        padding: 5px 30px;
        background-color: #f1efe1
    }

    .m10_block .m10_block_blue {
        box-sizing: border-box;
        padding: 5px 30px;
        background-color: #023d5c
    }

        .m10_block .m10_block_blue h3, .m10_block .m10_block_blue p {
            color: #fff
        }

    .m10_block .m10_block_top, .m10_block .m10_block_bot {
        width: 100%;
        height: 36px
    }

        .m10_block .m10_block_top img, .m10_block .m10_block_bot img {
            width: 100%;
            height: 36px;
            display: block
        }

    .m10_block .m10_block_inner {
        position: relative;
        height: calc(100% - 72px);
        padding-top: 15px;
        padding-bottom: 65px
    }

        .m10_block .m10_block_inner p:last-child {
            position: absolute;
            bottom: 10px;
            margin: 0
        }

.m10_button {
    display: inline-block;
    padding: 5px 20px;
    border: solid 2px #635e52;
    text-decoration: none;
    font-weight: 400
}

.m10_block_blue .m10_button {
    border: solid 2px #fff;
    color: #fff
}

ul.header-social li.tsc {
    position: absolute;
    top: 7px;
    left: 30px
}

    ul.header-social li.tsc a {
        color: #f2b718;
        text-decoration: none
    }

.m10_tsc_head {
    position: relative;
    z-index: 999;
    top: -125px;
    left: 0;
    right: 0
}

    .m10_tsc_head .m10_bg {
        display: block;
        width: 100%;
        height: auto
    }

    .m10_tsc_head .m10_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -105px 0 0 -263px;
        width: 526px;
        height: 210px
    }

.m10_intro {
    margin-top: -125px
}

.m10_outro {
    margin-top: 40px;
    padding: 200px 0 100px;
    background-color: #e0e8eb;
    background-image: url(uploads/2021/04/clock.jpg);
    background-repeat: no-repeat;
    background-position: center bottom
}

.m10-text {
    padding: 0 1em
}

    .m10-text p, .m10-text h3, .m10-text h4, .m10-text h5, .m10-text h6 {
        margin: 1em 0;
        text-align: left
    }

    .m10-text ul {
        margin: 1em 0 1em 2em
    }

        .m10-text ul li {
            list-style: disc
        }

    .m10-text strong, .m10-text b {
        font-weight: 700
    }

.m10-apply-button {
    display: inline-block;
    padding: 5px 20px;
    color: #635e52;
    border: solid 2px #635e52;
    text-decoration: none;
    font-weight: 400
}

#wpcf7-f1469-o1, #wpcf7-f1469-o1 form p, #wpcf7-f1469-o1 form input[type=email] {
    text-align: center
}

@media screen and (max-width: 1220px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 800px) {
    .m10_item-1-3 {
        width: calc(100% - 40px)
    }

    .m10_item-1-2 {
        width: calc(100% - 40px)
    }

    .m10_item-2-3 {
        width: calc(100% - 40px)
    }

    .m10_block {
        margin-top: -30px;
        margin-bottom: 30px
    }

    .m10_tsc_head .m10_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -90px;
        width: 180px;
        height: auto
    }

    ul.header-social li.tsc a span.mob_hide {
        display: none
    }
}

@media screen and (max-width: 520px) {
    .m10_tsc_head {
        top: -115px
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -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)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset 'UTF-8';

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: 0 0
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: 0 0
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: 0 0
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                font-family: slick;
                font-size: 40px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 9px;
                height: 9px;
                content: '';
                text-align: center;
                color: #ccc;
                border: 2px solid #f0eee1;
                border-radius: 10px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            background-color: #f0eee1
        }