@charset "UTF-8";
/*!
Theme Name: Muiteer
Theme URI: http://muiteer.com/
Author: Muiteer
Author URI: http://muiteer.com
Description: Muiteer Theme for WordPress.
Details URI: http://muiteer.com/muiteer-changelog/
Version: 2.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: muiteer
Tags: muiteer, pjax, responsive, design, layout, minimal, masonry, blog, portfolio
*/

@font-face {
    font-family: Datto Din Exp;
    src: url(fonts/datto-din-exp/datto-din-exp-regular.eot);
    src: url(fonts/datto-din-exp/datto-din-exp-regular.woff) format('woff'),
         url(fonts/datto-din-exp/datto-din-exp-regular.ttf) format('truetype'),
         url(fonts/datto-din-exp/datto-din-exp-regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Datto Din Exp;
    src: url(fonts/datto-din-exp/datto-din-exp-bold.eot);
    src: url(fonts/datto-din-exp/datto-din-exp-bold.woff) format('woff'),
         url(fonts/datto-din-exp/datto-din-exp-bold.ttf) format('truetype'),
         url(fonts/datto-din-exp/datto-din-exp-bold.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Avenir;
    src: url(fonts/avenir/avenir-regular.eot);
    src: url(fonts/avenir/avenir-regular.woff) format('woff'),
         url(fonts/avenir/avenir-regular.ttf) format('truetype'),
         url(fonts/avenir/avenir-regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Avenir;
    src: url(fonts/avenir/avenir-bold.eot);
    src: url(fonts/avenir/avenir-bold.woff) format('woff'),
         url(fonts/avenir/avenir-bold.ttf) format('truetype'),
         url(fonts/avenir/avenir-bold.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Lucida Grande;
    src: url(fonts/lucida-grande/lucida-grande-regular.eot);
    src: url(fonts/lucida-grande/lucida-grande-regular.woff) format('woff'),
         url(fonts/lucida-grande/lucida-grande-regular.ttf) format('truetype'),
         url(fonts/lucida-grande/lucida-grande-regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Lucida Grande;
    src: url(fonts/lucida-grande/lucida-grande-bold.eot);
    src: url(fonts/lucida-grande/lucida-grande-bold.woff) format('woff'),
         url(fonts/lucida-grande/lucida-grande-bold.ttf) format('truetype'),
         url(fonts/lucida-grande/lucida-grande-bold.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Tungsten;
    src: url(fonts/tungsten/tungsten-book.eot);
    src: url(fonts/tungsten/tungsten-book.woff) format('woff'),
         url(fonts/tungsten/tungsten-book.ttf) format('truetype'),
         url(fonts/tungsten/tungsten-book.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Tungsten;
    src: url(fonts/tungsten/tungsten-semibold.eot);
    src: url(fonts/tungsten/tungsten-semibold.woff) format('woff'),
         url(fonts/tungsten/tungsten-semibold.ttf) format('truetype'),
         url(fonts/tungsten/tungsten-semibold.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Butler;
    src: url(fonts/butler/butler-regular.eot);
    src: url(fonts/butler/butler-regular.woff) format('woff'),
         url(fonts/butler/butler-regular.ttf) format('truetype'),
         url(fonts/butler/butler-regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Butler;
    src: url(fonts/butler/butler-bold.eot);
    src: url(fonts/butler/butler-bold.woff) format('woff'),
         url(fonts/butler/butler-bold.ttf) format('truetype'),
         url(fonts/butler/butler-bold.svg) format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Marker Felt;
    src: url(fonts/marker-felt/marker-felt.eot);
    src: url(fonts/marker-felt/marker-felt.woff) format('woff'),
         url(fonts/marker-felt/marker-felt.ttf) format('truetype'),
         url(fonts/marker-felt/marker-felt.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, body {
    margin: 0;
}

* {
    box-sizing: border-box;
}

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

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

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

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
    display: inline-block;
}

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

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

b, strong {
    font-weight: bold !important;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

input, textarea, button {
    outline: none !important;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0;
}

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, #respond .form-submit #submit, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, 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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

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

.ie7 #oldie {
    display: block;
}

.ie7 body {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    border: none !important;
}

.ie7 #site, .ie7 #site-share, .ie7 #site-actions, .ie7 #site-overlay, .ie7 #preloader, .ie7 #mini-cart {
    display: none !important;
}

.ie7 #oldie {
    color: #333;
    left: 50%;
    margin-left: -150px;
    margin-top: -30px;
    width: 350px;
    top: 50%;
    text-align: center;
    position: absolute;
    display: block;
}

#oldie {
    display: none;
}

.ie7 #oldie a {
    border-bottom: 1px dotted #333;
    color: #333;
    font-weight: 700;
}

.ie7 #oldie a:hover {
    color: #000;
    border-bottom: 1px dotted #000;
}

#scriptie {
    background: #f7f7f7;
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
    color: #333;
}

#scriptie > div {
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------------*    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/** CONTENTS INTRODUCTION.........How the grid system works. VARIABLES............Your settings. MIXINS...............Library mixins. GRID SETUP...........Build the grid structure. WIDTHS...............Build our responsive widths around our breakpoints. PUSH.................Push classes. PULL.................Pull classes. */
/*============================================================================ Dependency-free breakpoint mixin - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ - Usage docs: http://shopify.github.io/Timber/#sass-mixins ==============================================================================*/
/*------------------------------------*    $INTRODUCTION
\*------------------------------------*/
/** csswizardry grids provides you with widths to suit a number of breakpoints designed around devices of a size you specify. Out of the box, csswizardry grids caters to the following types of device: palm     --  palm-based devices, like phones and small tablets lap      --  lap-based devices, like iPads or laptops portable --  all of the above desk     --  stationary devices, like desktop computers regular  --  any/all types of device These namespaces are then used in the library to give you the ability to manipulate your layouts based around them, for example: <div class="grid__item  one-whole  lap--one-half  desk--one-third"> This would give you a grid item which is 100% width unless it is on a lap device, at which point it become 50% wide, or it is on a desktop device, at which point it becomes 33.333% width. csswizardry grids also has push and pull classes which allow you to nudge grid items left and right by a defined amount. These follow the same naming convention as above, but are prepended by either `push--` or `pull--`, for example: `class="grid__item  one-half  push--one-half"` This would give you a grid item which is 50% width and pushed over to the right by 50%. All classes in csswizardry grids follow this patten, so you should fairly quickly be able to piece together any combinations you can imagine, for example: `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"` `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"` `class="grid__item  palm--one-third  desk--five-twelfths"` */
.clearfix, .grid, .comment article {
    *zoom: 1; }

.clearfix:after, .grid:after, .comment article:after {
    content: '';
    display: table;
    clear: both;
}

/*------------------------------------*    $VARIABLES
\*------------------------------------*/
/** If you are building a non-responsive site but would still like to use csswizardry-grids, set this to ‘false’: */
/** Is this build mobile first? Setting to ‘true’ means that all grids will be 100% width if you do not apply a more specific class to them. */
/** Set the spacing between your grid items. */
/** Would you like Sass’ silent classes, or regular CSS classes? */
/** Would you like push and pull classes enabled? */
/** Using `inline-block` means that the grid items need their whitespace removing in order for them to work correctly. Set the following to true if you are going to achieve this by manually removing/commenting out any whitespace in your HTML yourself. Setting this to false invokes a hack which cannot always be guaranteed, please see the following for more detail: github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688 github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371 */
/** Define your breakpoints. The first value is the prefix that shall be used for your classes (e.g. `.palm--one-half`), the second value is the media query that the breakpoint fires at. */
/** Define which namespaced breakpoints you would like to generate for each of widths, push and pull. This is handy if you only need pull on, say, desk, or you only need a new width breakpoint at mobile sizes. It allows you to only compile as much CSS as you need. All are turned on by default, but you can add and remove breakpoints at will. Push and pull shall only be used if `$push` and/or `$pull` and `$responsive` have been set to ‘true’. */
/** You do not need to edit anything from this line onward; csswizardry-grids is good to go. Happy griddin’! */
/*------------------------------------*    $MIXINS
\*------------------------------------*/
/** These mixins are for the library to use only, you should not need to modify them at all. Enclose a block of code with a media query as named in `$breakpoints`. */
/** Drop relative positioning into silent classes which can’t take advantage of the `[class*="push--"]` and `[class*="pull--"]` selectors. */
img {
    max-width: 100%;
    height: auto;
}

/*------------------------------------*    $GRID SETUP
\*------------------------------------*/
/** 1. Allow the grid system to be used on lists. 2. Remove any margins and paddings that might affect the grid system. 3. Apply a negative `margin-left` to negate the columns’ gutters. */
.grid {
    list-style: none;
    /* [1] */
    margin: 0;
    /* [2] */
    padding: 0;
    /* [2] */
    position: relative;
    margin-left: -30px;
    /* [3] */
}

.grid.kcm {
    width: calc(100% + 34px);
    margin-left: -26px;
}

/** 1. Cause columns to stack side-by-side. 2. Space columns apart. 3. Align columns to the tops of each other. 4. Full-width unless told to behave otherwise. 5. Required to combine fluid widths and fixed gutters. */
.grid__item {
    display: inline-block;
    /* [1] */
    padding-left: 30px;
    /* [2] */
    vertical-align: top;
    /* [3] */
    width: 100%;
    /* [4] */
    -webkit-box-sizing: border-box;
    /* [5] */
    -moz-box-sizing: border-box;
    /* [5] */
    box-sizing: border-box;
    /* [5] */
}

.kcm .grid__item {
    margin-bottom: 20px;
    margin-left: -5px;
}

/** Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. Extends `.grid`. */
.grid--rev {
    direction: rtl;
    text-align: left;
}

.grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}

/** Gutterless grids have all the properties of regular grids, minus any spacing. Extends `.grid`. */
.grid--full {
    margin-left: 0;
}

.grid--full > .grid__item {
    padding-left: 0;
}

/** Align the entire grid to the right. Extends `.grid`. */
.grid--right {
    text-align: right;
}

.grid--right > .grid__item {
    text-align: left;
}

/** Centered grids align grid items centrally without needing to use push or pull classes. Extends `.grid`. */
.grid--center {
    text-align: center;
}

.grid--center > .grid__item {
    text-align: left;
}

/** Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends `.grid`. */
.grid--middle > .grid__item {
    vertical-align: middle;
}

.grid--bottom > .grid__item {
    vertical-align: bottom;
}

/** Create grids with narrower gutters. Extends `.grid`. */
.grid--narrow {
    margin-left: -15px;
}

.grid--narrow > .grid__item {
    padding-left: 15px;
}

/** Create grids with wider gutters. Extends `.grid`. */
.grid--wide {
    margin-left: -60px;
}

.grid--wide > .grid__item {
    padding-left: 60px;
}

/*------------------------------------*    $WIDTHS
\*------------------------------------*/
/** Create our width classes, prefixed by the specified namespace. */
/** Our regular, non-responsive width classes. */
/** Whole */
.one-whole {
    width: 100%;
}

/** Halves */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths, .shop_table .order_item .product-name, .shop_table .order_item td.product-price, .shop_table .order_item td.product-subtotal, .shop_table .order_item td.product-remove, .woocommerce-checkout .shop_table .cart_item .product-name, .woocommerce-checkout .shop_table .cart_item td.product-price, .woocommerce-checkout .shop_table .cart_item td.product-subtotal, .woocommerce-checkout .shop_table .cart_item td.product-remove, .woocommerce-MyAccount-content {
    width: 50%;
}

/** Thirds */
.one-third, .two-sixths, .four-twelfths {
    width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
    width: 66.666%;
}

/** Quarters */
.one-quarter, .two-eighths, .three-twelfths, #checkout_coupon .form-row {
    width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths, .woocommerce-orders .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content {
    width: 75%;
}

/** Fifths */
.one-fifth, .two-tenths {
    width: 20%;
}

.two-fifths, .four-tenths {
    width: 40%;
}

.three-fifths, .six-tenths {
    width: 60%;
}

.four-fifths, .eight-tenths {
    width: 80%;
}

/** Sixths */
.one-sixth, .two-twelfths {
    width: 16.666%;
}

.five-sixths, .ten-twelfths {
    width: 83.333%;
}

/** Eighths */
.one-eighth {
    width: 12.5%;
}

.three-eighths {
    width: 37.5%;
}

.five-eighths {
    width: 62.5%;
}

.seven-eighths {
    width: 87.5%;
}

/** Tenths */
.one-tenth {
    width: 10%;
}

.three-tenths {
    width: 30%;
}

.seven-tenths {
    width: 70%;
}

.nine-tenths {
    width: 90%;
}

/** Twelfths */
.one-twelfth {
    width: 8.333%;
}

.five-twelfths {
    width: 41.666%;
}

.seven-twelfths {
    width: 58.333%;
}

.eleven-twelfths {
    width: 91.666%;
}

@media screen and (max-width: 1024px) {
    .old-breakpoint--whole {
        width: 100%;
    }

    form .old-breakpoint--whole {
        padding-left: 0;
    }

    .old-breakpoint--one-half {
        width: 50%;
    }
}

@media screen and (min-width: 480px) and (max-width: 769px) {
    .portable--auto {
        width: 100%;
        margin-bottom: 50px;
    }

    .lap--auto {
        width: 100%;
        margin-bottom: 50px;
    }
}

/** Our responsive classes, if we have enabled them. */
@media only screen and (min-width: 1367px) {
    /** Whole */ .desk--one-whole {
        width: 100%;
    }

    /** Halves */
    .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
        width: 50%;
    }

    /** Thirds */
    .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
        width: 33.333%;
    }

    .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
        width: 66.666%;
    }

    /** Quarters */
    .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
        width: 25%;
    }

    .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
        width: 75%;
    }

    /** Fifths */
    .desk--one-fifth, .desk--two-tenths {
        width: 20%;
    }

    .desk--two-fifths, .desk--four-tenths {
        width: 40%;
    }

    .desk--three-fifths, .desk--six-tenths {
        width: 60%;
    }

    .desk--four-fifths, .desk--eight-tenths {
        width: 80%;
    }

    /** Sixths */
    .desk--one-sixth, .desk--two-twelfths {
        width: 16.666%;
    }

    .desk--five-sixths, .desk--ten-twelfths {
        width: 83.333%;
    }

    /** Eighths */
    .desk--one-eighth {
        width: 12.5%;
    }

    .desk--three-eighths {
        width: 37.5%;
    }

    .desk--five-eighths {
        width: 62.5%;
    }

    .desk--seven-eighths {
        width: 87.5%;
    }

    /** Tenths */
    .desk--one-tenth {
        width: 10%;
    }

    .desk--three-tenths {
        width: 30%;
    }

    .desk--seven-tenths {
        width: 70%;
    }

    .desk--nine-tenths {
        width: 90%;
    }

    /** Twelfths */
    .desk--one-twelfth {
        width: 8.333%;
    }

    .desk--five-twelfths {
        width: 41.666%;
    }

    .desk--seven-twelfths {
        width: 58.333%;
    }

    .desk--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (max-width: 1366px) {
    /** Whole */ .portable--one-whole {
        width: 100%;
    }

    /** Halves */
    .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
        width: 50%;
    }

    /** Thirds */
    .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
        width: 33.333%;
    }

    .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
        width: 66.666%;
    }

    /** Quarters */
    .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
        width: 25%;
    }

    .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
        width: 75%;
    }

    /** Fifths */
    .portable--one-fifth, .portable--two-tenths {
        width: 20%;
    }

    .portable--two-fifths, .portable--four-tenths {
        width: 40%;
    }

    .portable--three-fifths, .portable--six-tenths {
        width: 60%;
    }

    .portable--four-fifths, .portable--eight-tenths {
        width: 80%;
    }

    /** Sixths */
    .portable--one-sixth, .portable--two-twelfths {
        width: 16.666%;
    }

    .portable--five-sixths, .portable--ten-twelfths {
        width: 83.333%;
    }

    /** Eighths */
    .portable--one-eighth {
        width: 12.5%;
    }

    .portable--three-eighths {
        width: 37.5%;
    }

    .portable--five-eighths {
        width: 62.5%;
    }

    .portable--seven-eighths {
        width: 87.5%;
    }

    /** Tenths */
    .portable--one-tenth {
        width: 10%;
    }

    .portable--three-tenths {
        width: 30%;
    }

    .portable--seven-tenths {
        width: 70%;
    }

    .portable--nine-tenths {
        width: 90%;
    }

    /** Twelfths */
    .portable--one-twelfth {
        width: 8.333%;
    }

    .portable--five-twelfths {
        width: 41.666%;
    }

    .portable--seven-twelfths {
        width: 58.333%;
    }

    .portable--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 769px) {
    /** Whole */ .lap--one-whole {
        width: 100%;
    }

    /** Halves */
    .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
        width: 50%;
    }

    /** Thirds */
    .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
        width: 33.333%;
    }

    .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
        width: 66.666%;
    }

    /** Quarters */
    .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
        width: 25%;
    }

    .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
        width: 75%;
    }

    /** Fifths */
    .lap--one-fifth, .lap--two-tenths {
        width: 20%;
    }

    .lap--two-fifths, .lap--four-tenths {
        width: 40%;
    }

    .lap--three-fifths, .lap--six-tenths {
        width: 60%;
    }

    .lap--four-fifths, .lap--eight-tenths {
        width: 80%;
    }

    /** Sixths */
    .lap--one-sixth, .lap--two-twelfths {
        width: 16.666%;
    }

    .lap--five-sixths, .lap--ten-twelfths {
        width: 83.333%;
    }

    /** Eighths */
    .lap--one-eighth {
        width: 12.5%;
    }

    .lap--three-eighths {
        width: 37.5%;
    }

    .lap--five-eighths {
        width: 62.5%;
    }

    .lap--seven-eighths {
        width: 87.5%;
    }

    /** Tenths */
    .lap--one-tenth {
        width: 10%;
    }

    .lap--three-tenths {
        width: 30%;
    }

    .lap--seven-tenths {
        width: 70%;
    }

    .lap--nine-tenths {
        width: 90%;
    }

    /** Twelfths */
    .lap--one-twelfth {
        width: 8.333%;
    }

    .lap--five-twelfths {
        width: 41.666%;
    }

    .lap--seven-twelfths {
        width: 58.333%;
    }

    .lap--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (max-width: 480px) {
    /** Whole */ .palm--one-whole {
        width: 100%;
    }

    /** Halves */
    .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
        width: 50%;
    }

    /** Thirds */
    .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
        width: 33.333%;
    }

    .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
        width: 66.666%;
    }

    /** Quarters */
    .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
        width: 25%;
    }

    .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
        width: 75%;
    }

    /** Fifths */
    .palm--one-fifth, .palm--two-tenths {
        width: 20%;
    }

    .palm--two-fifths, .palm--four-tenths {
        width: 40%;
    }

    .palm--three-fifths, .palm--six-tenths {
        width: 60%;
    }

    .palm--four-fifths, .palm--eight-tenths {
        width: 80%;
    }

    /** Sixths */
    .palm--one-sixth, .palm--two-twelfths {
        width: 16.666%;
    }

    .palm--five-sixths, .palm--ten-twelfths {
        width: 83.333%;
    }

    /** Eighths */
    .palm--one-eighth {
        width: 12.5%;
    }

    .palm--three-eighths {
        width: 37.5%;
    }

    .palm--five-eighths {
        width: 62.5%;
    }

    .palm--seven-eighths {
        width: 87.5%;
    }

    /** Tenths */
    .palm--one-tenth {
        width: 10%;
    }

    .palm--three-tenths {
        width: 30%;
    }

    .palm--seven-tenths {
        width: 70%;
    }

    .palm--nine-tenths {
        width: 90%;
    }

    /** Twelfths */
    .palm--one-twelfth {
        width: 8.333%;
    }

    .palm--five-twelfths {
        width: 41.666%;
    }

    .palm--seven-twelfths {
        width: 58.333%;
    }

    .palm--eleven-twelfths {
        width: 91.666%;
    }
}

/*------------------------------------*    $PUSH
\*------------------------------------*/
/** Push classes, to move grid items over to the right by certain amounts. */
/*------------------------------------*    $PULL
\*------------------------------------*/
/** Pull classes, to move grid items back to the left by certain amounts. */
/*============================================================================ Prefixer mixin for generating vendor prefixes: - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss - Usage: // Input: .element { @include prefixer(transform, scale(1), ms webkit spec); } // Output: .element { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } ==============================================================================*/
.show {
    display: block !important;
}

.hide {
    display: none !important;
}

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

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

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

.left {
    float: left !important;
}

.right {
    float: right !important;
}

@media only screen and (min-width: 1367px) {
    .desk--show {
        display: block !important;
    }

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

    .desk--text-left {
        text-align: left !important;
    }

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

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

    .desk--left {
        float: left !important;
    }

    .desk--right {
        float: right !important;
    }
}

@media only screen and (max-width: 1366px) {
    .portable--show {
        display: block !important;
    }

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

    .portable--text-left {
        text-align: left !important;
    }

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

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

    .portable--left {
        float: left !important;
    }

    .portable--right {
        float: right !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 769px) {
    .lap--show {
        display: block !important;
    }

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

    .lap--text-left {
        text-align: left !important;
    }

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

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

    .lap--left {
        float: left !important;
    }

    .lap--right {
        float: right !important;
    }
}

@media only screen and (max-width: 480px) {
    .palm--show {
        display: block !important;
    }

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

    .palm--text-left {
        text-align: left !important;
    }

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

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

    .palm--left {
        float: left !important;
    }

    .palm--right {
        float: right !important;
    }
}

/*============================================================================ Dependency-free breakpoint mixin - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/ - Usage docs: http://shopify.github.io/Timber/#sass-mixins ==============================================================================*/
.display--table, .entry-minimal a {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.display--table-cell, .entry-minimal__title, .entry-minimal__time {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/*
@include at-query ($min, $large) {

  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }

}*/
/* ALTUL :) */
.entry-content a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link), h3 .underlined-heading, #respond .form-submit #submit .underlined-heading, .entry-minimal__title span, .blog .STAMP .stamp-link, .entry-archive .entry-read-link, .entry-meta a, .edit-link, .comment-reply-link, .hide-comments, .entry-portfolio.hover-two .entry-caption h3, .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit, .entry-portfolio.hover-two .entry-title h3, .entry-portfolio.hover-two .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-title #submit, .not-found a, .single-product form.cart button[type="submit"] .text, .muiteer-checkout-content .chck-link, .shop_table .woocommerce-shipping-calculator a, .woocommerce-cart .return-to-shop a, .woocommerce-MyAccount-navigation li a, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a, .woocommerce-MyAccount-content mark, .top-menu li a, #site-footer .widget a {
    position: relative;
}

.entry-content a:not(.image-text-link):not(.button):not(.fancybox):not(.post-edit-link):not(.entry-navigation__item):not(.m-friendly-link):after {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.entry-content a:not(.image-text-link):not(.button):not(.fancybox):not(.post-edit-link):not(.entry-navigation__item):not(.m-friendly-link):hover:after {
    width: 100%;
}

.entry-navigation--post, #site-share {
    right: 65px;
    position: fixed;
    /* @include at-query($max, 1640px) { & { right: 65px; } }*/
}

.entry-content > p {
    *zoom: 1; }

.entry-content > p:after {
    content: '';
    display: table;
    clear: both;
}

/* General typography such as colors and heading styles goes here The rest is in individual files */
body {
    font: 1.0625rem Karla, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.53;
    color: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: #fff;
    transition: color 150ms linear, opacity 150ms linear;
}

* > h1:first-child, * > h2:first-child, * > h3:first-child, #respond .form-submit * > #submit:first-child, * > h4:first-child, * > h5:first-child, * > h6:first-child {
    margin-top: 0;
}

* > h1:last-child, * > h2:last-child, * > h3:last-child, #respond .form-submit * > #submit:last-child, * > h4:last-child, * > h5:last-child, * > h6:last-child {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    font-weight: bold;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.17em;
}

h4 {
    font-size: 1.12em;
}

h5 {
    font-size: .83em;
}

h6 {
    font-size: .75em;
}

#respond .form-submit #submit {
    font-size: 1.6875rem;
}

h3[style*="text-align: center"], #respond .form-submit [style*="text-align: center"]#submit {
    display: block;
}

h3 .underlined-heading, #respond .form-submit #submit .underlined-heading {
    display: inline;
}

h3 .underlined-heading:after, #respond .form-submit #submit .underlined-heading:after {
    height: 2px;
    margin-top: 7px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

hr {
    border: none;
    background: #fff;
    width: 45px;
    height: 1px;
    margin: 0 0 20px;
    display: inline-block;
}

hr.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

hr + .entry-breadcrumb {
    margin-top: -50px;
}

ul, ol {
    font-size: .875rem;
    margin-left: 1em;
    margin-bottom: 20px;
    padding-left: 1em;
}

ul li, ol li {
    margin-bottom: 20px;
}

* > ul li:first-child, * > ol li:first-child {
    margin-top: 0;
}

* > ul li:last-child, * > ol li:last-child {
    margin-bottom: 0;
}

* > ul:first-child, * > ol:first-child {
    margin-top: 0;
}

* > ul:last-child, * > ol:last-child {
    margin-bottom: 0;
}

li ol, li ul {
    margin-top: 20px !important;
}

ul {
    list-style: disc;
}

ul.no-list-style, .no-list-style ul {
    list-style: none !important;
}

ul li ul {
    list-style: circle outside;
}

.grid__item > p:last-child {
    margin-bottom: 0;
}

* > img:first-child, * > figure:first-child, * > iframe:first-child, * > .wp-video:first-child, * > video:first-child {
    margin-top: 0;
}

* > img:last-child, * > figure:last-child, * > iframe:last-child, * > .wp-video:last-child, * > video:last-child {
    margin-bottom: 0;
}

img, figure {
    height: auto;
}

.fluid-width-video-wrapper {
    margin-bottom: 50px;
    margin-top: 50px;
}

p {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

p > img, p figure, p iframe, p video, p .wp-video, p video {
    margin-bottom: 0;
}

figure img {
    margin: 0;
}

.entry-content img,
.entry-content figure {
    margin: 2px auto 2px auto !important;
}

.entry-content img.alignnone,
.entry-content figure.alignnone {
    width: 100% !important;
}

.alignleft {
    float: left;
    margin: 0 !important;
}

.alignright {
    float: right;
    text-align: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    text-align: center;
}

p:empty {
    display: none;
}

.grid > br, .grid__item > br {
    display: none;
}

.sticky, .screen-reader-text, .gallery-caption, .bypostauthor {
    /* */
}

.wp-caption {
    position: relative;
}

.wp-caption-text {
    margin-bottom: 20px;
}

blockquote {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    font-family: 'Times New Roman', serif;
}

blockquote > p {
    font-size: .875rem;
    line-height: 1.5;
    font-style: italic;
}

blockquote:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    top: 0;
    left: 0;
    height: 100%;
}

pre, code, tt {
    font-family: Consolas, Courier, Monaco, monospace !important;
    font-size: .875rem !important;
    padding: 8px 10px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    margin: 0 0 20px 0 !important;
}

code,
tt {
	white-space: pre-wrap !important;
    word-wrap: break-word !important;
    margin-right: 10px !important;
}

pre code {
	display: block !important;
	font-family: Consolas, Courier, Monaco, monospace !important;
	font-size: .875rem !important;
	border: none !important;
	background-color: transparent !important;
	white-space: pre !important;
	word-wrap: normal !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    overflow: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.grid__item > pre:last-child,
.grid__item > p > code:last-child,
.grid__item > p > tt:last-child {
	margin-bottom: 0 !important;
}

table {
    width: 100%;
    border: 1px solid #e9e9e9;
    text-align: left;
}

table thead h4 {
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

table tr {
    border-top: 1px solid currentColor;
}

table thead tr {
    border-top: none;
}

table th, table td {
    min-height: 41px;
    padding: 5px;
    border-right: 1px solid currentColor;
}

#site-sidebar table th, #site-sidebar table td {
    text-align: center;
}

sub, sup {
    font-size: .7em;
    line-height: .7em;
}

sub {
    vertical-align: bottom;
}

sup {
    vertical-align: top;
}

del {
    color: inherit;
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
}

var {
    font-family: Consolas, Courier, Monaco, monospace;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

small {
    font-size: .7em;
    line-height: 1;
}

ol {
    list-style: decimal;
}

.post-password-form input[type="password"] {
    background: transparent !important;
    border-bottom: 2px solid #fff !important;
    height: 24px !important;
    color: #fff !important;
    padding: 0 5px !important;
}

.post-password-form input[type="submit"] {
    font-size: 12px;
    padding: 0;
    text-align: left;
    position: static;
    margin-left: 12px;
}

/* Forms */
input[type="text"], input[type="email"], textarea {
    height: 75px;
    outline: none !important;
    border: none;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: bold;
    margin: 2px;
    padding: 0 30px;
    -webkit-appearance: none;
    font-weight: 600;
    border-radius: 0;
    transform: scale(1);
    transition: all 200ms linear;
}

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: .5;
    text-transform: uppercase;
    font-weight: 600;
}

input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
    opacity: .5;
    text-transform: uppercase;
    font-weight: 600;
}

input[type="text"]::-moz-input-placeholder, input[type="email"]::-moz-input-placeholder, textarea::-moz-input-placeholder {
    opacity: .5;
    text-transform: uppercase;
    font-weight: 600;
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: .5;
    text-transform: uppercase;
    font-weight: 600;
}

input[type="text"]::placeholder, input[type="email"]::placeholder, textarea::placeholder {
    opacity: .5;
    text-transform: uppercase;
    font-weight: 600;
}

input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 10px;
}

textarea {
    height: 225px;
    resize: none;
    padding-top: 40px;
    font-weight: 400;
}

input[type="submit"] {
    background: none;
    color: #fff;
    border: none;
    font-size: 2.5625rem;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    padding: 20px 20px 0 0;
    display: inline-block;
    transition: all 200ms linear;
}

p input[type="submit"] {
    position: absolute;
    right: 0;
}

input[type="submit"]:hover {
    color: #ff3b30;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

input {
    border-radius: 0;
}

.form-columns {
    margin-bottom: 0 !important;
    margin-left: 0;
}

.form-columns .grid__item {
    padding-left: 5px;
    margin-left: -6px;
    margin-bottom: 0px;
}

@media screen and (max-width: 480px) {
    .form-columns .grid__item {
        margin-left: -5px;
    }
}

.form-columns input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .form-columns textarea {
    width: 100%;
    display: block;
    margin: 0 0 5px 0;
}

.wpcf7-form-control-wrap {
    display: block;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: -15px;
    right: -12px;
    font-size: 12px;
    text-transform: uppercase;
    background: #711b1b;
    color: #fff;
    padding: 8px 12px;
    z-index: 99;
}

.wpcf7-response-output {
    border: none !important;
    margin-top: 40px !important;
    position: absolute;
    left: -5px;
    margin-top: 10px !important;
    padding-left: 0 !important;
    width: calc(100% - 200px);
}

div.wpcf7 .ajax-loader {
    background: url(images/preloader.svg) no-repeat 0 0 transparent;
    width: 32px !important;
    height: 32px !important;
    padding-left: 32px !important;
    position: absolute;
    margin-top: 35px !important;
    right: -20px;
}

.wpcf7-list-item {
    display: block;
}

/* input[type="checkbox"], input[type="radio"] { margin-right: 10px; -webkit-appearance: none; appearance: none; width: 18px; height: 18px; position: relative; top: 4px; text-align: center; } input[type="checkbox"]:checked:after { content: "✓"; position: absolute; left: 3px; } input[type="radio"]:checked:after { content: ""; position: absolute; width: 12px; height: 12px; background: blue; top: 3px; left: 3px; } */
/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: 0;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button:disabled {
    -khtml-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    cursor: auto;
}

.flickity-prev-next-button:not(:disabled):hover {
	-khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 30%;
    right: 0;
    top: 30%;
    width: 40%;
    height: 40%;
}

.flickity-prev-next-button.previous svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: .25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    opacity: 1;
}

