.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page #content div.product div.images {
    margin-bottom: 20px;
    float: none !important;
    width: 100% !important
}

.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page #content div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.woocommerce div.product div.images div.thumbnails,
.woocommerce-page div.product div.images div.thumbnails,
.woocommerce #content div.product div.images div.thumbnails,
.woocommerce-page #content div.product div.images div.thumbnails {
    padding-top: 10px;
    overflow: hidden
}

.woocommerce div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a,
.woocommerce #content div.product div.images div.thumbnails a,
.woocommerce-page #content div.product div.images div.thumbnails a {
    float: none;
    width: 100%;
    display: block;
    margin: 0;
    opacity: 0.8;
    position: relative
}

.woocommerce div.product div.images div.thumbnails a:hover,
.woocommerce-page div.product div.images div.thumbnails a:hover,
.woocommerce #content div.product div.images div.thumbnails a:hover,
.woocommerce-page #content div.product div.images div.thumbnails a:hover,
.woocommerce div.product div.images div.thumbnails a.uk-active,
.woocommerce-page div.product div.images div.thumbnails a.uk-active,
.woocommerce #content div.product div.images div.thumbnails a.uk-active,
.woocommerce-page #content div.product div.images div.thumbnails a.uk-active {
    opacity: 1
}

.woocommerce div.product div.images div.thumbnails a:after,
.woocommerce-page div.product div.images div.thumbnails a:after,
.woocommerce #content div.product div.images div.thumbnails a:after,
.woocommerce-page #content div.product div.images div.thumbnails a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #999;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease
}

.woocommerce div.product div.images div.thumbnails a.uk-active:after,
.woocommerce-page div.product div.images div.thumbnails a.uk-active:after,
.woocommerce #content div.product div.images div.thumbnails a.uk-active:after,
.woocommerce-page #content div.product div.images div.thumbnails a.uk-active:after {
    width: 100%
}

.woocommerce div.product div.images div.thumbnails .uk-slidenav-position,
.woocommerce-page div.product div.images div.thumbnails .uk-slidenav-position,
.woocommerce #content div.product div.images div.thumbnails .uk-slidenav-position,
.woocommerce-page #content div.product div.images div.thumbnails .uk-slidenav-position {
    margin: 0 -5px
}

.woocommerce div.product div.images div.thumbnails .owl-item > div,
.woocommerce-page div.product div.images div.thumbnails .owl-item > div,
.woocommerce #content div.product div.images div.thumbnails .owl-item > div,
.woocommerce-page #content div.product div.images div.thumbnails .owl-item>div {
    margin: 0 5px
}

.woocommerce div.product div.images div.thumbnails .owl-buttons > div,
.woocommerce-page div.product div.images div.thumbnails .owl-buttons > div,
.woocommerce #content div.product div.images div.thumbnails .owl-buttons > div,
.woocommerce-page #content div.product div.images div.thumbnails .owl-buttons>div {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #484848;
    margin: -15px 0 0 0;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.woocommerce div.product div.images div.thumbnails .owl-buttons .owl-prev,
.woocommerce-page div.product div.images div.thumbnails .owl-buttons .owl-prev,
.woocommerce #content div.product div.images div.thumbnails .owl-buttons .owl-prev,
.woocommerce-page #content div.product div.images div.thumbnails .owl-buttons .owl-prev {
    left: 5px
}

.woocommerce div.product div.images div.thumbnails .owl-buttons .owl-prev:after,
.woocommerce-page div.product div.images div.thumbnails .owl-buttons .owl-prev:after,
.woocommerce #content div.product div.images div.thumbnails .owl-buttons .owl-prev:after,
.woocommerce-page #content div.product div.images div.thumbnails .owl-buttons .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome
}

.woocommerce div.product div.images div.thumbnails .owl-buttons .owl-next,
.woocommerce-page div.product div.images div.thumbnails .owl-buttons .owl-next,
.woocommerce #content div.product div.images div.thumbnails .owl-buttons .owl-next,
.woocommerce-page #content div.product div.images div.thumbnails .owl-buttons .owl-next {
    right: 5px
}

.woocommerce div.product div.images div.thumbnails .owl-buttons .owl-next:after,
.woocommerce-page div.product div.images div.thumbnails .owl-buttons .owl-next:after,
.woocommerce #content div.product div.images div.thumbnails .owl-buttons .owl-next:after,
.woocommerce-page #content div.product div.images div.thumbnails .owl-buttons .owl-next:after {
    content: "\f105";
    font-family: FontAwesome
}

.woocommerce div.product div.images .tm-main-images-slider .owl-buttons > div,
.woocommerce-page div.product div.images .tm-main-images-slider .owl-buttons > div,
.woocommerce #content div.product div.images .tm-main-images-slider .owl-buttons > div,
.woocommerce-page #content div.product div.images .tm-main-images-slider .owl-buttons>div {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    color: #484848;
    opacity: 0;
    margin: -25px 0 0 0;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.woocommerce div.product div.images .tm-main-images-slider .owl-buttons .owl-prev,
.woocommerce-page div.product div.images .tm-main-images-slider .owl-buttons .owl-prev,
.woocommerce #content div.product div.images .tm-main-images-slider .owl-buttons .owl-prev,
.woocommerce-page #content div.product div.images .tm-main-images-slider .owl-buttons .owl-prev {
    left: 10px
}

.woocommerce div.product div.images .tm-main-images-slider .owl-buttons .owl-prev:after,
.woocommerce-page div.product div.images .tm-main-images-slider .owl-buttons .owl-prev:after,
.woocommerce #content div.product div.images .tm-main-images-slider .owl-buttons .owl-prev:after,
.woocommerce-page #content div.product div.images .tm-main-images-slider .owl-buttons .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome
}

.woocommerce div.product div.images .tm-main-images-slider .owl-buttons .owl-next,
.woocommerce-page div.product div.images .tm-main-images-slider .owl-buttons .owl-next,
.woocommerce #content div.product div.images .tm-main-images-slider .owl-buttons .owl-next,
.woocommerce-page #content div.product div.images .tm-main-images-slider .owl-buttons .owl-next {
    right: 10px
}