.fancybox-enabled {
    overflow: hidden;
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%;
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fancybox-container ~ .fancybox-container {
    z-index: 99992;
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr;
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1;
}

.fancybox-infobar {
    display: none;
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all;
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, 0.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
    display: block;
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr;
}

.fancybox-slider, .fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0;
}

.fancybox-slide:before, .fancybox-slide > * {
    display: inline-block;
    vertical-align: middle;
}

.fancybox-slide > * {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
}

.fancybox-slide--image {
    overflow: hidden;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial,sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
}

iframe.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
    background: transparent;
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.fancybox-image, .fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default;
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2;
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent;
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee;
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}

.fancybox-caption a, .fancybox-caption button {
    pointer-events: all;
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline;
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none;
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none;
}

.fancybox-button, .fancybox-infobar__body {
    background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover {
    background: rgba(0, 0, 0, 0.8);
}

.fancybox-button:after, .fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block;
}

.fancybox-button--disabled:after, .fancybox-button--disabled:before {
    opacity: .5;
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.fancybox-button--left:after, .fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-button--left {
    border-bottom-left-radius: 5px;
}

.fancybox-button--right {
    border-bottom-right-radius: 5px;
}

.fancybox-button--close {
    float: right;
}

.fancybox-button--close:after, .fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.fancybox-loading {
    border: 6px solid rgba(99, 99, 99, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999;
}

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

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

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

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

@media (max-width: 800px) {
    .fancybox-controls {
        text-align: left;
    }

    .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important;
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0;
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none;
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent;
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent;
}

.fancybox-button--thumbs span {
    font-size: 23px;
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;
}

.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px;
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
}

.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        display: none !important;
    }

    .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0;
    }
}

.entries--minimal {
    position: relative;
}

.entry-minimal {
    position: relative;
    padding: 12px 0;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.entry-minimal.re.active {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    visibility: hidden;
}

.entry-minimal.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.entry-minimal__title {
    padding-left: 170px;
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.5;
    width: 100%;
}

.entry-minimal__title span:after {
    margin-top: -1px;
}

.entry-minimal:hover span:after {
    height: 2px;
}

.entry-minimal__time {
    position: absolute;
    right: calc(100% - 125px);
    width: 125px;
    font-size: 0.8125rem;
    line-height: 1.2;
    font-weight: 500;
    opacity: .5;
    padding-top: 5px;
}

.entry-minimal__image {
    display: none;
}

.entries-thumbnails .entry-minimal__image {
    display: block;
}

.entries-thumbnails {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    transition: top 200ms linear, transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), height 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 200ms linear;
    transform: translateY(-40%);
    visibility: visible;
}

.entries-thumbnails:not(.active) {
    height: 0 !important;
    opacity: 0;
    transform: translateY(-50px);
    visibility: hidden;
}

.entries-thumbnails.re.active {
    opacity: 0;
    transform: translateY(-50px);
    visibility: hidden;
}

.entries-thumbnails__container {
    transform: translateY(0);
    transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.entries-thumbnails img {
    margin: 0;
}

.blog .entry-portfolio a:hover {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.blog .entry-portfolio a:hover .entry-sitle {
    background-position: 0 calc(100% - 2px);
}

.blog .entry-portfolio .entry-caption {
    position: static;
    display: block;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    color: #333;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -o-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: 0 20px 20px -12px rgba(0,0,0,.05);
    -moz-box-shadow: 0 20px 20px -12px rgba(0,0,0,.05);
    -o-box-shadow: 0 20px 20px -12px rgba(0,0,0,.05);
    box-shadow: 0 20px 20px -12px rgba(0,0,0,.05);
}

.blog .entry-portfolio .entry-neta {
    font-size: .75rem;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.blog .entry-portfolio .entry-sitle {
    font-size: 1rem;
    font-weight: bold;
    margin: 5px auto 0;
    display: inline;
    background-size: 100% 2px;
    background-position: 0 calc(100% + 2px);
    background-repeat: no-repeat;
    transition: all 100ms linear;
}

.muiteer-lazy-load-opened .entry-portfolio img {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.muiteer-lazy-load-opened .entry-portfolio img.active {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.blog .entry-portfolio figure {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.blog .STAMP {
    width: 100%;
    height: 65vh;
    max-height: 600px;
    max-width: none;
    left: 0 !important;
    margin: 150px 0 250px;
    overflow: visible;
}

.blog .STAMP .stamp-holder {
    width: 100vw;
    height: 100%;
    left: calc((((100vw - 100%) / 2) * -1)) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.blog .STAMP .stamp-holder:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.blog .STAMP img {
    display: none;
}

.blog .STAMP .stamp-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
}

.blog .STAMP .stamp-time {
    font-size: 0.6875rem;
    color: #fff;
}

.blog .STAMP .stamp-title {
    font-size: 2.0625rem;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

.blog .STAMP .stamp-link {
    font-size: 0.9375rem;
    color: #fff;
    display: inline-block;
    width: auto;
}

.blog .STAMP .stamp-link:after {
    height: 2px;
}

.post-navigation.bigger {
    display: none;
    font-size: 2.8125rem;
    font-weight: bold;
    text-align: center;
    margin-top: 150px;
}

.single-post .post-navigation.bigger {
    display: block;
}

.post-navigation.bigger > div {
    float: none !important;
    margin: auto;
    width: auto;
    display: inline-block;
}

.post-navigation.bigger .no span:first-child:after {
    width: 37px;
    opacity: .15;
    margin: 0 137px;
}

.single-post .post-navigation.bigger .no span:first-child:after {
    margin: 0 96px;
}

.post-navigation.bigger a {
    transform: scale(0.7);
    position: relative;
    top: -5px;
    margin: 0;
}

.post-navigation.bigger a.prev {
    margin-right: 112px;
}

.single-post .post-navigation.bigger a.prev {
    margin-right: 76px;
}

.post-navigation.bigger a.next {
    margin-left: 112px;
}

.single-post .post-navigation.bigger a.next {
    margin-left: 76px;
}

.blog-posts-carousel {
    width: 100vw;
    left: calc((((100vw - 100%) / 2) * -1));
    margin-bottom: 20px;
}

.blog-posts-carousel .car-post {
    width: 50%;
    margin: 0 20px;
    overflow: hidden;
}

.blog-posts-carousel .car-post .car-header {
    overflow: hidden;
    margin-bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.blog-posts-carousel .car-post .car-image {
    display: block;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    width: 100%;
    max-width: none;
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
    -khtml-opacity: .2;
    -moz-opacity: .2;
    -o-opacity: .2;
    opacity: .2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.blog-posts-carousel .car-post.is-selected .car-image {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.blog-posts-carousel .car-post .car-image.no-thumbnail,
.blog-posts-carousel .car-post .car-image.no-thumbnail {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
}

.blog-posts-carousel .car-post .car-image.flickity-lazyloaded {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
}

.blog-posts-carousel .car-post .car-content {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    visibility: hidden;
    -webkit-transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), visibility .4s linear;
    -moz-transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), visibility .4s linear;
    -o-transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), visibility .4s linear;
    transition: transform .2s cubic-bezier(0.39, 0.575, 0.565, 1), opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), visibility .4s linear;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    text-align: center;
    max-width: 80%;
    margin: 20px auto 0;
}

.blog-posts-carousel .car-post .car-content.re.active {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    visibility: hidden;
}

.blog-posts-carousel .car-post .car-meta {
    font-size: .75rem;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    display: block;
}

.blog-posts-carousel .car-post a {
    padding-top: 10px;
}

.blog-posts-carousel .car-post a:hover .car-title {
    background-position: 0 calc(100% - 4px);
}

.blog-posts-carousel .car-post .car-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 25px 0 0 0;
    display: inline;
    background-size: 100% 2px;
    background-position: 0 calc(100% + 3px);
    background-repeat: no-repeat;
    transition: all 100ms linear;
}

.blog-posts-carousel .car-post .car-excerpt {
    font-size: .875rem;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    margin: 10px 0 0 0;
}

.blog-posts-carousel .car-post.is-selected {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.blog-posts-carousel .car-post.is-selected .car-content {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.blog-posts-carousel .car-post.is-selected .car-image {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.blog-posts-carousel .car-post.after-selected .car-image {
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -o-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
}

.blog-posts-carousel .car-post.before-selected .car-image {
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    -o-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}

.archive-header {
    margin: 50px auto 120px;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.archive-header.re.active {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    visibility: hidden;
}

.archive-header.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.archive-header h1 {
    font-size: 7rem;
    font-weight: bold;
    opacity: .1;
    margin: 0;
}

.archive-header h3, .archive-header #respond .form-submit #submit, #respond .form-submit .archive-header #submit {
    font-size: 1.375rem;
    opacity: .35;
    margin: -50px 0 0 0;
}

.entry-archive {
    margin-bottom: 75px;
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.entry-archive.re.active {
    opacity: 0;
    transform: translate3d(0, -25px, 0);
    visibility: hidden;
}

.entry-archive.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.entry-archive h2 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.entry-archive .entry-excerpt {
    font-size: .875rem;
    opacity: .6;
}

.entry-archive .entry-read-link {
    font-size: 0.8125rem;
    opacity: .7;
}

.entry-archive .entry-read-link:after {
    height: 2px;
}

.archive time {
    position: relative;
    top: 6px;
}

.search-results .entry-time .entry-minimal__time {
    width: 100%;
}

.post-navigation {
    font-size: 2.1875rem;
    line-height: 1;
    margin-top: 50px;
    *zoom: 1; opacity: 0;
    transform: translate3d(0, 20px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.post-navigation:after {
    content: '';
    display: table;
    clear: both;
}

.post-navigation.re.active {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
    visibility: hidden;
}

.post-navigation.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.post-navigation .no span:first-child:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #fff;
    position: relative;
    bottom: 10px;
    margin: 0 20px;
}

.post-navigation a {
    padding: 0 15px;
    margin: 0 15px;
}

.post-navigation a span {
    opacity: .15;
}

.post-navigation a[href] span {
    opacity: 1;
}

.entry-header {
    margin-bottom: 50px;
}

.entry-title {
    font-size: 2.0625rem;
    margin-bottom: 25px;
    margin-top: 0;
    line-height: 1.2;
    font-weight: 600;
}

.entry-meta {
    font-size: .875rem;
    margin: 0;
}

.entry-meta div {
    display: inline-block;
    position: relative;
    margin: 0;
}

.entry-meta div:not(:first-child) {
    margin-left: 15px;
    padding-left: 40px;
}

.entry-meta div:not(:first-child):before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
    opacity: .5;
    position: absolute;
    top: 7px;
    left: 0;
}

@media screen and (min-width: 1024px) {
    .entry-meta div.desk--right:before {
        display: none;
    }
}

.entry-navigation {
    text-align: center;
    *zoom: 1; opacity: 0;
    transform: translate3d(0, 25px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.entry-navigation:after {
    content: '';
    display: table;
    clear: both;
}

.entry-navigation > div {
    width: auto;
    display: inline-block;
}

.entry-navigation.re.active {
    opacity: 0;
    transform: translate3d(0, -25px, 0);
    visibility: hidden;
}

.entry-navigation.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.entry-navigation--post {
    top: 50%;
    right: 0;
}

@media screen and (min-width: 1640px) {
    .entry-navigation--post {
        width: 720px;
        right: calc((100% - 1540px)/2);
    }
}

.entry-navigation.responsive {
    display: none;
}

.post-full .entry-navigation {
    width: 60% !important;
    left: 0;
    position: relative !important;
    margin: 100px auto 0;
    text-align: left;
    display: block !important;
}

.post-full .entry-navigation > div {
    display: block;
    width: 100%;
}

.post-full .entry-navigation a {
    font-size: 4.0625rem;
    width: 100%;
}

.post-full .entry-navigation__info {
    left: 0;
    width: 100%;
}

.post-full ~ .entry-navigation.responsive {
    display: none !important;
}

.entry-navigation__item {
    display: block;
    font-size: 2.9375rem;
    line-height: 1;
    float: left;
    clear: left;
    font-weight: 600;
}

.entry-navigation__info {
    position: absolute;
    top: 100%;
    left: 30%;
    margin-top: 10px;
    width: 40%;
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    transition: all 150ms linear;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1.4;
    visibility: hidden;
    pointer-events: none;
}

.entry-navigation__item:hover .entry-navigation__info {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.edit-link {
    opacity: .5;
    font-size: 0.9375rem;
    font-weight: 500;
    text-transform: capitalize;
}

.entry-footer {
    position: relative;
    z-index: 99;
}

.post-tags, .post-tags-woo {
    margin: 30px 0 50px;
    font-size: 0.8125rem;
}

.post-tags .icon, .post-tags-woo .icon {
    display: inline-block;
    position: relative;
    top: 7px;
    left: 1px;
    margin-right: 15px;
}

.post-tags .icon path, .post-tags-woo .icon path {
    stroke: transparent !important;
}

p.demo_store {
    background: #f90;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    margin: 0;
    padding-top: 13px;
    text-align: center;
    z-index: 99999;
    font-weight: 500;
    color: #fff !important;
}

.post-full {
    width: 100%;
}

.entry-header {
    position: relative;
    padding: 30px 0 30px 0;
    margin-bottom: 0;
    text-align: center;
}

.post-full .entry-header .time-author {
    position: absolute;
    top: 0;
    width: 100%;
}

.entry-title {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.time time {
	font-size: .875rem;
	-khtml-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
}

.post-full .entry-meta {
    font-size: .875rem;
    opacity: 1;
}

.post-full .entry-meta div:not(:first-child):before {
    width: 30px;
    top: 10px;
    opacity: 1;
    left: -5px;
}

.post-full .entry-meta .comments {
    padding-left: 0;
    margin-left: 0;
    float: none !important;
}

.post-full .entry-meta .comments:before {
    display: none !important;
}

.post-full .entry-content {
    width: 100%;
    margin: auto;
}

.post-full .entry-content .fluid-width-video-wrapper, .post-full .entry-content .alignnone, .post-full .entry-content blockquote, .post-full .entry-content .wp-video {
    margin: 0;
    width: 100% !important;
    max-width: none;
}

.post-full .entry-content .fluid-width-video-wrapper {
    padding-top: 93.2% !important;
}

.post-full .entry-content .grid__item .fluid-width-video-wrapper, .post-full .entry-content .grid__item .alignnone, .post-full .entry-content .grid__item blockquote, .post-full .entry-content .grid__item .wp-video {
    margin-top: 0;
    margin-bottom: 0;
}

.post-full .entry-navigation {
    position: static;
    width: auto;
    margin-top: 100px;
}

.post-full.w-hero {
    width: 100%;
}

.post-full.w-hero .entry-header, .post-full.w-hero .entry-content {
    margin: auto;
    width: 60%;
}

@media all and (max-width: 1180px) {
    .post-full.w-hero .entry-header, .post-full.w-hero .entry-content {
        width: 75%;
    }
}

.post-full.w-hero .entry-meta .comments {
    display: none;
}

.post-full.w-hero .entry-meta .time-author {
    position: relative;
    top: -20px;
}

.post-full.w-hero .entry-content {
    margin-top: 150px;
}

.post-full.w-hero .entry-content .fluid-width-video-wrapper, .post-full.w-hero .entry-content .alignnone, .post-full.w-hero .entry-content blockquote, .post-full.w-hero .entry-content .wp-video {
    margin: 100px 0 100px -15%;
    width: 130% !important;
}

.post-full.w-hero .entry-content .fluid-width-video-wrapper {
    padding-top: 93.2% !important;
}

.post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div {
    align-self: center;
}

.post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div .entry-header {
    width: 100%;
    padding-top: 0;
    margin-top: -100px;
}

.post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div .entry-title {
    padding-bottom: 0;
}

.post-full.w-hero .entry-hero-tagline.hero-vertical-text- > div .entry-meta div {
    align-self: initial;
    width: auto;
}

.hero-1 .post-full.w-hero .entry-content {
    margin-top: 0;
}

.post-full.w-hero .entry-hero-tagline {
    padding-bottom: 0;
}

.comments-link {
    font-size: 0.8125rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    display: inline-block;
    margin-top: 50px;
}

.comments-link:hover {
    color: white;
}

.comments-link span {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    left: 50%;
    margin-left: -25px;
    margin-bottom: 7px;
    border-radius: 100%;
    line-height: 46px;
    background: transparent;
    border: 2px solid #ff3b30;
    color: #ff3b30;
    font-size: 1.0625rem;
}

.comments-link.opened span {
    background: #ff3b30;
    color: #111;
}

#comments .comments-wrapper {
    padding-top: 100px;
}

#comments .comments-wrapper a {
    color: #000;
}

#comments .comments-wrapper:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 200%;
    height: 100%;
    left: -50%;
    z-index: -1;
    background: inherit;
}

#comments-list {
    margin: 0;
    list-style: none;
}

#comments-list > .comment:first-child {
    margin-top: 0;
    padding-top: 0;
}

#comments-list .children {
    margin: 0;
    list-style: none;
    padding: 0;
}

#comments-list .children .children li {
    padding-left: 220px;
}

#comments-list .comment-meta {
    position: relative;
}

.comment {
    position: relative;
}

#comments-list .comment {
    margin-bottom: 90px;
}

.comment-avatar {
    position: absolute !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background-color: #e5e5e5;
}

.comment-avatar img {
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background-color: #e5e5e5;
    border: solid 1px #e5e5e5;
}

.comment-avatar .by-author {
    background-color: #333 !important;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -8px;
    left: 50%;
    border: solid 2px #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.comment-avatar .by-author .icon {
    display: table;
    margin: 0 auto;
}

.comment-avatar .by-author .icon svg {
    width: 7px;
}

.comment-avatar .by-author .icon svg * {
    fill: #fff !important;
    stroke: #fff !important;
    -khtml-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.comment-content {
    float: left;
    width: 100%;
    padding-left: 55px;
}

.comment-content ol ul {
    margin: 0;
}

.comment-content p {
    margin-bottom: 20px;
}

.comment-content .await {
    font-size: 0.8125rem;
    opacity: .5;
}

.comment-content .comment-text {
    margin-left: -55px;
    word-break: break-word;
}

.comment-meta {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}

.comment-meta h6 {
    position: absolute;
    top: 0;
    font-size: .875rem;
    font-weight: bold;
    color: #333 !important;
    margin: 0;
}

.comment-meta h6 a {
    color: #333 !important;
}

.comment-meta span {
    position: absolute;
    bottom: 0;
    font-size: .75rem;
    display: block;
    color: #999 !important;
}

#respond h3 {
    position: relative;
    color: #333 !important;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 20px 0 0;
    line-height: normal;
}

#respond h3 small, #respond .form-submit #submit small {
    position: absolute;
    top: 25px;
    right: 35px;
    font-size: 0.875rem;
}

#respond h3 small a, #respond .form-submit #submit small a {
    color: rgba(0, 0, 0, 0.5);
}

#respond h3 small a:hover, #respond .form-submit #submit small a:hover {
    color: #000;
}

#respond .logged-in-as, #respond .must-log-in {
    font-size: .875rem;
    font-weight: bold;
    position: relative;
    z-index: 99;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

#respond .logged-in-as a,
#respond .must-log-in a {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#respond .logged-in-as a:hover,
#respond .must-log-in a:hover {
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

#respond .form-submit #submit {
    bottom: -35px;
    top: auto;
    left: auto;
    right: 0;
    cursor: pointer;
    transition: 150ms all linear;
    width: auto;
    height: auto;
    padding: 0 60px;
    z-index: 9;
}

#respond .form-submit #submit:hover {
    color: #000;
}

#respond .form-submit #submit.disabled {
    opacity: .3;
    pointer-events: none;
}

.hide-comments {
    margin: 35px 0 100px;
    font-size: 2.1875rem;
    font-weight: 700;
    width: auto;
    padding: 0;
    display: inline-block;
}

.hide-comments:before {
    content: "";
    display: block;
    width: 2px;
    height: 35px;
    background: #000;
    margin-bottom: 15px;
    position: relative;
    left: 50%;
}

#ajax-response {
    text-align: center;
    font-size: .875rem;
    line-height: normal;
    color: #655513;
    padding: 5px 10px;
    background-color: #fff0b9;
    border: solid 1px #e6d386;
    font-weight: bold;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

/* TO WORK ON THIS - MAKE IT GENERAL VIA JS ONLY !! */
.sticked {
    right: -100%;
    top: auto;
    bottom: 0;
    margin-bottom: 62px;
    margin-right: -100px;
    position: absolute;
}

.rp4wp-related-posts {
    margin-top: 120px;
    margin-bottom: 80px;
}

.rp4wp-related-posts h3, .rp4wp-related-posts #respond .form-submit #submit, #respond .form-submit .rp4wp-related-posts #submit {
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 9px;
}

.rp4wp-related-posts ul {
    list-style: none;
    margin-left: -30px;
    display: flex;
}

.rp4wp-related-posts li {
    width: 33.33%;
    padding-left: 30px;
    margin-bottom: 0;
}

.rp4wp-related-posts .rp4wp-related-post-content {
    background: #f2f2f2;
    padding: 25px 25px 60px;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: all 150ms linear;
}

.rp4wp-related-posts .rp4wp-related-post-content a:after {
    display: none !important;
}

.rp4wp-related-posts .rp4wp-related-post-content h5 {
    font-size: 1.0625rem;
    color: #353535 !important;
    font-weight: 600 !important;
    margin-bottom: 15px;
    transition: all 150ms linear;
}

.rp4wp-related-posts .rp4wp-related-post-content p {
    font-size: 0.8125rem;
    color: #a7a6a6 !important;
    font-weight: 500;
    transition: all 150ms linear;
}

.rp4wp-related-posts .rp4wp-related-post-content:after {
    content: "→";
    color: #353535 !important;
    display: block;
    position: absolute;
    bottom: 15px;
    right: 25px;
    font-size: 1.125rem;
    font-weight: 300;
    transition: all 150ms linear;
}

.rp4wp-related-posts .rp4wp-related-post-content:hover {
    background: #1c1c1c;
}

.rp4wp-related-posts .rp4wp-related-post-content:hover h5 {
    color: #fff !important;
}

.rp4wp-related-posts .rp4wp-related-post-content:hover p {
    color: #5d5d5d !important;
}

.rp4wp-related-posts .rp4wp-related-post-content:hover:after {
    color: #fff !important;
}

.rp4wp-related-posts .rp4wp-related-post-image {
    display: none;
}

.latest-blog {
    margin-left: -20px;
    width: calc(100% + 40px);
    *zoom: 1; }

.latest-blog:after {
    content: '';
    display: table;
    clear: both;
}

.latest-blog.cols-3 .lb-entry {
    width: 33%;
}

@media screen and (max-width: 1024px) {
    .latest-blog.cols-3 .lb-entry {
        width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .latest-blog.cols-3 .lb-entry {
        width: 100%;
    }
}

.latest-blog.cols-4 .lb-entry {
    width: 25%;
}

@media screen and (max-width: 1024px) {
    .latest-blog.cols-4 .lb-entry {
        width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .latest-blog.cols-4 .lb-entry {
        width: 100%;
    }
}

.latest-blog .lb-entry {
    float: left;
    padding: 0 20px;
    margin-bottom: 40px;
}

.latest-blog .lb-entry a {
    color: #000;
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    vertical-align: bottom;
}

@media screen and (min-width: 380px) {
    .no-touchevents .latest-blog .lb-entry a:hover .lb-content {
        height: 60%;
        padding-top: 11%;
    }

    .no-touchevents .latest-blog .lb-entry a:hover .lb-title {
        opacity: 0;
    }

    .no-touchevents .latest-blog .lb-entry a:hover .lb-excerpt {
        opacity: .5;
    }

    .no-touchevents .latest-blog .lb-entry a:hover .lb-arrow {
        opacity: 1;
    }

    .no-touchevents .latest-blog .lb-entry a:hover .lb-image img {
        transform: translateY(-25%);
    }
}

.latest-blog.with-image .lb-content {
    height: 50%;
    padding-top: 11%;
}

@media all and (min-width: 640px), all and (max-width: 480px) {
    .latest-blog.with-image a {
        padding-top: 120%;
    }
}

@media all and (max-width: 1180px) and (min-width: 1024px), all and (max-width: 740px) and (min-width: 640px), all and (max-width: 380px) {
    .latest-blog.with-image a {
        padding-top: 140%;
    }
}

.latest-blog.with-image .no-touchevents a:hover .lb-content {
    height: 50%;
}

@media screen and (max-width: 640px) {
    .latest-blog.regular a {
        padding-top: 50%;
    }

    .latest-blog.regular .lb-content {
        padding: 10%;
        height: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    .latest-blog.regular a {
        padding-top: 80%;
    }
}

.latest-blog .lb-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    background: rgba(255, 255, 255, 0.5);
}

.latest-blog .lb-image img {
    transform: translateY(-20%);
    transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.latest-blog .lb-content {
    background: #fff;
    padding: 16% 16% 10% 16%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    height: 100%;
    width: 100%;
    transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.latest-blog .lb-content > div {
    position: relative;
    height: 100%;
}

.latest-blog .lb-title {
    font-size: 1.0625rem;
    font-weight: 500;
    transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.latest-blog .lb-excerpt {
    opacity: 0;
    font-size: 0.9375rem;
    width: 100%;
    left: 0;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 70px;
    transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.latest-blog .lb-meta {
    opacity: .25;
    font-size: 0;
    position: absolute;
    bottom: 0;
}

.latest-blog .lb-meta span:not(:first-child) {
    display: none;
}

.latest-blog .lb-meta span:first-child {
    font-size: 0.9375rem;
}

.latest-blog .lb-arrow {
    opacity: 0;
    position: absolute;
    bottom: -3px;
    right: 0;
    transition: all 150ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.single-portfolio .entry-title, .entry-hero-tagline h1 {
    font-size: 5.6875rem;
    font-size: 8vmin;
    padding-bottom: 100px;
    padding-bottom: 12vmin;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .single-portfolio .entry-title, .entry-hero-tagline h1 {
        font-size: 3.8125rem;
        font-size: 8vmin;
        padding-bottom: 75px;
        padding-bottom: 12vmin;
    }
}

@media screen and (max-width: 428px) {
    .single-portfolio .entry-title, .entry-hero-tagline h1 {
        font-size: 2.5625rem;
        font-size: 8vmin;
        padding-bottom: 50px;
        padding-bottom: 12vmin;
    }
}

.single-portfolio .entry-hero-tagline {
    padding-bottom: 0 !important;
}

.single-portfolio .entry-breadcrumb {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.8125rem;
    margin-bottom: 45px;
}

.single-portfolio .entry-breadcrumb li {
    display: inline;
}

.single-portfolio .entry-breadcrumb li span {
    opacity: .5;
}

.single-portfolio .entry-breadcrumb li a span {
    opacity: 1;
}

.single-portfolio .entry-breadcrumb li:not(:last-child):after {
    content: " / ";
    opacity: .5;
}

.single-portfolio .portfolio-grid.related {
    position: relative;
    z-index: 99;
    margin: 150px 0 50px;
}

.entry-navigation--portfolio {
    z-index: 90;
    position: relative;
    display: block !important;
    margin-top: 200px;
}

@media screen and (min-width: 480px) {
    .entry-navigation--portfolio {
        width: auto;
        margin-right: -25px;
    }

    .entry-navigation--portfolio .entry-navigation__item {
        font-size: 5.9375rem;
    }

    .entry-navigation--portfolio .entry-navigation__link:after {
        display: none;
    }

    .entry-navigation--portfolio .entry-navigation__info {
        font-size: 1.0625rem;
        text-align: center;
    }

    .entry-navigation--portfolio .entry-navigation__info .title {
        display: block;
    }
}

/*.single-portfolio #main { padding-bottom: 150px; } .single-portfolio #primary { margin-bottom: -150px; }*/
.portfolio-grid {
    width: 100%;
    transition: height 400ms linear;
    min-height: 100vh;
}

.portfolio-grid.no-min-height {
    min-height: auto;
}

.entry-portfolio {
    float: left;
    position: relative;
    z-index: 90;
    max-width: calc(100% - 30px);
    overflow: hidden;
    /*img { width: 104%; position: relative; left: -2%; margin-top: -0.5%; }*/
    visibility: hidden;
    -webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    -o-transform: translateY(65px);
    transform: translateY(65px);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: transform .6s cubic-bezier(0.39,.575,.565,1),opacity .4s cubic-bezier(0.39,.575,.565,1),visibility .6s linear;
    -moz-transition: transform .6s cubic-bezier(0.39,.575,.565,1),opacity .4s cubic-bezier(0.39,.575,.565,1),visibility .6s linear;
    -o-transition: transform .6s cubic-bezier(0.39,.575,.565,1),opacity .4s cubic-bezier(0.39,.575,.565,1),visibility .6s linear;
    transition: transform .6s cubic-bezier(0.39,.575,.565,1),opacity .4s cubic-bezier(0.39,.575,.565,1),visibility .6s linear;
}

.entry-portfolio a, .entry-portfolio img {
    display: block;
    max-width: none;
    width: 100%;
    margin: 0;
}

.entry-portfolio a, .entry-portfolio figure {
    margin: 0;
}

.entry-portfolio figure {
    position: relative;
    z-index: 8;
}

.entry-portfolio.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
}

.entry-portfolio.active.re {
    transform: translate3d(0, -30px, 0);
    opacity: 0;
    visibility: hidden;
}

.entry-portfolio.hover-two {
    height: auto !important;
}

.entry-portfolio.hover-two .entry-caption {
    display: block;
    position: relative;
    margin-top: 30px;
}

.page-template-template-portfolio .entry-portfolio.hover-two .entry-caption {
    padding-bottom: 10px;
}

.entry-portfolio.hover-two .entry-caption h3, .entry-portfolio.hover-two .entry-caption #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-caption #submit {
    font-weight: 700;
    font-size: 1.0625rem;
    display: inline-block;
}

.entry-portfolio.hover-two .entry-caption .entry-meta {
    font-size: 0.9375rem;
    font-family: Times, Georgia, serif;
    opacity: .5;
    text-transform: lowercase;
    display: block;
}

.page-template-template-portfolio .entry-portfolio.hover-two:hover h3:after, .page-template-template-portfolio .entry-portfolio.hover-two:hover #respond .form-submit #submit:after, #respond .form-submit .page-template-template-portfolio .entry-portfolio.hover-two:hover #submit:after, .page-template-template-portfolio .entry-portfolio.hover-two.hover h3:after, .page-template-template-portfolio .entry-portfolio.hover-two.hover #respond .form-submit #submit:after, #respond .form-submit .page-template-template-portfolio .entry-portfolio.hover-two.hover #submit:after {
    height: 2px;
}

.entry-portfolio.hover-two .entry-info {
    position: relative;
}

.entry-portfolio.hover-two .entry-title {
    background: none !important;
    margin-bottom: -2px;
}

.entry-portfolio.hover-two .entry-title h3, .entry-portfolio.hover-two .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.hover-two .entry-title #submit {
    font-size: 1.0625rem;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    cursor: pointer;
}

.entry-portfolio.hover-two .price {
    font-size: 1.0625rem;
    opacity: .5;
    display: block;
}

.entry-portfolio.hover-two .price, .entry-portfolio.hover-two ins, .entry-portfolio.hover-two .price ins span.amount {
    font-weight: 600;
}

.entry-portfolio.hover-two .entry-thumbnail {
    position: relative;
}

.entry-portfolio.hover-two .entry-thumbnail .price {
    position: absolute;
    display: block;
    opacity: 0;
    transform: translate3d(0, 15px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 200ms;
}

.entry-portfolio.hover-two .entry-thumbnail .price.re.active {
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    visibility: hidden;
}

.entry-portfolio.hover-two .entry-thumbnail del {
    margin-bottom: -7px;
}

.entry-portfolio .secondary {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    opacity: 0;
    transition: opacity 200ms linear;
}

.entry-portfolio:hover .secondary, .entry-portfolio.hover .secondary {
    opacity: 1;
}

.entry-caption {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.entry-caption .entry-meta {
    font-family: "Crimson Text", Cambria, Georgia, serif;
    font-style: italic;
    font-size: 0.9375rem;
    opacity: 1;
}

.entry-caption .entry-title {
    font-size: 1.5625rem;
    line-height: 1.1;
    font-weight: bold;
    margin: 0;
}

.entry-caption.Classic {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

a:hover .entry-caption.Classic, a.hover .entry-caption.Classic {
    opacity: 1;
}

.entry-caption.Classic > div > div {
    padding: 0 20%;
}

.entry-caption.Classic:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.entry-caption.Classic h3, .entry-caption.Classic #respond .form-submit #submit, #respond .form-submit .entry-caption.Classic #submit, .entry-caption.Classic span {
    z-index: 1;
    position: relative;
}

.entry-portfolio .entry-caption.Classic {
    display: block;
}

.entry-caption.Classic .entry-caption-content {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

a:hover .entry-caption.Classic .entry-caption-content, a.hover .entry-caption.Classic .entry-caption-content {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.entry-caption.Minimal {
    pointer-events: none;
    opacity: 0;
    transition: opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.entry-caption.Minimal.active {
    opacity: 1;
}

.entry-caption.Minimal .entry-caption-text {
    display: inline-block;
    margin-left: calc(-50% + 60px);
    position: relative;
    margin-top: 30px;
}

.entry-caption.Minimal .entry-title {
    display: inline-block;
    padding: 8px 20px 7px;
    position: relative;
    right: 0;
    z-index: 8;
}

.entry-caption.Minimal .entry-meta {
    padding: 2px 10px 1px;
    position: absolute;
    margin-top: -10px;
    margin-right: -10px;
    right: 0;
    z-index: 9;
}

.entry-portfolio .entry-caption {
    display: none;
}

.entry-caption#js-caption {
    position: fixed;
    top: 250px;
    left: 220px;
    width: auto;
    height: auto;
    z-index: 999;
}

.page-template-template-portfolio .entry-content.page-content {
    width: calc(100% - 30px);
    margin-left: 30px;
    margin-top: 150px;
}

.page-template-template-portfolio .entry-content.page-content.up {
    margin-top: 0;
}

.huge-caption {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    pointer-events: none;
    text-align: center;
}

.huge-caption .entry-caption-text {
    position: relative;
}

.huge-caption .entry-title {
    font-size: 8.75rem;
    font-size: 12vmin;
    opacity: 0;
    transform: translateY(35px);
    transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.huge-caption .entry-meta {
    font-size: 1.5rem;
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translateY(35px);
    transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.huge-caption .entry-caption.hover .entry-title, .huge-caption .entry-caption.hover .entry-meta {
    opacity: 1;
    transform: translateY(0);
}

.caption-style-huge.on article:not(:hover) {
    opacity: .25;
}

.page .entry-header.main .entry-title {
    font-size: 3.4375rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.error404 {
    position: fixed;
    height: 100%;
}

.error404 .not-found {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.error404 .m-display--table {
    position: fixed;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}

.error404 h1 {
    font-size: 2.25rem;
}

.error404 h3 {
    font-size: .875rem;
}

.muiteer-twitter {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    text-align: center;
    font-size: 1.3125rem;
}

.muiteer-twitter .carousel-holder {
    padding: 0 90px;
    position: relative;
}

.muiteer-twitter .carousel-cell {
    width: 100%;
    padding: 0 40px;
}

.muiteer-twitter .carousel-prev, .muiteer-twitter .carousel-next {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 0;
    cursor: pointer;
    opacity: .15;
    transition: opacity 150ms linear;
}

.muiteer-twitter .carousel-prev:hover, .muiteer-twitter .carousel-next:hover {
    opacity: 1;
}

.muiteer-twitter .carousel-next {
    right: 0;
    left: auto;
}

.muiteer-twitter .body {
    margin-bottom: 10px;
}

.muiteer-twitter .user {
    opacity: .15;
}

.muiteer-twitter .user:before {
    content: " - ";
    display: block;
    margin-bottom: 10px;
}

.muiteer-twitter .background {
    position: absolute;
    width: 120px;
    height: 120px;
    top: -10px;
    left: 50%;
    margin-left: -60px;
    opacity: .1;
}

.muiteer-twitter .background span, .muiteer-twitter .background svg {
    width: 100%;
    height: 100%;
}

.image-text-link {
    position: relative;
    margin-bottom: 24px;
}

p .image-text-link {
    margin-bottom: 0;
}

.image-text-link:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    background: #000;
    opacity: .8;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
    opacity: 0;
    transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.image-text-link:hover:after {
    opacity: .8;
}

.image-text-link img {
    margin: 0;
    vertical-align: middle;
}

.image-text-link span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -20px;
    left: 0;
    display: block;
    z-index: 9;
    font-size: 2.4375rem;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transform: translate3d(0, 15px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.image-text-link span.re.active {
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    visibility: hidden;
}

.image-text-link:hover span {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.image-text-link .arrow {
    top: auto;
    bottom: 30px;
    height: 24px;
    width: 45px;
    left: 50%;
    margin-left: -24px;
}

/*! 1.5. Fancybox */
.fancybox-skin {
    background: transparent;
}

.fancybox-overlay {
    z-index: 99998;
    background: #333;
    background: rgba(51, 51, 51, 0.95);
    overflow: hidden !important;
}

.fancybox-opened {
    z-index: 99999;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 0px 13px rgba(0, 0, 0, 0.2);
}

.fancybox-nav span, .fancybox-close {
    background: url(images/sharpSprites.png) no-repeat -1px 0 #181818;
    background-color: rgba(24, 24, 24, 0.8);
    width: 50px;
    height: 50px;
    margin-top: -25px;
    display: block;
    text-indent: -9999px;
    opacity: 0;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .fancybox-nav span, .fancybox-close {
        background-image: url(images/sharpSprites_x2.png);
        background-size: 151px 50px;
    }
}

.fancybox-next span {
    background-position: -50px 0;
    right: 0;
}

.fancybox-prev span {
    left: 0;
}

.fancybox-close {
    background-position: -115px 0;
    right: -25px;
    top: -5px;
    opacity: 1;
    visibility: visible;
}

.fancybox-nav:hover span {
    opacity: 1;
    visibility: visible;
}

.fancybox-nav span:hover, .fancybox-close:hover {
    background-color: #b99d61;
}

#fancybox-loading {
    z-index: 99999;
}

#fancybox-loading div {
    width: 32px;
    height: 32px;
    background: url(images/preloader.svg) no-repeat 0 0 transparent;
}

.fancybox-title-float-wrap .child {
    background: transparent;
}

.fancybox-thumb {
    display: inline-block;
    position: relative;
}

.fancybox-thumb img {
    margin: 0 !important;
    float: none !important;
    vertical-align: bottom;
}

.fancybox-thumb span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}

.krown-thumbnail-gallery {
    overflow: hidden;
}

.krown-thumbnail-gallery .fancybox-thumb {
    float: left;
    margin: 1px;
}

.krown-thumbnail-gallery .fancybox-thumb img {
    max-width: none;
    width: 100%;
}

.krown-thumbnail-gallery .fancybox-thumb.first {
    margin-left: 0;
}

.krown-thumbnail-gallery .fancybox-thumb.last {
    margin-right: -10px;
}

.fancybox-title-float-wrap {
    right: auto !important;
    left: 0 !important;
    top: 100% !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.fancybox-title .child {
    margin: 0 !important;
    white-space: normal !important;
    line-height: 18px !important;
}

.muiteer-gallery {
    display: flex;
    flex-wrap: wrap;
}

.muiteer-gallery.grid-border {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.muiteer-gallery--item {
    margin: 0;
    padding: 2px;
}

.columns-1 .muiteer-gallery--item {
    flex-basis: 100%;
    width: 100%;
}

.columns-2 .muiteer-gallery--item {
    flex-basis: 50%;
    width: 50%;
}

.columns-3 .muiteer-gallery--item {
    flex-basis: 33.33%;
    width: 33.33%;
}

.columns-4 .muiteer-gallery--item {
    flex-basis: 25%;
    width: 25%;
}

.columns-5 .muiteer-gallery--item {
    flex-basis: 20%;
    width: 20%;
}

.columns-6 .muiteer-gallery--item {
    flex-basis: 16.66%;
    width: 16.66%;
}

.columns-7 .muiteer-gallery--item {
    flex-basis: 17.28%;
    width: 17.28%;
}

.columns-8 .muiteer-gallery--item {
    flex-basis: 12.5%;
    width: 12.5%;
}

.columns-8 .muiteer-gallery--item {
    flex-basis: 11.11%;
    width: 11.11%;
}

.hover-opacity .muiteer-gallery--item img {
    opacity: .15;
    transition: opacity 200ms linear;
}

.no-touchevents .hover-opacity .muiteer-gallery--item:hover img {
    opacity: 1;
}

.grid-border .muiteer-gallery--item {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.muiteer-gallery--item img {
    margin: 0 !important;
    width: 100vw !important;
}

.flickity-viewport {
    transition: height 250ms linear;
}

.muiteer-slider .carousel-cell {
    width: 100%;
    text-align: center;
}

.grid__item.full-width .muiteer-slider .carousel-cell {
    padding: 0 30%;
}

.muiteer-slider img {
    margin: auto;
}

.muiteer-slider .flickity-page-dots {
    bottom: 25px;
}

.muiteer-slider .flickity-page-dots .dot {
    width: 30px;
    height: 3px;
    margin: 0 7px;
    background: #000;
    border-radius: 0;
    opacity: .15;
    transition: opacity 150ms linear;
}

.muiteer-slider .flickity-page-dots .dot:hover {
    opacity: .5;
}

.muiteer-slider .flickity-page-dots .dot.is-selected {
    opacity: 1;
    pointer-events: none;
}

@media screen and (max-width: 480px) {
    .muiteer-slider .flickity-page-dots {
        display: none;
    }
}

.instagram-pics {
    width: calc(100% + 4px);
    left: -2px;
    position: relative;
}

.instagram-pics li {
    width: 33.33%;
    float: left;
    margin: 0 !important;
    padding: 2px;
}

.instagram-pics li a {
    padding: 0 !important;
    margin: 0;
    opacity: .1;
}

.instagram-pics li a:before {
    display: none !important;
}

.instagram-pics li a:hover {
    opacity: 1;
}

.wp-video-shortcode {
    width: 100%;
    height: auto;
}

.mejs-container {
    width: 100%;
    overflow: hidden !important;
    outline: none;
    min-width: auto !important;
}

.mejs-container * {
    outline: none;
}

.mejs-container .mejs-controls {
    background: transparent !important;
    width: 100%;
    top: auto !important;
    padding: 5px 10px 5px 10px;
}

.mejs-container .mejs-controls div {
    width: 30px;
    height: 30px;
}

.mejs-time.mejs-duration-container {
    padding-right: 5 !important;
}

.mejs-controls .mejs-button button, .no-svg .mejs-controls .mejs-button button {
    background-image: none !important;
    background-size: auto !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
}

.mejs-controls .mejs-button button:focus {
    outline: none !important;
}

.mejs-controls .mejs-play button {
    background-image: none !important;
}

.mejs-controls .mejs-play button:after {
    position: absolute;
    content: "";
    border-width: 8px 0 8px 14px;
    top: 50%;
    left: 50%;
    border-style: solid;
    margin-left: -5px;
    margin-top: -8px;
}

.mejs-controls .mejs-pause button {
    background-image: none !important;
}

.mejs-controls .mejs-pause button:before,
.mejs-controls .mejs-pause button:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 14px;
    top: 50%;
    left: 50%;
    margin-left: 2px;
    margin-top: -7px;
}

.mejs-controls .mejs-pause button:after {
    left: 8px;
}

.mejs-controls .mejs-replay button {
    background-image: none !important;
}

.mejs-controls .mejs-replay button:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.mejs-controls .mejs-captions-button button:before,
.mejs-controls .mejs-captions-button button:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
}

.mejs-controls .mejs-captions-button button:before {
    width: 20px;
    height: 14px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin-left: -12px;
    margin-top: -9px;
}

.mejs-controls .mejs-captions-button button:after {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin-left: -3px;
    margin-top: -3px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    border-radius: 4px;
    margin: 0;
    border: none;
    width: auto;
    height: auto;
    right: 0;
}

.mejs-captions-selector-list-item,
.mejs-chapters-selector-list-item {
    padding: 10px 30px !important;
}

.mejs-captions-selector-label,
.mejs-chapters-selector-label {
    font-size: .875rem !important;
}

.mejs-captions-position {
    padding: 0 10px;
}

.mejs-captions-text,
.mejs-captions-text * {
    font-size: .875rem;
    padding: 5px !important;
    box-shadow: none !important;
    line-height: 36px;
}

.mejs-controls .mejs-mute button {
    background-image: none !important;
}

.mejs-controls .mejs-unmute button {
    background-image: none !important;
}

.mejs-controls .mejs-mute button:before,
.mejs-controls .mejs-mute button:after,
.mejs-controls .mejs-unmute button:before,
.mejs-controls .mejs-unmute button:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    border-right: solid 2px transparent;
    border-bottom: solid 2px transparent;
    border-left: solid 2px transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.mejs-controls .mejs-mute button:before,
.mejs-controls .mejs-unmute button:before {
    width: 12px;
    height: 12px;
    margin-left: -18px;
    margin-top: -8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mejs-controls .mejs-mute button:after,
.mejs-controls .mejs-unmute button:after {
    width: 20px;
    height: 20px;
    margin-left: -18px;
    margin-top: -12px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mejs-controls .mejs-unmute button:before,
.mejs-controls .mejs-unmute button:after {
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
}

.mejs-controls .mejs-fullscreen-button button {
    background-image: none !important;
}

.mejs-controls .mejs-fullscreen-button button:before,
.mejs-controls .mejs-fullscreen-button button:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
}

.mejs-controls .mejs-fullscreen-button button:before {
    margin-left: -8px;
}

.mejs-controls .mejs-fullscreen-button button:after {
    margin-top: -8px;
}

.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before,
.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before {
    margin-left: -10px;
}

.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:after {
    margin-top: -10px;
}

.mejs-container .mejs-controls .mejs-time {
    height: 30px;
    padding: 9px 20px 9px 20px !important;
}

.mejs-container .mejs-controls .mejs-time span {
    font-size: .75rem;
    font-weight: bold;
}

.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
    margin-right: -55px;
}

.mejs-controls div.mejs-time-rail {
    padding-top: 8px;
    margin: 0 50px 0 50px;
}

.mejs-controls .mejs-time-rail span {
    height: 4px;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    box-shadow: none !important;
}

.mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    display: none !important;
}

.mejs-container .mejs-controls div.mejs-time.mejs-duration-container {
    margin-left: -55px;
}

.mejs-button.mejs-volume-button.mejs-mute, .mejs-button.mejs-volume-button.mejs-unmute {
    padding-right: 1px;
    margin-right: 15px;
}

.mejs-video.mejs-container .mejs-button.mejs-volume-button.mejs-mute, .mejs-video .mejs-button.mejs-volume-button.mejs-unmute {
    margin-right: 1px;
}

.mejs-container .mejs-controls div.mejs-horizontal-volume-slider {
    margin-right: 35px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    height: 4px;
    box-shadow: none;
    background: #282828 !important;
    cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider {
    margin-right: 10px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    height: 4px;
    top: 13px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    top: 9px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    width: 30px;
    left: -1px;
    background: none;
    height: 60px;
    top: -60px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider:after {
    display: none !important;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    margin-left: 2px;
    margin-top: 3px;
    width: 3px;
    cursor: pointer;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    width: 7px;
    margin-left: 10px;
    margin-top: 15px;
    height: 60px !important;
    padding: 1px !important;
    border-radius: 3px !important;
    bottom: 0 !important;
    top: auto !important;
}

.mejs-volume-current {
    bottom: 2px !important;
    border-radius: 3px !important;
    max-height: calc(100% - 4px) !important;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    width: 12px;
    height: 7px;
    border-radius: 0 !important;
    border: none;
    left: 7px;
    background-image: url(images/video-controls.png) !important;
    background-size: 236px 60px !important;
    display: none;
}

.mejs-overlay-button, .no-svg .mejs-overlay-button {
    position: relative;
    background-image: none !important;
    background-color: transparent;
    width: 60px !important;
    height: 60px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    background-position: 0 0 !important;
}

.mejs-overlay-button:after, .no-svg .mejs-overlay-button:after {
    position: absolute;
    content: "";
    border-width: 15px 0 15px 30px;
    top: 50%;
    left: 50%;
    border-style: solid;
    margin-left: -10px;
    margin-top: -15px;
}

.mejs-overlay:hover .mejs-overlay-button {
    background-color: transparent !important;
    background-position: 0 0 !important;
}

.mejs-overlay-loading {
    background: #181818;
    background: rgba(24, 24, 24, 0.9);
    height: 60px;
    margin: -30px 0 0 -30px;
    width: 60px;
    display: none;
}

.mejs-overlay-loading span {
    /*background-image:url(images/loading-goodwork.gif); @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {  background-image: url(images/loading-goodwork_x2.png); background-size: 32px 32px; */
    background: none !important;
    height: 60px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    width: 60px;
}

.mejs-horizontal-volume-slider.mejs-mute {
    width: 1px !important;
    margin-right: 1px !important;
}

.mejs-audio .mejs-button.mejs-volume-button {
    border-right-color: transparent !important;
}

.mejs-audio .mejs-button.mejs-volume-button button {
    left: 8px;
}

/* ------------------------
-----   Playlist   -----
------------------------------*/
.wp-playlist {
    overflow: hidden;
}

.wp-playlist-tracks {
    background: #242424;
    border-top: 1px solid #000;
    margin-top: 0;
    padding: 1px 0;
    width: 100.1%;
}

.wp-playlist-item {
    border-bottom: 1px solid #000;
    padding: 5px 15px;
    position: relative;
}

.wp-playlist-caption {
    color: #ccc;
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.wp-playlist-tracks .wp-playlist-caption:hover {
    color: #fff;
}

.wp-playlist-item-length {
    color: #8b8b8b;
    font-family: 'Arial';
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 5px;
}

/* Other */
.wp-video, .wp-playlist {
    width: 100% !important;
    max-width: none !important;
    margin: 20px 0;
    height: auto !important;
}

.wp-audio-shortcode {
    margin: 0 0 20px 0;
}

.grid__item > .wp-audio-shortcode:last-child {
	margin-bottom: 0;
}

/* ------------------------
-----   Tabs   -----
------------------------------*/
.muiteer-tabs {
    width: 100%;
}

.muiteer-tabs .tabs-titles {
    margin: 0;
    border-bottom: 1px solid transparent;
    *zoom: 1; }

.muiteer-tabs .tabs-titles:after {
    content: '';
    display: table;
    clear: both;
}

.muiteer-tabs .tab-title {
    margin: 0 20px -2px 0;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    border-bottom: 3px solid transparent;
    transition: all 180ms linear;
    cursor: pointer;
    padding-bottom: 2px;
}

.muiteer-tabs .tab-title:last-child {
    margin-right: 0;
}

.muiteer-tabs .tab-title:hover {
    opacity: .8;
}

.muiteer-tabs .tab-title.active {
    pointer-events: none;
}

.muiteer-tabs .tabs-contents {
    margin-top: 25px;
}

.muiteer-tabs .tab-content {
    display: none;
}

.muiteer-tabs .tab-content:first-child {
    display: block;
}

/* ------------------------
-----   Toggles   -----
------------------------------*/
.muiteer-toggle .content {
    display: none;
    padding: 50px 40px;
    margin: 20px 0 25px 15px;
    width: calc(100% - 30px);
    font-size: 0.9375rem;
}

.muiteer-toggle h5 {
    cursor: pointer;
    text-align: center;
    border: 2px solid;
    font-size: 1.3125rem;
    padding: 16px 0 15px;
    border-radius: 10px;
    transition: all 200ms linear;
    margin-bottom: 5px;
    position: relative;
}

.muiteer-toggle h5:hover {
    border-color: transparent;
}

.muiteer-toggle h5:before {
    content: "+";
    position: absolute;
    left: 30px;
    font-size: 3rem;
    font-weight: 300;
    top: 0;
    height: 100%;
    line-height: 1;
    padding-top: 7px;
}

.muiteer-toggle.active h5:before {
    content: "-";
    padding-top: 5px;
    left: 32px;
}

.muiteer-pwd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.muiteer-pwd form {
    width: 75%;
    height: 50%;
    max-height: 400px;
    max-width: 900px;
    background: #fff;
    color: #000;
    position: relative;
}

.muiteer-pwd form > div {
    padding: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
}

.muiteer-pwd form .head {
    width: 100%;
}

.muiteer-pwd form .view-heading {
    font-size: 0.9375rem;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.muiteer-pwd form .view-subheading {
    font-size: 0.8125rem;
    font-weight: 500;
    display: block;
    color: #C9C9C9;
}

.muiteer-pwd form .foot {
    min-width: 460px;
    width: 50%;
    position: relative;
    align-self: flex-end;
    transition: all 200ms linear;
}

.muiteer-pwd form.loading .foot {
    opacity: .05;
    pointer-events: none;
}

.muiteer-pwd form input[type="password"] {
    color: #000;
    border: none;
    border-bottom: 3px solid #000;
    padding-bottom: 5px;
    font-size: 1.75rem;
    font-weight: 500;
    width: 100%;
    background: #fff !important;
}

.muiteer-pwd form input[type="password"]:-ms-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.muiteer-pwd form input[type="password"]::-ms-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.muiteer-pwd form input[type="password"]::-moz-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.muiteer-pwd form input[type="password"]::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.muiteer-pwd form input[type="password"]::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

.muiteer-pwd form input[type="submit"] {
    display: block;
    color: #000;
    position: absolute;
    right: -10px;
    font-size: 1.5625rem;
    margin-top: 2px;
    transition: all 150ms linear;
}

.muiteer-pwd form input[type="submit"]:hover {
    margin-right: -10px;
}

.muiteer-pwd form .view-info {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 25px;
    display: inline-block;
}

.muiteer-pwd .bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
}

.muiteer-pwd .back {
    position: absolute;
    right: 35px;
    bottom: 25px;
    margin: 0;
}

.muiteer-pwd .back a {
    color: #000;
    opacity: .5;
    font-size: 0.6875rem;
    font-weight: 500;
    border-bottom: 1px solid;
}

.muiteer-pwd .back a:hover {
    opacity: 1;
}

body.pwd {
    overflow: hidden;
}

body.pwd .entry-content, body.pwd #site-footer {
    display: none;
}

body.pwd .hero-header .video, .hero-header body.pwd .media .video, .hero-header body.pwd .overlay .video {
    display: none;
}

span.button a {
    font-weight: 500 !important;
    padding: 0 20px;
}

span.button a:after {
    display: none !important;
}

#map-holder {
    position: fixed;
    width: 62.5%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    transform: translate3d(-100%, 0, 0);
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

#map-holder.opened {
    transform: translate3d(0, 0, 0);
}

#map-contact {
    width: 100%;
    height: 100%;
}

#site:after {
    display: block;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear;
}

#site.opened-map:after {
    opacity: .9;
    visibility: visible;
}

#map-toggle {
    background: #222;
    position: absolute;
    top: 40px;
    right: 40px;
    border: none;
    width: 40px;
    height: 40px;
    transition: all 120ms linear;
    border-radius: 3px;
}

#map-toggle:hover {
    transform: scale(1.1);
}

#map-toggle svg {
    margin-top: 7px;
    transform: scale(0.9) rotate(45deg);
}

#map-toggle svg * {
    stroke: #fff;
}

.cross-sells {
    margin-bottom: 100px;
}

.cross-sells .entry-portfolio.product.hover-one .entry-title {
    position: absolute !important;
}

.cross-sells a:after {
    display: none !important;
}

.entry-portfolio.product {
    max-width: 100%;
}

.entry-portfolio.product.hover-one .entry-info {
    position: absolute;
}

.entry-portfolio.product.hover-one .entry-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    transform: none;
    padding: 25px;
    z-index: 9;
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 200ms;
}

.entry-portfolio.product.hover-one .entry-title.re.active {
    opacity: 0;
    transform: translate3d(0, -25px, 0);
    visibility: hidden;
}

.entry-portfolio.product.hover-one .entry-title h3, .entry-portfolio.product.hover-one .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.product.hover-one .entry-title #submit, .entry-portfolio.product.hover-one .entry-title h2 {
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.entry-portfolio.product.hover-one .price {
    font-size: 3.125rem;
    position: absolute;
    margin: 35px;
    z-index: 9;
    line-height: 1;
    font-weight: 600;
    opacity: 0;
    transform: translate3d(0, 15px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.entry-portfolio.product.hover-one .price.re.active {
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    visibility: hidden;
}

.entry-portfolio.product.hover-one .price del {
    position: relative;
    top: -15px;
    margin-bottom: -10px;
}

.entry-portfolio.product.hover-one.small-thumb .entry-title {
    padding: 15px;
}

.entry-portfolio.product.hover-one.small-thumb .entry-title h3, .entry-portfolio.product.hover-one.small-thumb .entry-title #respond .form-submit #submit, #respond .form-submit .entry-portfolio.product.hover-one.small-thumb .entry-title #submit {
    font-size: 1rem;
}

.entry-portfolio.product.hover-one.small-thumb .price {
    font-size: 1.875rem;
    margin: 25px;
}

.entry-portfolio.product.hover-one.small-thumb .price del {
    display: none;
}

.entry-portfolio.product.hover-one.small-thumb .entry-buttons {
    transform: scale(0.8);
}

.entry-portfolio.product.hover-two.small-thumb .entry-buttons {
    transform: scale(0.8);
}

.entry-portfolio.product h2 {
    margin-bottom: 6px;
    font-size: 1.25rem;
    line-height: 1.2;
}

.entry-portfolio.product .entry-buttons {
    width: 130px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -65px;
    z-index: 9;
}

.entry-portfolio.product .entry-buttons a {
    width: 55px;
    height: 55px;
    display: inline-block;
    margin: 0 5px !important;
    float: left;
    text-align: center;
    position: relative;
}

.entry-portfolio.product .entry-buttons a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 180ms linear;
}

.entry-portfolio.product .entry-buttons a span {
    line-height: 55px;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style {
    margin-left: -55px;
    padding-top: 5px;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 75ms;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style.re.active {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    visibility: hidden;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style svg * {
    stroke: transparent !important;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style span {
    position: relative;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style span.before_add {
    top: 3px;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style span.after_add {
    top: 3px;
    display: none;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style span.while_add {
    top: 5px;
    display: none;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style span.while_add svg {
    width: 20px;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style.loading {
    pointer-events: none;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style.loading .while_add {
    display: block;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style.loading .before_add, .entry-portfolio.product .entry-buttons a.add-to-cart-style.added .before_add {
    display: none;
}

.entry-portfolio.product .entry-buttons a.add-to-cart-style.added .after_add {
    display: block;
}

.entry-portfolio.product .entry-buttons a.ajax-link {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 125ms;
}

.entry-portfolio.product .entry-buttons a.ajax-link.re.active {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    visibility: hidden;
}

.entry-portfolio.product .entry-buttons a.ajax-link svg * {
    stroke: transparent !important;
}

.entry-portfolio.product .entry-buttons a.ajax-link span {
    position: relative;
    top: 4px;
}

.entry-portfolio.product .entry-buttons a.added_to_cart {
    display: none;
}

.no-touchevents .entry-portfolio.product.hover-one:hover .entry-title, .no-touchevents .entry-portfolio.product.hover-one:hover .price, .no-touchevents .entry-portfolio.product.hover-one:hover .entry-buttons a, .entry-portfolio.product.hover-one.hover .entry-title, .entry-portfolio.product.hover-one.hover .price, .entry-portfolio.product.hover-one.hover .entry-buttons a {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.no-touchevents .entry-portfolio.product.hover-two:hover .entry-buttons a, .no-touchevents .entry-portfolio.product.hover-two:hover .entry-thumbnail .price, .entry-portfolio.product.hover-two.hover .entry-buttons a, .entry-portfolio.product.hover-two.hover .entry-thumbnail .price {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.woocommerce-result-count, .woocommerce-products-header, .woocommerce-page .grid__item .page-title {
    display: none;
}

.entry-portfolio.hover-two .entry-thumbnail .price {
    transform: none !important;
}

.single-product .product {
    *zoom: 1; position: relative;
}

.single-product .product:after {
    content: '';
    display: table;
    clear: both;
}

.single-product .images {
    width: 58.333%;
    float: left;
    position: relative;
    overflow: hidden;
}

.single-product .images img {
    width: 100%;
    max-width: none;
}

.single-product .images .woocommerce-main-image {
    width: 100%;
    display: block;
}

.single-product .images .images-carousel {
    float: right;
    width: calc(100% - 120px);
}

.single-product .images .images-carousel .carousel-cell {
    width: 100%;
}

.single-product .images .images-carousel a {
    pointer-events: none;
}

.single-product .images .thumbnails {
    width: 90px;
    position: absolute;
    height: 100%;
    overflow: hidden;
}

.single-product .images .thumbnails .holder {
    width: 130px;
    overflow-y: scroll;
    height: 100%;
}

.single-product .images .thumbnails a {
    margin-top: 15px;
    width: 90px;
    height: 90px;
    opacity: .5;
}

.single-product .images .thumbnails a:first-child {
    margin-top: 0;
}

.single-product .images .thumbnails a.active {
    opacity: 1;
}

.single-product .imgs-hide .images {
    display: none;
}

.single-product .summary {
    padding-bottom: 50px;
}

.single-product .summary.non-stick {
    position: absolute;
    right: 0 !important;
    width: 33.333% !important;
    transform: none !important;
}

.single-product .summary.stick {
    position: fixed;
    transition: margin 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.single-product .summary .product_title {
    font-size: 3.3125rem;
    margin-bottom: 0;
    font-weight: 700;
}

.single-product .summary .woocommerce-breadcrumb {
    font-size: 0.8125rem;
    margin-top: 5px;
}

.single-product .summary .price {
    font-size: 3.6875rem;
    line-height: 1;
    font-weight: 700;
    margin: 40px auto 30px;
}

.single-product .summary .cart button[type="submit"] {
    text-transform: uppercase;
    border: none;
    font-size: 0.6875rem;
    font-weight: 600;
    margin: 0;
    float: right;
    height: 54px;
    letter-spacing: 2.5px;
    padding: 11px 50px 10px;
    position: relative;
    transition: all 180ms linear;
    border: 2px solid;
}

.single-product .summary .cart button[type="submit"]:hover {
    border-color: transparent;
}

.single-product .summary .woocommerce-product-rating {
    display: none;
}

.single-product .summary .star-rating {
    margin-left: -10px;
    margin-top: 15px;
    float: left;
    cursor: pointer;
}

.single-product .summary .star-rating .star {
    margin-left: 10px;
}

.single-product .summary .star-rating .star svg polygon {
    stroke: none !important;
}

.single-product .summary .star-rating .star.empty svg polygon {
    fill: #a5a5a5 !important;
}

.single-product .summary .star-rating .show-reviews {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    margin: 5px 0 0 10px;
    transition: all 180ms linear;
}

.single-product .summary .star-rating .show-reviews:hover {
    opacity: .8;
}

.single-product .summary .star-rating .show-reviews:before {
    content: "(";
}

.single-product .summary .star-rating .show-reviews:after {
    content: ")";
}

.single-product .summary .summary-title {
    font-size: 0.8125rem;
    font-weight: bold;
    opacity: .5;
    text-transform: uppercase;
    margin: 30px 0 10px;
}

.single-product .summary .summary-title + div {
    font-size: 1.3125rem;
}

.single-product .summary .summary-title:last-child {
    display: none;
}

.single-product .summary .product_meta span {
    display: inline-block;
}

.single-product .summary .shop_attributes {
    border: none;
    font-size: 1.3125rem;
}

.single-product .summary .shop_attributes * {
    border: none;
}

.single-product .summary .shop_attributes th, .single-product .summary .shop_attributes td {
    min-height: 0;
    padding: 0;
    margin: 0;
}

.single-product .summary .shop_attributes th:after {
    content: ": ";
}

.single-product .summary .shop_attributes p {
    margin: 0;
}

.single-product .muiteer-tabs {
    float: left;
    margin-top: 75px;
}

.single-product .muiteer-tabs .tabs-contents {
    min-height: 32px;
}

.single-product .muiteer-tabs #tab-title-reviews, .single-product .muiteer-tabs #tab-content-reviews {
    display: none !important;
}

.single-product .muiteer-tabs .tab-content > h2 {
    display: none;
}

.single-product .muiteer-tabs .tab-content .grid__item {
    margin-bottom: 24px;
}

.single-product .content-holder {
    margin-top: 150px;
    width: 58.333%;
    clear: both;
    float: left;
}

.single-product .content-holder .grid.kcm {
    margin-bottom: -50px;
}

.single-product .imgs-hide .content-holder {
    padding-top: 100%;
    margin-top: 0;
}

.single-product .imgs-show .content-holder {
    padding-top: 0 !important;
}

.single-product .related, .single-product .up-sells, .single-product .cross-sells {
    clear: left;
    float: left;
    width: 100%;
    margin-top: 250px;
}

.single-product .entry-navigation {
    clear: left;
    float: left;
    width: 100%;
}

.single-product .onsale {
    display: none;
}

.woocommerce-variation-price {
    margin-bottom: 35px;
}

.price del {
    height: 30px;
    text-decoration: none;
    font-size: 0.9375rem;
    line-height: 32px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding-right: 17px;
    margin-bottom: 20px;
    overflow: hidden;
}

.price del span.amount {
    padding: 0 5px;
}

.price del span.amount:first-child {
    position: relative;
}

.price del span.amount:first-child:before {
    left: -17px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: rgba(0, 0, 0, 0.1);
    border-width: 5px;
    margin-top: -5px;
}

.price del:before {
    color: #000;
    font-size: 0.6875rem;
    text-transform: uppercase;
    background: inherit;
    height: 30px;
    line-height: 34px;
    padding: 0 12px;
    margin-right: 17px;
    display: inline-block;
    position: relative;
    top: 0;
}

.price ins {
    text-decoration: none;
    font-weight: 400;
    margin-left: -10px;
    display: block;
}

.price ins span.amount {
    font-weight: 700;
    padding: 0 10px;
}

.woocommerce-breadcrumb {
    font-weight: 500;
    font-size: 1rem;
}

.woocommerce-breadcrumb span:last-child, .woocommerce-breadcrumb span.sep {
    opacity: .5;
}

.woocommerce-message, .woocommerce-error, .woocommerce-info {
    display: inline-block;
    margin-bottom: 30px;
}

.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
    position: relative;
    top: -10px;
    right: -10px;
}

.woocommerce-message .button:hover, .woocommerce-error .button:hover, .woocommerce-info .button:hover {
    background: none !important;
}

.variations_form table {
    display: block;
    border: none;
}

.variations_form table tbody {
    display: block;
    border: none;
    width: calc(100% + 30px);
    margin-left: -15px;
    *zoom: 1; }

.variations_form table tbody:after {
    content: '';
    display: table;
    clear: both;
}

.variations_form table tr {
    display: block;
    float: left;
    width: 50%;
    position: relative;
    border: none;
    padding: 0 15px;
}

.variations_form table td {
    border: none;
    padding: 0;
    min-height: 0;
    width: 100%;
    display: block;
}

.variations_form table .label {
    position: absolute;
    top: -7px;
    left: 30px;
    font-size: 0.6875rem;
    text-transform: uppercase;
    font-weight: bold;
    opacity: .8;
    z-index: 99;
}

.simple-select-cover {
    font-size: 0.9375rem;
    text-transform: none;
    height: 50px;
    width: 100%;
    border: none;
    width: 100% !important;
}

.form-columns .simple-select-cover {
    height: 75px;
}

.simple-select-cover select {
    height: 100% !important;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: menulist-button;
    position: absolute;
}

.simple-select-cover .simple-select-cover option {
    padding: 2px 0;
}

.simple-select-cover .simple-select-inner {
    background: rgba(0, 0, 0, 0.5);
    padding: 14px 20px 0 17px;
    height: 50px;
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simple-select-cover .simple-select-inner:after {
    content: "→";
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(90deg);
}

.form-columns .simple-select-cover .simple-select-inner {
    font-size: 0.6875rem;
    text-transform: uppercase;
    font-weight: 600;
    height: 75px;
    line-height: 75px;
    padding: 0 30px;
}

.reset_variations, .woocommerce-variation-availability .stock {
    float: right;
    text-transform: uppercase;
    font-size: 0.6875rem;
    font-weight: bold;
    margin-top: 5px;
}

.woocommerce-variation-availability .stock {
    float: none;
}

.woocommerce-page .button, .woocommerce-page input[type="submit"].button {
    display: block;
    float: right;
    font-size: 0.9375rem;
    font-weight: bold;
    border: 2px solid #000;
    background: none;
    padding: 11px 18px 10px;
}

div.quantity {
    border: 2px solid;
    width: 120px !important;
    position: relative;
    display: inline-block;
}

div.quantity input[type="number"] {
    height: 50px !important;
    background: transparent;
    font-size: 1.5rem !important;
    display: inline-block;
    padding: 0 15px !important;
    text-align: center;
    width: 85px !important;
    margin: 0 !important;
    border: none;
    border-right: 2px solid !important;
    font-weight: 600;
    -moz-appearance: textfield;
}

div.quantity input[type="number"]::-webkit-inner-spin-button, div.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.quantity input[type="button"] {
    width: 31px !important;
    height: 25px !important;
    background: transparent;
    font-family: Arial !important;
    font-size: 1.4375rem !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    right: 0;
    border: none;
}

div.quantity input[type="button"].plus {
    top: 0;
    border-bottom: 1px solid !important;
}

div.quantity input[type="button"].minus {
    top: 25px;
    border-top: 1px solid !important;
}

.related > h2, .up-sells > h2, .cross-sells > h2 {
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 9px;
    text-align: center;
}

.single-product form.cart button[type="submit"] .text:after {
    display: none;
}

.single-product form.cart button[type="submit"].loading {
    pointer-events: none;
}

.single-product form.cart button[type="submit"].loading:after {
    display: none;
}

.single-product form.cart button[type="submit"].loading .text {
    opacity: 0;
}

.single-product form.cart button[type="submit"].loading .loading {
    display: block;
}

.single-product form.cart button[type="submit"] .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 13px;
    text-align: center;
    display: none;
}

.single-product form.cart button[type="submit"] .loading svg {
    width: 20px;
}

.single-product form.cart button[type="submit"] .loading svg circle {
    stroke: transparent !important;
}

#site-overlay.opened-reviews {
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.9) !important;
}

#site-overlay.opened-reviews svg * {
    fill: #fff !important;
    stroke: #fff !important;
}

#reviews-holder {
    width: 650px;
    height: 700px;
    padding-top: 40px;
    position: relative;
}

#reviews {
    width: 650px;
    height: 600px;
    background: #f6f6f6;
    position: relative;
}

#reviews .woocommerce-verification-required {
    display: none;
}

#reviews.show-form .commentlist, #reviews.show-form .woocommerce-Reviews-title, #reviews.show-form .woocommerce-noreviews {
    display: none;
}

#reviews.show-form #review_form_wrapper, #reviews.show-form .woocommerce-verification-required {
    display: block;
}

#reviews h2 {
    background: #f0f0f0;
    width: 100%;
    height: 100px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.1875rem;
    font-weight: bold;
    color: #d4d4d4;
    line-height: 100px;
    text-align: center;
}

#reviews .commentlist, #reviews .commentlist li.comment {
    margin: 0;
    width: 100%;
    height: 100%;
}

#reviews .commentlist {
    padding-top: 100px;
    list-style: none;
}

#reviews .commentlist li.comment {
    padding: 90px 100px 0;
    text-align: center;
}

#reviews .commentlist li.comment img {
    width: 120px;
    height: 120px;
    margin: 0;
}

#reviews .comment_container {
    position: relative;
    color: #000;
}

#reviews .comment_container:after {
    display: block;
    position: absolute;
    top: 20px;
    text-align: center;
    font-size: 3.3125rem;
    font-weight: bold;
    width: 100%;
}