.woocommerce div.product div.images .tm-main-images-slider .owl-buttons .owl-next:after,
.woocommerce-page div.product div.images .tm-main-images-slider .owl-buttons .owl-next:after,
.woocommerce #content div.product div.images .tm-main-images-slider .owl-buttons .owl-next:after,
.woocommerce-page #content div.product div.images .tm-main-images-slider .owl-buttons .owl-next:after {
    content: "\f105";
    font-family: FontAwesome
}

.woocommerce div.product div.images .tm-main-images-slider:hover .owl-buttons > div,
.woocommerce-page div.product div.images .tm-main-images-slider:hover .owl-buttons > div,
.woocommerce #content div.product div.images .tm-main-images-slider:hover .owl-buttons > div,
.woocommerce-page #content div.product div.images .tm-main-images-slider:hover .owl-buttons>div {
    opacity: 1
}

.woocommerce div.product div.images .tm-main-images-slider .tm-icon-zoom,
.woocommerce-page div.product div.images .tm-main-images-slider .tm-icon-zoom,
.woocommerce #content div.product div.images .tm-main-images-slider .tm-icon-zoom,
.woocommerce-page #content div.product div.images .tm-main-images-slider .tm-icon-zoom {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 28px;
    cursor: pointer;
    z-index: 10000;
    color: #484848
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page #content div.product div.summary {
    margin-bottom: 20px;
    float: none !important;
    width: 100% !important
}

.woocommerce div.product div.summary h3,
.woocommerce-page div.product div.summary h3,
.woocommerce #content div.product div.summary h3,
.woocommerce-page #content div.product div.summary h3 {
    font-size: 14px;
    font-weight: bold
}

.woocommerce div.product div.tm-product-sidebar,
.woocommerce-page div.product div.tm-product-sidebar,
.woocommerce #content div.product div.tm-product-sidebar,
.woocommerce-page #content div.product div.tm-product-sidebar {
    text-align: center
}

.woocommerce div.product div.tm-product-sidebar .icon-sidebar,
.woocommerce-page div.product div.tm-product-sidebar .icon-sidebar,
.woocommerce #content div.product div.tm-product-sidebar .icon-sidebar,
.woocommerce-page #content div.product div.tm-product-sidebar .icon-sidebar {
    margin-bottom: 30px
}

.woocommerce div.product div.tm-product-sidebar [class^="tm-icon-"],
.woocommerce-page div.product div.tm-product-sidebar [class^="tm-icon-"],
.woocommerce #content div.product div.tm-product-sidebar [class^="tm-icon-"],
.woocommerce-page #content div.product div.tm-product-sidebar [class^="tm-icon-"] {
    font-size: 40px
}

.woocommerce div.product div.tm-product-sidebar h3,
.woocommerce-page div.product div.tm-product-sidebar h3,
.woocommerce #content div.product div.tm-product-sidebar h3,
.woocommerce-page #content div.product div.tm-product-sidebar h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0
}

.woocommerce div.product div.tm-product-sidebar p,
.woocommerce-page div.product div.tm-product-sidebar p,
.woocommerce #content div.product div.tm-product-sidebar p,
.woocommerce-page #content div.product div.tm-product-sidebar p {
    margin: 0
}

.woocommerce div.product div.tm-product-sidebar .widget_products h3,
.woocommerce-page div.product div.tm-product-sidebar .widget_products h3,
.woocommerce #content div.product div.tm-product-sidebar .widget_products h3,
.woocommerce-page #content div.product div.tm-product-sidebar .widget_products h3 {
    margin-bottom: 10px
}

.woocommerce div.product div.tm-product-sidebar .widget_products li.product > *,
.woocommerce-page div.product div.tm-product-sidebar .widget_products li.product > *,
.woocommerce #content div.product div.tm-product-sidebar .widget_products li.product > *,
.woocommerce-page #content div.product div.tm-product-sidebar .widget_products li.product > *,
.woocommerce div.product div.tm-product-sidebar .widget_products li.product .tm-product-button-line,
.woocommerce-page div.product div.tm-product-sidebar .widget_products li.product .tm-product-button-line,
.woocommerce #content div.product div.tm-product-sidebar .widget_products li.product .tm-product-button-line,
.woocommerce-page #content div.product div.tm-product-sidebar .widget_products li.product .tm-product-button-line {
    display: none
}

.woocommerce div.product div.tm-product-sidebar .widget_products li.product > div.tm-product-spacer,
.woocommerce-page div.product div.tm-product-sidebar .widget_products li.product > div.tm-product-spacer,
.woocommerce #content div.product div.tm-product-sidebar .widget_products li.product > div.tm-product-spacer,
.woocommerce-page #content div.product div.tm-product-sidebar .widget_products li.product>div.tm-product-spacer {
    display: block
}

.woocommerce div.product .tm-product-term-name,
.woocommerce-page div.product .tm-product-term-name,
.woocommerce #content div.product .tm-product-term-name,
.woocommerce-page #content div.product .tm-product-term-name {
    color: #999;
    text-transform: uppercase;
    font-size: 11px
}

.woocommerce div.product .tm-product-term-name a,
.woocommerce-page div.product .tm-product-term-name a,
.woocommerce #content div.product .tm-product-term-name a,
.woocommerce-page #content div.product .tm-product-term-name a {
    color: #999
}

.woocommerce div.product .tm-product-term-name a:hover,
.woocommerce-page div.product .tm-product-term-name a:hover,
.woocommerce #content div.product .tm-product-term-name a:hover,
.woocommerce-page #content div.product .tm-product-term-name a:hover {
    color: #999
}

.woocommerce div.product .sku_wrapper,
.woocommerce-page div.product .sku_wrapper,
.woocommerce #content div.product .sku_wrapper,
.woocommerce-page #content div.product .sku_wrapper {
    text-transform: uppercase;
    font-size: 12px
}

.woocommerce div.product div.social,
.woocommerce-page div.product div.social,
.woocommerce #content div.product div.social,
.woocommerce-page #content div.product div.social {
    text-align: right;
    margin: 0 0 20px
}

.woocommerce div.product div.social span,
.woocommerce-page div.product div.social span,
.woocommerce #content div.product div.social span,
.woocommerce-page #content div.product div.social span {
    margin: 0 0 0 2px
}