#reviews .star-rating, #reviews .woocommerce-review__dash, #reviews .woocommerce-review__published-date, #reviews .woocommerce-review__verified {
    display: none;
}

#reviews .meta {
    margin: 15px 0;
}

#reviews .woocommerce-review__author {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #d1d1d1;
}

#reviews .description {
    font-size: 1rem;
    font-weight: 400;
}

#reviews .flickity-page-dots {
    bottom: 35px;
}

#reviews .flickity-viewport {
    height: 100% !important;
}

#reviews .write-review {
    position: absolute;
    bottom: -50px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    display: block;
    width: 100%;
}

#reviews .write-review:hover {
    opacity: .8;
}

#reviews .write-review .icon {
    position: relative;
    top: 10px;
    margin-right: 20px;
}

#reviews .write-review .icon svg * {
    fill: #fff;
    stroke: transparent !important;
}

#reviews .woocommerce-noreviews, #reviews .woocommerce-verification-required {
    font-weight: 500;
    color: #999;
    position: absolute;
    top: 160px;
    text-align: center;
    width: 70%;
    margin: 0 15%;
    font-size: 2.25rem;
    font-weight: 700;
}

#reviews #review_form_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#reviews #review_form_wrapper div {
    height: 100%;
}

#reviews #review_form_wrapper form {
    border: none;
    padding: 0;
    height: 100%;
}

#reviews #review_form_wrapper .reply-title, #reviews #review_form_wrapper .comment-notes, #reviews #review_form_wrapper p.stars {
    display: none;
}

#reviews #review_form_wrapper p {
    margin: 0;
}

#reviews #review_form_wrapper .comment-form-rating {
    height: 100px;
}

#reviews #review_form_wrapper .comment-form-rating select {
    display: block !important;
}

#reviews #review_form_wrapper input, #reviews #review_form_wrapper textarea, #reviews #review_form_wrapper .comment-logged-in-as {
    color: #999 !important;
    font-size: 1rem;
    width: 100%;
    position: static;
    margin: 0;
    border: 0;
    text-transform: none;
    font-weight: 500;
    padding-left: 30px;
    padding-right: 15px;
}

#reviews #review_form_wrapper input:-ms-input-placeholder, #reviews #review_form_wrapper textarea:-ms-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as:-ms-input-placeholder {
    opacity: 1 !important;
    color: #c9c9c9 !important;
}

#reviews #review_form_wrapper input::-ms-input-placeholder, #reviews #review_form_wrapper textarea::-ms-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as::-ms-input-placeholder {
    opacity: 1 !important;
    color: #c9c9c9 !important;
}

#reviews #review_form_wrapper input::-moz-input-placeholder, #reviews #review_form_wrapper textarea::-moz-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as::-moz-input-placeholder {
    opacity: 1 !important;
    color: #c9c9c9 !important;
}

#reviews #review_form_wrapper input::-webkit-input-placeholder, #reviews #review_form_wrapper textarea::-webkit-input-placeholder, #reviews #review_form_wrapper .comment-logged-in-as::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #c9c9c9 !important;
}

#reviews #review_form_wrapper input::placeholder, #reviews #review_form_wrapper textarea::placeholder, #reviews #review_form_wrapper .comment-logged-in-as::placeholder {
    opacity: 1 !important;
    color: #c9c9c9 !important;
}

#reviews #review_form_wrapper .comment-form-comment {
    height: 450px;
}

#reviews #review_form_wrapper .comment-form-comment textarea {
    height: 100%;
    padding: 30px;
}

#reviews #review_form_wrapper .comment-form-author, #reviews #review_form_wrapper .comment-form-email, #reviews #review_form_wrapper .form-submit, #reviews #review_form_wrapper .comment-logged-in-as {
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 38%;
}

#reviews #review_form_wrapper .comment-form-author input, #reviews #review_form_wrapper .comment-form-email input, #reviews #review_form_wrapper .form-submit input, #reviews #review_form_wrapper .comment-logged-in-as input {
    background: #fff;
}

#reviews #review_form_wrapper .comment-form-email {
    left: 38%;
    border-left: 1px solid #f0f0f0;
}

#reviews #review_form_wrapper .form-submit {
    left: 76%;
    width: 24%;
}

#reviews #review_form_wrapper .comment-logged-in-as {
    width: 76%;
    padding-top: 13px;
    background: #fff;
}

#reviews #review_form_wrapper input[type="submit"] {
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    margin: 0;
    position: static;
    text-align: center;
    background: red;
    letter-spacing: 3px;
    padding: 0;
}

#reviews #review_form_wrapper #ajax-response {
    bottom: auto;
    top: -40px;
    font-size: 1rem;
    font-weight: 500;
}

#reviews .big-select-cover {
    text-transform: none;
    height: 100px;
    border: none;
    width: 100% !important;
}

#reviews .big-select-cover select {
    height: 100% !important;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: menulist-button;
    position: absolute;
}

#reviews .big-select-cover .big-select-cover option {
    padding: 2px 0;
}

#reviews .big-select-cover .big-select-inner {
    background: #f0f0f0;
    padding: 25px 0 0 30px;
    height: 100px;
    cursor: pointer;
    font-weight: bold;
    color: #d4d4d4;
    font-size: 2.1875rem;
}

#reviews .big-select-cover .big-select-inner:after {
    content: "→";
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
    transform: rotate(90deg);
}

.sprq {
    display: none;
}

body.cart-opened.single-product .summary.stick {
    margin-right: 200px;
}

.woocommerce input:-ms-input-placeholder, .woocommerce textarea:-ms-input-placeholder {
    text-transform: none;
}

.woocommerce input::-ms-input-placeholder, .woocommerce textarea::-ms-input-placeholder {
    text-transform: none;
}

.woocommerce input::-moz-input-placeholder, .woocommerce textarea::-moz-input-placeholder {
    text-transform: none;
}

.woocommerce input::-webkit-input-placeholder, .woocommerce textarea::-webkit-input-placeholder {
    text-transform: none;
}

.woocommerce input::placeholder, .woocommerce textarea::placeholder {
    text-transform: none;
}

.woocommerce-cart #main article .entry-content > h1, .woocommerce-checkout #main article .entry-content > h1 {
    display: none;
}

.woocommerce-cart .woocommerce-breadcrumb {
    margin-bottom: 50px;
}

.shop_table {
    border: none;
}

.shop_table * {
    border: none;
}

.shop_table th, .shop_table thead {
    display: none;
}

.shop_table tr {
    display: block;
    *zoom: 1; margin-bottom: 150px;
}

.shop_table tr:after {
    content: '';
    display: table;
    clear: both;
}

.shop_table tr:last-child {
    margin-bottom: 100px;
}

.shop_table td {
    display: flex;
    align-items: flex-end;
    padding: 0;
    height: 80px;
    float: left;
}

.shop_table td.product-thumbnail {
    width: 80px;
    margin-right: 35px;
}

.shop_table td.product-thumbnail a {
    width: 100%;
}

.shop_table td.product-name, .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove {
    margin-right: 35px;
    font-size: 1.1875rem;
    font-weight: 600;
    width: 27%;
    flex-flow: row wrap;
}

.shop_table td.product-name > *:before, .shop_table td.product-price > *:before, .shop_table td.product-subtotal > *:before, .shop_table td.product-remove > *:before {
    display: block;
    font-size: 0.6875rem;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .5;
    margin-bottom: 10px;
}

.shop_table td.product-name a, .shop_table td.product-price a, .shop_table td.product-subtotal a, .shop_table td.product-remove a {
    width: 100%;
}

.shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove {
    width: 100px;
}

@media screen and (min-width: 1023px) and (max-width: 1240px) {
    .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove {
        width: 6%;
    }
}

.shop_table td.product-quantity {
    margin-right: 70px;
}

.shop_table td.product-quantity div.quantity {
    width: 140px !important;
}

.shop_table td.product-quantity input[type="number"] {
    height: 38px !important;
    border: none;
    margin-left: 35px !important;
    padding: 2px 5px !important;
    width: 67px !important;
    font-size: 1.3125rem !important;
    border-right: none !important;
}

.shop_table td.product-quantity input[type="button"].minus {
    top: 0;
    width: 37px !important;
    height: 38px !important;
    border-left: 2px solid;
    border-top: none !important;
}

.shop_table td.product-quantity input[type="button"].plus {
    right: auto;
    left: 0;
    height: 38px !important;
    width: 37px !important;
    padding-top: 2px !important;
    border-right: 2px solid;
    border-bottom: none !important;
}

.shop_table td.product-remove {
    float: right;
}

.shop_table td.actions {
    width: 100%;
    padding: 15px;
    display: block;
    height: auto;
}

.shop_table td.actions div.coupon {
    height: 45px;
    float: left;
}

.shop_table td.actions div.coupon label {
    display: none;
}

.shop_table td.actions div.coupon input[type="text"] {
    background: none !important;
    height: 45px !important;
    border: 2px solid;
    padding: 0 20px;
    margin: 0;
    font-size: 0.9375rem;
    text-transform: none;
}

.shop_table td.actions div.coupon input[type="text"]::-webkit-input-placeholder {
    opacity: .3;
}

.shop_table td.actions div.coupon input[type="text"]::-moz-placeholder {
    opacity: .3;
}

.shop_table td.actions div.coupon input[type="text"]:-ms-input-placeholder {
    opacity: .3;
}

.shop_table td.actions div.coupon input[type="submit"] {
    margin-left: 15px;
}

.shop_table td.actions input[type="submit"] {
    border-color: transparent;
    height: 45px;
    cursor: pointer;
    margin: 0;
}

.cart_totals h2 {
    font-size: 2.1875rem;
    font-weight: bold;
    float: left;
    margin-right: 200px;
}

.cart_totals table {
    width: 60%;
    position: relative;
    top: 7px;
}

.cart_totals table tr {
    width: auto !important;
}

form.woocommerce-checkout, .woocommerce-MyAccount-content form {
    margin-top: 50px;
}

form.woocommerce-checkout .woocommerce-billing-fields, .woocommerce-MyAccount-content form .woocommerce-billing-fields {
    *zoom: 1; }

form.woocommerce-checkout .woocommerce-billing-fields:after, .woocommerce-MyAccount-content form .woocommerce-billing-fields:after {
    content: '';
    display: table;
    clear: both;
}

form.woocommerce-checkout p, .woocommerce-MyAccount-content form p {
    position: relative;
    margin-bottom: 30px;
    float: left;
}

form.woocommerce-checkout .form-row strong, .woocommerce-MyAccount-content form .form-row strong {
    padding: 20px 0 0 15px;
    display: block;
}

form.woocommerce-checkout input, .woocommerce-MyAccount-content form input {
    font-size: 1rem;
    text-transform: none;
    height: 55px;
    padding-left: 15px;
    padding-right: 25px;
    width: 100%;
    border: none;
    line-height: 1;
    margin: 2px;
    font-weight: bold;
}

form.woocommerce-checkout input:-ms-input-placeholder, .woocommerce-MyAccount-content form input:-ms-input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout input::-moz-input-placeholder, .woocommerce-MyAccount-content form input::-moz-input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout input::-webkit-input-placeholder, .woocommerce-MyAccount-content form input::-webkit-input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout input::placeholder, .woocommerce-MyAccount-content form input::placeholder {
    opacity: .15;
}

form.woocommerce-checkout input[type="checkbox"], .woocommerce-MyAccount-content form input[type="checkbox"], form.woocommerce-checkout input[type="radio"], .woocommerce-MyAccount-content form input[type="radio"] {
    width: 0;
    height: 0;
    padding: 0;
    opacity: 0;
}

form.woocommerce-checkout input[type="checkbox"] + span, .woocommerce-MyAccount-content form input[type="checkbox"] + span, form.woocommerce-checkout input[type="checkbox"] + label, .woocommerce-MyAccount-content form input[type="checkbox"] + label, form.woocommerce-checkout input[type="radio"] + span, .woocommerce-MyAccount-content form input[type="radio"] + span, form.woocommerce-checkout input[type="radio"] + label, .woocommerce-MyAccount-content form input[type="radio"] + label {
    top: 2px;
    left: 5px;
    position: relative;
}

form.woocommerce-checkout input[type="checkbox"] + span:before, .woocommerce-MyAccount-content form input[type="checkbox"] + span:before, form.woocommerce-checkout input[type="checkbox"] + label:before, .woocommerce-MyAccount-content form input[type="checkbox"] + label:before, form.woocommerce-checkout input[type="radio"] + span:before, .woocommerce-MyAccount-content form input[type="radio"] + span:before, form.woocommerce-checkout input[type="radio"] + label:before, .woocommerce-MyAccount-content form input[type="radio"] + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -28px;
    width: 15px;
    height: 15px;
    background: rgba(58, 58, 58, 0.5);
    opacity: 1;
    transition: all 100ms linear;
}

form.woocommerce-checkout input[type="checkbox"]:checked + label:before, .woocommerce-MyAccount-content form input[type="checkbox"]:checked + label:before, form.woocommerce-checkout input[type="checkbox"]:checked + span:before, .woocommerce-MyAccount-content form input[type="checkbox"]:checked + span:before, form.woocommerce-checkout input[type="radio"]:checked + label:before, .woocommerce-MyAccount-content form input[type="radio"]:checked + label:before, form.woocommerce-checkout input[type="radio"]:checked + span:before, .woocommerce-MyAccount-content form input[type="radio"]:checked + span:before {
    opacity: 1;
    transform: scale(1);
}

form.woocommerce-checkout .checkbox .required, .woocommerce-MyAccount-content form .checkbox .required {
    position: absolute;
    top: 0;
    right: -20px;
}

form.woocommerce-checkout textarea, .woocommerce-MyAccount-content form textarea {
    width: 100%;
    font-size: 1rem;
    text-transform: none;
    line-height: 1.4;
    padding: 20px 30px 20px 15px;
}

form.woocommerce-checkout textarea::-ms-input-placeholder, .woocommerce-MyAccount-content form textarea::-ms-input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout textarea::-moz-input-placeholder, .woocommerce-MyAccount-content form textarea::-moz-input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout textarea::-webkit-input-placeholder, .woocommerce-MyAccount-content form textarea::-webkit-input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout textarea::input-placeholder, .woocommerce-MyAccount-content form textarea::input-placeholder {
    opacity: .15;
}

form.woocommerce-checkout label, .woocommerce-MyAccount-content form label {
    position: absolute;
    top: -5px;
    left: 45px;
    font-size: 0.6875rem;
    text-transform: uppercase;
    font-weight: bold;
    opacity: .8;
}

form.woocommerce-checkout label abbr[title], .woocommerce-MyAccount-content form label abbr[title] {
    border: none;
    position: absolute;
    font-size: 0;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    top: 0;
    right: -10px;
}

form.woocommerce-checkout .create-account, .woocommerce-MyAccount-content form .create-account {
    width: 100%;
}

form.woocommerce-checkout .create-account:last-child, .woocommerce-MyAccount-content form .create-account:last-child {
    margin-left: 30px;
}

form.woocommerce-checkout .create-account p, .woocommerce-MyAccount-content form .create-account p {
    font-size: 1rem;
}

form.woocommerce-checkout .create-account p label[for="account_password"], .woocommerce-MyAccount-content form .create-account p label[for="account_password"] {
    left: 15px;
}

form.woocommerce-checkout .create-account .woocommerce-password-strength, .woocommerce-MyAccount-content form .create-account .woocommerce-password-strength {
    margin-top: 10px;
}

#shipping_method {
    list-style: none;
}

#shipping_method li {
    position: relative;
    width: 200px;
}

#shipping_method li label {
    left: 30px;
}

#shipping_method input {
    font-size: 1rem;
    text-transform: none;
    height: 55px;
    padding-left: 15px;
    padding-right: 25px;
    width: 100%;
    border: none;
    line-height: 1;
    margin: 2px;
    font-weight: bold;
}

#shipping_method input:-ms-input-placeholder {
    opacity: .15;
}

#shipping_method input::-moz-input-placeholder {
    opacity: .15;
}

#shipping_method input::-webkit-input-placeholder {
    opacity: .15;
}

#shipping_method input::placeholder {
    opacity: .15;
}

#shipping_method input[type="radio"] {
    width: 0;
    height: 0;
    padding: 0;
    opacity: 0;
}

#shipping_method input[type="radio"] + label {
    top: 2px;
    left: 0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
}

#shipping_method input[type="radio"] + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -28px;
    width: 15px;
    height: 15px;
    background: rgba(58, 58, 58, 0.5);
    opacity: 1;
    transition: all 100ms linear;
}

#shipping_method input[type="radio"]:checked + label:before {
    opacity: 1;
    transform: scale(1);
}

.woocommerce-cart #shipping_method {
    position: relative;
    top: 5px;
    left: 30px;
}

.muiteer-checkout {
    position: relative;
}

.wc_payment_methods {
    list-style: none;
}

.muiteer-checkout-navigation {
    *zoom: 1; counter-reset: checkout-navigation;
    position: relative;
    margin-bottom: 120px;
    list-style: none;
}

.muiteer-checkout-navigation:after {
    content: '';
    display: table;
    clear: both;
}

.muiteer-checkout-navigation li {
    width: 25%;
    float: left;
    font-size: 0.6875rem;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding-top: 60px;
    z-index: 2;
    cursor: pointer;
}

.muiteer-checkout-navigation li .title {
    opacity: .5;
}

.muiteer-checkout-navigation li .line:before, .muiteer-checkout-navigation li .line:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(50% - 23px);
    height: 1px;
    top: 23px;
}

.muiteer-checkout-navigation li .line:before {
    left: 0;
}

.muiteer-checkout-navigation li .line:after {
    left: calc(50% + 23px);
}

.muiteer-checkout-navigation li:before {
    counter-increment: checkout-navigation;
    content: counter(checkout-navigation);
    display: inline-block;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 0.9375rem;
    border-radius: 50%;
    left: 50%;
    top: 0;
    margin-left: -23px;
    position: absolute;
    transition: opacity 100ms linear, background 100ms linear, color 100ms linear;
}

.muiteer-checkout-navigation li.done:before {
    line-height: 48px;
    content: '✓';
}

.muiteer-checkout-content {
    width: 100vw;
    left: calc((((100vw - 100%) / 2) * -1));
}

.muiteer-checkout-content .carousel-cell {
    width: 100%;
    overflow: hidden;
}

.muiteer-checkout-content .carousel-cell .wrapper-second {
    width: calc(83.333% - 30px);
    margin-left: calc(8.333% + 15px);
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
}

.muiteer-checkout-content .chck-title {
    font-size: 1.1875rem;
    font-weight: bold;
    margin-bottom: 0;
}

.muiteer-checkout-content .chck-subtitle {
    font-size: 0.8125rem;
    font-weight: bold;
    opacity: .5;
}

.muiteer-checkout-content .chck-form h3:not([id]), .muiteer-checkout-content .chck-form #respond .form-submit #submit:not([id]), #respond .form-submit .muiteer-checkout-content .chck-form #submit:not([id]) {
    display: none;
}

.muiteer-checkout-content .chck-link {
    float: right;
    margin-top: 50px;
    font-size: 0.9375rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
}

.muiteer-checkout-content #ship-to-different-address {
    font-size: 1.0625rem;
}

.woocommerce-shipping-fields > .grid__item {
    float: left;
}

.shipping_address {
    padding-top: 5px;
    margin-top: -5px;
}

.select2-container {
    margin: 2px 0 2px 2px;
    width: calc(100% + 2px) !important;
}

.select2-container .select2-choice {
    border: none;
    height: 55px;
    padding: 15px;
    font-weight: bold;
    border-radius: 0;
    box-shadow: none;
}

.select2-drop-active {
    border-radius: 0;
    border-top: none;
}

.select2-results {
    background: transparent;
}

.select2-search input {
    background: none !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 8px !important;
    text-transform: none;
    font-size: 0.875rem;
}

.select2-results .select2-highlighted {
    background: rgba(58, 58, 58, 0.1);
    color: inherit;
    border-radius: 0;
}

.select2-results .select2-result-label {
    padding: 5px 9px;
}

.select2-container .select2-choice .select2-arrow {
    right: 5px;
}

.select2-container .select2-choice .select2-arrow b:after {
    margin-left: -15px;
}

.select2-results .select2-ajax-error, .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: transparent;
    padding-left: 9px;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-radius: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: none;
    border-radius: 0;
}

.select2-default span.select2-chosen {
    opacity: .15;
}

#checkout_coupon {
    *zoom: 1; }

#checkout_coupon:after {
    content: '';
    display: table;
    clear: both;
}

#checkout_coupon .woocommerce-info {
    display: none;
}

#checkout_coupon .form-row {
    float: none;
}

#checkout_coupon input[type="submit"] {
    background: transparent !important;
    width: auto;
    position: static;
    float: none;
}

.shop_table {
    table-layout: fixed;
}

.shop_table .cart-subtotal, .shop_table .shipping, .shop_table .order-total {
    margin-bottom: 0;
    width: calc(41.666% + 55px);
    *zoom: 1; }

.shop_table .cart-subtotal:after, .shop_table .shipping:after, .shop_table .order-total:after {
    content: '';
    display: table;
    clear: both;
}

.shop_table .cart-subtotal th, .shop_table .cart-subtotal td, .shop_table .shipping th, .shop_table .shipping td, .shop_table .order-total th, .shop_table .order-total td {
    min-height: 0;
    height: auto;
    padding: 0 30px 20px 0px;
}

.shop_table .cart-subtotal th, .shop_table .shipping th, .shop_table .order-total th {
    display: inline-block;
    font-size: 1.1875rem;
    font-weight: bold;
    text-align: right;
    min-width: 110px;
    float: left;
}

.shop_table .cart-subtotal td, .shop_table .shipping td, .shop_table .order-total td {
    display: inline-block;
    float: left;
}

.shop_table .cart-subtotal td .woocommerce-Price-amount, .shop_table .shipping td .woocommerce-Price-amount, .shop_table .order-total td .woocommerce-Price-amount {
    font-weight: bold;
}

.shop_table .cart-subtotal td[data-title="Shipping"], .shop_table .shipping td[data-title="Shipping"], .shop_table .order-total td[data-title="Shipping"] {
    font-size: 1rem;
    opacity: .75;
}

.shop_table .shipping {
    margin-bottom: 30px;
}

.shop_table .order-total, .shop_table .order-total th {
    font-size: 1.8125rem;
}

.shop_table .woocommerce-shipping-calculator a:after {
    height: 2px;
}

.shop_table .woocommerce-shipping-calculator input[type="text"] {
    font-size: 1rem;
    text-transform: none;
    height: 55px;
    padding-left: 15px;
    padding-right: 25px;
    width: 100%;
    border: none;
    line-height: 1;
    margin: 2px;
    font-weight: bold;
}

.shop_table .woocommerce-shipping-calculator input[type="text"]::-ms-input-placeholder {
    opacity: .15;
}

.shop_table .woocommerce-shipping-calculator input[type="text"]::-moz-input-placeholder {
    opacity: .15;
}

.shop_table .woocommerce-shipping-calculator input[type="text"]::-webkit-input-placeholder {
    opacity: .15;
}

.shop_table .woocommerce-shipping-calculator input[type="text"]::input-placeholder {
    opacity: .15;
}

.shop_table .woocommerce-shipping-calculator input[type="submit"] {
    border-color: transparent;
    height: 45px;
    cursor: pointer;
    margin: 0;
}

.shop_table .order_item, .woocommerce-checkout .shop_table .cart_item {
    margin-bottom: 0 !important;
}

.shop_table .order_item td, .woocommerce-checkout .shop_table .cart_item td {
    position: relative;
    height: auto;
    margin-bottom: 50px;
}

.shop_table .order_item td:before, .woocommerce-checkout .shop_table .cart_item td:before {
    display: block;
    font-size: 0.6875rem;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .5;
    position: absolute;
    top: -5px;
    left: 0;
}

.shop_table .order_item .product-name, .shop_table .order_item td.product-price, .shop_table .order_item td.product-subtotal, .shop_table .order_item td.product-remove, .woocommerce-checkout .shop_table .cart_item .product-name, .woocommerce-checkout .shop_table .cart_item td.product-price, .woocommerce-checkout .shop_table .cart_item td.product-subtotal, .woocommerce-checkout .shop_table .cart_item td.product-remove {
    padding-top: 14px;
    margin-right: 130px;
}

.shop_table .order_item .product-quantity, .woocommerce-checkout .shop_table .cart_item .product-quantity {
    position: absolute;
    right: 0;
    top: 19px;
    font-size: 0.9375rem;
}

.shop_table .order_item .product-quantity:before, .woocommerce-checkout .shop_table .cart_item .product-quantity:before {
    display: none;
}

.shop_table .order_item .product-total span, .woocommerce-checkout .shop_table .cart_item .product-total span {
    font-weight: bold;
}

.shop_table.woocommerce-checkout-review-order-table tbody {
    display: block;
    border-bottom: 1px solid red;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

.shop_table.woocommerce-checkout-review-order-table .order-total {
    padding-bottom: 100px;
}

.shop_table .variation {
    font-size: 0.6875rem;
    margin-top: -12px;
}

.shop_table .variation p {
    margin: 0;
    display: inline;
}

.shop_table .variation:before {
    display: none !important;
}

.shop_table .variation dt, .shop_table .variation dd {
    display: inline-block;
}

.shop_table .variation dt {
    font-weight: 400;
}

.shop_table .variation dd {
    font-weight: 600;
}

.shop_table .variation dd:not(:last-child):after {
    content: " / ";
    padding: 0 2px;
    display: inline-block;
    font-weight: 300;
    font-size: 1.125rem;
    position: relative;
}

.woocommerce-checkout .shop_table .variation {
    position: relative;
    top: 8px;
}

.woocommerce-checkout .shop_table .variation dt, .woocommerce-checkout .shop_table .variation dd, .woocommerce-checkout .shop_table .variation dd:after {
    float: left;
}

.woocommerce-checkout .shop_table .variation dt {
    margin-right: 2px;
}

.woocommerce-checkout .shop_table .variation dd:after {
    top: -6px;
    margin: 0 2px;
}

.woocommerce-checkout .shop_table .variation:before {
    content: 'da';
    position: static;
    display: block;
}

#order_review {
    padding-bottom: 100px;
}

#payment {
    position: absolute;
    width: calc(50% - 130px);
    left: calc(50% + 130px);
}

#payment li {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0;
}

#payment li input[type="radio"] + label {
    left: 30px;
}

#payment li img {
    display: none !important;
}

#payment li p {
    font-size: 1rem;
    opacity: .75;
    float: none;
    margin: 10px 0 10px 30px;
}

#payment input[type="submit"] {
    border: none;
    width: auto;
    float: none;
}

.woocommerce-checkout .entry-footer, .woocommerce-cart .entry-footer {
    display: none;
}

.wc-proceed-to-checkout {
    position: relative;
    left: 50%;
    margin-left: -100px;
}

.wc-proceed-to-checkout .button {
    float: none;
    display: inline-block;
    font-size: 1.1875rem;
}

.wc-proceed-to-checkout:after {
    content: "⟶";
    font-size: 1.75rem;
    position: relative;
    left: 15px;
}

/*
.woocommerce-checkout {

  .woocommerce-error {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(226,187,70,.9);
    z-index: 9;
    text-align: center;
    padding-top: 200px;
    cursor: pointer;

    > li {

      text-transform: uppercase;
      max-width: 500px;
      margin: auto;
      font-weight: bold;
      font-size: rem(13px);

      > ul {

        text-transform: none;
        font-size: rem(20px);
        font-weight: normal;
        margin: 24px 0 0 0;

      }

    }

    &:after {
      content: "Click to close";
      font-size: rem(11px);
      opacity: .5;
      text-transform: uppercase;
      font-weight: bold;
      position: relative;
      top: 50px;
    }

  }

}*/
.top-menu .cart-item a {
    margin-right: 20px;
}

.top-menu .cart-item sup {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
}

.top-menu .cart-item sup:before {
    content: "(";
}

.top-menu .cart-item sup:after {
    content: ")";
}

body.cart-opened #site {
    left: -200px;
}

#mini-cart {
    position: fixed;
    top: 0;
    right: 0;
    width: 220px;
    height: 100%;
    z-index: 99999;
    background: aqua;
    color: pink;
    overflow: hidden;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(220px, 0, 0);
}

#mini-cart.block-actions .cart_list {
    opacity: .5;
    pointer-events: none;
}

body.cart-opened #mini-cart {
    transform: translate3d(20px, 0, 0);
}

#mini-cart .widget_shopping_cart {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: scroll;
}

#mini-cart .widget_shopping_cart_content {
    width: calc(100% - 20px);
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding-bottom: 300px;
}

#mini-cart .remove-button {
    height: 75px;
    width: 100%;
    position: relative;
    background: rgba(255, 192, 203, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#mini-cart .remove-button > div {
    width: 17px;
    position: relative;
    overflow: hidden;
    transition: all 120ms linear;
}

#mini-cart .remove-button .icon {
    display: inline-block;
    transform: rotate(180deg);
    opacity: .5;
    transition: all 120ms linear;
    font-weight: bold;
}

#mini-cart .remove-button .text {
    text-transform: uppercase;
    font-size: 0.6875rem;
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: 30px;
}

.no-touchevents #mini-cart .remove-button:hover .icon {
    opacity: 1;
}

.no-touchevents #mini-cart .remove-button:hover > div {
    width: 62px;
}

#mini-cart .cart-header {
    margin: 80px 0 100px;
    position: relative;
    font-weight: bold;
    text-align: center;
}

#mini-cart .cart-header h4 {
    font-size: 0.8125rem;
    text-transform: uppercase;
    margin: 0;
}

#mini-cart .cart-header .woocommerce-cart-no {
    position: absolute;
    font-size: 4.6875rem;
    opacity: .1;
    top: -45px;
    left: 0;
    width: 100%;
}

#mini-cart .cart-header a {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 99;
}

#mini-cart .cart_list {
    margin: 0;
    padding: 0 60px;
    list-style: none;
}

#mini-cart .cart_list li {
    margin: 30px 0 0 0;
    position: relative;
}

#mini-cart .cart_list li:first-child {
    margin-top: 0;
}

#mini-cart .cart_list li > a:not(.remove) {
    font-size: 0;
    width: 100%;
}

#mini-cart .cart_list li .remove {
    position: absolute;
    top: -8px;
    right: -5px;
    color: pink;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
}

#mini-cart .cart_list li .remove:hover {
    transform: scale(1.5);
}

#mini-cart .cart_list li:hover .remove {
    opacity: 1;
    visibility: visible;
}

#mini-cart .cart_list li .quantity {
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 600;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 5px;
}

#mini-cart .cart_list li .quantity .woocommerce-Price-amount {
    float: right;
}

#mini-cart .cart_list li.empty {
    font-size: 0;
    height: 290px;
}

#mini-cart dl.variation {
    display: none;
}

#mini-cart .empty .empty-cart {
    display: block;
}

#mini-cart .empty-cart {
    position: absolute;
    top: 275px;
    left: 0;
    width: 200px;
    height: 296px;
    display: none;
}

#mini-cart .empty-cart .title {
    position: absolute;
    top: 245px;
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: bold;
    opacity: .1;
    text-transform: uppercase;
}

#mini-cart .empty-cart .icon {
    margin-left: -45px;
}

#mini-cart .empty-cart svg path {
    stroke: transparent;
    fill: rgba(255, 192, 203, 0.1);
}

#mini-cart p.total, #mini-cart p.buttons {
    display: none;
}

#mini-cart .cart-summary {
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
}

#mini-cart .cart-totals {
    background: rgba(255, 192, 203, 0.1);
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#mini-cart .cart-totals h5 {
    font-size: 0.8125rem;
    text-transform: uppercase;
    margin: 0 0 -2px 0;
    opacity: .15;
    font-weight: bold;
}

#mini-cart .cart-totals .woocommerce-Price-amount {
    font-size: 2.1875rem;
    font-weight: bold;
}

#mini-cart .cart-checkout {
    background: #ff3b30;
    color: rgba(17, 17, 17, 0.5);
    height: 55px;
    width: 100%;
    font-size: 0.6875rem;
    line-height: 58px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

#mini-cart .cart-checkout:hover {
    color: #ff3b30;
    background: #111;
}

#mini-cart .empty .cart-checkout {
    pointer-events: none;
    background: rgba(255, 192, 203, 0.5);
}

.responsive-bag {
    position: relative;
}

.responsive-bag .woocommerce-cart-no {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: .75rem;
    line-height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    bottom: 0;
    right: 0;
    color: #000;
}

.woocommerce-cart .cart-empty {
    display: none;
}

.woocommerce-cart .empty-cart {
    width: 290px;
    height: 296px;
    margin: 150px auto 0;
    position: relative;
}

.woocommerce-cart .empty-cart .title {
    position: absolute;
    top: 245px;
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: bold;
    opacity: .2;
    text-transform: uppercase;
}

.woocommerce-cart .empty-cart svg path {
    stroke: transparent;
    opacity: .15;
}

.woocommerce-cart .return-to-shop {
    text-align: center;
    margin: 25px 0 0 0;
}

.woocommerce-cart .return-to-shop a {
    border: none;
    font-size: 1.1875rem;
    font-weight: 600;
    padding: 0;
    float: none;
    display: inline-block;
}

.woocommerce-cart .return-to-shop a:after {
    height: 2px;
}

.woocommerce-error {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 17px 50px;
}

.woocommerce-message, .woocommerce-info {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0;
    transition: transform 200ms linear;
    width: 100%;
    height: auto;
    bottom: 50px;
    left: 0;
    position: fixed;
    text-align: center;
    margin: 0;
    z-index: 999999;
    /*a.button { float: none; display: inline; }*/
}

.woocommerce-message.out, .woocommerce-info.out {
    transform: translateY(100%);
}

.woocommerce-message a.button, .woocommerce-info a.button {
    font-size: 0.8125rem;
    padding: 0;
    display: inline;
    font-weight: 600;
    float: right;
    margin-left: 5px;
    border: none;
    position: static;
    color: #fff !important;
}

.woocommerce-message a:hover, .woocommerce-info a:hover {
    opacity: .85;
}

@media screen and (max-width: 480px) {
    .woocommerce-message, .woocommerce-info {
        text-align: left;
    }
}

.woocommerce-message .color, .woocommerce-info .color {
    padding: 17px 50px;
}

@media screen and (max-width: 640px) {
    .woocommerce-message, .woocommerce-info {
        bottom: 0;
        padding: 0 !important;
    }

    .woocommerce-message .wrapper, .woocommerce-info .wrapper {
        padding: 0 !important;
    }
}

.woocommerce-error {
    background: #c31c47;
    color: #fb8383;
}

.woocommerce-message .wrapper .color {
    background: #411cc3;
    color: #9283fb;
}

.woocommerce-info .wrapper .color {
    background: #c3b21c;
    color: #fbf983;
}

ul.woocommerce-error {
    background: transparent;
    padding: 0;
}

ul.woocommerce-error li {
    background: #c31c47;
    padding: 17px 50px;
    display: inline-block;
    margin: 0 0 4px 0;
}

.woocommerce-checkout ul.woocommerce-error {
    width: calc(83.333% - 30px);
}

.woocommerce-checkout .woocommerce-error {
    margin-left: 30px;
}

.woocommerce-account h1.entry-title, .woocommerce-account .entry-footer, .woocommerce-order-received h1.entry-title, .woocommerce-order-received .entry-footer {
    display: none;
}

.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content .archive-header h4, .woocommerce-edit-address .woocommerce-MyAccount-content > p, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a, .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content address, .woocommerce-MyAccount-content .shop_table th, .woocommerce-MyAccount-content .shop_table .order-actions a, .woocommerce-MyAccount-content .shop_table .download-actions a, .woocommerce-account .lost_password {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-MyAccount-navigation {
    text-align: center;
    border-top: 1px solid;
    padding-top: 25px;
    margin: 50px 0 150px;
}

.woocommerce-MyAccount-navigation li {
    display: inline-block;
    margin: 0 25px;
}

.woocommerce-MyAccount-navigation li a:hover:after {
    height: 2px;
}

.woocommerce-MyAccount-navigation li.is-active a:after {
    height: 2px;
}

.woocommerce-thankyou-order-received {
    margin-bottom: 74px;
}

.woocommerce-MyAccount-content {
    margin: auto;
    text-align: center;
}

.woocommerce-MyAccount-content a {
    font-weight: 600;
}

.woocommerce-MyAccount-content .archive-header {
    margin: -30px 0 25px;
}

.woocommerce-MyAccount-content .archive-header h4 {
    margin-top: 40px;
    opacity: .5;
}

.woocommerce-MyAccount-content .archive-header a {
    font-weight: bold;
}

.woocommerce-order-received .woocommerce-MyAccount-content .archive-header {
    margin-bottom: -70px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content > p {
    opacity: .5;
    width: 50%;
    margin: 0 auto 50px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title h3, .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title #respond .form-submit #submit, #respond .form-submit .woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title #submit {
    font-size: 1.1875rem;
    font-weight: 600;
    margin: 0;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address-title a:hover:after {
    height: 2px;
}

.woocommerce-MyAccount-content address {
    margin: 15px 0 50px;
}

.woocommerce-order-received .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content {
    position: relative;
    *zoom: 1; }

.woocommerce-order-received .woocommerce-MyAccount-content:after, .woocommerce-view-order .woocommerce-MyAccount-content:after {
    content: '';
    display: table;
    clear: both;
}

.woocommerce-order-received .woocommerce-MyAccount-content > p:first-child, .woocommerce-view-order .woocommerce-MyAccount-content > p:first-child {
    font-weight: 600;
    padding: 40px 50px;
    margin-bottom: 0;
}

.woocommerce-order-received .woocommerce-MyAccount-content h2, .woocommerce-order-received .woocommerce-MyAccount-content h3, .woocommerce-order-received .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-order-received .woocommerce-MyAccount-content #submit, .woocommerce-view-order .woocommerce-MyAccount-content h2, .woocommerce-view-order .woocommerce-MyAccount-content h3, .woocommerce-view-order .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-view-order .woocommerce-MyAccount-content #submit {
    font-size: 1.1875rem;
    font-weight: 600;
    margin-bottom: 25px;
    float: left;
    width: 20%;
    text-align: left;
    clear: both;
    margin-top: 100px;
}

.woocommerce-order-received .woocommerce-MyAccount-content table, .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content table, .woocommerce-view-order .woocommerce-MyAccount-content address {
    float: right;
    width: auto;
    text-align: right;
    margin-top: 100px;
}

.woocommerce-order-received .woocommerce-MyAccount-content table th, .woocommerce-order-received .woocommerce-MyAccount-content address th, .woocommerce-view-order .woocommerce-MyAccount-content table th, .woocommerce-view-order .woocommerce-MyAccount-content address th {
    width: auto !important;
}

.woocommerce-order-received .woocommerce-MyAccount-content table td, .woocommerce-order-received .woocommerce-MyAccount-content address td, .woocommerce-view-order .woocommerce-MyAccount-content table td, .woocommerce-view-order .woocommerce-MyAccount-content address td {
    width: auto !important;
    text-align: left;
}

.woocommerce-order-received .woocommerce-MyAccount-content th.product-total, .woocommerce-view-order .woocommerce-MyAccount-content th.product-total {
    text-align: left;
}

.woocommerce-order-received .woocommerce-MyAccount-content .order-again, .woocommerce-view-order .woocommerce-MyAccount-content .order-again {
    display: none;
}

.woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content address {
    text-align: left;
}

.woocommerce-MyAccount-content .shop_table.woocommerce-MyAccount-orders, .woocommerce-MyAccount-content .shop_table.woocommerce-MyAccount-downloads {
    margin-top: -30px;
}

.woocommerce-MyAccount-content .shop_table thead {
    display: table-header-group;
}

.woocommerce-MyAccount-content .shop_table th {
    display: table-cell;
    height: auto;
    float: none;
    padding: 0 20px;
    opacity: .5;
}

.woocommerce-MyAccount-content .shop_table tr {
    display: table-row;
    margin-bottom: 70px;
    width: 100%;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.woocommerce-MyAccount-content .shop_table td {
    display: table-cell;
    height: auto;
    float: none;
    padding: 0 20px;
    font-size: 0.9375rem;
    font-weight: 600;
}

.woocommerce-MyAccount-content .shop_table td.order-status {
    position: relative;
}

.woocommerce-MyAccount-content .shop_table td.order-status:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    left: 0;
    top: 33px;
}

.woocommerce-MyAccount-content .shop_table td.order-status.processing:after {
    background: #00FAFF;
}

.woocommerce-MyAccount-content .shop_table td.order-status.completed:after {
    background: #35FF00;
}

.woocommerce-MyAccount-content .shop_table td.order-status.on-hold:after {
    background: #FFDA00;
}

.woocommerce-MyAccount-content .shop_table td.order-status.cancelled:after {
    background: #FF5300;
}

.woocommerce-MyAccount-content .shop_table .order-actions, .woocommerce-MyAccount-content .shop_table .download-actions {
    float: right;
    padding-top: 10px;
}

.woocommerce-MyAccount-content .shop_table .order-actions a, .woocommerce-MyAccount-content .shop_table .download-actions a {
    height: 30px;
    padding-top: 7px;
    border-width: 1px;
    position: relative;
    top: 12px;
}

.woocommerce-MyAccount-content .shop_table.order_details td:before, .woocommerce-MyAccount-content .shop_table.order_details a:before, .woocommerce-MyAccount-content .shop_table.order_details small:before, .woocommerce-MyAccount-content .shop_table.customer_details td:before, .woocommerce-MyAccount-content .shop_table.customer_details a:before, .woocommerce-MyAccount-content .shop_table.customer_details small:before {
    display: none;
}

.woocommerce-MyAccount-content .shop_table.order_details .product-quantity, .woocommerce-MyAccount-content .shop_table.customer_details .product-quantity {
    position: static;
}

.woocommerce-MyAccount-content .shop_table.order_details th, .woocommerce-MyAccount-content .shop_table.order_details td, .woocommerce-MyAccount-content .shop_table.customer_details th, .woocommerce-MyAccount-content .shop_table.customer_details td {
    padding: 0 25px;
    width: 50%;
}

.woocommerce-MyAccount-content .shop_table.order_details th, .woocommerce-MyAccount-content .shop_table.customer_details th {
    padding-bottom: 10px;
}

.woocommerce-MyAccount-content .shop_table.order_details tfoot tr:first-child th, .woocommerce-MyAccount-content .shop_table.customer_details tfoot tr:first-child th {
    padding-top: 50px;
}

.woocommerce-MyAccount-content .shop_table.order_details tfoot th, .woocommerce-MyAccount-content .shop_table.order_details tbody th, .woocommerce-MyAccount-content .shop_table.order_details .product-name, .woocommerce-MyAccount-content .shop_table.order_details td.product-price, .woocommerce-MyAccount-content .shop_table.order_details td.product-subtotal, .woocommerce-MyAccount-content .shop_table.order_details td.product-remove, .woocommerce-MyAccount-content .shop_table.customer_details tfoot th, .woocommerce-MyAccount-content .shop_table.customer_details tbody th, .woocommerce-MyAccount-content .shop_table.customer_details .product-name, .woocommerce-MyAccount-content .shop_table.customer_details td.product-price, .woocommerce-MyAccount-content .shop_table.customer_details td.product-subtotal, .woocommerce-MyAccount-content .shop_table.customer_details td.product-remove {
    text-align: right;
}

.woocommerce-MyAccount-content .shop_table.order_details .product-name a, .woocommerce-MyAccount-content .shop_table.order_details td.product-price a, .woocommerce-MyAccount-content .shop_table.order_details td.product-subtotal a, .woocommerce-MyAccount-content .shop_table.order_details td.product-remove a, .woocommerce-MyAccount-content .shop_table.order_details .product-name strong, .woocommerce-MyAccount-content .shop_table.order_details td.product-price strong, .woocommerce-MyAccount-content .shop_table.order_details td.product-subtotal strong, .woocommerce-MyAccount-content .shop_table.order_details td.product-remove strong, .woocommerce-MyAccount-content .shop_table.customer_details .product-name a, .woocommerce-MyAccount-content .shop_table.customer_details td.product-price a, .woocommerce-MyAccount-content .shop_table.customer_details td.product-subtotal a, .woocommerce-MyAccount-content .shop_table.customer_details td.product-remove a, .woocommerce-MyAccount-content .shop_table.customer_details .product-name strong, .woocommerce-MyAccount-content .shop_table.customer_details td.product-price strong, .woocommerce-MyAccount-content .shop_table.customer_details td.product-subtotal strong, .woocommerce-MyAccount-content .shop_table.customer_details td.product-remove strong {
    display: inline;
}

.woocommerce-MyAccount-content mark {
    background: none;
}

.woocommerce-MyAccount-content mark:after {
    height: 2px;
}

.woocommerce-MyAccount-content form {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.woocommerce-MyAccount-content form h3, .woocommerce-MyAccount-content form #respond .form-submit #submit, #respond .form-submit .woocommerce-MyAccount-content form #submit {
    font-size: 1.1875rem;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center;
}

.woocommerce-MyAccount-content form h3:after, .woocommerce-MyAccount-content form #respond .form-submit #submit:after, #respond .form-submit .woocommerce-MyAccount-content form #submit:after {
    font-size: 0.8125rem;
    font-weight: 500;
    opacity: .5;
    background: none;
    display: block;
}

.woocommerce-MyAccount-content form p {
    position: static;
    text-align: center;
    width: 100%;
}

.woocommerce-MyAccount-content form p:last-child {
    margin-bottom: 0;
}

.woocommerce-MyAccount-content form .form-row {
    width: 50%;
    padding: 0 15px;
    position: relative;
    text-align: left;
}

.woocommerce-MyAccount-content form .form-row.form-row-wide {
    width: 100%;
}

.woocommerce-MyAccount-content form label {
    left: 30px;
}

.woocommerce-MyAccount-content form input, .woocommerce-MyAccount-content form .select2-container .select2-chosen {
    font-weight: 600;
}

.woocommerce-MyAccount-content form input[type="submit"].button {
    float: none;
    width: auto;
    position: static;
    display: inline;
    margin-top: 60px;
    background: none !important;
    border: none;
    font-size: 0.9375rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 11px 38px 10px;
}

.woocommerce-MyAccount-content form legend {
    font-weight: 500;
    opacity: .5;
    font-size: 0.875rem;
    margin-bottom: 30px;
}

.woocommerce-thankyou-order-details {
    margin-top: 30px;
    list-style: none;
}

.woocommerce-thankyou-order-details li {
    margin-bottom: 12px;
}

.woocommerce-account .muiteer-checkout-navigation {
    margin-bottom: 0;
}

.woocommerce-account .muiteer-checkout-navigation li {
    width: 50%;
}

.woocommerce-account .muiteer-checkout-navigation li.done:before {
    content: '';
}

.woocommerce-account .muiteer-checkout-navigation li:before {
    display: none !important;
}

.woocommerce-account .muiteer-checkout-navigation li:first-child:last-child {
    display: none;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-account .muiteer-checkout-navigation .icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    left: 50%;
    top: 0;
    margin-left: -23px;
    position: absolute;
    background: red;
    padding-top: 8px;
    transition: opacity 100ms linear, background 100ms linear, color 100ms linear;
}

.woocommerce-account .muiteer-checkout-navigation .icon * {
    stroke: transparent !important;
}

.woocommerce-account .muiteer-checkout-navigation .icon.register {
    padding-left: 5px;
}

.woocommerce-account form.ccform {
    margin: -65px auto 0;
}

.woocommerce-account form p {
    position: static;
    text-align: center;
    width: 100%;
}

.woocommerce-account form p:last-child {
    margin-bottom: 0;
}

.woocommerce-account form .form-row {
    width: 50%;
    padding: 0 15px;
    position: relative;
    text-align: left;
}

.woocommerce-account form .form-row.form-row-wide {
    width: 100%;
}

.woocommerce-account form label {
    left: 30px;
}

.woocommerce-account form input, .woocommerce-account form .select2-container .select2-chosen {
    font-weight: 600;
}

.woocommerce-account form label[for="rememberme"] {
    left: 45px !important;
}

.woocommerce-account form input[type="submit"].button {
    float: right;
    width: auto;
    position: static;
    display: inline;
    margin-top: 0;
    background: none !important;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 11px 38px 10px;
    height: 45px;
}

.woocommerce-account form input[type="submit"].button:hover {
    background: none !important;
}

.woocommerce-account .lost_password a {
    opacity: .5;
}

.woocommerce-account .lost_password a:hover {
    opacity: 1;
}

.woocommerce-account form.register p:last-child {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
}

.woocommerce-account form.register p:last-child input {
    float: none;
}

.variations_form table tr {
    margin-bottom: 20px;
}

.wc-terms-and-conditions {
    display: block;
    width: 100%;
    margin-left: -30px;
}

input#payment_method_bacs {
    display: inline-block !important;
}

th.order-total {
    width: 20% !important;
}

.select2-container * {
    outline: none !important;
}

.select2-container .select2-selection--single {
    height: 55px;
    border-radius: 0;
    border: none;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 55px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 25px;
}

.select2-dropdown {
    border: none;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px;
    right: 21px;
}

.select2-container--open .select2-dropdown {
    left: -4px;
    top: -2px;
}

.select2-results__option {
    margin: 0;
}

.select2-search--dropdown .select2-search__field {
    height: 30px !important;
    width: calc(100% - 4px);
}

.hero-header,
.hero-header .media{
    position: fixed;
    width: 100%;
    height: 100%;
    width: 100vw;
	height: 100vh;
    top: 0;
    left: 0;
}

.hero-header .media {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.hero-header video, .hero-header .media video, .hero-header .overlay video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    margin: 0;
    max-width: none;
    vertical-align: middle;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hero-header .overlay {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    pointer-events: none;
}

.kill-overlay .hero-header .overlay, .hero-header .kill-overlay .media .overlay, .hero-header .kill-overlay .overlay .overlay {
    display: none;
}

.hero-header.active .overlay, .hero-header .active.media .overlay, .hero-header .active.overlay .overlay {
    pointer-events: all;
}

.hero-header + .entry-content, .hero-header .media + .entry-content, .hero-header .overlay + .entry-content {
    top: 50%;
}

.hero-header .carousel, .hero-header .carousel-cell {
    width: 100%;
    height: 100%;
}

.hero-helper-arrow ~ .flickity-page-dots:nth-child(2n) {
    display: none;
}

.hero-carousel-paging {
    position: fixed;
    width: auto;
    bottom: 40px;
    width: auto;
    z-index: 9999;
    counter-reset: hero-carousel-paging;
    list-style: none;
    margin: 0 0 0 -5px;
    -kthml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.hero-carousel-paging.re.active {
    -kthml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
}

.hero-carousel-paging.active {
    -kthml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
}

.hero-carousel-paging li.dot {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0;
    background: transparent;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: center;
    display: inline-block;
    /*&:after { content: counter(hero-carousel-paging, decimal-leading-zero); counter-increment: hero-carousel-paging; font-size: rem(15px); font-weight: 600; line-height: 22px; top: -1px; left: -1px; border-radius: 50%; transition: all 150ms linear; opacity: 0; }*/
}

.hero-carousel-paging li.dot:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

body.show-hero-arrow {
    cursor: none;
}

#hero-arrow {
    display: none;
    position: fixed;
    z-index: 9999;
}

#hero-arrow .show-hero-arrow {
    display: block;
}

#hero-arrow .arrow {
    display: block;
}

#hero-arrow.bottom .arrow {
    transform: rotate(90deg);
}

#hero-arrow.left .arrow {
    transform: rotate(180deg);
}

.hero-carousel-nav-anim {
    display: none !important;
    position: absolute;
    top: 50%;
    height: 45px;
    width: 90px;
    z-index: 9999;
    cursor: pointer;
    margin-top: -25px;
    opacity: 0;
    visibility: hidden;
    transition: padding 100ms linear, opacity 200ms linear, visibility 200ms linear;
}

.hero-carousel-nav-anim.init {
    opacity: 1;
    visibility: visible;
}

.no-touchevents .hero-carousel-nav-anim:hover {
    padding-left: 10px;
}

.hero-carousel-prev {
    transform: rotate(180deg);
    left: calc((100vw - 1366px) / 2);
}

@media screen and (max-width: 1640px) {
    .hero-carousel-prev {
        left: 100px;
    }
}

.hero-carousel-next {
    right: calc((100vw - 1366px) / 2);
}

@media screen and (max-width: 1640px) {
    .hero-carousel-next {
        right: 100px;
    }
}

.hero-helper-arrow {
    position: fixed;
    bottom: 40px;
    left: 50%;
    margin-left: -13px;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.hero-helper-arrow .m-scroll-view-more-wrapper {
	position: relative;
	width: 40px;
	height: 30px;
    overflow: hidden;
}

.hero-helper-arrow .m-scroll-view-more-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 2px;
	height: 100%;
	background-color: currentColor;
    -webkit-animation: scrollAnimation 1.5s infinite;
    -moz-animation: scrollAnimation 1.5s infinite;
    -o-animation: scrollAnimation 1.5s infinite;
    animation: scrollAnimation 1.5s infinite;
}

@-webkit-keyframes scrollAnimation {
  0% {
  	-webkit-transform: translateY(-100%);
  }

  100% {
  	-webkit-transform: translateY(100%);
  }
}

@-moz-keyframes scrollAnimation {
  0% {
  	-moz-transform: translateY(-100%);
  }

  100% {
  	-moz-transform: translateY(100%);
  }
}

@-o-keyframes scrollAnimation {
  0% {
  	-o-transform: translateY(-100%);
  }

  100% {
  	-o-transform: translateY(100%);
  }
}

@keyframes scrollAnimation {
  0% {
  	transform: translateY(-100%);
  }

  100% {
  	transform: translateY(100%);
  }
}

.hero-helper-arrow.init {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
}

.single-product .hero-helper-arrow {
    display: none;
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}

@keyframes finger {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}

@keyframes slide-down-circle {
    0% {
        opacity: 0;
        top: -37px;
    }

    25% {
        opacity: 1;
        top: -27px;
    }

    45% {
        opacity: 1;
    }

    85% {
        opacity: 0;
    }
}

@keyframes slide-down-arrow {
    0% {
        opacity: 0;
        bottom: 10px;
    }

    25% {
        opacity: 1;
        bottom: -10px;
    }

    45% {
        opacity: 1;
    }

    85% {
        opacity: 0;
    }
}

body.hero-1 #content {
    /*position: absolute; width: 100%; left: 0; top: 100%; margin-top: -250px;*/
}

.entry-hero-tagline {
    z-index: 90;
    padding-bottom: 100px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    top: -120px;
}

.entry-hero-tagline div {
    width: 100%;
}

.entry-hero-tagline.hero-vertical-text- {
    top: 0 !important;
}

.entry-hero-tagline.hero-vertical-text- div {
    align-self: flex-end;
}

.entry-hero-tagline.hero-vertical-text-1 h1 {
    padding-bottom: 0 !important;
}

.entry-hero-tagline *:last-child {
    margin-bottom: 0;
}

.page-template-template-portfolio .entry-hero-tagline {
    padding-left: 30px;
}

body {
    background: #000;
    transition: background 250ms linear, width 250ms linear, margin 250ms linear !important;
    width: 100%;
    overflow-y: scroll;
}

body.kill-overflow {
    position: fixed;
    height: 100%;
}

#site {
    overflow: hidden;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    left: 0;
    top: 0;
}

#site.animate {
    transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), top 470ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

#site.out {
    opacity: 0;
    top: 0;
}

.header-content-wrapper {
    min-height: 100%;
    margin: 0 auto;
}

.wrapper {
    max-width: 1366px;
    margin: auto;
    position: relative;
}

@media screen and (max-width: 1640px) {
    .wrapper {
        padding: 0 100px;
        max-width: auto;
        width: 100%;
    }
}

#content {
    padding-bottom: 250px;
    flex: 1;
    /*.kill-overflow & { margin-top: 0 !important; }*/
}

#primary {
    z-index: 999;
}

#primary.close {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
}

#primary.close .summary.stick {
    right: 0 !important;
}