.woocommerce div.product div.social span span,
.woocommerce-page div.product div.social span span,
.woocommerce #content div.product div.social span span,
.woocommerce-page #content div.product div.social span span {
    margin: 0
}

.woocommerce div.product div.social span .stButton .chicklets,
.woocommerce-page div.product div.social span .stButton .chicklets,
.woocommerce #content div.product div.social span .stButton .chicklets,
.woocommerce-page #content div.product div.social span .stButton .chicklets {
    padding-left: 16px;
    width: 0
}

.woocommerce div.product div.social iframe,
.woocommerce-page div.product div.social iframe,
.woocommerce #content div.product div.social iframe,
.woocommerce-page #content div.product div.social iframe {
    float: left;
    margin-top: 3px
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    border-top: 1px solid #d9d9d9;
    margin: 25px 0;
    text-align: center
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
    position: relative;
    z-index: 0;
    padding: 0 20px 10px 20px
}

.woocommerce div.product,
.woocommerce-page div.product,
.woocommerce #content div.product,
.woocommerce-page #content div.product {}

ul.product_list_widget:not(.uk-grid) {
    list-style: none outside;
    margin: 0;
    padding: 0
}

li.tm-product {
    *zoom: 1;
    margin: 0;
    list-style: none;
    padding-bottom: 25px
}

li.tm-product:before,
li.tm-product:after {
    content: " ";
    display: table
}

li.tm-product:after {
    clear: both
}

li.tm-product .tm-product-spacer {
    position: relative;
    overflow: hidden;
    margin: 0 0 15px 0
}

li.tm-product .tm-product-spacer a {
    *zoom: 1;
    display: block
}

li.tm-product .tm-product-spacer a:before,
li.tm-product .tm-product-spacer a:after {
    content: " ";
    display: table
}

li.tm-product .tm-product-spacer a:after {
    clear: both
}

li.tm-product .tm-product-spacer a img.shop-image-hover-effect {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}



li.tm-product img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: block;
    float: none
}



@media (min-width: 480px) {
    li.tm-product.list .tm-list-content {
        display: block;
        padding: 20px 0 0 0
    }
    li.tm-product.list .tm-product-spacer {
        margin: 0 20px 0 0;
        float: left;
        width: 47%
    }
    
    li.tm-product.list a.animate-border {
        display: inline-block !important
    }
}





img {
    max-width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle
}

.uk-img-preserve,
.uk-img-preserve img {
    max-width: none
}



@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: device-width
    }
}

.uk-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-grid:before,
.uk-grid:after {
    content: "";
    display: block;
    overflow: hidden
}

.uk-grid:after {
    clear: both
}

.uk-grid>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    margin: 0;
    float: left
}

.uk-grid>*>:last-child {
    margin-bottom: 0
}

.uk-grid {
    margin-left: -20px
}

.uk-grid>* {
    padding-left: 20px
}

.uk-grid+.uk-grid,
.uk-grid-margin,
.uk-grid>*>.uk-panel+.uk-panel {
    margin-top: 20px
}

@media (min-width: 1220px) {
    .uk-grid {
        margin-left: -30px
    }
    .uk-grid>* {
        padding-left: 30px
    }
    .uk-grid+.uk-grid,
    .uk-grid-margin,
    .uk-grid>*>.uk-panel+.uk-panel {
        margin-top: 30px
    }
}

.uk-grid-collapse {
    margin-left: 0
}

.uk-grid-collapse>* {
    padding-left: 0
}

.uk-grid-collapse+.uk-grid-collapse,
.uk-grid-collapse>.uk-grid-margin,
.uk-grid-collapse>*>.uk-panel+.uk-panel {
    margin-top: 0
}

.uk-grid-small {
    margin-left: -10px
}

.uk-grid-small>* {
    padding-left: 10px
}

.uk-grid-small+.uk-grid-small,
.uk-grid-small>.uk-grid-margin,
.uk-grid-small>*>.uk-panel+.uk-panel {
    margin-top: 10px
}

.uk-grid-medium {
    margin-left: -20px
}

.uk-grid-medium>* {
    padding-left: 20px
}

.uk-grid-medium+.uk-grid-medium,
.uk-grid-medium>.uk-grid-margin,
.uk-grid-medium>*>.uk-panel+.uk-panel {
    margin-top: 20px
}

.uk-grid-divider:not(:empty) {
    margin-left: -20px;
    margin-right: -20px
}

.uk-grid-divider>* {
    padding-left: 20px;
    padding-right: 20px
}