.entry-content {
    position: relative;
    z-index: 98;
}

.entry-content .grid:not(:last-of-type) {
    margin-bottom: -50px;
}

.grid__item.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    clear: left;
}

.shop_table tr.no-transition, .cart-collaterals.no-transition {
    transition: none !important;
}

@keyframes blink {
    0% {
        opacity: .2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    -kthml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    pointer-events: none;
    visibility: visible;
}

#preloader.all-aboard {
    -kthml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
}

#preloader:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: loading .6s infinite linear;
    -moz-animation: loading .6s infinite linear;
    -o-animation: loading .6s infinite linear;
    animation: loading .6s infinite linear;
}

#preloader.all-aboard:before {
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused;
}

@-webkit-keyframes loading {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes loading {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes loading {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* other - parallax and padding !! */
.parallax-bg {
    position: relative;
}

.parallax-bg:before, .parallax-bg {
    position: relative;
    background: inherit;
    content: "";
    display: block;
    width: calc(100vw + 30px);
    height: 100%;
    left: calc(((100vw - 100%) / 2) * -1);
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    top: 0;
}

.medge-fix .parallax-bg:before, .medge-fix .parallax-bg {
    background-position: center center !important;
}

.top-large-padding {
    padding-top: 250px;
}

.bottom-large-padding {
    padding-bottom: 250px;
}

.top-medium-padding {
    padding-top: 100px;
}

.bottom-medium-padding {
    padding-bottom: 100px;
}

.top-small-padding {
    padding-top: 50px;
}

.top-small-padding.important {
    padding-top: 50px !important;
}

.bottom-small-padding {
    padding-bottom: 50px;
}

.bottom-small-padding.important {
    padding-bottom: 50px !important;
}

.kcm .grid__item.no-right-margin {
    padding-right: 0;
}

.kcm .grid__item.no-bottom-margin {
    margin-bottom: 0;
}

.full-width {
    width: calc(100vw + 40px) !important;
    position: relative;
    left: calc(((100vw - 1366px) / 2) * -1) !important;
}

@media screen and (min-width: 1366px) and (max-width: 1640px) {
    .full-width {
        left: calc(((100vw - 1240px) / 2) * -1) !important;
    }
}

@media screen and (max-width: 1366px) {
    .full-width {
        left: 0 !important;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1366px) {
    .full-width {
        margin-left: -110px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1366px) {
    .full-width {
        margin-left: -70px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 769px) {
    .full-width {
        margin-left: -45px !important;
    }
}

@media screen and (max-width: 480px) {
    .full-width {
        margin-left: -35px !important;
    }
}

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

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-skin {
    padding: 50px !important;
    box-shadow: none !important;
}

@media all and (max-width: 640px) {
    .fancybox-skin {
        padding: 0 !important;
    }
}

.fancybox-close {
    right: 25px;
    top: 50px;
}

@media all and (max-width: 640px) {
    .fancybox-close {
        right: 0;
        top: 25px;
    }
}

.flickity-prev-next-button {
	position: absolute;
	padding: 0;
    border: none;
    width: 80px;
    height: 80px;
    top: 50%;
    border: 1px solid #ebebeb;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer;
    -webkit-box-shadow: 0 20px 30px 0 rgba(235, 235, 235, .5);
    -moz-box-shadow: 0 20px 30px 0 rgba(235, 235, 235, .5);
    -o-box-shadow: 0 20px 30px 0 rgba(235, 235, 235, .5);
    box-shadow: 0 20px 30px 0 rgba(235, 235, 235, .5);
}

.flickity-prev-next-button svg path {
    stroke: none !important;
    position: relative;
    fill: #c9c9c9 !important;
    -webkit-transform: translate(100px, 100px) rotate(180deg);
    -moz-transform: translate(100px, 100px) rotate(180deg);
    -o-transform: translate(100px, 100px) rotate(180deg);
    transform: translate(100px, 100px) rotate(180deg);
}

.flickity-prev-next-button.previous svg {
    position: absolute;
    left: 30%;
    right: 0;
    top: 30%;
    width: 40%;
    height: 40%;
}

.flickity-prev-next-button.previous {
    left: -150px;
}

.flickity-prev-next-button.next {
    right: -150px;
}

body.gap-0 #content, body.gap- #content {
    padding-top: 0 !important;
}

.muiteer-slider:not(.flickity-enabled) .carousel-cell {
    opacity: .001;
}

#site-header {
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 9999;
    position: relative;
}

#site-header h1, #site-header h2 {
    margin: 0;
}

#site-header.sticky {
    position: fixed;
    top: 0;
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    border-bottom: 1px solid rgba(51, 51, 51, .05);
}

#site-header.sticky.animate {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#site-header.sticky.shoow {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.has-sticky-header-always #site-header {
    transform: none;
}

#site-header .site-header-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#site-logo h1, #site-logo h2 {
    line-height: 1;
    text-transform: uppercase;
}

#site-logo.image-logo-enabled h1,
#site-logo.image-logo-enabled h2 {
    line-height: 0;
}

#site-logo.image-logo-enabled img {
    vertical-align: middle;
    max-width: none;
    width: auto;
    margin: 0;
}

#site-logo.image-logo-disabled span {
	display: block;
    vertical-align: middle;
    font-size: 1.25rem;
    color: #fff;
}

#site-navigation {
    font: 1.125rem "Helvetica Neue", Helvetica, sans-serif;
    position: relative;
    min-height: 40px;
}

#site-navigation ul {
    list-style: none;
}

.top-menu {
    font-weight: 500;
    position: relative;
    margin: 0;
    z-index: 10;
    font-size: 1rem;
    text-transform: capitalize;
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -o-transform: translateY(25%);
    transform: translateY(25%);
}

.top-menu li {
    position: relative;
    display: inline-block;
    margin-bottom: 0 !important;
}

.top-menu li a {
    padding: 3px 15px 5px 15px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.top-menu li a:hover {
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.top-menu li .sub-menu {
	max-width: 300px;
    padding: 5px 20px;
    visibility: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .875rem;
    font-weight: normal;
    margin: 0 !important;
    background-color: currentColor;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .4s linear;
    -moz-transition: opacity .4s, visibility .4s linear;
    -o-transition: opacity .4s, visibility .4s linear;
    transition: opacity .4s, visibility .4s linear;
}

.top-menu li .sub-menu:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    right: 0;
    margin: auto;
    top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
    background-color: currentColor;
}

.top-menu li.menu-item-has-children.opened .sub-menu {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.top-menu li .sub-menu li {
    display: block;
}

.top-menu li .sub-menu li:last-child {
    border: none;
}

.top-menu li .sub-menu li a {
	display: block;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.top-menu li.menu-item-has-children > a:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: currentColor;
    width: 12px;
    height: 2px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.top-menu li.menu-item-has-children > a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    background-color: currentColor;
    width: 2px;
    height: 12px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.top-menu li.menu-item-has-children.opened > a:after {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.top-menu li.swap-search {
    opacity: 0;
    visibility: hidden;
}

.open-search {
    opacity: .3;
}

.no-touchevents .open-search:hover {
    opacity: 1;
}

.open-search:after {
    display: none !important;
}

#site-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 9998;
    -webkit-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -moz-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -o-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
}

#site-overlay.show-overlay {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

#site-overlay #responsive-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
}

#site-overlay #responsive-menu .wrapper {
    margin-top: 100px;
    margin-bottom: 50px;
}

#site-overlay > *:not(#overlay-mouse) {
    cursor: default;
}

#site-overlay > *:not(#overlay-mouse).show-this-one {
    display: block;
}

.no-touchevents #site-overlay > *:not(#overlay-mouse):hover ~ #overlay-mouse {
    display: none;
}

#site-overlay #searchform {
    align-self: center;
    margin: auto;
}

#site-overlay #searchform #s {
    width: 100%;
    text-align: center;
    background: none;
    border: none;
    font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 7.35vmin;
}

#site-overlay #searchform #submit_s {
    display: none;
}

#overlay-mouse {
    position: absolute;
    pointer-events: none;
    transform: rotate(45deg);
    z-index: 99999;
}

#overlay-mouse a {
    margin: 0 !important;
}

.responsive-nav {
    height: 23px;
}

.responsive-bag {
    height: 30px;
    transition: opacity 200ms linear, visibility 200ms linear, transition 100ms linear, color 100ms linear, background 100ms linear, margin 300ms linear !important;
}

.responsive-bag span:not(.woocommerce-cart-no) {
    display: block;
    width: 100%;
    height: 100%;
}

.responsive-bag span:not(.woocommerce-cart-no) svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.m-responsive-search .icon {
    display: block;
    width: 100%;
    height: 100%;
}

.m-responsive-search .icon svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.lines {
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.lines:before, .lines:after {
    display: inline-block;
    width: 26px;
    height: 2px;
    transition: 300ms;
    background-color: #fff;
    position: absolute;
    left: 0;
    content: "";
    transform-origin: 0.8571428571px center;
}

.lines:before {
    top: 6px;
    width: 16px;
}

.lines:after {
    top: -6px;
}

.responsive-nav.opened .lines {
    background-color: transparent;
    /*-webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;*/
}

.responsive-nav.opened .lines:before {
    width: 22px;
    -webkit-transform: translate(2px, 1px) rotate(-45deg);
    -moz-transform: translate(2px, 1px) rotate(-45deg);
    -o-transform: translate(2px, 1px) rotate(-45deg);
    transform: translate(2px, 1px) rotate(-45deg);
    /*-webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;*/
}

.responsive-nav.opened .lines:after {
    width: 22px;
    -webkit-transform: translate(2px, -1px) rotate(45deg);
    -moz-transform: translate(2px, -1px) rotate(45deg);
    -o-transform: translate(2px, -1px) rotate(45deg);
    transform: translate(2px, -1px) rotate(45deg);
    /*-webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;*/
}

/*
.responsive-nav.opened .lines {
 
  background: transparent !important;
 
  &:before, &:after {
    transform-origin: 50% 50%;
    top: 0;
  }

  &:before {
    -ms-transform: rotate(45deg);
    transform: rotate3d(0,0,1,45deg); 
  }
  &:after {
    -ms-transform: rotate(-45deg);
    transform: rotate3d(0,0,1,-45deg); 
  }

}*/
.open-filters,
.responsive-nav,
.responsive-bag,
.m-responsive-search,
.m-background-music {
    width: 40px;
    height: 40px;
    float: right;
    position: relative;
    padding: 4px;
    margin: 0 -4px 0 20px;
    transition: opacity 200ms linear, visibility 200ms linear, color 100ms linear !important;
    z-index: 99999;
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}

@media screen and (max-width: 414px) {
    .open-filters,
    .responsive-nav,
    .responsive-bag,
    .m-responsive-search,
    .m-background-music {
        margin: 0 -4px 0 15px;
    }
}

@media screen and (max-width: 320px) {
    .open-filters,
    .responsive-nav,
    .responsive-bag,
    .m-responsive-search,
    .m-background-music {
        margin: 0 -4px 0 10px;
    }
}

.m-background-music .m-buffering {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: solid 2px transparent;
    border-top-color: currentColor;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-background-music.buffering .m-buffering {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-animation: loading .6s infinite linear;
    -moz-animation: loading .6s infinite linear;
    -o-animation: loading .6s infinite linear;
    animation: loading .6s infinite linear;
    cursor: wait;
}

.m-background-music .m-sound-toggle {
    position: absolute;
    visibility: visible;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 26px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-background-music.buffering .m-sound-toggle {
    visibility: hidden;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.m-background-music .m-sound-toggle .m-music-bar {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 2px;
    height: 8px;
    background-color: currentColor;
}

.m-background-music .m-sound-toggle .m-music-bar:nth-child(2) {
    left: 6px;
    height: 16px;
}

.m-background-music .m-sound-toggle .m-music-bar:nth-child(3) {
    left: 12px;
}

.m-background-music .m-sound-toggle .m-music-bar:nth-child(4) {
    left: 18px;
    height: 16px;
}

.m-background-music .m-sound-toggle.is-playing .m-music-bar {
    -webkit-animation: backgroundMusic 2.5s linear 0s infinite normal none;
    -moz-animation: backgroundMusic 2.5s linear 0s infinite normal none;
    -o-animation: backgroundMusic 2.5s linear 0s infinite normal none;
    animation: backgroundMusic 2.5s linear 0s infinite normal none;
}

.m-background-music .m-sound-toggle.is-playing .m-music-bar:nth-child(2) {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

.m-background-music .m-sound-toggle.is-playing .m-music-bar:nth-child(3) {
    -webkit-animation-duration: 3.5s;
    -moz-animation-duration: 3.5s;
    -o-animation-duration: 3.5s;
    animation-duration: 3.5s;
}

.m-background-music .m-sound-toggle.is-playing .m-music-bar:nth-child(4) {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes backgroundMusic {
  0% {
    height: 3px
  }
  25% {
    height: 16px
  }
  50% {
    height: 6px
  }
  75% {
    height: 16px
  }
  100% {
    height: 3px
  }
}

@-moz-keyframes backgroundMusic {
  0% {
    height: 3px
  }
  25% {
    height: 16px
  }
  50% {
    height: 6px
  }
  75% {
    height: 16px
  }
  100% {
    height: 3px
  }
}

@-o-keyframes backgroundMusic {
  0% {
    height: 3px
  }
  25% {
    height: 16px
  }
  50% {
    height: 6px
  }
  75% {
    height: 16px
  }
  100% {
    height: 3px
  }
}

@keyframes backgroundMusic {
  0% {
    height: 3px
  }
  25% {
    height: 16px
  }
  50% {
    height: 6px
  }
  75% {
    height: 16px
  }
  100% {
    height: 3px
  }
}

.open-filters.swap-search, .swap-search.responsive-nav, .swap-search.responsive-bag, .swap-search.m-responsive-search {
    opacity: 0 !important;
    visibility: hidden;
}

.overlay-menu-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: all 250ms linear;
}

.overlay-menu-holder.active {
    opacity: 1;
    visibility: visible;
}

.m-overlay-menu {
    position: relative;
    list-style: none;
    z-index: 99;
    *zoom: 1;
    margin: 0;
    padding: 0;
}

.m-overlay-menu > li {
    display: block;
    float: none;
    margin-bottom: 0;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

.m-overlay-menu > li.re.active {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
    visibility: hidden;
}

.m-overlay-menu > li.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

#responsive-menu .m-overlay-menu > li {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#site-overlay.show-overlay #responsive-menu .m-overlay-menu > li {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.m-overlay-menu > li.cart-item {
    display: none;
}

.m-overlay-menu a {
    font-size: 2rem;
    line-height: 1;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
    padding: 20px 0;
    width: 100%;
    border-bottom: solid 1px currentColor;
}

.m-overlay-menu .menu-item-has-children > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 9px;
    width: 2px;
    height: 8px;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-overlay-menu .menu-item-has-children > a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 4px;
    width: 2px;
    height: 8px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-overlay-menu .menu-item-has-children > a.opened:before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.m-overlay-menu .menu-item-has-children > a.opened:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.m-overlay-menu .sub-menu {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
    display: none;
}

.m-overlay-menu .sub-menu li {
    margin-bottom: 0;
}

@media screen and (max-width: 640px) {
    .m-overlay-menu a {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 414px) {
    .m-overlay-menu a {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 375px) {
    .m-overlay-menu a {
        font-size: 1rem;
    }
}

.m-overlay-menu a.selected {
    color: #ff3b30;
}

.m-overlay-menu a.selected span {
    background: #111;
    color: #ff3b30;
}

.m-overlay-menu a span.no {
    position: absolute;
    right: -30px;
    top: -10px;
    width: 37px;
    height: 37px;
    border-radius: 100%;
    font-size: 0.9375rem;
    line-height: 37px;
    text-align: center;
    background: #ff3b30;
    color: #111;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

.m-overlay-menu a span.no.re.active {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    visibility: hidden;
}

.m-overlay-menu a:hover span, .m-overlay-menu a.selected span {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.m-overlay-menu + .filters-images {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 98;
    pointer-events: none;
}

.touchevents .m-overlay-menu + .filters-images {
    display: none;
}

.m-overlay-menu + .filters-images div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 400ms linear;
}

.m-overlay-menu + .filters-images div:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: none;
}

.m-overlay-menu + .filters-images div.active {
    opacity: 1;
}

.open-filters, .responsive-nav, .responsive-bag, .m-responsive-search {
    padding: 0;
}

.dots-close-anim {
    width: 16px;
    height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    cursor: pointer;
}

.dots-close-anim span {
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    border-radius: 4px;
    width: 4px;
    height: 4px;
    margin-top: 3px;
    margin-left: -2px;
    background: transparent;
    transition: all 150ms linear;
}

.dots-close-anim span:first-child {
    margin-top: 0;
}

.no-touchevents .dots-close-anim:hover > span.d1 {
    margin-left: -3px;
    width: 10px;
}

.no-touchevents .dots-close-anim:hover > span.d2 {
    margin-left: -7px;
    width: 10px;
}

.no-touchevents .dots-close-anim:hover > span.d3 {
    margin-left: -5px;
    width: 10px;
}

#site-footer {
    padding-bottom: 125px;
    z-index: 998;
    position: relative;
    bottom: 0;
    width: 100%;
}

#site-footer.stick-it {
    position: fixed;
}

.error404 #site-footer {
    display: none;
}

.push {
    height: 100px;
}

#site-share {
    bottom: 35px;
    transform-origin: right bottom;
    margin-right: -15px;
    z-index: 999;
    transform: rotate(-90deg) translateX(100%);
}

#site-share .site-share {
	vertical-align: middle;
    display: inline-block;
    opacity: 0;
    transform: translate3d(15px, 0, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
}

#site-share .site-share.re.active {
    opacity: 0;
    transform: translate3d(-15px, 0, 0);
    visibility: hidden;
}

#site-share .site-share.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

#site-share .site-share:not(:last-child):not(:first-child):after {
    content: " — ";
    margin-right: 5px;
}

#site-share.enabled-icons {
    padding-bottom: 10px;
}

#site-share.enabled-icons .site-share:not(:first-child) {
    margin: 0 5px;
    position: relative;
    top: 3px;
}

#site-share.enabled-icons .site-share:after {
    display: none !important;
}

#site-share.enabled-icons a {
    transform: rotate(90deg);
    width: 35px;
    text-align: center;
}

#site-share.enabled-icons a svg path {
    stroke: none !important;
}

.no-touchevents #site-share.enabled-icons a.fb:hover svg path {
    fill: #3b5998;
}

.no-touchevents #site-share.enabled-icons a.tw:hover svg path {
    fill: #55acee;
}

.no-touchevents #site-share.enabled-icons a.pin:hover svg path {
    fill: #bd081c;
}

.no-touchevents #site-share.enabled-icons a.px:hover svg path {
    fill: #34bf49;
}

.no-touchevents #site-share.enabled-icons a.dr:hover svg path {
    fill: #ea4c89;
}

.no-touchevents #site-share.enabled-icons a.in:hover svg path {
    fill: #5851db;
}

.no-touchevents #site-share.enabled-icons a.in:hover svg circle {
    fill: #5851db;
}

.no-touchevents #site-share.enabled-icons a.li:hover svg path {
    fill: #0077b5;
}

.no-touchevents #site-share.enabled-icons a.snd:hover svg path {
    fill: #ff8800;
}

.no-touchevents #site-share.enabled-icons a.muiteer:hover svg path {
    fill: #ff3b30;
}

.no-touchevents #site-share.enabled-icons a.weibo:hover svg path {
    fill: #d63437;
}

.no-touchevents #site-share.enabled-icons a.qq:hover svg path {
    fill: #12b7f5;
}

.no-touchevents #site-share.enabled-icons a.behance:hover svg path {
    fill: #0057ff;
}

.no-touchevents #site-share.enabled-icons a.lofter:hover svg path {
    fill: #81a800;
}

.no-touchevents #site-share.enabled-icons a.lofter:hover svg path {
    fill: #81a800;
}

.no-touchevents #site-share.enabled-icons a.qzone:hover svg path {
    fill: #f8ce46;
}

.no-touchevents #site-share.enabled-icons a.qzone:hover svg path {
    fill: #f8ce46;
}

.no-touchevents #site-share.enabled-icons a.zhihu:hover svg path {
    fill: #0084ff;
}

.no-touchevents #site-share.enabled-icons a.tieba:hover svg path {
    fill: #38f;
}

.no-touchevents #site-share.enabled-icons a.github:hover svg path {
    fill: #327fc7;
}

.no-touchevents #site-share.enabled-icons a.email:hover svg path {
    fill: #0070c9;
}

.no-touchevents #site-share.enabled-icons a.wechat:hover svg path {
    fill: #609700;
}

#site-share a {
    font-size: .875rem;
}

.no-touchevents #site-share a.fb:hover {
    color: #3b5998;
}

.no-touchevents #site-share a.tw:hover {
    color: #1da1f2;
}

.no-touchevents #site-share a.pin:hover {
    color: #bd081c;
}

.no-touchevents #site-share a.px:hover {
    color: #34bf49;
}

.no-touchevents #site-share a.dr:hover {
    color: #ea4c89;
}

.no-touchevents #site-share a.in:hover {
    color: #5851db;
}

.no-touchevents #site-share a.li:hover {
    color: #0077b5;
}

.no-touchevents #site-share a.snd:hover {
    color: #ff8800;
}

.no-touchevents #site-share a.muiteer:hover {
    color: #ff3b30;
}

.no-touchevents #site-share a.weibo:hover {
    color: #d63437;
}

.no-touchevents #site-share a.qq:hover {
    color: #12b7f5;
}

.no-touchevents #site-share a.behance:hover {
    color: #0057ff;
}

.no-touchevents #site-share a.lofter:hover {
    color: #81a800;
}

.no-touchevents #site-share a.lofter:hover {
    color: #81a800;
}

.no-touchevents #site-share a.qzone:hover {
    color: #f8ce46;
}

.no-touchevents #site-share a.qzone:hover {
    color: #f8ce46;
}

.no-touchevents #site-share a.zhihu:hover {
    color: #0084ff;
}

.no-touchevents #site-share a.tieba:hover {
    color: #38f;
}

.no-touchevents #site-share a.github:hover {
    color: #327fc7;
}

.no-touchevents #site-share a.email:hover {
    color: #0070c9;
}

.no-touchevents #site-share a.wechat:hover {
    color: #609700;
}

#site-share .info {
    margin-right: 5px;
    font-size: 70%;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

#site-footer #site-share {
    display: block !important;
    position: static;
    transform: none;
    margin: 0 0 30px;
}

@media screen and (min-width: 813px) {
    #site-footer #site-share {
        display: none !important;
    }
}

#site-footer #site-share .site-share {
    opacity: 1;
    visibility: visible;
    transform: none;
    vertical-align: middle;
}

#site-footer #site-share.enabled-icons .site-share:first-child {
    margin-right: 10px;
}

#site-footer #site-share.enabled-icons .site-share:not(:first-child) {
    top: 6px;
    margin: 0 8px;
}

#site-footer #site-share.enabled-icons a {
    transform: none;
}

#site-actions {
    position: fixed;
    top: 130px;
    left: 3%;
    z-index: 999;
}

.has-sticky-header-enabled #site-actions {
    top: 150px;
}

#site-actions a {
    height: 30px;
    display: block;
    position: relative;
    margin-bottom: 15px;
    opacity: 0;
    transform: translate3d(0, 15px, 0);
    visibility: hidden;
    transition: transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1), visibility 400ms linear;
    transition-delay: 0;
}

#site-actions a.re.active {
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    visibility: hidden;
}

#site-actions a.active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

#site-actions a .tooltip {
    position: relative;
    top: -5px;
    left: 10px;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 30px;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    opacity: 0;
    transition: opacity 100ms linear, clip-path 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media screen and (max-width: 1900px) {
    #site-actions a .tooltip {
        display: none;
    }
}

#site-actions a#m-site-actions-search {
    top: -5px;
}

#site-actions a#m-site-actions-search .tooltip {
    top: -3px;
}

#site-actions a .icon {
    transition: all 200ms linear;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
}

#site-actions a .icon * {
    stroke: transparent !important;
}

#site-actions a#site-actions-back .icon svg {
    transform: rotate(180deg);
    transform-origin: center;
}

.no-touchevents #site-actions a:hover .tooltip {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
}

.no-touchevents #site-actions a:hover .icon {
    opacity: 1;
}

#site-revealer, #site-revealer .layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99998;
    pointer-events: none;
    display: none;
}

#site-revealer .layer {
    height: 100%;
    transform: translate3d(0, 100%, 0);
    display: block;
}

#site-revealer .layer.a {
    transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 200ms;
}

#site-revealer .layer.a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.25);
}

#site-revealer .layer.b {
    transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 200ms, height 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

#site-revealer .layer.c {
    transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53), height 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms;
}

#site-revealer .layer.c:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.25);
}

#site-revealer.active, #site-revealer .active.layer {
    display: block;
}

#site-revealer.out .layer.a, #site-revealer .out.layer .layer.a {
    transform: translate3d(0, 0, 0);
    height: 0;
}

#site-revealer.out .layer.b, #site-revealer .out.layer .layer.b {
    transform: translate3d(0, 0, 0);
}

#site-revealer.in .layer.b, #site-revealer .in.layer .layer.b {
    height: 0;
}

#site-revealer.in .layer.c, #site-revealer .in.layer .layer.c {
    transform: translate3d(0, 0, 0);
    height: 0;
}

html {
    transition: transform 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

html.out {
    transform: translate3d(0, -50px, 0);
}

.cf-7.mailchimp {
    width: 310px;
    position: relative;
}

.cf-7.mailchimp div {
    *zoom: 1; }

.cf-7.mailchimp div:after {
    content: '';
    display: table;
    clear: both;
}

.cf-7.mailchimp .wpcf7-form-control-wrap {
    width: 50%;
    display: inline-block;
    float: left;
    position: relative;
}

.cf-7.mailchimp .wpcf7-form-control-wrap:last-child {
    padding-left: 10px;
}

.cf-7.mailchimp .wpcf7-form-control-wrap input {
    width: 100%;
    background: transparent;
    border-bottom: 2px solid;
    font-size: 1.1875rem;
    font-weight: 500;
    padding: 0 0 5px;
    height: auto;
}

.cf-7.mailchimp .wpcf7-form-control-wrap input:-ms-input-placeholder {
    opacity: .25 !important;
    color: inherit !important;
    text-transform: none;
}

.cf-7.mailchimp .wpcf7-form-control-wrap input::-ms-input-placeholder {
    opacity: .25 !important;
    color: inherit !important;
    text-transform: none;
}

.cf-7.mailchimp .wpcf7-form-control-wrap input::-moz-input-placeholder {
    opacity: .25 !important;
    color: inherit !important;
    text-transform: none;
}

.cf-7.mailchimp .wpcf7-form-control-wrap input::-webkit-input-placeholder {
    opacity: .25 !important;
    color: inherit !important;
    text-transform: none;
}

.cf-7.mailchimp .wpcf7-form-control-wrap input::placeholder {
    opacity: .25 !important;
    color: inherit !important;
    text-transform: none;
}

.cf-7.mailchimp br {
    display: none;
}

.cf-7.mailchimp small {
    padding: 20px 0 0 2px;
    display: inline-block;
}

.cf-7.mailchimp input[type="submit"] {
    font-size: 2rem;
    bottom: -5px;
    padding: 0;
}

.cf-7.mailchimp span.wpcf7-not-valid-tip {
    top: -55px;
    font-size: 11px;
    right: -11px;
}

.cf-7.mailchimp + .wpcf7-response-output {
    width: 300px;
    margin: 0;
    left: 30px;
}

#site-sidebar {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 500px;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 10001;
    -webkit-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -moz-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -o-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

#site-sidebar.opened {
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media screen and (max-width: 600px) {
    #site-sidebar {
        width: 100%;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    #site-sidebar.opened {
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

#site-sidebar .site-sidebar-holder {
    width: 100%;
    height: 100%;
}

#site-sidebar .site-sidebar-content {
    width: 100%;
    height: calc(100% - 59px);
    padding: 20px;
    overflow-y: scroll;
}

#site-sidebar-wrap {
    height: 100%;
}

body.cart-opened #site, body.map-opened #site {
    opacity: .15;
    pointer-events: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body.map-opened #site {
    left: 62.5%;
}

#site-sidebar-closer {
    position: relative;
    top: -145px;
    left: -15px;
    width: 50px;
    height: 50px;
    margin-bottom: -50px;
    z-index: 999;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
}

#site-sidebar-closer span {
    display: inline-block;
    width: 23px;
    height: 23px;
    transform: rotate(-135deg);
}

#site-sidebar-closer span svg path {
    stroke: #fff;
    transition: stroke 150ms linear;
}

#site-sidebar-opener {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 28px;
    height: 25px;
    padding: 5px;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    opacity: .15;
    transition: opacity 150ms linear;
}

#site-sidebar-opener:hover {
    opacity: .3;
}

#site-sidebar-opener svg path {
    stroke: #fff;
}

#site-sidebar-opener.opened {
    opacity: 0;
}

.widget-title {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.widget {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 8px;
    padding: 20px;
}

.widget * > *:last-child {
    margin-bottom: 0;
}

.widget ul,
.widget ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget li:not(:last-child) {
    margin-bottom: 10px;
}

.widget li {
    padding: 5px 0 15px 0;
}

.widget li:last-child {
    padding: 5px 0 0 0;
}

.widget li a {
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.recentcomments a {
    font-weight: bold;
}

.tagcloud {
    *zoom: 1; margin-left: -3px;
    width: calc(100% + 6px);
}

.tagcloud:after {
    content: '';
    display: table;
    clear: both;
}

.tagcloud a {
    display: inline-block;
    margin: 5px 5px 0 0;
    float: left;
    font-size: .875rem !important;
    padding: 6px 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.searchform {
    position: relative;
}

.searchform input {
    font-size: .875rem;
    border: none;
    color: currentColor;
    padding: 10px 20px 10px 45px;
    width: 100%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.searchform input:-ms-input-placeholder {
    color: currentColor;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.searchform input::-ms-input-placeholder {
    color: currentColor;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.searchform input::-moz-input-placeholder {
    color: currentColor;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.searchform input::-webkit-input-placeholder {
    color: currentColor;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.searchform input::placeholder {
    color: currentColor;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.searchform button {
    position: absolute;
    background: none;
    border: none;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    letter-spacing: 0;
    padding: 0 20px;
}

.searchform button svg, .searchform button svg * {
    fill: currentColor;
    stroke: none !important;
}

.calendar_wrap {
    font-size: .875rem;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.calendar_wrap table th, .calendar_wrap table td {
    text-align: center;
}

.calendar_wrap caption {
    margin-bottom: 5px;
    font-weight: bold;
}

.calendar_wrap td {
    width: 40px;
    height: 38px;
    position: relative;
}

.calendar_wrap td#today {
    font-weight: bold;
}

.calendar_wrap td a {
    font-weight: bold;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.calendar_wrap tfoot a:before {
    font-size: .875rem;
    color: #fff;
}

/* Responsive menu only */
@media all and (min-width: 1025px) {
    .top-menu {
        display: block;
    }

    .responsive-nav, .responsive-bag {
        display: none;
    }
}

@media all and (max-width: 1024px) {
    .top-menu {
        display: none;
    }

    .responsive-nav, .responsive-bag, .m-responsive-search {
        display: block;
    }

    .responsive-bag svg * {
        stroke: transparent !important;
    }
}

.has-hamburger-menu-enabled .top-menu {
    display: none !important;
}

.has-hamburger-menu-enabled .responsive-nav {
    display: block !important;
}

/* Laptop and all below { query < 1366px } */
@media screen and (max-width: 1366px) {
    #site-share {
        margin-right: -50px;
    }

    #site-actions {
        left: 10px;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }

    .woocommerce-order-received .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content, .woocommerce-MyAccount-content {
        width: 75% !important;
    }
}

/* Portable and all below { query < 1024px } (large landscape phones & tablets) */
@media screen and (max-width: 1024px) {
    .entries-thumbnails {
        display: none;
    }

    .entry-navigation {
        position: static;
        display: none;
    }

    .entry-navigation__info {
        display: none;
    }

    .entry-navigation.responsive {
        display: block;
        text-align: left;
        padding-left: 30px;
    }

    .entry-navigation--portfolio {
        margin-bottom: 100px;
    }

    .old-breakpoint--hide {
        display: none;
    }

    .entry-minimal a {
        table-layout: auto;
    }

    .entry-minimal__time {
        position: absolute;
        right: auto;
        left: 0;
    }

    .entry-minimal__title {
        padding-left: 155px;
        font-size: 1.0625rem;
    }

    .search-results .entry-archive .entry-time .entry-minimal__time {
        position: static;
    }

    .search-results .entry-archive .entry-image {
        display: none;
    }

    .search-results .entry-archive .entry-search-excerpt {
        width: 60%;
    }

    .post-navigation {
        margin-top: 100px;
        font-size: 1.6875rem;
    }

    #site-sidebar-closer {
        top: -120px;
    }

    .archive-header {
        margin-top: 0;
    }

    #content {
        padding-bottom: 100px;
    }

    .single-post .entry-navigation {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .open-filters, .responsive-nav, .responsive-bag, .m-responsive-search {
        margin-right: 0 !important;
    }

    .sidebar-enabled .blog-posts-carousel {
        margin-left: 10px;
    }

    .blog-posts-carousel .car-post {
        width: 60%;
        margin: 0 4%;
    }

    .muiteer-checkout-navigation {
        margin-bottom: 80px;
    }

    .muiteer-checkout-content .carousel-cell .wrapper-second {
        width: calc(100% - 20px);
        margin-left: 10px;
    }

    #payment {
        width: calc(70% - 130px);
        left: calc(30% + 130px);
    }

    .woocommerce-MyAccount-navigation {
        margin-bottom: 80px !important;
    }

    .woocommerce-MyAccount-navigation li {
        margin: 0 15px 30px;
    }

    .woocommerce-order-received .woocommerce-MyAccount-content, .woocommerce-view-order .woocommerce-MyAccount-content, .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    .blog .STAMP {
        margin: 50px 0 150px;
    }

    .post-navigation.bigger > div {
        transform: scale(0.8);
    }

    .single-post .post-navigation.bigger > div {
        width: 120%;
        margin-left: -10%;
    }

    .single-post .post-navigation.bigger > div .no span:first-child:after {
        margin: 0 67px;
    }

    .post-navigation.bigger a.prev {
        margin-right: 82px;
    }

    .post-navigation.bigger a.next {
        margin-left: 82px;
    }

    .post-navigation.bigger .no span:first-child:after {
        margin: 0 87px;
    }

    .muiteer-pwd form > div {
        padding: 50px;
    }
}

/* Single product mobile design (just below landscape iPad) */
@media screen and (min-width: 1023px) and (max-width: 1366px) {
    .single-product .content-holder, .single-product .images {
        width: 53.333% !important;
    }

    .single-product .summary.non-stick {
        width: 38.333% !important;
    }

    .single-product .summary {
        padding-right: 1px;
    }
}
@media screen and (max-width: 1023px) {
    .single-product .woocommerce-message {
        display: none;
    }

    .single-product .sprq {
        display: block;
    }

    .single-product .images, .single-product .summary, .single-product .summary.non-stick {
        width: 100% !important;
        float: none;
    }

    .single-product #dummy-padding {
        display: none !important;
    }

    .single-product .images .images-carousel {
        width: calc(100% - 80px);
    }

    .single-product .images .thumbnails {
        width: 70px;
    }

    .single-product .images .thumbnails a {
        width: 70px;
        height: 70px;
        margin-top: 10px;
    }

    .single-product #main {
        padding-top: 100vh;
    }

    .single-product .summary {
        *zoom: 1; position: relative !important;
        right: auto !important;
        transform: none !important;
        float: none;
        top: 0 !important;
    }

    .single-product .summary:after {
        content: '';
        display: table;
        clear: both;
    }

    .single-product .summary:before {
        background: red;
        position: absolute;
        top: 0;
        left: -25%;
        width: 150%;
        height: 100%;
        display: block;
    }

    .single-product .content-holder {
        float: none;
        padding-top: 0 !important;
        position: relative;
        width: 100%;
        clear: none;
        margin-top: 150px !important;
    }

    .single-product .single-product .related, .single-product .single-product .upsells {
        margin-top: 150px;
    }

    .single-product .hero-carousel-paging {
        right: 65px;
        bottom: 40px;
        left: auto;
        height: auto;
    }

    .single-product .hero-carousel-paging li.dot {
        display: block;
        margin: 5px 0;
    }

    .shop_table tr {
        margin-bottom: 100px;
    }

    .shop_table td.product-thumbnail {
        display: none;
    }

    .shop_table td.product-name, .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove {
        width: 32%;
    }

    .shop_table td.product-quantity {
        margin-right: 40px;
        transform: scale(0.8);
        transform-origin: bottom;
    }

    .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove {
        width: 5% !important;
    }
}

/* Portable only { 769px > query < 1366px } (large landscape phones, tablets & regular laptops) */
@media screen and (min-width: 769px) and (max-width: 1366px) {
    .entry-hero-tagline {
        top: -80px;
    }

    .wrapper {
        padding: 0 65px;
    }

    .hero-header .carousel-prev, .hero-header .muiteer-twitter .carousel-next, .muiteer-twitter .hero-header .carousel-next {
        left: 65px;
    }

    .hero-header .carousel-next {
        right: 65px;
    }

    .m-overlay-menu li:not(:last-child):after {
        bottom: 16px;
        width: 80px;
    }
}

/* Lap { 480px > query < 769px } (portrait tablets and landscape mobile phones) */
@media screen and (min-width: 480px) and (max-width: 769px) {

    .wrapper {
        padding: 0 40px;
    }

    .hero-header .carousel-prev, .hero-header .muiteer-twitter .carousel-next, .muiteer-twitter .hero-header .carousel-next {
        left: 40px;
    }

    .hero-header .carousel-next, .single-product .hero-carousel-paging {
        right: 40px;
    }

    .m-overlay-menu li:not(:last-child):after {
        bottom: 10px;
        height: 2px;
        width: 55px;
    }

    .archive-header h1 {
        font-size: 3.5rem;
    }

    .archive-header h3, .archive-header #respond .form-submit #submit, #respond .form-submit .archive-header #submit {
        margin-top: -25px;
    }

    .entry-navigation {
        margin-top: 50px;
    }

    .entry-navigation--portfolio {
        margin-top: 100px;
    }

    .entry-navigation--portfolio .entry-navigation__item {
        font-size: 4rem;
    }

    /* .top-large-padding { padding-top: 75px; } .bottom-large-padding { padding-bottom: 75px; } .top-medium-padding { padding-top: 50px; } .bottom-medium-padding { padding-bottom: 50px; } .top-small-padding { padding-top: 25px; } .bottom-small-padding { padding-bottom: 25px; }*/
    .grid__item.full-width .muiteer-slider .carousel-cell {
        padding: 0 15%;
    }

    .columns-5 .muiteer-gallery--item, .columns-6 .muiteer-gallery--item {
        flex-basis: 33.33%;
    }

    .muiteer-twitter .carousel-holder {
        padding: 0 50px;
    }

    .single-product .summary .product_title {
        font-size: 2.6875rem;
    }

    .single-product .summary .price {
        font-size: 3.0625rem;
    }
}

@media screen and (max-width: 812px) {
    #site-share, #site-actions {
        display: none !important;
    }
}

/* Lap and all below { query < 769px } (grid only) */
@media screen and (max-width: 769px) {
    .entry-hero-tagline {
        padding-bottom: 30px;
        top: -40px;
    }

    #site-logo.image-logo-enabled img {
        max-height: 40px !important;
    }

    #content {
        padding-bottom: 100px;
    }

    #site-footer {
        padding-bottom: 120px;
    }

    .grid__item .alignright, .grid__item .alignleft {
        float: none;
        margin: 0;
    }

    .hero-helper-arrow {
        left: auto;
        right: 30px;
        margin-left: 0;
    }

    .hero-carousel-paging, .hero-helper-arrow {
        bottom: 27px;
    }

    .hero-header .carousel-nav-anim svg {
        transform: scale(0.6);
        transform-origin: right center;
    }

    .entry-title {
        font-size: 1.3125rem;
    }

    .top-large-padding, .bottom-large-padding, .top-medium-padding, .bottom-medium-padding, .top-small-padding, .bottom-small-padding {
        padding-top: 0;
        padding-bottom: 0;
    }

    .entry-navigation--portfolio {
        margin-bottom: 30px;
    }

    .search-results .entry-archive .entry-search-excerpt {
        width: 100%;
    }

    .shop_table td.product-name, .shop_table td.product-price, .shop_table td.product-subtotal, .shop_table td.product-remove {
        width: 100%;
        height: auto;
    }

    .shop_table td.product-name > a, .shop_table td.product-price > a, .shop_table td.product-subtotal > a, .shop_table td.product-remove > a {
        padding-right: 20%;
        padding-bottom: 20px;
    }

    .shop_table td.product-remove {
        position: absolute;
        right: 0;
        top: -7px;
        height: auto;
        width: auto !important;
        margin-right: 0;
    }

    .shop_table td.product-remove a:before {
        display: none;
    }

    .shop_table td.product-quantity {
        height: auto;
        margin-top: 15px;
    }

    .chck-form .grid:not(:last-of-type) {
        margin-bottom: 0;
    }

    .muiteer-checkout-navigation {
        margin-bottom: 50px;
    }

    .post-full .entry-footer, .post-full .entry-navigation {
        margin-left: 0 !important;
    }

    .woocommerce-order-received .woocommerce-MyAccount-content h2, .woocommerce-order-received .woocommerce-MyAccount-content h3, .woocommerce-order-received .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-order-received .woocommerce-MyAccount-content #submit, .woocommerce-order-received .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-order-received .woocommerce-MyAccount-content #submit, .woocommerce-view-order .woocommerce-MyAccount-content h2, .woocommerce-view-order .woocommerce-MyAccount-content h3, .woocommerce-view-order .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-view-order .woocommerce-MyAccount-content #submit, .woocommerce-view-order .woocommerce-MyAccount-content #respond .form-submit #submit, #respond .form-submit .woocommerce-view-order .woocommerce-MyAccount-content #submit {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    .woocommerce-order-received .woocommerce-MyAccount-content table, .woocommerce-order-received .woocommerce-MyAccount-content address, .woocommerce-view-order .woocommerce-MyAccount-content table, .woocommerce-view-order .woocommerce-MyAccount-content address {
        margin-top: 50px;
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .woocommerce-MyAccount-navigation {
        margin-bottom: 40px !important;
    }

    .woocommerce-account form input[type="submit"].button {
        float: none;
        display: block;
    }

    .woocommerce-account form .form-row {
        width: 100%;
    }

    .single-product .content-holder, .single-product .related, .single-product .upsells {
        margin-top: 100px !important;
    }

    .sidebar-enabled .blog-posts-carousel {
        margin-left: 15px;
    }

    .blog-posts-carousel .car-post .car-content {
        max-width: 90%;
        margin-top: 20px;
    }

    .blog-posts-carousel .car-post .car-title {
        font-size: 1.625rem;
    }

    .blog-posts-carousel .car-post .car-excerpt {
        font-size: 0.875rem;
    }

    .post-full .entry-meta {
        font-size: 0.9375rem;
    }

    .post-full .entry-content .fluid-width-video-wrapper, .post-full .entry-content .alignnone, .post-full .entry-content blockquote, .post-full .entry-content .wp-video {
        margin: 50px 0 50px 0;
        width: 100% !important;
        max-width: none;
    }

    .post-full .entry-content .fluid-width-video-wrapper {
        padding-top: 56.2% !important;
    }

    .post-full.w-hero .entry-content .fluid-width-video-wrapper, .post-full.w-hero .entry-content .alignnone, .post-full.w-hero .entry-content blockquote, .post-full.w-hero .entry-content .wp-video {
        margin: 50px 0 50px 0;
        width: 100% !important;
        max-width: none;
    }

    .post-full.w-hero .entry-content .fluid-width-video-wrapper {
        padding-top: 56.2% !important;
    }

    .post-navigation.bigger {
        margin-bottom: 50px;
        font-size: 2rem;
        width: 150%;
        text-align: left;
    }

    .woocommerce .post-navigation.bigger {
        padding-left: 0;
    }

    .post-navigation.bigger > div {
        margin-left: 25px !important;
        transform-origin: left;
    }

    .woocommerce .post-navigation.bigger > div {
        margin-left: 0 !important;
        padding-left: 0;
    }

    .post-navigation.bigger a.prev {
        margin-right: 22px !important;
        top: 0;
        padding-left: 0;
    }

    .post-navigation.bigger a.next {
        margin-left: 22px !important;
        top: 0;
        padding-right: 0;
    }

    .post-navigation.bigger .no span:first-child:after {
        margin: 0 27px !important;
    }

    #checkout_coupon .form-row {
        width: 50%;
    }

    .muiteer-pwd form .foot {
        width: 100%;
        min-width: 0;
        align-self: auto;
    }

    .muiteer-pwd form input[type="submit"], .view-subheading {
        display: none;
    }

    .m-overlay-menu {
        height: auto !important;
    }

    .m-overlay-menu > li:after {
        display: none !important;
    }

    .m-overlay-menu > li > a span {
        display: none;
    }

    #portfolio-filters {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .shop_table td.actions {
        padding-bottom: 0;
    }

    .shop_table td.actions div.coupon, .shop_table td.actions input {
        width: 100%;
        float: none;
        height: auto;
        margin-bottom: 15px !important;
    }

    .shop_table td.actions input.button {
        text-align: center;
    }

    #payment {
        width: 100%;
        left: 0;
        position: static;
        margin-top: 0 !important;
    }

    .woocommerce-checkout-review-order-table tfoot {
        position: relative;
        display: block;
    }

    .shop_table.woocommerce-checkout-review-order-table .order-total {
        padding-bottom: 0;
        position: static;
        top: 0;
        right: 0;
        margin-bottom: 30px;
        text-align: right;
        width: auto;
    }

    .shop_table.woocommerce-checkout-review-order-table .order-total td {
        width: auto;
    }

    .shop_table.woocommerce-checkout-review-order-table .order-total td:last-child {
        padding-right: 0;
    }

    .shop_table.woocommerce-checkout-review-order-table td.product-name, .shop_table.woocommerce-checkout-review-order-table td.product-price, .shop_table.woocommerce-checkout-review-order-table td.product-subtotal, .shop_table.woocommerce-checkout-review-order-table td.product-remove {
        width: 70% !important;
        margin-right: 50px !important;
    }
}

/* Palm { query < 480px } (portrait mobile phones) */
@media screen and (max-width: 480px) {
    body {
        font-size: 1rem;
    }

    #respond .form-submit #submit {
        font-size: 1.0625rem;
    }

    .wrapper {
        padding: 0 30px;
    }

    .hero-header .carousel-prev, .hero-header .muiteer-twitter .carousel-next, .muiteer-twitter .hero-header .carousel-next {
        left: 30px;
    }

    .hero-header .carousel-next, .single-product .hero-carousel-paging {
        right: 30px;
    }

    .entry-minimal__time {
        font-size: 0.6875rem;
    }

    .entry-minimal__title {
        padding-left: 0;
        padding-top: 20px;
        font-size: 0.9375rem;
    }

    .entry-navigation {
        margin-top: 25px;
    }

    .entry-navigation__item {
        font-size: 2.5rem;
    }

    .entry-navigation__icon svg {
        transform: scale(0.7);
        position: relative;
        top: 5px;
    }

    .entry-navigation--double .entry-navigation__item {
        padding: 0 30px;
    }

    .entry-navigation--double hr {
        margin: 13px 0 0 -16px;
    }

    .entry-navigation hr {
        width: 33px;
    }

    .entry-navigation--portfolio {
        margin-top: 50px;
        margin-bottom: 0;
    }

    .post-navigation {
        font-size: 1.4375rem;
        padding-left: 7px;
    }

    .post-navigation a {
        padding: 0px 5px;
        margin: 0px 10px;
        transform: scale(0.8);
    }

    .post-navigation a span {
        position: relative;
        top: 1px;
    }

    .post-navigation .no span:first-child:after {
        bottom: 8px;
        width: 30px;
    }

    #site-sidebar-opener {
        transform: scale(0.8);
        right: 1px;
    }

    #site-sidebar-closer {
        top: -110px;
    }

    .single-portfolio .entry-title {
        font-size: 1.6875rem;
    }

    .single-portfolio .entry-breadcrumb {
        font-size: 0.6875rem;
    }

    .muiteer-twitter {
        padding: 0;
    }

    .muiteer-twitter .carousel-prev, .muiteer-twitter .carousel-next, .muiteer-twitter .carousel-next {
        display: none;
    }

    .muiteer-twitter .carousel-cell {
        padding: 0;
    }

    .archive-header {
        margin-bottom: 70px;
    }

    .archive-header h1 {
        font-size: 2.25rem;
    }

    .archive-header h3, .archive-header #respond .form-submit #submit, #respond .form-submit .archive-header #submit {
        font-size: 1.125rem;
        margin-top: -20px;
    }

    .grid__item.full-width .muiteer-slider .carousel-cell {
        padding: 0 5%;
    }

    .columns-4 .muiteer-gallery--item, .columns-5 .muiteer-gallery--item, .columns-6 .muiteer-gallery--item {
        flex-basis: 50%;
    }

    .muiteer-twitter .carousel-holder {
        padding: 0;
    }

    .palm--auto {
        width: 100%;
        margin-bottom: 50px;
    }

    .wp-caption-text {
        display: none;
    }

    .entry-navigation--portfolio {
        margin-bottom: 50px;
    }

    .shop_table tr {
        margin-bottom: 50px;
    }

    .shop_table td.product-quantity {
        display: none;
    }

    .shop_table td.product-price, .shop_table td.product-subtotal {
        width: 35% !important;
    }

    .wc-proceed-to-checkout {
        left: 0;
        margin-left: 0;
        transform: scale(0.8);
        transform-origin: left;
        width: 120%;
    }

    .woocommerce-message, .woocommerce-error, .woocommerce-info {
        padding-left: 30px;
        padding-right: 30px;
    }

    .muiteer-checkout-navigation {
        margin-bottom: 20px;
    }

    .muiteer-checkout-navigation li .title {
        display: none;
    }

    .woocommerce-checkout .shop_table .cart_item td.product-name, .woocommerce-checkout .shop_table .cart_item td.product-price, .woocommerce-checkout .shop_table .cart_item td.product-subtotal, .woocommerce-checkout .shop_table .cart_item td.product-remove {
        width: 90% !important;
        margin-bottom: 0;
    }

    .woocommerce-checkout .shop_table .cart_item td.product-name .product-quantity, .woocommerce-checkout .shop_table .cart_item td.product-price .product-quantity, .woocommerce-checkout .shop_table .cart_item td.product-subtotal .product-quantity, .woocommerce-checkout .shop_table .cart_item td.product-remove .product-quantity {
        right: -10%;
    }

    .woocommerce-checkout .shop_table .cart_item td.product-total {
        text-align: right;
        float: right;
    }

    .woocommerce-checkout .shop_table .cart_item td.product-total:before {
        display: none;
    }

    .woocommerce-account form.ccform {
        margin-top: -25px;
    }

    .single-product .summary .cart button[type="submit"] {
        float: none;
        margin-top: 20px;
    }

    .variations_form table tr {
        width: 100%;
        margin-top: 20px;
    }

    .single-product .summary .product_title {
        font-size: 2.0625rem;
    }

    .single-product .summary .price {
        font-size: 2.4375rem;
    }

    .single-product .images .images-carousel {
        width: 100%;
    }

    .single-product .images .thumbnails {
        display: none;
    }

    .blog-posts-carousel .car-post {
        width: 65%;
        margin: 0 3%;
    }

    .blog-posts-carousel .car-post a {
        padding-top: 10px;
    }

    .blog-posts-carousel .car-post .car-content {
        max-width: 100%;
    }

    .blog-posts-carousel .car-post .car-title {
        font-size: 1.125rem;
    }

    .blog-posts-carousel .car-post .car-excerpt {
        display: none;
    }

    .single-post .post-navigation.bigger > div {
        width: 300px;
    }

    .single-post .post-navigation.bigger > div a.next {
        margin-top: 20px;
    }

    #checkout_coupon .form-row {
        width: 100%;
    }

    #reviews .woocommerce-noreviews, #reviews .woocommerce-verification-required {
        font-size: 1.125rem;
    }

    .muiteer-pwd form > div {
        width: 90%;
    }

    .muiteer-pwd form > div {
        padding: 25px;
    }

    .muiteer-pwd form input[type="password"] {
        font-size: 1.25rem;
    }

    .muiteer-pwd form .view-info {
        font-size: 1rem;
    }
}

@media all and (max-height: 760px) {
    #reviews-holder {
        height: calc(100vh - 100px);
    }

    #reviews {
        height: calc(100vh - 200px);
    }

    #reviews h2 {
        display: none;
    }

    #reviews .commentlist {
        padding-top: 20px;
    }

    #reviews .commentlist li.comment {
        padding: 60px 70px 0;
    }
}

@media all and (max-width: 820px) {
    #reviews-holder, #reviews {
        width: calc(100vw - 200px);
    }

    #reviews .commentlist li.comment {
        padding: 60px 30px 0;
    }
}

@media all and (max-width: 520px) {
    #reviews-holder, #reviews {
        width: calc(100vw - 100px);
    }

    #reviews .commentlist li.comment img {
        display: none;
    }

    #reviews .comment_container:after {
        top: -80px;
    }
}

body:not(.hero-1), body.hero-1:not(.before), body:not(.hero-1) a, body.hero-1:not(.before) a, .comments-link:hover, body:not(.hero-1) #site-header .text-logo, body.hero-1:not(.before) #site-header .text-logo, #site-share a:not(:last-child):after, #preloader span, svg, svg * {
    transition: all 200ms linear;
}

body:not(.hero-1), #portfolio-filters:before, .hero-header .overlay {
    transition: background 250ms linear;
}

.hero-header img, .hero-header .media img, .hero-header .overlay img {
    display: none;
}

.wc_payment_method.payment_method_square iframe {
    height: 50px !important;
}

a:not([href]) {
    pointer-events: none;
}

.post-navigation.bigger a:after {
    display: none !important;
}

body:not(.woocommerce-page) .entry-portfolio.product .entry-title {
    position: absolute !important;
    bottom: 0;
}

body:not(.woocommerce-page) .entry-portfolio.product a:after, div.quantity.hidden {
    display: none;
}

.single-product div.product form.cart .apple-pay-button {
    height: 54px !important;
}

.single-product div.product form.cart .apple-pay-button-wrapper {
    display: block !important;
    float: left;
}

.wc-proceed-to-checkout .apple-pay-button-wrapper, .apple-pay-button-checkout-separator {
    width: 200px !important;
}

.woocommerce-checkout .apple-pay-button-checkout-separator {
    float: none !important;
    width: 200px;
    margin: 0 auto 40px;
}

@supports (-webkit-appearance: -apple-pay-button) {
    .woocommerce-checkout .apple-pay-button-checkout-separator {
        display: block;
    }

    .single-product div.product form.cart .quantity {
        margin-bottom: 10px !important;
    }
}

/*@media all and (max-width: 1024px) { .parallax-bg:before, .parallax-bg { background-position: center !important; background-attachment: scroll; } }*/
.page-template-template-cover {
    overflow: hidden !important;
}

.page-template-template-cover #content {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    display: flex;
    transition: left 400ms cubic-bezier(0.23, 1, 0.32, 1), top 470ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 470ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.page-template-template-cover #site.out #content {
    opacity: 0;
    top: -50px;
}

.page-template-template-cover .site-footer {
    display: none !important;
}

.page-template-template-cover.cart-opened #content {
    left: -200px;
}

.page-template-template-cover .covers {
    width: 100%;
}

.page-template-template-cover .covers-title {
    font-size: 1.3125rem;
    line-height: 1.1;
    margin-bottom: 20px;
    position: relative;
    z-index: 999;
}

.page-template-template-cover .covers-holder {
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.page-template-template-cover .covers-holder.hover h3, .page-template-template-cover .covers-holder.hover #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .covers-holder.hover #submit {
    opacity: .15;
}

.page-template-template-cover .covers.style--Full .covers-holder {
    align-items: flex-start;
}

.page-template-template-cover .cover-item {
    padding: 12px 0;
}

.page-template-template-cover .cover-item h3, .page-template-template-cover .cover-item #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .cover-item #submit {
    font-size: 2.8125rem;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
    transition: opacity 300ms linear;
    line-height: 1;
}

.page-template-template-cover .cover-item.hover h3, .page-template-template-cover .cover-item.hover #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .cover-item.hover #submit {
    opacity: 1 !important;
}

.page-template-template-cover .cover-item + .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 300ms linear;
    z-index: -1;
}

.page-template-template-cover .cover-item.hover + .bg {
    opacity: .75;
}

.page-template-template-cover .covers-cta {
    position: absolute;
    bottom: 80px;
    z-index: 99;
}

.page-template-template-cover .covers-cta .covers-title {
    margin-bottom: 0;
}

@media screen and (min-width: 1366px) {
    .page-template-template-cover .covers.style--Full ~ .covers-cta {
        left: 50%;
        margin-left: -720px;
    }
}

@media screen and (max-width: 769px) {
    .page-template-template-cover .covers-title {
        font-size: 1rem;
    }

    .page-template-template-cover .cover-item h3, .page-template-template-cover .cover-item #respond .form-submit #submit, #respond .form-submit .page-template-template-cover .cover-item #submit {
        font-size: 1.9375rem;
    }

    .page-template-template-cover .covers-cta {
        bottom: 40px;
    }

    .page-template-template-cover .covers.style--Split .covers-holder {
        align-items: flex-start;
    }
}

@media screen and (min-width: 770px) {
    .page-template-template-cover .covers.style--Split {
        width: 50%;
        margin: auto 0;
        padding: 0 10% 0 0;
        text-align: right;
    }

    .page-template-template-cover .covers.style--Split:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, 0.15);
        z-index: -1;
    }

    .page-template-template-cover .covers.style--Split .cover-item + .bg {
        display: none !important;
    }

    .page-template-template-cover .covers.style--Split ~ .covers-cta {
        width: 50%;
        margin: auto 0;
        padding-right: 10%;
        text-align: right;
    }
}

.page-template-template-cover .bg-split-object {
    position: fixed;
    top: 25%;
    left: 45%;
    width: 50%;
    height: 60vh;
    overflow: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: all 200ms linear;
}

@media screen and (max-width: 769px) {
    .page-template-template-cover .bg-split-object {
        display: none !important;
    }
}

.page-template-template-cover .bg-split-object .bg-split-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.page-template-template-cover .bg-split-object .bg {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page-template-template-cover .covers-holder.hover + .bg-split-object {
    opacity: 1;
    transform: translateY(0);
}

.covers-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: all 200ms linear;
}

.covers-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 9;
    margin: 0;
    max-width: none;
    vertical-align: middle;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.covers-background .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 770px) {
    .covers.style--Split ~ .covers-background:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, 0.15);
        z-index: 1;
    }
}

.shop_table .tax-rate td {
    display: inline-block;
    float: none;
}

​.shop_table .tax-rate th {
    display: inline-block;
}

.prlxd {
    overflow: hidden;
}

.prlx {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw + 50px);
    height: 100vh;
    background-image: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 25%;
    transform: translateY(0);
    z-index: -1;
}

.woocommerce-MyAccount-content form .checkbox .required {
    position: relative;
    top: 0;
    right: -10px;
}

p > a.fancybox {
    width: 100%;
}

.fancybox:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* .fancybox-controls { bottom: 0; top: auto; }*/
.portfolio-grid {
    overflow: hidden;
}

.woocommerce-mini-cart__empty-message {
    display: none;
}

#move-this-block .checkout_coupon {
    display: block !important;
    height: auto !important;
}

#move-this-block .woocommerce-error {
    margin-left: 0;
}

.wc-terms-and-conditions {
    margin-left: -25px;
    margin-bottom: 45px !important;
}

.woocommerce-form__label-for-checkbox span {
    display: inline-block;
}

.cart-discount td a {
    font-weight: normal;
    margin-left: 15px;
}

.cart-discount td {
    display: table;
    height: auto;
    font-weight: bold;
}

.cart-discount th {
    display: table;
}

/*

// Alternate covers feature

.covers-alt {

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  .cover-item {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: none;

  }

  .cover-image {

    width: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1.0);

    img {
      opacity: .75;
      transition: all 250ms linear;
    }

  }

  // "pre" animate functions

  .cover-item.pre-down {
    
    .cover-image {
      transform: translate3d(-50%, -10%, 0) scale(0.7);
      opacity: 0;
      visibility: hidden;
    }
    .cover-title {
      transform: translateY(20%) scale(0.7);
      opacity: 0;
      visibility: hidden;
    }

  }

  // animate functions

  .cover-item.out {

    .cover-image {
      animation: cover-alt-image-out .5s 1 forwards $easeInOutQuad;
    }
    .cover-title {
      animation: cover-alt-title-out .4s 1 forwards $easeInOutQuad;
    }

  }

  .cover-item.in {

    .cover-image {
      animation: cover-alt-image-in .5s .2s 1 forwards $easeInOutQuad;
    }
    .cover-title {
      animation: cover-alt-title-in .5s .3s 1 forwards $easeInOutQuad;
    }

  }

  .cover-title {

    position: relative;
    z-index: 9;
    width: 100%;
    text-align: center;
    justify-content: center;

    h3 {
      font-size: 15vmin;
      font-weight: bold;
      margin-bottom: 25px;
      transition: all 200ms linear;
    }

    span {
      font-size: rem(24px);
      position: relative;
      top: 0;
      opacity: .15;
      transition: all 300ms linear;
    }

    &:hover {

      h3 {
        transform: scale(1.2);
      }
      span {
        top: -25px;
        opacity: 1;
      }
      + .cover-image img {
        transform: scale(1.1);
        opacity: .9;
      }

    }

  }

}

.cover-control {
  z-index: 9999;
  position: relative;
}

@keyframes cover-alt-image-out {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(1.0);
    opacity: 1;
    visibility: visible;
  }
  25% {
    transform: translate3d(-50%, -50%, 0) scale(1.1);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate3d(-50%, -90%, 0) scale(0.7);
    opacity: 0;
    visibility: hidden;
  }
}


@keyframes cover-alt-image-in {
  0% {
    transform: translate3d(-50%, -10%, 0) scale(0.7);
    opacity: 0;
    visibility: hidden;
  }
  75% {
    transform: translate3d(-50%, -50%, 0) scale(1.1);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1.0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes cover-alt-title-out {
  0% {
    transform: translateY(0%) scale(1.0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translateY(-20%) scale(0.7);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes cover-alt-title-in {
  0% {
    transform: translateY(20%) scale(0.8);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translateY(0%) scale(1.0);
    opacity: 1;
    visibility: visible;
  }
}

.page-template-template-cover-alternate {
  #site-footer {
    position: absolute;
  }
}

.cover-control {

  z-index: 9999;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  display: inline-block;
  width: 0;

  li {

    width: 15px;
    height: 15px;
    font-size: 0;
    background: #fff;
    border-radius: 100%;
    opacity: .15;
    margin: 12px 0;
    cursor: pointer;
    transition: opacity 200ms linear;

    &:hover {
      opacity: .5;
    }
    &.active {
      opacity: 1;
    }

  }

}

*/
.screen-reader-text {
    visibility: hidden;
    display: none;
}

.woocommerce-billing-fields.grid .grid.grid__item:first-of-type {
    margin-bottom: 30px;
}

.m-license-tips-overlay {
    position: fixed;
    z-index: 99999998;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .95);
}

.m-license-tips {
    position: fixed;
    z-index: 99999999;
    padding: 20px;
    width: 100%;
    font-size: .875rem;
    font-weight: bold;
    text-align: center;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: #ff3b30;
}

.post-tags,
.post-tags-woo {
    margin: 40px 0 20px;
    font-size: 0.875rem;
}