.uk-grid-divider>[class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider>[class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider>[class*='uk-width-9-']:nth-child(n+2) {
    border-left: 1px solid #d9d9d9
}

@media (min-width: 768px) {
    .uk-grid-divider>[class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid #d9d9d9
    }
}

@media (min-width: 960px) {
    .uk-grid-divider>[class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
        border-left: 1px solid #d9d9d9
    }
}

@media (min-width: 1220px) {
    .uk-grid-divider:not(: empty) {
        margin-left: -30px;
        margin-right: -30px
    }
    .uk-grid-divider>* {
        padding-left: 30px;
        padding-right: 30px
    }
    .uk-grid-divider:empty {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.uk-grid-divider:empty {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #d9d9d9
}

.uk-grid-match>* {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.uk-grid-match>*>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

[class*='uk-grid-width']>* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.uk-grid-width-1-2>* {
    width: 50%
}

.uk-grid-width-1-3>* {
    width: 33.333%
}

.uk-grid-width-1-4>* {
    width: 25%
}

.uk-grid-width-1-5>* {
    width: 20%
}

.uk-grid-width-1-6>* {
    width: 16.666%
}

.uk-grid-width-1-10>* {
    width: 10%
}

@media (min-width: 480px) {
    .uk-grid-width-small-1-2>* {
        width: 50%
    }
    .uk-grid-width-small-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-small-1-4>* {
        width: 25%
    }
    .uk-grid-width-small-1-5>* {
        width: 20%
    }
    .uk-grid-width-small-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-small-1-10>* {
        width: 10%
    }
}

@media (min-width: 768px) {
    .uk-grid-width-medium-1-2>* {
        width: 50%
    }
    .uk-grid-width-medium-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-medium-1-4>* {
        width: 25%
    }
    .uk-grid-width-medium-1-5>* {
        width: 20%
    }
    .uk-grid-width-medium-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-medium-1-10>* {
        width: 10%
    }
}

@media (min-width: 960px) {
    .uk-grid-width-large-1-2>* {
        width: 50%
    }
    .uk-grid-width-large-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-large-1-4>* {
        width: 25%
    }
    .uk-grid-width-large-1-5>* {
        width: 20%
    }
    .uk-grid-width-large-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-large-1-10>* {
        width: 10%
    }
}

@media (min-width: 1220px) {
    .uk-grid-width-xlarge-1-2>* {
        width: 50%
    }
    .uk-grid-width-xlarge-1-3>* {
        width: 33.333%
    }
    .uk-grid-width-xlarge-1-4>* {
        width: 25%
    }
    .uk-grid-width-xlarge-1-5>* {
        width: 20%
    }
    .uk-grid-width-xlarge-1-6>* {
        width: 16.666%
    }
    .uk-grid-width-xlarge-1-10>* {
        width: 10%
    }
}

[class*='uk-width'] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.uk-width-1-1 {
    width: 100%
}

.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
    width: 50%
}

.uk-width-1-3,
.uk-width-2-6 {
    width: 33.333%
}

.uk-width-2-3,
.uk-width-4-6 {
    width: 66.666%
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5,
.uk-width-2-10 {
    width: 20%
}

.uk-width-2-5,
.uk-width-4-10 {
    width: 40%
}

.uk-width-3-5,
.uk-width-6-10 {
    width: 60%
}

.uk-width-4-5,
.uk-width-8-10 {
    width: 80%
}

.uk-width-1-6 {
    width: 16.666%
}

.uk-width-5-6 {
    width: 83.333%
}

.uk-width-1-10 {
    width: 10%
}

.uk-width-3-10 {
    width: 30%
}

.uk-width-7-10 {
    width: 70%
}

.uk-width-9-10 {
    width: 90%
}

@media (min-width: 480px) {
    .uk-width-small-1-1 {
        width: 100%
    }
    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%
    }
    .uk-width-small-1-3,
    .uk-width-small-2-6 {
        width: 33.333%
    }
    .uk-width-small-2-3,
    .uk-width-small-4-6 {
        width: 66.666%
    }
    .uk-width-small-1-4 {
        width: 25%
    }
    .uk-width-small-3-4 {
        width: 75%
    }
    .uk-width-small-1-5,
    .uk-width-small-2-10 {
        width: 20%
    }
    .uk-width-small-2-5,
    .uk-width-small-4-10 {
        width: 40%
    }
    .uk-width-small-3-5,
    .uk-width-small-6-10 {
        width: 60%
    }
    .uk-width-small-4-5,
    .uk-width-small-8-10 {
        width: 80%
    }
    .uk-width-small-1-6 {
        width: 16.666%
    }
    .uk-width-small-5-6 {
        width: 83.333%
    }
    .uk-width-small-1-10 {
        width: 10%
    }
    .uk-width-small-3-10 {
        width: 30%
    }
    .uk-width-small-7-10 {
        width: 70%
    }
    .uk-width-small-9-10 {
        width: 90%
    }
}

@media (min-width: 768px) {
    .uk-width-medium-1-1 {
        width: 100%
    }
    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%
    }
    .uk-width-medium-1-3,
    .uk-width-medium-2-6 {
        width: 33.333%
    }
    .uk-width-medium-2-3,
    .uk-width-medium-4-6 {
        width: 66.666%
    }
    .uk-width-medium-1-4 {
        width: 25%
    }
    .uk-width-medium-3-4 {
        width: 75%
    }
    .uk-width-medium-1-5,
    .uk-width-medium-2-10 {
        width: 20%
    }
    .uk-width-medium-2-5,
    .uk-width-medium-4-10 {
        width: 40%
    }
    .uk-width-medium-3-5,
    .uk-width-medium-6-10 {
        width: 60%
    }
    .uk-width-medium-4-5,
    .uk-width-medium-8-10 {
        width: 80%
    }
    .uk-width-medium-1-6 {
        width: 16.666%
    }
    .uk-width-medium-5-6 {
        width: 83.333%
    }
    .uk-width-medium-1-10 {
        width: 10%
    }
    .uk-width-medium-3-10 {
        width: 30%
    }
    .uk-width-medium-7-10 {
        width: 70%
    }
    .uk-width-medium-9-10 {
        width: 90%
    }
}

@media (min-width: 960px) {
    .uk-width-large-1-1 {
        width: 100%
    }
    .uk-width-large-1-2,
    .uk-width-large-2-4,
    .uk-width-large-3-6,
    .uk-width-large-5-10 {
        width: 50%
    }
    .uk-width-large-1-3,
    .uk-width-large-2-6 {
        width: 33.333%
    }
    .uk-width-large-2-3,
    .uk-width-large-4-6 {
        width: 66.666%
    }
    .uk-width-large-1-4 {
        width: 25%
    }
    .uk-width-large-3-4 {
        width: 75%
    }
    .uk-width-large-1-5,
    .uk-width-large-2-10 {
        width: 20%
    }
    .uk-width-large-2-5,
    .uk-width-large-4-10 {
        width: 40%
    }
    .uk-width-large-3-5,
    .uk-width-large-6-10 {
        width: 60%
    }
    .uk-width-large-4-5,
    .uk-width-large-8-10 {
        width: 80%
    }
    .uk-width-large-1-6 {
        width: 16.666%
    }
    .uk-width-large-5-6 {
        width: 83.333%
    }
    .uk-width-large-1-10 {
        width: 10%
    }
    .uk-width-large-3-10 {
        width: 30%
    }
    .uk-width-large-7-10 {
        width: 70%
    }
    .uk-width-large-9-10 {
        width: 90%
    }
}

@media (min-width: 1220px) {
    .uk-width-xlarge-1-1 {
        width: 100%
    }
    .uk-width-xlarge-1-2,
    .uk-width-xlarge-2-4,
    .uk-width-xlarge-3-6,
    .uk-width-xlarge-5-10 {
        width: 50%
    }
    .uk-width-xlarge-1-3,
    .uk-width-xlarge-2-6 {
        width: 33.333%
    }
    .uk-width-xlarge-2-3,
    .uk-width-xlarge-4-6 {
        width: 66.666%
    }
    .uk-width-xlarge-1-4 {
        width: 25%
    }
    .uk-width-xlarge-3-4 {
        width: 75%
    }
    .uk-width-xlarge-1-5,
    .uk-width-xlarge-2-10 {
        width: 20%
    }
    .uk-width-xlarge-2-5,
    .uk-width-xlarge-4-10 {
        width: 40%
    }
    .uk-width-xlarge-3-5,
    .uk-width-xlarge-6-10 {
        width: 60%
    }
    .uk-width-xlarge-4-5,
    .uk-width-xlarge-8-10 {
        width: 80%
    }
    .uk-width-xlarge-1-6 {
        width: 16.666%
    }
    .uk-width-xlarge-5-6 {
        width: 83.333%
    }
    .uk-width-xlarge-1-10 {
        width: 10%
    }
    .uk-width-xlarge-3-10 {
        width: 30%
    }
    .uk-width-xlarge-7-10 {
        width: 70%
    }
    .uk-width-xlarge-9-10 {
        width: 90%
    }
}

@media (min-width: 960px) {
    [class*='uk-push-'],
    [class*='uk-pull-'] {
        position: relative
    }
    .uk-push-1-2,
    .uk-push-2-4,
    .uk-push-3-6,
    .uk-push-5-10 {
        left: 50%
    }
    .uk-push-1-3,
    .uk-push-2-6 {
        left: 33.333%
    }
    .uk-push-2-3,
    .uk-push-4-6 {
        left: 66.666%
    }
    .uk-push-1-4 {
        left: 25%
    }
    .uk-push-3-4 {
        left: 75%
    }
    .uk-push-1-5,
    .uk-push-2-10 {
        left: 20%
    }
    .uk-push-2-5,
    .uk-push-4-10 {
        left: 40%
    }
    .uk-push-3-5,
    .uk-push-6-10 {
        left: 60%
    }
    .uk-push-4-5,
    .uk-push-8-10 {
        left: 80%
    }
    .uk-push-1-6 {
        left: 16.666%
    }
    .uk-push-5-6 {
        left: 83.333%
    }
    .uk-push-1-10 {
        left: 10%
    }
    .uk-push-3-10 {
        left: 30%
    }
    .uk-push-7-10 {
        left: 70%
    }
    .uk-push-9-10 {
        left: 90%
    }
    .uk-pull-1-2,
    .uk-pull-2-4,
    .uk-pull-3-6,
    .uk-pull-5-10 {
        left: -50%
    }
    .uk-pull-1-3,
    .uk-pull-2-6 {
        left: -33.333%
    }
    .uk-pull-2-3,
    .uk-pull-4-6 {
        left: -66.666%
    }
    .uk-pull-1-4 {
        left: -25%
    }
    .uk-pull-3-4 {
        left: -75%
    }
    .uk-pull-1-5,
    .uk-pull-2-10 {
        left: -20%
    }
    .uk-pull-2-5,
    .uk-pull-4-10 {
        left: -40%
    }
    .uk-pull-3-5,
    .uk-pull-6-10 {
        left: -60%
    }
    .uk-pull-4-5,
    .uk-pull-8-10 {
        left: -80%
    }
    .uk-pull-1-6 {
        left: -16.666%
    }
    .uk-pull-5-6 {
        left: -83.333%
    }
    .uk-pull-1-10 {
        left: -10%
    }
    .uk-pull-3-10 {
        left: -30%
    }
    .uk-pull-7-10 {
        left: -70%
    }
    .uk-pull-9-10 {
        left: -90%
    }
}

.vc_row.uk-grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 35px
}

.vc_row.uk-grid>* {
    padding-left: 15px;
    padding-right: 15px
}

.uk-panel {
    display: block;
    position: relative
}

.uk-panel,
.uk-panel:hover {
    text-decoration: none
}

.uk-panel:before,
.uk-panel:after {
    content: "";
    display: table
}

.uk-panel:after {
    clear: both
}

.uk-panel>:not(.uk-panel-title):last-child {
    margin-bottom: 0
}

.uk-panel-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a1a1a
}



@media (min-width: 1220px) {
    .uk-panel+.uk-panel-divider {
        margin-top: 70px !important
    }
    .uk-panel+.uk-panel-divider:before {
        top: -35px
    }
}


.tm-icon-read-more:before,
a.hover-icon .tm-icon-read-more:after {
    content: "\e63c"
}

.tm-icon-pay-info:before {
    content: "\e63d"
}

.tm-icon-zoom:before {
    content: "\e900"
}

.tm-icon-quick-view:before,
a.hover-icon .tm-icon-quick-view:after {
    content: "\e800"
}

a.hover-icon .tm-icon-read-more:after {
    top: 8px
}

.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-close {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font-size: 16px;
    color: inherit;
    text-transform: none;
    padding: 0;
    background: transparent;
    display: inline-block;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 3px solid #f6f6f6
}

.uk-close:after {
    display: block;
    content: "X";/*"\e614";*/
    font-family: 'eclatico'
}

.uk-close:hover,
.uk-close:focus {
    background: #f6f6f6;
    outline: none;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.uk-close-alt {
    background: #fff;
    opacity: 1
}

.uk-close-alt:hover,
.uk-close-alt:focus {
    opacity: 1;
    background: #f6f6f6
}

.uk-alert-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    width: 28px;
    line-height: 28px;
    color: #1a1a1a;
    background: #fff
}


.uk-thumbnail {
    display: inline-block;
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 4px;
    border: 1px solid #d9d9d9;
    background: #fff
}

a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
    border-color: #a6a6a6;
    background-color: #fff;
    text-decoration: none;
    outline: none
}