.post-tags p a {
    margin: 5px 5px 0 0;
    padding: 6px 15px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.post-tags p a:after {
    display: none !important;
}

.m-archive-header {
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.m-archive-header h3 {
    font-size: 2rem;
    margin-bottom: 0;
    line-height: normal;
}

.m-archive-header h3 span.title {
    display: inline-block;
    -khtml-opacity: .4;
    -moz-opacity: .4;
    -o-opacity: .4;
    opacity: .4;
}

.m-related-article {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.m-related-article a {
    display: block;
    padding: 2px;
}

.m-related-article .m-related-image {
    float: left;
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.m-related-article .m-related-description {
    margin-left: 120px;
}

.m-related-article .m-related-description h2 {
    font-size: 1.25rem;
    margin-bottom: 35px;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.m-related-article .m-related-description time {
    display: block;
    font-size: .75rem;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -o-opacity: .5;
    opacity: .5;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.m-related-article .m-related-description p {
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-size: .875rem;
    margin-bottom: 0;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -o-opacity: .5;
    opacity: .5;
    margin-bottom: 5px;
}

@media screen and (max-width: 414px) {
    .m-archive-header h3 {
        font-size: 1.75rem;
    }

    .m-related-article .m-related-image {
        width: 80px;
        height: 80px;
    }

    .m-related-article .m-related-description {
        margin-left: 100px;
    }

    .m-related-article .m-related-description h2 {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

.has-hamburger-menu-disabled #site-overlay {
    display: none;
}

.has-hamburger-menu-disabled.kill-overflow {
    position: static;
    height: auto;
}

.has-hamburger-menu-enabled #site-overlay {
    display: block;
}

@media screen and (max-width: 1290px) {
    .has-hamburger-menu-disabled #site-overlay {
        display: block;
    }
    .has-hamburger-menu-disabled.kill-overflow {
        position: fixed;
        height: 100%;
    }
}

/*Search wrapper start*/
.m-search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .5);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.m-search-wrapper-opened .m-search-overlay {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.m-search-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1366px;
    padding: 0;
    z-index: 10000;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform .8s cubic-bezier(.85,0,.15,1),visibility .8s linear;
    -moz-transition: transform .8s cubic-bezier(.85,0,.15,1),visibility .8s linear;
    -o-transition: transform .8s cubic-bezier(.85,0,.15,1),visibility .8s linear;
    transition: transform .8s cubic-bezier(.85,0,.15,1),visibility .8s linear;
}

@media screen and (max-width: 1640px) {
    .m-search-wrapper {
        padding: 0 100px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 769px) {
    .m-search-wrapper {
        padding: 0 65px;
    } 
}

@media screen and (max-width: 769px) and (min-width: 480px) {
    .m-search-wrapper {
        padding: 0 40px;
    }
}

@media screen and (max-width: 480px) {
    .m-search-wrapper {
        padding: 0 30px;
    }
}

.m-search-wrapper-opened .m-search-wrapper {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.m-search-wrapper .m-search-box {
    position: relative;
    background-color: #fff;
    margin: 20px 0;
    padding: 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
}

.m-search-wrapper .m-search-box .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    width: 30px;
    height: 30px;
}

.m-search-wrapper .m-search-box .search-icon:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: solid 2px #999;
}

.m-search-wrapper .m-search-box .search-icon:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 6px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg) translate(1px, 8px);
    -moz-transform: rotate(-45deg) translate(1px, 8px);
    -o-transform: rotate(-45deg) translate(1px, 8px);
    transform: rotate(-45deg) translate(1px, 8px);
}

.m-search-wrapper #searchform {
    margin: 0 40px;
}

.m-search-wrapper #searchform input {
    background-color: transparent;
    font-size: .875rem;
    color: #333;
    max-width: 1366px;
    border: none;
    padding: 20px 0;
}

.m-search-wrapper #searchform input::placeholder {
    color: #999;
    opacity: 1;
}

.m-search-wrapper #searchform input:-ms-input-placeholder {
    color: #999;
}

.m-search-wrapper #searchform input::-ms-input-placeholder {
    color: #999;
}

.m-search-wrapper .m-search-box .close-icon {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.m-search-wrapper .m-search-box .close-icon:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 16px;
    height: 2px;
    background-color: #999;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-search-wrapper .m-search-box .close-icon:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 16px;
    background-color: #999;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*Search wrapper end*/

/*Portfolio filters start*/

.m-portfolio-filters-wrapper {
    margin-bottom: 40px;
}

.m-portfolio-filters-wrapper #portfolio-filters {
    height: 40px;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 5%,rgba(0,0,0,1) 9%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 74%,rgba(0,0,0,1) 85%,rgba(0,0,0,0.8) 95%,rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 5%, rgba(0,0,0,1) 9%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 74%, rgba(0,0,0,1) 85%, rgba(0,0,0,0.8) 95%, rgba(0,0,0,0) 100%);
}

.m-portfolio-filters-wrapper #portfolio-filters ul {
    max-width: 1366px;
    list-style-type: none;
    display: flex;
    overflow-x: scroll;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li {
    margin: 0 10px;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li:first-child {
    margin: 0 10px 0 0;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li:last-child {
    margin: 0 0 0 10px;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li a {
    padding: 10px;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li a:hover {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

@media screen and (max-width: 1640px) {
    .m-portfolio-filters-wrapper #portfolio-filters ul li:first-child a {
        padding: 10px 10px 10px 100px;
    }

    .m-portfolio-filters-wrapper #portfolio-filters ul li:last-child a {
        padding: 10px 100px 10px 10px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 769px) {
    .m-portfolio-filters-wrapper #portfolio-filters ul li:first-child a {
        padding: 10px 10px 10px 65px;
    }

    .m-portfolio-filters-wrapper #portfolio-filters ul li:last-child a {
        padding: 10px 65px 10px 10px;
    }
}

@media screen and (max-width: 769px) and (min-width: 480px) {
    .m-portfolio-filters-wrapper #portfolio-filters ul li:first-child a {
        padding: 10px 10px 10px 40px;
    }

    .m-portfolio-filters-wrapper #portfolio-filters ul li:last-child a {
        padding: 10px 40px 10px 10px;
    }
}

@media screen and (max-width: 480px) {
    .m-portfolio-filters-wrapper #portfolio-filters ul li:first-child a {
        padding: 10px 10px 10px 30px;
    }

    .m-portfolio-filters-wrapper #portfolio-filters ul li:last-child a {
        padding: 10px 30px 10px 10px;
    }
}

.m-portfolio-filters-wrapper #portfolio-filters ul li a .name {
    position: relative;
    font-size: .875rem;
    text-transform: capitalize;
    font-weight: bold;
    white-space: nowrap;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li a .name .no {
    position: absolute;
    top: -10px;
    right: -20px;
    min-width: 24px;
    min-height: 24px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    font-size: .75rem;
    font-weight: normal;
    line-height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    text-shadow: none;
}

.m-portfolio-filters-wrapper #portfolio-filters ul li a.selected {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
/*Portfolio filters end*/

/*Quick button start*/
.m-qucik-button {
    display: flex;
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: 0;
    padding: 5px 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    -webkit-transition: transform .7s cubic-bezier(.19, 1.5, .48, 1), visibility .7s;
    -moz-transition: transform .7s cubic-bezier(.19, 1.5, .48, 1), visibility .7s;
    -o-transition: transform .7s cubic-bezier(.19, 1.5, .48, 1), visibility .7s;
    transition: transform .7s cubic-bezier(.19, 1.5, .48, 1), visibility .7s;
}

.m-qucik-button.opened {
    visibility: visible;
    -webkit-transform: translate(-50%, -30px);
    -moz-transform: translate(-50%, -30px);
    -o-transform: translate(-50%, -30px);
    transform: translate(-50%, -30px);
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.m-qucik-button .button {
    position: relative;
    margin-left: 20px;
    padding: 12px 10px 12px 10px;
    font-size: .875rem;
    line-height: 1;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

.m-qucik-button .button.sidebar:before {
    position: absolute;
    content: "";
    top: -8px;
    bottom: 0;
    left: -15px;
    margin: auto;
    width: 16px;
    height: 2px;
}

.m-qucik-button .button.sidebar:after {
    position: absolute;
    content: "";
    top: 8px;
    bottom: 0;
    left: -15px;
    margin: auto;
    width: 8px;
    height: 2px;
}

.m-qucik-button .button.close:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    width: 18px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-qucik-button .button.close:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -7px;
    margin: auto;
    width: 2px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-qucik-button .button.comments:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -15px;
    margin: auto;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.m-qucik-button .button.comments:after {
    position: absolute;
    content: "";
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.m-qucik-button .button.comments .no {
    position: absolute;
    top: -10px;
    right: -25px;
    min-width: 24px;
    min-height: 24px;
    padding: 0 5px;
    text-align: center;
    font-size: .75rem;
    line-height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background-color: #ff3b30;
    color: #fff;
    font-weight: normal;
    border: solid 2px #f2f2f2;
}

.m-qucik-button .button.comments .no.disable {
    background-color: #999;
}

@media screen and (max-width: 320px) {
    .m-qucik-button .button {
        padding: 20px 20px 20px 30px;
        margin: 0;
    }

    .m-qucik-button .button.sidebar:before,
    .m-qucik-button .button.sidebar:after,
    .m-qucik-button .button.close:before,
    .m-qucik-button .button.close:after,
    .m-qucik-button .button.comments:before,
    .m-qucik-button .button.comments:after {
        left: 0;
        right: 0;
    }

    .m-qucik-button .button.sidebar:after {
        left: -8px;
    }

    .m-qucik-button .button label {
        display: none;
    }
}
/*Quick button end*/

/*Comments satrt*/
.m-comments-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .5);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    cursor: pointer;
}

.m-comments-overlay.opened {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}


@media screen and (max-width: 600px) {
    .m-comments-overlay {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }
}

.m-comments-wrapper {
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    height: 100%;
    background-color: #f2f2f2;
    color: #333 !important;
    z-index: 10001;
    -webkit-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -moz-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -o-transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    transition: transform .8s cubic-bezier(.85, 0, .15, 1), visibility .8s linear;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.m-comments-wrapper a {
    color: #0070c9 !important;
}

.m-comments-wrapper.opened {
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media screen and (max-width: 600px) {
    .m-comments-wrapper {
        width: 100%;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    .m-comments-wrapper.opened {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.m-comments-header {
    background-color: #fff;
    padding: 0 20px;
    border-bottom: solid 1px #e5e5e5
}

.m-comments-header .m-comments-title {
    position: relative;
}

.m-comments-header .m-comments-title .close {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.m-comments-header .m-comments-title .close:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-comments-header .m-comments-title .close:after {
    position: absolute;
    content: "";
    left: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 18px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-comments-header .m-comments-title h3 {
    text-align: center;
    padding: 20px 0;
    font-size: 1.125rem;
    line-height: 18px;
    color: #333;
}

#respond form {
    position: relative;
    border: none;
    overflow: hidden;
}

#respond form .form-comment,
#respond form .form-author,
#respond form .form-email,
#respond form .form-website {
    border-bottom: solid 1px #333;
    margin-bottom: 20px;
}

#respond form .form-author,
#respond form .form-email {
    display: inline-block;
    width: calc(50% - 5px);
    float: left;
    margin-bottom: 0;
}

#respond form .form-website {
    display: inline-block;
    width: 100%;
    float: left;
}

#respond form .form-email {
    float: right;
}

#respond form input,
#respond form textarea {
    background-color: transparent;
    width: 100%;
    margin: 0;
    font-size: .875rem;
    color: #333 !important;
    font-weight: normal;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    top: 0;
    left: 0;
    line-height: normal;
    padding: 0;
    height: auto;
}

#respond form input::placeholder,
#respond form textarea::placeholder {
    color: #999 !important;
    font-weight: normal;
    opacity: 1;
}

#respond form input:-ms-input-placeholder,
#respond form textarea:-ms-input-placeholder {
    color: #999 !important;
    font-weight: normal;
}

#respond form input::-ms-input-placeholder,
#respond form textarea::-ms-input-placeholder {
    color: #999 !important;
    font-weight: normal;
}

#respond form .form-comment textarea {
    height: 100px;
}

#respond form .form-author input,
#respond form .form-email input,
#respond form .form-website input {
    padding: 20px 0;
}

#respond form .form-submit #submit {
    position: relative;
    background: transparent;
    background-color: #333;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 8px 40px;
    margin: 0 auto;
    display: table;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #fff !important;
    font-size: .875rem;
    font-weight: bold;
}

#respond form .form-submit {
    margin-bottom: 20px;
}

#respond form .form-submit #submit:hover {
    background-color: rgba(51, 51, 51, .8);
}

.m-comments-content {
    overflow-y: scroll;
    height: calc(100% - 59px);
}

.m-comments-content #comments-list {
    padding: 0;
}

.m-comments-content #comments-list li {
    margin-bottom: 8px;
    padding: 20px 20px 0 20px !important;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.m-comments-content #comments-list li > ol.children {
    margin-top: 0 !important;
}

.m-comments-content #comments-list li > ol.children li {
    background-color: transparent;
    padding: 0 !important;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.m-comments-content .m-comments-box {
    background-color: #fff;
}

.m-comments-content .m-comments-box p {
    padding: 0 20px 20px 20px;
    text-align: center;
    line-height: normal;
    font-size: .875rem;
    color: #333;
    font-weight: bold;
}

.m-comments-content .m-comments-box .comment-respond {
    margin: 0 20px;
}

.m-comments-content #comments-list {
    padding: 20px;
}

.m-comments-content #comments-list #comments-list {
    padding: 0;
}

.m-comments-content #comments-list article {
    margin-bottom: 10px;
    border-bottom: solid 1px #e5e5e5;
}

.m-comments-content #comments-list li article:last-child {
    margin-bottom: 0;
    border: none;
}

.m-comments-content .no-comments {
    padding: 20px;
    text-align: center;
    font-size: .875rem;
    line-height: normal;
    margin-bottom: 20px;
    font-weight: bold;
    color: #999;
}

.m-comments-content .comment-reply-link,
.m-comments-content .comment-reply-login {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 5px 15px;
    background-color: #e5e5e5;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    color: #777 !important;
    font-size: .75rem;
    text-transform: capitalize;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-comments-content .comment-reply-link:hover,
.m-comments-content .comment-reply-login:hover {
    color: #fff !important;
    background-color: #333;
}

.m-comments-content .comment-reply-link:after,
.m-comments-content .comment-reply-login:after {
    display: none;
}

.m-comments-content #comments-list .comment-respond {
    position: relative;
    padding: 10px 20px 0 20px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.m-comments-content #comments-list .comment-respond:before {
    position: absolute;
    content: "";
    top: -5px;
    left: 20px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-comments-content #comments-list ol.children .comment-respond {
    padding: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top: solid 1px #e5e5e5;
}

.m-comments-content #comments-list ol.children .comment-respond:before {
    display: none;
}

#comments-list .comment-meta .comment-title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 70px);
}

#comments-list .comment-meta .comment-title:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 100%;
  bottom: 0;
  right: 0;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

#respond h3 small {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#respond h3 small a {
    color: #fff !important;
    font-size: .75rem;
    line-height: normal;
    font-weight: normal;
    padding: 5px 15px;
    background-color: #ff3b30;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
}

.m-comments-box #reply-title {
    display: none;
}

#comments-list .comment-text img {
    border: solid 1px #e5e5e5;
    max-width: 100%;
    height: auto !important; 
}

#respond .must-log-in {
    margin: 0;
    text-align: center;
    font-size: .875rem;
    font-weight: bold;
    line-height: normal;
    padding: 20px;
}

#respond .must-log-in a {
    color: #fff !important;
    font-size: .875rem;
    line-height: normal;
    font-weight: bold;
    padding: 5px 15px;
    background-color: #333;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0 10px;
}

.m-comments-wrapper .nav-links {
    display: table;
    margin: 20px auto;
}

.m-comments-wrapper .nav-links .nav-previous,
.m-comments-wrapper .nav-links .nav-next {
    display: inline-block;
    margin: 0 10px;
}

.m-comments-wrapper .nav-links a {
    padding: 10px 20px;
    background-color: #333;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    color: #fff !important;
    font-size: .75rem;
    line-height: normal;
    font-weight: bold;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.m-comments-wrapper .nav-links a:hover {
    background-color: rgba(51, 51, 51, .5);
}

#comment-nav-above .nav-links {
    margin: 20px auto 0 auto;
}

#comment-nav-below .nav-links {
    margin: 0 auto 40px auto;
}
/*Comments end*/

/*Single post navigation start*/
.m-post-navigation-wrapper {
    margin: 0;
    overflow: hidden;
}

.m-post-navigation-wrapper .navigation-box {
    overflow: hidden;
}

.m-post-navigation-wrapper .title {
    text-align: center;
    font-size: 1.125rem;
    color: currentColor;
    line-height: normal;
    margin: 20px 0 40px 0;
    text-transform: uppercase;
}

.m-post-navigation-wrapper .navigation-box a {
    position: relative;
    overflow: hidden;
    width: calc(50% - 10px);
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.m-post-navigation-wrapper .navigation-box a:first-child {
    margin-right: 10px 
}

.m-post-navigation-wrapper .navigation-box a:last-child {
    margin-left: 10px 
}

.m-post-navigation-wrapper .post-cover {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.m-post-navigation-wrapper .post-info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-post-navigation-wrapper .post-info .post-info-box {
    position: absolute;
    padding: 20px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-post-navigation-wrapper .post-info .post-nav {
    margin: 0;
    font-size: 1.75rem;
    line-height: normal;
    text-transform: uppercase;
}

.m-post-navigation-wrapper .post-info .post-title {
    overflow: hidden;
    margin: 0;
    font-size: 1.5rem;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}

.m-post-navigation-wrapper .post-info .post-date {
    font-size: .875rem;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

@media screen and (max-width: 1024px) {
    .m-post-navigation-wrapper .post-info .post-nav {
        font-size: 1.25rem;
    }

    .m-post-navigation-wrapper .post-info .post-title {
        font-size: 1.125rem;
    }

    .m-post-navigation-wrapper .post-info .post-date {
        font-size: .875rem;
    }
}

@media screen and (max-width: 768px) {
    .m-post-navigation-wrapper .post-info .post-nav {
        font-size: 1.125rem;
    }

    .m-post-navigation-wrapper .post-info .post-title {
        font-size: .875rem;
    }

    .m-post-navigation-wrapper .post-info .post-date {
        font-size: .75rem;
    }
}

@media screen and (max-width: 414px) {
    .m-post-navigation-wrapper .navigation-box a {
        width: 100%;
        margin: 0 !important;
    }

    .m-post-navigation-wrapper .navigation-box a:first-child {
        margin-bottom: 20px !important; 
    }
}

@media screen and (max-width: 320px) {
    .m-post-navigation-wrapper .post-info .post-nav {
        font-size: 1rem;
    }

    .m-post-navigation-wrapper .post-info .post-title {
        font-size: .75rem;
    }

    .m-post-navigation-wrapper .post-info .post-date {
        font-size: .75rem;
    }
}

.m-post-navigation-wrapper.no-prev .navigation-box .next,
.m-post-navigation-wrapper.no-next .navigation-box .prev {
    width: 100%;
    float: none;
    margin: 0 !important;
}

.m-post-navigation-wrapper.no-prev .navigation-box .next .post-cover,
.m-post-navigation-wrapper.no-next .navigation-box .prev .post-cover {
    padding-top: 20%;
}

@media screen and (max-width: 600px) {
    .m-post-navigation-wrapper.no-prev .navigation-box .next .post-cover,
    .m-post-navigation-wrapper.no-next .navigation-box .prev .post-cover {
        padding-top: 50%;
    }
}
/*Single post navigation end*/

/*Post pagination start*/
.m-post-pagination-wrapper {
    margin: 60px 0 0 0;
    text-align: center;
}

body.blog .m-post-pagination-wrapper,
.page-template-template-portfolio .m-post-pagination-wrapper  {
    margin: 60px 0 0 30px;
}

.m-post-pagination-wrapper .m-post-pagination-box a {
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

.m-post-pagination-wrapper .m-post-pagination-box a[href] {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-post-pagination-wrapper .m-post-pagination-box a[href]:hover {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
}

.m-post-pagination-wrapper .m-post-pagination-box a.prev {
    margin-right: 40px;
}

.m-post-pagination-wrapper .m-post-pagination-box a.next {
    margin-left: 40px;
}

.m-post-pagination-wrapper .m-post-pagination-box a.prev:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px;
}

.m-post-pagination-wrapper .m-post-pagination-box a.next:before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: -5px;
}

.m-post-pagination-wrapper .m-post-pagination-box a.prev:before,
.m-post-pagination-wrapper .m-post-pagination-box a.next:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/*Post pagination end*/

/*Friendly link start*/
.m-friendly-link-wrapper {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.m-friendly-link-wrapper li {
    padding: 10px;
    width: 20%;
    margin: 0;
}

.m-friendly-link-wrapper li a {
    width: 100%;
    position: relative;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-friendly-link-wrapper li a:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.m-friendly-link-wrapper li a .m-avatar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto !important;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.m-friendly-link-wrapper li a .m-info {
    margin-left: 50px;
}

.m-friendly-link-wrapper li a .m-info.m-no-description {
    padding: 10px 0;
}

.m-friendly-link-wrapper li a .m-info .m-name {
    font-size: .875rem;
    line-height: 20px;
    font-weight: normal;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.m-friendly-link-wrapper li a .m-info .m-description {
    font-size: .75rem;
    line-height: 20px;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .m-friendly-link-wrapper li {
        width: 25%;
    }
}

@media screen and (max-width: 820px) {
    .m-friendly-link-wrapper li {
        width: 33.3333333%;
    }
}

@media screen and (max-width: 600px) {
    .m-friendly-link-wrapper li {
        width: 50%;
    }
}

@media screen and (max-width: 414px) {
    .m-friendly-link-wrapper li a .m-avatar {
        width: 35px;
        height: 35px;
    }

    .m-friendly-link-wrapper li a .m-info {
        margin-left: 45px;
    }
}

@media screen and (max-width: 320px) {
    .m-friendly-link-wrapper li {
        width: 100%;
    }
}
/*Friendly link end*/

/*Sidebar satrt*/
.m-site-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    cursor: pointer;
}

.m-site-sidebar-overlay.opened {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

@media screen and (max-width: 600px) {
	.m-site-sidebar-overlay {
	    -webkit-transition-delay: 0s;
	    -moz-transition-delay: 0s;
	    -o-transition-delay: 0s;
	    transition-delay: 0s;
	}
}

.m-site-sidebar-header {
    padding: 0 20px;
}

.m-site-sidebar-header .m-site-sidebar-title {
    position: relative;
}

.m-site-sidebar-header .m-site-sidebar-title .close {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.m-site-sidebar-header .m-site-sidebar-title .close:before {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-site-sidebar-header .m-site-sidebar-title .close:after {
    position: absolute;
    content: "";
    left: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-site-sidebar-header .m-site-sidebar-title h3 {
    text-align: center;
    padding: 20px 0;
    font-size: 1.125rem;
    line-height: 18px;
}
/*Sidebar end*/

/*Footer start*/
#site-footer #site-share {
	text-align: center;
}

#site-footer #site-share .site-share:first-child {
	display: none;
}

.m-footer-wrapper {
	text-align: center;
	font-size: .75rem;
	-khtml-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
}

.m-footer-wrapper .copyright,
.m-footer-wrapper .policy-info,
.m-footer-wrapper .extra-content {
	margin-bottom: 10px;
}
/*Footer end*/

/*Header start*/

.hero-header .m-hero-video-wrapper {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.hero-header .carousel-cell .m-hero-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-header .carousel-cell .m-hero-video-wrapper video[poster] {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
}

.m-responsive-search:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: solid 2px currentColor;
}

.m-responsive-search:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 6px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: currentColor;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg) translate(1px, 8px);
    -moz-transform: rotate(-45deg) translate(1px, 8px);
    -o-transform: rotate(-45deg) translate(1px, 8px);
    transform: rotate(-45deg) translate(1px, 8px);
}

.m-slide-info-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    z-index: 0;
    /*-khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;*/
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

/*.hero-header:not(.active)  .m-slide-info-wrapper {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}*/

.hero-header.single-hero:not(.active) .m-slide-info-wrapper {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.hero-header.active .m-slide-info-wrapper {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.m-slide-info-wrapper .caption {
    font-size: 3rem;
    margin: 0 0 20px 0;
    line-height: normal;
}

.m-slide-info-wrapper .description {
    font-size: 1.5rem;
    margin: 0 0 20px 0;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .m-slide-info-wrapper .caption {
        font-size: 3rem;
        margin: 0 0 20px 0;
        line-height: normal;
    }
}

@media screen and (max-width: 414px) {
    .m-slide-info-wrapper .caption {
        font-size: 2rem;
        margin: 0 0 10px 0;
    }

    .m-slide-info-wrapper .description {
        font-size: 1rem;
        margin: 0 0 10px 0;
    }
}

@media screen and (max-width: 375px) {
    .m-slide-info-wrapper .caption {
        font-size: 1.5rem;
    }

    .m-slide-info-wrapper .description {
        font-size: .875rem;
    }
}

@media screen and (max-width: 320px) {
    .m-slide-info-wrapper .caption {
        font-size: 1.25rem;
        margin: 0 0 5px 0;
    }

    .m-slide-info-wrapper .description {
        font-size: .875rem;
        margin: 0 0 5px 0;
    }
}

.hero-header .m-hero-header-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1; 
}

.hero-header .media + .m-slide-info-wrapper + .m-hero-header-loading:before,
.hero-header .media + .m-hero-header-loading:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    z-index: 1000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: loading .6s infinite linear;
    -moz-animation: loading .6s infinite linear;
    -o-animation: loading .6s infinite linear;
    animation: loading .6s infinite linear;
}

.hero-header .media.flickity-bg-lazyloaded + .m-slide-info-wrapper + .m-hero-header-loading:before,
.hero-header .media.flickity-bg-lazyloaded + .m-hero-header-loading:before {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.hero-header .media.flickity-bg-lazyloaded + .m-slide-info-wrapper + .m-hero-header-loading,
.hero-header.active .media + .m-slide-info-wrapper + .m-hero-header-loading,
.hero-header .media.flickity-bg-lazyloaded + .m-hero-header-loading,
.hero-header.active .media + .m-hero-header-loading {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

/*.hero-header:not(.active) .media + .m-slide-info-wrapper {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.hero-header:not(.active) .carousel-cell.is-selected .media.flickity-bg-lazyloaded + .m-slide-info-wrapper,
.hero-header:not(.active) .carousel-cell.is-selected .m-hero-video-wrapper + .m-slide-info-wrapper,
.hero-header.single-hero:not(.active) .media + .m-slide-info-wrapper {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}*/

.hero-header.single-hero .media.flickity-bg-lazyloaded {
	-khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

/*.hero-header .carousel-cell.is-selected .media.flickity-bg-lazyloaded,
.hero-header.single-hero .media.flickity-bg-lazyloaded.active {
	-webkit-animation: slideScale 30s;
    -moz-animation: slideScale 30s;
    -o-animation: slideScale 30s;
    animation: slideScale 30s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideScale {
	from {
		-webkit-transform: scale(1);
	}

	to {
		-webkit-transform: scale(1.2);
	}
}

@-moz-keyframes slideScale {
	from {
		-moz-transform: scale(1);
	}

	to {
		-moz-transform: scale(1.2);
	}
}

@-o-keyframes slideScale {
	from {
		-o-transform: scale(1);
	}

	to {
		-o-transform: scale(1.2);
	}
}

@keyframes slideScale {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.2);
	}
}*/
/*Header end*/

/*Button start*/
a.m-normal-button {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    font-size: .875rem;
    padding: 10px 20px;
    margin-bottom: 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

a.m-normal-button:hover {
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}
/*Button end*/

/*Homepage recent post start*/
.m-home-recent-post-wrapper {
    max-width: 906px;
    margin: 0 auto;
}

.m-home-recent-post-header {
    width: 100%;
    display: table;
    overflow: hidden;
    margin-bottom: 10px;
}

.m-home-recent-post-header .m-home-recent-post-title {
    width: 70%;
    font-size: 1.125rem;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
}

.m-home-recent-post-header .m-see-all-button {
    position: relative;
    padding: 10px 20px 10px 30px;
    font-size: .875rem;
    font-weight: bold;
    line-height: normal;
	color: currentColor !important;
    float: right;
    white-space: nowrap;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-home-recent-post-header .m-see-all-button:hover {
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.m-home-recent-post-header .m-see-all-button:after {
    display: none;
}

.m-home-recent-post-header .m-see-all-button span {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
}

.m-home-recent-post-header .m-see-all-button span:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    bottom: 0;
    margin: auto;
    content: "";
    width: 10px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-home-recent-post-header .m-see-all-button span:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    bottom: 0;
    margin: auto;
    content: "";
    width: 10px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.m-home-recent-post-carousel {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
}

.m-home-recent-post-carousel .m-recent-item {
	width: 280px;
    padding: 60px 28px 30px 28px;
    margin: 0 15px 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

/*.m-home-recent-post-carousel .m-recent-item:hover {
    border: 1px solid #F6D409;
}*/

.m-home-recent-post-carousel .m-recent-image-wrapper {
    position: relative;
    overflow: hidden;
}

.m-home-recent-post-carousel .flickity-viewport {
	margin: 0 -6px;
}

.m-home-recent-post-carousel .m-recent-item .m-recent-caption {
	padding: 0;
}

.m-home-recent-post-carousel .m-recent-image-wrapper .m-recent-image-loading:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: loading .6s infinite linear;
    -moz-animation: loading .6s infinite linear;
    -o-animation: loading .6s infinite linear;
    animation: loading .6s infinite linear;
    border: solid 3px rgba(0, 0, 0, .3);
    border-top-color: #000;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    visibility: visible;
}

.m-home-recent-post-carousel .m-recent-image.flickity-bg-lazyloaded + .m-recent-image-loading:before {
    visibility: hidden;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused;
}

.m-home-recent-post-carousel .m-recent-image {
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.m-home-recent-post-carousel .m-recent-image.flickity-bg-lazyloaded {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.m-home-recent-post-carousel .m-recent-caption .m-target-link {
    display: none;
}

.m-home-recent-post-carousel .m-recent-caption h3 {
    font-size: 1.25rem;
    margin-bottom: 5px;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.m-home-recent-post-carousel .m-recent-caption h3.cn {
    font-size: .875rem;
    color: #9b9b9b;
}

.m-home-recent-post-carousel .m-recent-caption time {
    font-size: .75rem;
    line-height: normal;
    display: block;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
/*Homepage recent post end*/

/*No post start*/
.m-no-result {
    padding-right: 30px;
}
/*No post end*/

/*WeChat QR Code start*/
.m-wechat-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .8);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
}

.m-wechat-popup-overlay.opened {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.m-wechat-popup-wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 300px;
    padding: 20px;
    background-color: #fff;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -o-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    -webkit-transition: all .4s cubic-bezier(.19, 1.5, .48, 1), visibility .4s;
    -moz-transition: all .4s cubic-bezier(.19, 1.5, .48, 1), visibility .4s;
    -o-transition: all .4s cubic-bezier(.19, 1.5, .48, 1), visibility .4s;
    transition: all .4s cubic-bezier(.19, 1.5, .48, 1), visibility .4s;
    -webkit-box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 20px -12px rgba(0, 0, 0, .1);
    overflow: hidden;
    z-index: 10001;
}

.m-wechat-popup-wrapper.opened {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.m-wechat-popup-wrapper img {
    width: 100%;
    height: auto;
    border: none;
}

.m-wechat-popup-wrapper .title {
    display: block;
    font-size: .875rem;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin-top: 10px;
}

.touchevents .m-wechat-popup-wrapper .title.desktop,
.no-touchevents .m-wechat-popup-wrapper .title.mobile {
    display: none;
}

.touchevents .m-wechat-popup-wrapper .title.mobile,
.no-touchevents .m-wechat-popup-wrapper .title.desktop {
    display: block;
}
/*WeChat QR Code end*/