.uk-thumbnail-caption {
    padding-top: 4px;
    text-align: center;
    color: #444
}

.uk-thumbnail-mini {
    width: 150px
}

.uk-thumbnail-small {
    width: 200px
}

.uk-thumbnail-medium {
    width: 300px
}

.uk-thumbnail-large {
    width: 400px
}

.uk-thumbnail-expand,
.uk-thumbnail-expand>img {
    width: 100%
}


.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
    -webkit-animation-name: none;
    animation-name: none
}

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        transform: scale(0.2)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-15 {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes uk-slide-left {
    0% {
        -webkit-transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-left {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-slide-right {
    0% {
        -webkit-transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-right {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-slide-left-33 {
    0% {
        -webkit-transform: translateX(33%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-left-33 {
    0% {
        transform: translateX(33%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-slide-right-33 {
    0% {
        -webkit-transform: translateX(-33%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes uk-slide-right-33 {
    0% {
        transform: translateX(-33%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-scale-12 {
    0% {
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes uk-scale-12 {
    0% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}

@-moz-keyframes uk-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes uk-rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes uk-rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes uk-shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-9px)
    }
    20% {
        -webkit-transform: translateX(8px)
    }
    30% {
        -webkit-transform: translateX(-7px)
    }
    40% {
        -webkit-transform: translateX(6px)
    }
    50% {
        -webkit-transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(4px)
    }
    70% {
        -webkit-transform: translateX(-3px)
    }
    80% {
        -webkit-transform: translateX(2px)
    }
    90% {
        -webkit-transform: translateX(-1px)
    }
}

@keyframes uk-shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10% {
        transform: translateX(-9px)
    }
    20% {
        transform: translateX(8px)
    }
    30% {
        transform: translateX(-7px)
    }
    40% {
        transform: translateX(6px)
    }
    50% {
        transform: translateX(-5px)
    }
    60% {
        transform: translateX(4px)
    }
    70% {
        transform: translateX(-3px)
    }
    80% {
        transform: translateX(2px)
    }
    90% {
        transform: translateX(-1px)
    }
}

@-webkit-keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-slide-top-fixed {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes uk-slide-bottom-fixed {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}












.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page,
.uk-modal-page body {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 100px auto;
    padding: 50px;
    width: 600px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s linear, transform 0.3s ease-out;
    border: 5px solid #f6f6f6
}

.uk-modal.loader .uk-modal-dialog {
    opacity: 0.5
}

.uk-modal-dialog h2 {
    color: #1a1a1a;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
    font-weight: normal;
    text-align: center
}

.uk-modal-dialog .uk-alert {
    margin-top: 0 !important
}

.uk-modal-dialog .uk-sub-title {
    font-size: 12px;
    text-align: center;
    color: #1a1a1a;
    text-transform: uppercase;
    padding: 0 0 30px 0
}

.uk-modal-dialog h2+.uk-sub-title {
    margin-top: -10px
}

.uk-modal-dialog .wp-social-login-widget {
    margin: 0 -50px -50px -50px;
    text-align: center;
    background: #f6f6f6;
    padding: 25px 0 22px
}

.uk-modal-dialog .wp-social-login-provider-list a {
    padding-left: 25px;
    padding-right: 25px
}

.uk-modal-dialog .login-submit-block {
    text-align: center
}

.uk-modal-dialog .login-submit-block .uk-button {
    padding-right: 50px !important;
    padding-left: 50px !important;
    font-size: 14px
}

.uk-modal-dialog .login-submit-block .lost_password {
    margin: 30px 0 40px
}

.uk-modal-dialog .login-submit-block .lost_password .ver_separator {
    position: relative;
    width: 40px;
    display: inline-block;
    height: 15px
}

.uk-modal-dialog .login-submit-block .lost_password .ver_separator:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background: #d9d9d9;
    top: 0;
    left: 20px
}

@media (max-width: 767px) {
    .uk-modal-dialog {
        width: auto;
        margin: 10px auto
    }
}

.uk-open .uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
	z-index: 1000000000000000;
	background-color: #000000;
}

.uk-modal-dialog>:not([class*='uk-modal-']):last-child {
    margin-bottom: 0
}

.uk-modal-dialog>.uk-close:first-child {
    position: absolute;
    top: -3px;
    right: -3px
}

.uk-modal-dialog>.uk-close:first-child+:not([class*='uk-modal-']) {
    margin-top: 0
}

.uk-modal-dialog-lightbox {
    margin: 40px auto;
    border: none !important;
    padding: 0;
    max-width: 92%;
    max-width: calc(100% - 80px);
	
}

.uk-modal-dialog-lightbox>.uk-close:first-child {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    float: none
}

@media (max-width: 767px) {
    .uk-modal-dialog-lightbox>.uk-close:first-child {
        top: -3px;
        right: -3px
    }
}

@media (min-width: 768px) {
    .uk-modal-dialog-large {
        width: 930px
    }
}

@media (min-width: 1220px) {
    .uk-modal-dialog-large {
        width: 1130px
    }
}

.uk-modal-header {
    margin-bottom: 40px
}

.uk-modal-footer {
    margin-top: 40px
}

.uk-modal-header>:last-child,
.uk-modal-footer>:last-child {
    margin-bottom: 0
}

.uk-modal-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin-bottom: -10px;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    letter-spacing: 0.5px
}

.uk-modal-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #ddd
}

.uk-modal-spinner:after {
    content: "\f110";
    font-family: FontAwesome;
    -webkit-animation: uk-rotate 2s infinite linear;
    animation: uk-rotate 2s infinite linear
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.uk-offcanvas.uk-active {
    display: block
}

.uk-offcanvas-page {
    position: fixed;
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out
}

.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    width: 280px;
    max-width: 100%;
    background: #f0f0f0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -ms-scroll-chaining: none
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.uk-offcanvas-bar.uk-offcanvas-filter {
    background: #f5f5f5
}

.uk-offcanvas-filter .uk-offcanvas-filter-inner {
    padding: 30px 20px
}

.uk-offcanvas-filter-inner h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a1a1a !important;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 10px 0
}

.uk-offcanvas-filter-inner>* {
    margin-top: 30px
}

.uk-offcanvas-filter-inner>*:first-child {
    margin-top: 0 !important
}

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-offcanvas .uk-panel {
    margin: 0;
    color: #1a1a1a
}

.uk-offcanvas .uk-panel.widget_warp_woocommerce_login {
    height: 46px;
    margin-left: 25px;
    position: relative
}

.uk-offcanvas-nav {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 25px
}

.uk-offcanvas-nav .uk-panel {
    height: 46px;
    font-size: 12px;
    margin: 0 20px 0 0;
    float: left
}

.uk-offcanvas-nav .uk-panel .tm-pointer {
    text-transform: uppercase;
    padding: 12px 0 0 0
}

.uk-offcanvas .uk-panel-title {
    color: #1a1a1a
}

.uk-offcanvas .uk-panel a:not([class]) {
    color: #1a1a1a
}

.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #1a1a1a
}



.uk-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 980px;
    padding: 0 10px
}

@media (min-width: 1220px) {
    .uk-container {
        max-width: 1200px;
        padding: 0 10px
    }
}

.uk-container:before,
.uk-container:after {
    content: "";
    display: table
}

.uk-container:after {
    clear: both
}

.uk-container-center {
    margin-left: auto;
    margin-right: auto
}

.uk-clearfix:before {
    content: "";
    display: table-cell
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both
}



.uk-hidden {
    display: none !important;
    visibility: hidden !important
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important
}

.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
    display: none !important
}








.uk-slidenav {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: rgba(50, 50, 50, 0.4);
    font-size: 60px;
    text-align: center
}

.uk-slidenav-arrow {
    display: block;
    overflow: hidden;
    width: 45px;
    height: 45px;
    border: 3px solid #f0f0f0;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    top: 40%;
    margin: -23px 0 0 0;
    color: #1a1a1a
}

.uk-slidenav:hover,
.uk-slidenav:focus {
    outline: none;
    text-decoration: none;
    color: rgba(50, 50, 50, 0.7);
    cursor: pointer
}

.uk-slidenav-arrow:hover {
    border: 3px solid #999;
    color: #1a1a1a
}

.uk-slidenav:active {
    color: rgba(50, 50, 50, 0.9)
}

.uk-slidenav-previous:before {
    content: "\f104";
    font-family: FontAwesome
}

.uk-slidenav-next:before {
    content: "\f105";
    font-family: FontAwesome
}

.uk-slidenav-arrow-previous {
    left: 15px
}

.uk-slidenav-arrow-next {
    right: 15px
}

.uk-slidenav-arrow-previous:before,
.uk-slidenav-arrow-previous:after,
.uk-slidenav-arrow-next:before,
.uk-slidenav-arrow-next:after {
    font-family: eclatico;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    top: 0;
    transition: left 0.2s ease, opacity 0.05s ease-out;
    -moz-transition: left 0.2s ease, opacity 0.05s ease-out;
    -o-transition: left 0.2s ease, opacity 0.05s ease-out;
    -webkit-transition: left 0.2s ease, opacity 0.05s ease-out
}

.uk-slidenav-arrow-previous:before,
.uk-slidenav-arrow-previous:after {
    content: "\e609"
}

.uk-slidenav-arrow-next:before,
.uk-slidenav-arrow-next:after {
    content: "\e608"
}

.uk-slidenav-arrow:before {
    left: 0;
    opacity: 1
}

.uk-slidenav-arrow-previous:after,
.uk-slidenav-arrow-next:hover:before {
    left: 60px;
    opacity: 0
}

.uk-slidenav-arrow-next:after,
.uk-slidenav-arrow-previous:hover:before {
    left: -60px;
    opacity: 0
}

.uk-slidenav-arrow:hover:after {
    left: 0 !important;
    opacity: 1
}

@media (min-width: 1220px) {
    .uk-slidenav-arrow-previous {
        left: -95px
    }
    .uk-slidenav-arrow-next {
        right: -95px
    }
}

.uk-slidenav-position {
    position: relative
}

.uk-slidenav-position .uk-slidenav {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 100000000;
    margin-top: -30px
}

.uk-slidenav-position:hover .uk-slidenav {
    display: block
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 20px
}

.uk-slidenav-position .uk-slidenav-next {
    right: 20px
}

.uk-slidenav-contrast {
    color: rgba(255, 255, 255, 0.7)
}

.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
    color: #fff
}

.uk-slidenav-contrast:active {
    color: #fff
}

.uk-lightbox-content {
    overflow: hidden
}

.uk-lightbox-content .uk-slidenav {
    background: #333;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    display: block;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.uk-lightbox-content .uk-slidenav-previous {
    left: 0
}

.uk-lightbox-content .uk-slidenav-next {
    right: 0
}

.uk-lightbox-content:hover .uk-slidenav-previous,
.uk-lightbox-content:hover .uk-slidenav-next {
    opacity: 1
}



.uk-slider {
    position: relative;
    z-index: 0;
    touch-action: pan-y
}

.uk-slider:not(.uk-grid) {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-slider>* {
    position: absolute;
    top: 0;
    left: 0
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider:not(.uk-drag) {
    -webkit-transition: -webkit-transform 200ms linear;
    transition: transform 200ms linear
}

.uk-slider.uk-drag {
    cursor: col-resize;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.uk-slider a,
.uk-slider img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none
}

.uk-slider img {
    pointer-events: none
}

.uk-slider-fullscreen,
.uk-slider-fullscreen>li {
    height: 100vh
}

.uk-slideshow {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    touch-action: pan-y
}

.uk-slideshow>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

.uk-slideshow>.uk-active {
    z-index: 10;
    opacity: 1
}

.uk-slideshow>li>img {
    visibility: hidden
}

[data-uk-slideshow-slide] {
    cursor: pointer
}

.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
    height: 100vh
}

.uk-slideshow-fade-out {
    -webkit-animation: uk-fade 0.5s linear reverse;
    animation: uk-fade 0.5s linear reverse
}

.uk-slideshow-scroll-forward-in {
    -webkit-animation: uk-slide-right 0.5s ease-in-out;
    animation: uk-slide-right 0.5s ease-in-out
}

.uk-slideshow-scroll-forward-out {
    -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
    animation: uk-slide-left 0.5s ease-in-out reverse
}

.uk-slideshow-scroll-backward-in {
    -webkit-animation: uk-slide-left 0.5s ease-in-out;
    animation: uk-slide-left 0.5s ease-in-out
}

.uk-slideshow-scroll-backward-out {
    -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
    animation: uk-slide-right 0.5s ease-in-out reverse
}

.uk-slideshow-scale-out {
    -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;
    animation: uk-fade-scale-15 0.5s ease-in-out reverse
}

.uk-slideshow-swipe-forward-in {
    -webkit-animation: uk-slide-left-33 0.5s ease-in-out;
    animation: uk-slide-left-33 0.5s ease-in-out
}

.uk-slideshow-swipe-forward-out {
    -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;
    animation: uk-slide-left 0.5s ease-in-out reverse
}

.uk-slideshow-swipe-backward-in {
    -webkit-animation: uk-slide-right-33 0.5s ease-in-out;
    animation: uk-slide-right-33 0.5s ease-in-out
}

.uk-slideshow-swipe-backward-out {
    -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;
    animation: uk-slide-right 0.5s ease-in-out reverse
}

.uk-slideshow-swipe-forward-in:before,
.uk-slideshow-swipe-backward-in:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    -webkit-animation: uk-fade 0.5s ease-in-out reverse;
    animation: uk-fade 0.5s ease-in-out reverse
}





#wrapper {
    position: relative;
    background: #fff;
    z-index: 2;
    overflow: hidden
}

.uk-modal-page #wrapper {
    overflow: visible
}

a.animate-border {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px
}

a.animate-border:hover {
    color: #999
}

a.animate-border:before,
a.animate-border:after {
    height: 1px;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #333
}

a.animate-border:before {
    margin: 0 0 0 -200%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

a.animate-border:after {
    margin: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

a.animate-border:hover:before {
    margin: 0
}

a.animate-border:hover:after {
    margin: 0 0 0 200%
}

.tm-border-before {
    position: relative;
    margin-top: 40px
}

.tm-border-before:before {
    background: #d9d9d9;
    top: -20px;
    content: "";
    height: 1px;
    left: 50%;
    margin: 0 0 0 -17px;
    position: absolute;
    width: 35px
}










.uk-grid>div>.aligncenter {
    margin: 20px 0 !important
}

.sxy-zoom-container .sxy-zoom-viewport img {
    max-width: none !important;
    border-radius: 0 !important
}

.sxy-zoom-container .sxy-zoom-viewport {
    z-index: 90000000
}

.sxy-zoom-container img {
    border: 0
}

.sxy-zoom-container div {
    margin: 0;
    padding: 0;
    border: 0
}

.sxy-zoom-container .sxy-zoom-dragpad,
.sxy-zoom-container .sxy-overlay,
.sxy-zoom-container .inner-thumb,
.sxy-zoom-container .sxy-zoom-bg {
    width: 100%;
    height: 100%
}

.sxy-zoom-bg {
    left: 0;
    top: 0;
    position: absolute
}

.sxy-zoom-container .sxy-controls,
.sxy-zoom-container .overlay,
.sxy-zoom-container .sxy-slider {
    height: 100%
}

.sxy-zoom-container .sxy-zoom-dragpad {
    position: absolute !important;
    left: 0;
    top: 0
}

.sxy-zoom-container .sxy-controls {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 26px;
    left: -26px;
    top: 0px;
    position: absolute;
    overflow: hidden;
    filter: inherit
}

.sxy-zoom-container .sxy-controls .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 26px;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    background: #fff;
    filter: inherit
}

.sxy-zoom-container .in {
    filter: inherit;
    left: 2px;
    width: 22px;
    height: 23px;
    position: relative;
    display: block;
    top: 3px
}

.sxy-zoom-container .out {
    filter: inherit;
    width: 22px;
    height: 23px;
    position: relative;
    left: 2px;
    display: block
}

.sxy-zoom-container .sxy-slider {
    filter: inherit;
    position: relative
}

.sxy-zoom-container .sxy-handle {
    filter: inherit;
    left: 2px;
    width: 20px;
    height: 16px;
    top: 20px;
    position: absolute;
    font-size: 0
}

.sxy-zoom-container {
    position: relative
}

.sxy-zoom-container .sxy-zoom-viewfinder {
    position: absolute;
    border: 4px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sxy-zoom-container .inner-thumb {
    position: absolute;
    top: 0;
    left: 0
}

.sxy-zoom-container .sxy-zoom-dragpad {
    position: relative
}

.sxy-zoom-container .sxy-zoom-dragpad .sxy-overlay {
    position: absolute;
    top: 0px;
    left: 0px
}

.sxy-zoom-container .sxy-zoom-viewport {
    position: absolute;
    overflow: hidden;
    top: 0
}

.sxy-zoom-container .sxy-zoom-viewport img {
    position: absolute
}

.sxy-zoom-container.sxy-zoom-loading .sxy-loading {
    display: none;
    background: #fff;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 5px;
    opacity: 0.6;
    border: 1px solid #ebebeb
}

.sxy-zoom-container.sxy-zoom-loading .sxy-loading span {
    background: url("/wp-content/themes/eclat/images/loader.svg") 0 0 no-repeat;
    background-size: 64px 64px;
    width: 64px;
    height: 64px;
    display: block
}

.sxy-zoom-mode-dock .sxy-zoom-viewport {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #000;
    position: absolute;
    overflow: hidden;
    top: 0;
    box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
    -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
    -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68)
}

.sxy-zoom-mode-dock .sxy-zoom-dragpad .sxy-overlay {
    background: #000;
    opacity: 0.0
}

.sxy-zoom-mode-window .sxy-zoom-viewfinder {
    z-index: 910000000000000000000
}

.sxy-zoom-mode-lens .sxy-zoom-viewport {
    border: 1px solid #000;
    position: absolute;
    overflow: hidden;
    top: 0;
    box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
    -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);
    -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68)
}

.sxy-zoom-mode-slippy .sxy-zoom-dragpad {
    cursor: pointer
}

.sxy-zoom-mode-slippy .sxy-zoom-dragpad.down {
    cursor: move
}








.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url("/wp-content/themes/eclat/images/grabbing.png") 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}