/*
Theme Name: Converto
Author: kaththemes.com
Description: Converto is a conversion optimized eCommerce HTML template which will help you to boost your sales and conversion rate of your online store. 
Version: 1.0
Tags: clean design, clothing, ecommerce template, elegant, fashion, modern, online shopping, online store, HTML template, responsive, shop, shopify, shopping, twitter bootstrap, woocommerce 
*/


/** ====== Table of Contents ======

 * 1 - Normalize
 * 2 - Typography
 * 3 - Elements
 * 4 - Forms
 * 5 - Navigation
 *   5.1 - Links
 *   5.2 - Menus
 * 6 - Alignments
 * 7 - Clearings
 * 8 - Widgets
 * 9 - Helper classes
 * 10 - Content
    * 10.1 - Header
    * 10.2 - Footer 

 * 11 - Page content  
 * 12 - Woo commerce 
 * 13 - Blog
*/


/* ========================================= 
    Normalize 
 ===========================================*/

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

body {
    margin: 0;
}

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;
}

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

b,
strong {
    font-weight: 600;
}

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: 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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

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

select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

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

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

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

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.2em;
    padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

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

fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    min-width: inherit;
    padding: 0.875em;
}

fieldset>:last-child {
    margin-bottom: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

optgroup {
    font-weight: bold;
}
 

/** ==================================================
    Typography 
=======================================================*/

body,
button,
input,
select,
textarea,
code,
kbd,
pre,
samp {
    color: #313131;
    font-size: 14px;
    line-height: 1.75;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea,
code,
kbd,
pre,
samp,
.primary-font,
.comment-meta h5 span {
    font-family: 'Sintony', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.secondary-font,
table.cart th,
table.cart td .coupon input[type="text"],
table.cart td .coupon input[type="submit"],
table.cart td .btn-cart,
.cart-collaterals .checkout-button,
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea,
.modal-body input,
.modal-body button {
    font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4;
}

.home-banner h2,
.promo-banner-wrap .stuff h2 {
    font-size: 60px;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3,
.btn.btn-search {
    font-size: 28px;
}

h4,
.title-wrap .no {
    font-size: 24px;
}

.featured-blog h4,
.team h4 {
    font-size: 22px;
}

h5,
.entry-summary .price {
    font-size: 20px;
}

h6,
.woocommerce-tabs ul.tabs,
tr.cart_item td.product-price,
tr.cart_item td.product-subtotal {
    font-size: 18px;
}

h1,
h2 {
    margin: 0 0 25px;
}

h3 {
    margin: 0 0 15px;
}

h4,
h5,
h6 {
    margin: 0 0 10px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    border: 0;
    margin: 35px 20px 45px;
    padding: 0 0 0 20px;
    position: relative;
    font-style: inherit;
    font-size: 16px;
    font-weight: 600;
}

blockquote:after {}

blockquote:before {
    content: "";
    width: 2px;
    height: 84%;
    display: block;
    background-color: transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 10%;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote p {
    margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
    color: #1a1a1a;
    display: block;
    font-size: 1rem;
}

blockquote cite:before,
blockquote small:before {
    content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

blockquote>:last-child {
    margin-bottom: 0;
}

address {
    font-style: italic;
    margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {}

pre {
    border: 1px solid #d1d1d1;
    font-size: 1rem;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code {
    background-color: #d1d1d1;
    padding: 0.125em 0.25em;
}

abbr,
acronym {
    cursor: help;
}

mark,
ins {
    padding: 0.125em 0.25em;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.lh-normal,
.main-title h3,
.page-title h3 {
    line-height: 1;
}
 

/** =========================================
    Elements 
 ============================================ */

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {}

hr {
    border-top: 1px solid #e2e2e2;
    height: 1px;
    margin: 0 0 1.75em;
}

ul,
ol {
    margin: 0 0 1.75em 1.25em;
    padding: 0;
}

ul {
    list-style: disc;
}

ul.cs-link,
ol.cs-link,
.single-slide,
.single-slide {
    margin: 0;
    padding: 0;
}

ul.cs-link li,
ol.cs-link li,
.single-slide li,
.single-slide li {
    list-style: none;
}

ol {
    list-style: decimal;
    margin-left: 1.5em;
}

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

dl {
    margin: 0 0 1.75em;
}

dt {
    font-weight: 600;
}

dd {
    margin: 0 0 1.75em;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

del {
    opacity: 0.8;
    color: #a09a9c;
}

table,
th,
td {
    border: 1px solid #d1d1d1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    width: 100%;
}

caption,
th,
td {
    font-weight: inherit;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 600;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4375em;
}
 

/** ================================================ 
    Forms 
===================================================*/

::-webkit-input-placeholder {
    color: #454545;
}

:-moz-placeholder {
    color: #454545;
}

::-moz-placeholder {
    color: #454545;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #454545;
}


/*----------*/

.newsletter2 input::-webkit-input-placeholder,
#searchbar input::-webkit-input-placeholder {
    color: #fff;
}

.newsletter2 input:-moz-placeholder,
#searchbar input:-moz-placeholder {
    color: #fff;
}

.newsletter2 input::-moz-placeholder,
#searchbar input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.newsletter2 input:-ms-input-placeholder,
#searchbar input:-ms-input-placeholder {
    color: #fff;
}


/*------------*/

:focus::-webkit-input-placeholder,
.newsletter2 input:focus::-webkit-input-placeholder,
#searchbar input:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus:-moz-placeholder,
.newsletter2 input:focus:-moz-placeholder,
#searchbar input:focus:-moz-placeholder {
    color: transparent;
}

:focus::-moz-placeholder,
.newsletter2 input:focus::-moz-placeholder,
#searchbar input:focus::-moz-placeholder {
    color: transparent;
    opacity: 1;
}

:focus:-ms-input-placeholder,
.newsletter2 input:focus:-ms-input-placeholder,
#searchbar input:focus:-ms-input-placeholder {
    color: transparent;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    background: #454545;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    letter-spacing: 0.046875em;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #242424;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: thin dotted;
    outline-offset: -4px;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
button[type="submit"],
select {
    outline: none;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 0.95em 0.5em;
    background-color: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    color: #7a8081;
    width: 100%;
    line-height: 1;
}

select {
    padding: 0.92em 0.5em;
}

textarea {
    min-height: 150px;
    padding: 10px;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color: #d2d8da;
    color: #1a1a1a;
    outline: 0;
}

label {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
}

label span {
    color: #ff0040;
}


/** ==================================================
    Navigation 
======================================================*/


/** ===== Links ====== */

a,
a:hover {
    text-decoration: none;
}

a,
.dropdown-menu li a,
.top-menu .dropdown-menu li a, 
header.style2 .navbar-nav .sub-menu li a {
    color: #313131;
}

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


/** ===================  Menus ====================*/

.top-menu {
    margin: 0;
    margin-top: 3px;
}

.top-menu li {
    padding-right: 20px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}

.top-menu .dropdown-menu li {
    padding: 0;
    display: block;
}

.dropdown-menu{ 
    margin: 0; 
    padding: 0;
    border-radius: 0;
}

.top-menu  .dropdown-menu>li>a{ 
    padding: 8px; 
}

.navbar-default .navbar-nav li a,
header.style2.scrolled .navbar-default .navbar-nav li a,
header.style3 .navbar-default .navbar-nav li a,
header.style2.scrolled ul.menu li a.icon,
header.style2.scrolled ul.login li a,
header.style3 ul.menu li a.icon,
header.style3 ul.login li a {
    color: #292929;
}

.navbar-nav li {
    font-size: 16px;
    font-weight: 500;
}

li.mega-link {
    position: initial;
}

.navbar-nav li a {
    padding: 28px 15px;
}

.navbar-nav li ul.sub-menu,
.navbar-nav li .mega-menu {
    border: 0;
}

.sub-menu li {
    border-bottom: 1px solid #ededed;
}

.sub-menu li:last-child {
    border-bottom: 0;
}

.navbar-nav .sub-menu li {
    font-size: 14px;
}

.sub-menu li a {
    padding: 12px 15px;
    display: block;
    background-color: #f9f9f9;
    text-transform: capitalize;
}

.navbar-nav li ul.sub-menu li a:before {
    content: "-";
    display: inline-block;
    opacity: 0;
}

.navbar-nav li ul.sub-menu li a:hover:before {
    padding-right: 10px;
    opacity: 1;
}

.sub-menu.mega-menu li {
    padding: 0;
    border: 0;
    font-weight: 400;
}

.sub-menu.mega-menu li a {
    padding: 3px 0;
}

.sub-menu.mega-menu li a:hover {
    background-color: transparent;
}

.mega-menu figure a {
    display: block;
    padding: 0;
}

.sub-menu.mega-menu h5 {
    padding-left: 7px;
}
 

header ul.menu li:after {
    margin: 0 4px;
    width: 1px;
    display: inline-block;
    content: "";
    background-color: #8d8c8c;
    position: relative;
    top: -2px;
    height: 20px;
}

header ul.menu li a.icon,
ul.login li a {
    position: relative;
    font-size: 25px;
    line-height: 1;
}

header ul.menu .count {
    min-width: 20px;
    height: 20px;
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 2;
    background-color: #fff;
    color: #454545;
}

.full-pg-menu, 
.full-pg-menu ul {
    margin:0;
    padding: 0;
    width: 100%;
}

.full-pg-menu li {
    margin: 0 0 6px;
    list-style: none;     
    font-weight: 400;
    text-transform: capitalize; 
    font-size: 14px;
}

.full-pg-menu.navbar-nav>li{ 
    margin: 0; 
}

.full-pg-menu.navbar-nav li a{ 
    padding: 0;
    display: block;
}

.full-pg-menu li:last-child {
    padding-bottom: 0;
}

.footer-link li {
    margin-bottom: 7px;
}

.footer-link li:last-child {
    margin-bottom: 0;
}

.footer-link li a {
    position: relative;
    display: inline-block;
}

.footer-link li a:before,
.full-pg-menu li a:before {
    margin-left: -5px;
    content: "-";
    display: inline-block;
    visibility: hidden;
}

.footer-link li a:hover:before,
.full-pg-menu li a:hover:before {
    margin: 0;
    visibility: visible;
    padding-right: 5px;
}


/** =========================================== 
    Alignments 
===============================================**/

.alignleft {
    float: left;
    margin: 0.375em 2em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 2em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 20px 0 1.75em;
    max-width: 121%;
}

blockquote.alignleft {
    margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
    margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
    margin-bottom: 1.473684211em;
}


/** ============================================= 
    Clearings 
==================================================*/

.clear:before,
.clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}


/** ============================================= 
    Widgets 
=================================================*/

.widget {
    margin-bottom: 20px;
    padding: 0;
}

.widget-area>:last-child,
.widget>:last-child {
    margin-bottom: 0;
}

.widget .widget-title:empty,
.widget .widget-title:empty:after,
.tag-links:empty {
    margin-bottom: 0;
    content: none;
}

.widget_categories,
.widget_archive,
.widget_meta,
.widget_recent_entries,
.widget_tag_cloud,
.widget_calendar,
.widget_recent_comments {}

.sidebar .widget {
    width: 100%;
    float: left;
}

.tagcloud {
    margin-top: 25px;
}


/*--- widget lists--*/

.widget ul,
.widget ul li {
    width: 100%;
    float: left;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget li {
    list-style: none;
}

.widget li a {
    display: block;
    padding: 8px 5px
}


/*--- Search box ---*/

.widget_search {
    position: relative;
}

.sidebar .widget_search input[type="text"],
.sidebar .widget_search input[type="search"] {
    position: relative;
    padding: 12px 70px 12px 10px;
    border: 2px solid #e4e4e4;
    background: #ffffff;
    color: #3a3a3a;
    display: block;
    width: 100%;
    border-radius: 0;
    height: 50px;
}

.widget_search button {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 46px;
    width: 65px;
    text-align: center;
    display: block;
    padding: 0;
    color: #fff;
    border-radius: 0;
}


/*--- Calendar widget ---*/

.widget.widget_calendar table {
    margin: 0;
}

.widget_calendar td,
.widget_calendar th {
    line-height: 2.5625;
    padding: 0;
    text-align: center;
}

.widget_calendar caption {
    font-weight: 900;
    margin-bottom: 1.75em;
}

.widget_calendar tbody a {
    background-color: #007acc;
    color: #fff;
    display: block;
    font-weight: 600;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
    background-color: #686868;
    color: #fff;
}


/*--- Recent Posts widget ---*/

.widget.widget_recent_entries ul {
    margin-top: 10px;
}

.widget.widget_recent_entries ul li {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding: 0 0 20px 85px;
    position: relative;
}

.widget_recent_entries ul li figure {
    position: absolute;
    left: 0;
    top: 5px;
    width: 70px;
    height: 60px;
    background-color: #000;
}

.widget_recent_entries ul li figure a:hover img {
    opacity: 0.9;
}

.widget.widget_recent_entries ul li a {
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.widget.widget_recent_entries ul li a:hover {
    background-color: transparent;
}

.widget.widget_recent_entries ul li a:before {
    content: none;
}

.widget_recent_entries .post-date {
    display: block;
    color: #8b8b8b;
    font-size: 13px;
}

.widget_recent_entries li:last-child .post-date {
    margin-bottom: 0;
}


/*--- RSS widget ---*/

.widget_rss .rsswidget img {
    margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
    color: #686868;
    display: block;
    font-size: 0.8125rem;
    font-style: normal;
    margin-bottom: 0.538461538em;
}

.widget_rss .rssSummary:last-child {
    margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child:last-child {
    margin-bottom: 0;
}


/*--- Tag Cloud widget ---*/

.tagcloud a,
.tag-links a {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    display: inline-block;
    margin: 0 0.1875em 0.3em 0;
    padding: 0.4em 0.88em 0.35em;
    background-color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #b3b3b3;
}

.tagcloud a:hover,
.tagcloud a:focus,
.tag-links a:hover {
    color: #fff;
    outline: 0;
    background-color: #5a5254;
}


/** =============================================== 
    Helper classes 
===================================================*/


/*================= Transition ==================*/

a,
.btn,
.transition,
.image-effect img,
.qk-vw,
ul.products li.product img,
.overlay:before,
.footer-link li a:before,
.full-pg-menu li a:before,
button[type="submit"],
input[type="submit"],
.quantity-wrap span:hover,
.woocommerce-checkout input.alt,
.abt-ftr-wrp figure:before,
.abt-ftr-wrp figure:after,
.team .box,
.team .bottom,
.modal-content button.close,
.navbar-nav li ul.sub-menu li a:before,
.mega-wrap ul li a:before,
.front,
.back,
.navbar-default .navbar-collapse,
.sub-menu.mega-menu h5 {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

.product-thumb-content .inner .bottom {
    transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
}

.overlay {
    position: relative;
}

.overlay:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.outer-wrap.overlay:before {
    z-index: 5;
}

.blog-wrap .overlay:hover:before,
.vid-wrap .overlay:before {
    background-color: rgba(0, 0, 0, 0.1);
}

.banner figure.overlay:before,
.parallax-wrap .overlay:before,
.outer-wrap.overlay:before {
    background-color: rgba(0, 0, 0, 0.5);
}

.text-white,
.btn.btn-search:hover,
header.style2 .navbar-nav li a,
header ul.menu li a,
ul.login li a,
.bg-light-blue:hover:hover,
.top-menu li a,
.top-menu .dropdown-menu li a:hover,
.sub-menu li a:focus,
.sub-menu li a:hover,
header.style2 .navbar-nav .dropdown-menu li a:hover,
header.style2 .navbar-nav .sub-menu li a:hover,
header.style2.scrolled .navbar-default .navbar-nav li .dropdown-menu li a:hover,
header.style3 .navbar-default .navbar-nav li .dropdown-menu li a:hover,
header.style2.scrolled .navbar-default .navbar-nav li .sub-menu li a:hover,
header.style3 .navbar-default .navbar-nav li .sub-menu li a:hover,
header.style2.scrolled ul.menu .count,
header.style3 ul.menu .count,
.btn.bdr-only:hover,
.product-thumb-wrap .tag,
.product-single-slide2 .bx-has-controls-direction a:hover,
table.cart td .btn-cart,
.filter-form .checkbox-wrap input:checked+span:before,
.woocommerce-checkout-review-order-table thead th,
.comment-respond button[type="submit"],
.location-block .store-info li,
.location-block .store-info li a,
.about-parallax1.intro blockquote p:before,
.about-parallax1.intro blockquote p:after,
.modal-body input[type="submit"]:hover,
.modal-body button[type="submit"]:hover,
.full-pg-menu li a,
.widget_shopping_cart .buttons .btn:hover,
.widget_shopping_cart .buttons .btn.primary-bg {
    color: #fff;
}

.box-shadow,
.promo-bar .box:hover,
.product-single-slide2 .bx-has-controls-direction a,
.play-btn:hover,
.vid-wrap:hover .play-btn,
.team .box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.look-book-wrap .small {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
}

.blog-wrap .btn.btn-link:hover,
.modal-body .btn-link:hover,
button.btn.btn-search:hover {
    box-shadow: none;
}

.btn {
    outline: none;
    line-height: 1;
    padding: 0.85em 2em;
    font-size: 14px;
}

.btn:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.btn.btn-lg {
    padding: 0.85em 2.5em;
    font-size: 16px;
}

.modal-body .button-wrap .btn.btn-lg {
    padding: 1em 2.5em;
}

.btn.bdr-only {
    border: 1px solid #454545;
}

.btn.bdr-only:hover {
    border-color: transparent;
}

button.btn.btn-search {
    border: 0;
    border-radius: 0;
    background-color: #565656;
    padding: 0.85em 0;
    width: 100%;
}

.product-thumb-content .btn {
    padding: 1em 0;
    border: 0;
    border-radius: 0;
    width: 45px;
}

.product-thumb-content .btn.qk-vw {
    position: relative;
    top: -210px;
}


/*==================== social icons ==========*/

ul.social-icons {
    margin: 0;
    padding: 0;
}

ul.social-icons li {
    display: inline-block;
    margin-right: 2px;
}

ul.social-icons li a {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #787878;
    text-align: center;
    line-height: 2.6;
    font-size: 16px;
}

ul.social-icons li a:hover {
    color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: transparent;
}


/*---------- share ---------*/

.share {
    margin: 0;
    padding: 0;
}

.share li {
    margin: 0 5px 0 0;
    list-style: none;
    display: inline-block;
    line-height: 1;
    font-size: 13px;
}

.share li a {
    padding: 7px 20px;
    display: block;
    text-transform: uppercase;
    color: #fff;
}

.share li .facebook {
    background-color: #365899;
}

.share li .facebook:hover {
    background-color: #223f78;
}

.share li .tweet {
    background-color: #1da1f2;
}

.share li .tweet:hover {
    background-color: #0e7cc0;
}

.share li .pin {
    background-color: #bd081c;
}

.share li .pin:hover {
    background-color: #8f0211;
}


/*================== Title  ====================*/

.main-title h3 {
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.border-title {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 25px;
    padding-bottom: 10px;
    line-height: 1;
}

.menu-title {
    border-bottom: 1px solid #747474;
    margin-bottom: 25px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 400;
}


/*======================= Margin  =====================*/

p,
.content-wrap {
    margin: 0 0 1.5em;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-70 {
    margin-bottom: 70px;
}

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

.mb-55,
form.checkout .col2-set .col-1 {
    margin-bottom: 55px;
}

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

.mb-45 {
    margin-bottom: 45px;
}

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

.mb-35 {
    margin-bottom: 35px;
}

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

.mb-25 {
    margin-bottom: 25px;
}

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

.mb-15 {
    margin-bottom: 15px;
}

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

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

p:last-of-type,
.mb-0 {
    margin-bottom: 0px;
}

.no-margin,
.no-gutter {
    margin: 0;
}

.costom-row {
    margin-left: -7px;
    margin-right: -7px;
}

.costom-row .col-sm-8,
.costom-row .col-sm-4 {
    padding: 0 7px;
}


/*================== Padding =======================*/

.pri-pad {
    padding: 100px 0;
}

.pri-pad-b {
    padding-bottom: 100px;
}

.sec-pad {
    padding: 50px 0;
}

.sec-pad-b {
    padding-bottom: 50px;
}

.p-0 {
    padding: 0;
}


/*============== image effect =============*/

.image-effect {
    display: block;
    overflow: hidden;
}

.image-effect:hover img,
ul.products li.product:hover img,
.team .box:hover .image-effect img {
    transform: scale(1.04);
}


/*============== backgrounds =============*/

.dark-grey,
table.cart td .coupon input[type="submit"],
table.cart td .btn-cart,
.woocommerce-checkout-review-order,
.comment-respond button[type="submit"] {
    background-color: #454545;
}

table.cart td .coupon input[type="submit"]:hover,
table.cart td .btn-cart:hover,
.comment-respond button[type="submit"]:hover {
    background-color: #282828;
}

.bg-gray {
    background-color: #e7e7e7;
}

.soft-gray,
table.cart th,
.cart-collaterals,
.blog-share ul.social-icons li a,
.team ul.social-icons li a {
    background-color: #f5f5f5;
}

.bg-light-blue,
.cart-collaterals .checkout-button,
.woocommerce-checkout input.alt,
.modal-body input[type="submit"],
.modal-body button[type="submit"] {
    background-color: #7a64db;
}

.btn.bg-light-blue:hover,
.cart-collaterals .checkout-button:hover,
.woocommerce-checkout input.alt:hover,
.modal-body input[type="submit"]:hover,
.modal-body button[type="submit"]:hover {
    background-color: #5d46c1;
}


/*================== circle ====================*/

.rounded-crcl,
ul.social-icons li a,
.product-thumb-wrap .tag,
.ui-slider .ui-slider-handle,
table.cart td.product-remove a.remove,
.modal-content button.close,
.mini_cart_item .remove {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

footer .signup form,
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers,
.pagination li a,
.scrollup,
.price .offer,
.custom-radio input+span,
.custom-radio input[type="radio"],
.quantity-wrap span,
.product-single-slide2 .bx-has-controls-direction a,
.cart-collaterals .checkout-button,
.woocommerce-checkout input.alt,
.modal-social li a,
.mobile-top {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/** ======================================
     Content 
========================================*/


/*=================== Header ========================*/

header {
    position: relative;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 0;
}

header.style2 {
    position: absolute;
}

header.scrolled {
    position: fixed;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

header.style2.scrolled,
header.style3.scrolled {
    background-color: #fff;
}

header.scrolled .top {
    margin-top: -60px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    min-height: inherit;
    border: 0;
    border-radius: 0;
    z-index: 3;
}

.header-left {
    padding-top: 16px;
    padding-left: 70px;
}

.header-right {
    padding-top: 25px;
}

header .header-left a {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.navbar-brand {
    margin: 25px 100px 0 0;
    height: inherit;
    padding: 0;
}

header.style2 .logo-black,
header.style2.scrolled .logo-white {
    display: none;
}

header.style2.scrolled .logo-black {
    display: block;
}

.logo,
.navbar-default .navbar-brand {
    font-size: 35px;
    line-height: 1;
    color: #fff;
}

header.style2.scrolled .navbar-default .navbar-brand,
header.style3 .navbar-default .navbar-brand {
    color: #292929;
}

.navbar-toggle {
    border: 0;
    margin: 2px 5px 0 0;
    padding: 0 5px;
    float: left;
}

.navbar-toggle.collapsed,
.navbar-toggle {
    z-index: 9999;
}

.navbar-toggle .icon-bar {
    position: relative;
}

.navbar-toggle.collapsed .icon-bar:nth-child(2) {
    transform: rotate(0);
    top: 0;
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    opacity: 1;
}


.navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform: rotate(0);
    top: 0;
}

.navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(45deg);
    top: 7px;
}

.navbar-toggle .icon-bar:nth-child(3) {
    opacity: 0;
}

.navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-45deg);
    top: -5px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.header-right .site-header-cart,
.header-right ul.login {
    display: inline-block;
    vertical-align: top;
}

header ul {
    margin: 0;
    padding: 0;
}

header ul li {
    list-style: none;
}

.site-header-cart li {
    display: inline-block;
    margin: 0px;
    position: relative;
}

header .top {
    padding: 15px 0;
    background-color: #000;
    position: relative;
    z-index: 4;
}

header ul.social-icons li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 2.5;
}

.mobile-top {
    background: rgba(255, 248, 213, 0.08);
    width: 90%;
    float: left;
    padding: 5px 10px;
    margin: 0 5% 10px;
}

.mobile-top .col-xs-12{ 
    padding: 0; 
}

/*=================== Footer ==================*/

footer {
    background-color: #252525;
}

.footer {
    padding: 20px 0;
    color: #bdbcbc;
    font-size: 12px;
    line-height: 1;
}

footer a,
footer h6 {
    color: #454545
}

.footer-title {
    text-transform: uppercase;
}

.copyright {
    padding-top: 12px;
}

footer ul.social-icons {
    margin-bottom: 30px;
}

footer .signup {
    font-size: 14px;
    line-height: 1.5;
}

footer .signup form {
    overflow: hidden;
    position: relative;
}

footer .signup form input[type="text"] {
    width: 100%;
    border-color: #fff;
    padding-right: 55px;
    border-radius: 0;
}

footer .signup form button[type="submit"] {
    width: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 0.72em 0;
    border: 0;
    border-radius: 0;
    font-size: 18px;
}

.scrollup {
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    line-height: 1.3;
    font-size: 30px;
    color: #fff;
    text-align: center;
    z-index: 100;
    display: none;
}

.scrollup:hover {
    color: #fff;
}


/*===================================== 
    Page content 
======================================*/

main {
    background: #fff;
    position: relative;
    z-index: 1;
}

.search-block {
    position: fixed;
    width: 100%;
    top: 79px;
    z-index: 5;
}

#searchbar {}

#searchbar form {
    padding: 40px 0;
    position: relative;
}

.banner {
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
}

.banner img {
    max-width: initial;
    display: inline-block;
}

.banner-content {
    position: absolute;
    padding-top: 80px;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 2;
}

.about-banner .banner-content {
    padding-top: 55px;
}

.banner-content,
.banner-content .wrap,
.banner-content .inner {
    height: 100%;
}

.about-banner .banner-content,
.about-banner .banner-content .wrap,
.about-banner .banner-content .inner {
    height: 800px;
}

.banner-content .wrap {
    display: table;
    width: 100%;
}

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

.banner-content .dis {
    font-size: 275px;
    opacity: 0.25;
    position: absolute;
    font-weight: 600;
    z-index: 1;
    top: -220px;
}

.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-30%);
    }
    100% {
        transform: translateY(0%);
    }
}


/*@-webkit-keyframes slideDown {
    0% {
        transform: translateY(-30%);
    } 
    100% {
        transform: translateY(0%);
    }
}
*/

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(-30%);
    }
    100% {
        transform: translateX(0%);
    }
}


/*@-webkit-keyframes slideLeft {
    0% {
        transform: translateX(-30%);
    } 
    100% {
        transform: translateX(0%);
    }
}
*/

.banner-content .info {
    position: relative;
    z-index: 2;
}

.banner.home-banner {
    margin-top: 60px
}


/*--------- promo bar -----*/

.promo-bar {
    margin-top: 30px;
}

.promo-bar .box {
    border: 1px solid #454545;
    padding: 15px;
    text-align: center;
}

.promo-bar.promo-2 .box {
    border: 0;
    padding: 25px 15px;
}

.promo-bar .box:hover {
    transform: translateY(-2px);
}

.box {
    position: relative;
}

a.layer-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
 
.promo-slide .bx-wrapper .bx-controls-direction a{
    width: 40px;
    height: 70px;
    background-size: 13px;
    opacity: 1;    
    padding: 0; 
}

.promo-slide .bx-wrapper .bx-controls-direction a:hover{
    background-color: rgba(0,0,0,0.7);
}

.promo-slide .bx-wrapper .bx-controls-direction a:hover{ 
    transform: scale(1);
}

.promo-slide .bx-wrapper .bx-prev{ 
    left: 0; 
    background: rgba(0,0,0,0.4) url("assets/images/arrow-white.png") no-repeat center;
}

.promo-slide .bx-wrapper .bx-next{ 
    right: 0; 
    background: rgba(0,0,0,0.4) url("assets/images/arrow-white-right.png") no-repeat center;
}

/*------ promo banner ----------*/

.promo-banner-wrap {}

.promo-banner-slide {
    margin: 0;
    padding: 0;
}

.promo-banner-slide li {
    list-style: none;
    position: relative;
    background: #000;
}

.promo-banner-slide li img {
    opacity: 0.95;
}

.promo-banner-slide li .banner-content {
    padding: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    z-index: 2;
    font-size: 18px;
}

.promo-banner-slide li h2 {
    font-weight: 600;
}

.promo-banner-slide span.price {
    margin: 30px 0;
    display: block;
    font-size: 72px;
    font-weight: 600;
    line-height: 1;
}

.promo-banner-slide span.price sup {
    font-size: 30%;
    top: -1.5em;
    margin-right: 5px;
}


/*----------- promo cat ------*/

.promo-cat {}


/*-------- new arrival -----*/

.new-arrival,
.tranding-product,
.recomended,
.related-product {
    margin-bottom: -5px;
}


/*------- look book -------*/

.look-book {}

.look-book-wrap {
    position: relative;
}

.look-book h1 {
    position: absolute;
    margin: auto;
    padding: 5px 0;
    display: inline-block;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
    width: 285px;
    height: 65px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.look-book-wrap .small {
    position: absolute;
    z-index: 3;
}

.look-book-wrap .small.top {
    top: -100px;
    left: 30px;
}

.look-book-wrap .small.bottom {
    bottom: -100px;
    right: 30px;
}


/*--------- cound down -----------*/

.count-down .wrap {
    background: #806bdc url('assets/images/count-down-wrap-bg.jpg') no-repeat top center;
    overflow: hidden;
    position: relative;
}

.day-offer {
    margin: 0;
    padding: 20px 0;
    background-color: #ea4de4;
    width: 300px;
    text-align: center;
    transform: rotate(-90deg);
    position: relative;
    left: -110px;
}

.count-down .mid h2 span {
    position: absolute;
    font-size: 95px;
    left: -115px;
    top: -15px;
}

.cont-wrap {
    text-align: right;
}

.cont-wrap div {
    display: inline-block;
    text-transform: uppercase;
    width: 110px;
    font-size: 18px;
    text-align: center;
    line-height: 1;
    color: #fff;
    position: relative;
}

.cont-wrap div+div:after {
    content: ":";
    display: inline-block;
    position: absolute;
    right: -4px;
    top: 0px;
    font-size: 40px;
}

.cont-wrap div span.no {
    margin-bottom: 5px;
    font-size: 48px;
    display: block;
    font-weight: 600;
}

.count-down .cont-wrap div.days {
    display: none;
}

.count-down .cont-wrap div.days:after,
.count-down .cont-wrap div:last-child:after {
    content: none;
}

.summary.entry-summary .cont-wrap {
    text-align: left;
}

.summary.entry-summary .cont-wrap div {
    width: 105px;
    color: #454545;
    font-size: 15px;
}

.summary.entry-summary .cont-wrap div span.no {
    font-size: 35px;
}

.summary.entry-summary .cont-wrap div+div:after {
    right: initial;
    left: -8px;
}

.summary.entry-summary .ui-accordion .ui-accordion-header {
    outline: none;
    border-radius: 0;
    margin: 0;
    padding: 10px 15px;
    display: block;
    font-size: 16px;
}

.summary.entry-summary .ui-accordion .ui-accordion-header,
.summary.entry-summary .ui-widget-content {
    border: 1px solid #dfdfdf;
    border-width: 0 0 1px;
    background: #fff;
    color: #454545;
}

.summary.entry-summary .ui-accordion .ui-accordion-header {
    position: relative;
}

.summary.entry-summary .ui-accordion .ui-accordion-header:after {
    content: "\f107";
    font-family: "Fontawesome";
    position: absolute;
    right: 10px;
    top: 10px;
}

.summary.entry-summary .ui-accordion .ui-accordion-header.ui-state-active:after {
    content: "\f106";
}

.summary.entry-summary .ui-accordion .ui-accordion-header:before {
    content: none;
}

.ui-icon {
    display: none;
}


/*----------- parallax----------------*/

.parallax-wrap {
    position: relative;
    z-index: 1;
}

.stuff {
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: relative;
}

.image {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 500;
    top: 0;
}

.promo-banner-wrap .image {
    background: url('assets/images/parallax-1.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.promo-banner-wrap .stuff {
    padding: 175px 0;
}

.about-parallax1 .image,
.about-parallax2 .image {
    background: url('assets/images/parallax-2.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.about-parallax2 .image {
    background: url('assets/images/parallax-3.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.about-parallax1 .stuff,
.about-parallax2 .stuff {
    min-height: 700px;
}


/*----------- extra info --------------*/

.extra-info {}

.extra-info .icon {
    border: 2px solid #fff;
    margin: 0 auto 30px;
    width: 90px;
    height: 90px;
    display: block;
    font-size: 35px;
    line-height: 2.7;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.extra-info .col-sm-4:hover .icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg) scale(1.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


/*------------ subscription ----------*/

.subscription {}

.subscription .form-group {
    display: inline-block;
    vertical-align: top;
}

.subscription input[type="text"],
.subscription input[type="email"] {
    border: 0;
    padding: 1.15em 0.5em;
    min-width: 320px;
    height: 50px;
}

.subscription input[type="submit"],
.subscription button[type="submit"] {
    border: 0;
    padding: 0.95em 2em;
    outline: none;
    height: 50px;
}


/*------- breadcrumb --------*/

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    line-height: 1;
}

.breadcrumb>li+li:before {
    padding: 0 2px;
    color: #454545;
}


/*========= slider range =====*/

#slider-range {
    margin-top: 30px;
}

.sidebar-box #slider-range {}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-slider-horizontal {
    height: 4px;
    background-color: #ebebeb;
}

div#amount {
    margin-top: 15px;
    font-size: 14px;
    color: #454545;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
}

.ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    outline: 0;
    background-color: #fff;
}


/**==================================== 
    Woo commerce 
==================================**/

.shop-main {}

.storefront-sorting {
    background-color: #f5f5f5;
    padding: 15px;
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.storefront-sorting .woocommerce-ordering,
.storefront-sorting .short-by,
.storefront-sorting .woocommerce-result-count {
    display: inline-block;
    vertical-align: middle;
}

select.orderby {
    outline: none;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.orderby option {
    font-size: 13px;
    text-transform: initial;
}

.woocommerce-ordering {
    position: relative;
    margin-top: 5px;
}

.woocommerce-ordering:after {
    content: "\f107";
    font-family: "Fontawesome";
    position: absolute;
    top: 0;
    right: -5px;
    width: 22px;
    background: #f5f5f5;
}

.storefront-sorting .short-by {
    float: right;
}

.storefront-sorting .short-by .btn.btn-default {
    margin-left: 10px;
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: 30px;
    color: #adadad;
}

.storefront-sorting .short-by .btn.btn-default i {
    margin: 0;
    right: 0;
}

.storefront-sorting .short-by .btn.btn-default:hover,
.storefront-sorting .short-by .btn.btn-default.active {
    box-shadow: none;
    transform: translateY(0);
    color: #636363;
}

.storefront-sorting .short-by .btn.btn-default:hover i {
    padding: 0;
}

.storefront-sorting .woocommerce-result-count {
    color: #a09a9c;
}


/*-------- woo commerce pop up -------*/

.widget.woocommerce.widget_shopping_cart {
    width: 370px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: 0;
    margin: 10px 0 0;
    left: -295px;
}

.widget_shopping_cart_content {
    padding: 20px;
    position: relative;
}

.widget_shopping_cart_content:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    content: "";
    position: absolute;
    right: 50px;
    margin: 0 auto;
    top: -8px;
}

.widget_shopping_cart h6.title {
    font-weight: 500;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}

.widget_shopping_cart .mini_cart_item,
.widget_shopping_cart .mini_cart_item:last-child {
    border-bottom: 1px solid #dfdfdf;
    margin: 0 0 13px;
    padding: 0 0 20px;
}

.widget_shopping_cart .mini_cart_item:after,
.mini_cart_item ul.product-info li:after {
    content: none;
}

.widget_shopping_cart table,
.widget_shopping_cart table td {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    vertical-align: top;
}

.widget_shopping_cart table td.figure {
    width: 81px;
}

.widget_shopping_cart table td.content {
    padding-left: 15px;
    font-size: 12px;
}

.widget_shopping_cart table td.content .btn {
    display: inline-block;
    margin-top: 7px;
    padding: 0.85em 1.5em 0.65em;
    font-size: 11px;
    color: #fff;
    line-height: 1;
    border: 0; 
    background-color: #454545;
    text-transform: uppercase;
}


.mini_cart_item h6.product-title {
    margin-bottom: 5px;
    max-width: 90%;
    margin-top: -3px;
    font-size: 16px;
}

.widget_shopping_cart .buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.widget_shopping_cart .buttons .btn {
    display: inline-block;
    text-transform: uppercase;
    border-color: #dfdfdf;
    width: 48%;
    text-align: center;
    color: #454545;
}

.widget_shopping_cart .buttons .btn:hover,
.widget_shopping_cart .buttons .btn.primary-bg {
    border-color: transparent;
}

.mini_cart_item ul.product-info {
    margin: 0;
    padding: 0;
    display: block;
}

.mini_cart_item ul.product-info li {
    border: 0;
    padding: 0;
    display: block;
    margin: 0;
}


/*=======================  Peginations  ====================*/

.storefront-sorting .woocommerce-pagination {
    float: right;
}

.pagination,
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
    margin: 0;
    padding: 0;
}

.pagination .page-numbers li,
.woocommerce-pagination .page-numbers li {
    list-style: none;
    display: inline-block;
    font-size: 16px;
}

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers,
.pagination li a {
    width: 45px;
    text-align: center;
    line-height: 1;
    padding: 0.72em 0;
    display: block;
    color: #454545;
    background-color: #f5f5f5;
}

.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover,
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current,
.pagination li a:hover {
    color: #fff;
    background-color: #b9b9b9;
}


/*============ Product list ============*/

ul.products {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

ul.products li {
    list-style: none;
}

ul.products li.product {
    margin-left: 0;
    margin: 0 20px 50px 0;
    text-align: left;
    position: relative;
    float: left;
    width: 270px;
    list-style: none;
}

.three-column ul.products li.product {
    width: 32.1%
}

.two-column ul.products li.product {
    width: 48.5%
}

.three-column ul.products li.product figure,
.two-column ul.products li.product figure {
    background-color: #f5f5f5;
    text-align: center;
}

.col-sm-9 ul.products li.product {
    width: 269px;
}

ul.products li.product.last {
    margin-right: 0;
}

.product-thumb-wrap {
    position: relative;
    overflow: hidden;
}

.product-thumb-wrap .tag {
    position: absolute;
    z-index: 5;
    top: 10px;
    left: 10px;
    width: 45px;
    height: 45px;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 3.8;
}

.product-thumb-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.product-thumb-content,
.product-thumb-content .wrap,
.product-thumb-content .inner {
    /*height: 100%;*/
}

.product-thumb-content .wrap {
    display: table;
    width: 100%;
}

.product-thumb-content .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.product-thumb-content .inner .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    float: left;
    transform: translateY(10px);
    opacity: 0;
}

.qk-vw {
    transform: translateY(-10px);
    opacity: 0;
}

.product:hover .product-thumb-content .inner .bottom,
.product:hover .qk-vw {
    opacity: 1;
    transform: translateY(0);
}

.product-thumb-content .inner .bottom a {
    float: left;
    width: 20%;
}

.product-thumb-content .inner .bottom a+a {
    border-left: 1px solid #a196d1;
}

.product-thumb-content .inner .bottom a:nth-child(2) {
    width: 60%;
}

ul.products .content {
    text-align: center;
}

.star-rating {
    margin: 0 0 5px;
    padding: 0;
}

.star-rating li {
    list-style: none;
    display: inline-block;
}

ul.products .price {
    font-weight: 600;
    font-size: 16px;
}


/*---------- product slide -----------*/

ul.products.product-slide li {
    margin: 0;
}


/*--------- sidebar product---*/

.shop-sidebar ul.products li.product {
    margin-bottom: 30px;
    width: 100%;
    display: table;
}

.shop-sidebar ul.products li figure,
.shop-sidebar ul.products li .content {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.shop-sidebar ul.products li figure {
    width: 170px;
}

.col-sm-3.shop-sidebar ul.products li figure {
    width: 100px;
}

.shop-sidebar ul.products li .content {
    padding-left: 25px;
}

.col-sm-3.shop-sidebar ul.products li .content {
    padding-left: 15px;
}

.shop-sidebar ul.products li .content h6 {
    font-size: 16px;
}


/*=======================  Product single page  =====================*/

.single-product div.product {
    clear: both;
}

.single-product div.product .grouped-product form.cart {
    margin-bottom: 0;
}

.images div#thumb-pager,
.product-single-slide {
    float: left;
}

.images div#thumb-pager {
    width: 130px;
}

.images div#thumb-pager a {
    margin-bottom: 15px;
    display: block;
    opacity: 0.5;
}

.images div#thumb-pager a:last-child {
    margin-bottom: 0;
}

.images div#thumb-pager a.active {
    opacity: 1;
}

.product-single-slide {
    width: 545px;
    margin-left: 10px;
    text-align: center;
}

.product-single-slide img {
    display: inline-block;
}

.woocommerce-product-rating {}

.woocommerce-product-rating ul.star-rating,
.woocommerce-product-rating span.review-count {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.price .offer {
    border: 1px solid transparent;
    padding: 8px 15px 6px;
    font-size: 14px;
    background-color: #fff;
    display: inline-block;
    font-weight: 500;
    vertical-align: top;
    line-height: 1;
}

.summary.entry-summary ins {
    padding-left: 15px;
    padding-right: 15px;
}

.single-product div.product table.variations {
    border: 0;
    margin-bottom: 0;
    line-height: 1;
}

.single-product div.product table.variations {
    margin-bottom: 30px;
}

.single-product div.product table.variations td,
.single-product div.product table.variations th {
    border: 0;
    padding: 0;
    margin: 0;
}

.single-product div.product .variations_form .label {
    font-weight: bold;
    text-align: left;
    padding: 0;
    display: table-cell;
    width: 110px;
    vertical-align: middle;
    color: #454545;
    font-size: 18px;
    font-weight: 500;
}

.custom-radio {}

table.variations label.custom-radio {
    margin: 0 5px 0 0;
    vertical-align: top;
}

.custom-radio input+span,
.custom-radio input[type="radio"] {
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    color: #929292;
    font-weight: normal;
    font-size: 16px;
    line-height: 2.4;
}

span.radio-box.color1 {
    background-color: #7cc261;
}

span.radio-box.color2 {
    background-color: #4dc8c7;
}

span.radio-box.color3 {
    background-color: #7a9bd8;
}

span.radio-box.color4 {
    background-color: #80dbe8;
}

span.radio-box.color5 {
    background-color: #cc7566;
}

span.radio-box.color6 {
    background-color: #d4be81;
}

.custom-radio input[type="radio"]:checked+span {
    position: relative;
}

.custom-radio input[type="radio"]:checked+span:before {
    color: #fff;
    content: "\f00c";
    font-family: "Fontawesome";
}

.custom-radio input[type="radio"] {
    position: absolute;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

.quantity-wrap span {
    border: 1px solid #c0c0c0;
    display: inline-block;
    width: 40px;
    height: 36px;
    line-height: 1.3;
    font-size: 27px;
    background-color: #fff;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    font-weight: 500;
}

.quantity-wrap span:hover {
    color: #fff;
    background-color: #c0c0c0;
}

.quantity-wrap input[type="number"] {
    border: 1px solid #c0c0c0;
    width: 58px;
    height: 36px;
    padding: 0.7em 0.5em;
    text-align: center;
}

.quantity-wrap input[type=number]::-webkit-inner-spin-button,
.quantity-wrap input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.summary.entry-summary .btn.alt {
    padding: 1.28em 2.5em;
    display: block;
    width: 100%;
}

.summary.entry-summary button.button-wish {
    margin-top: 10px;
    padding: 0;
    background-color: transparent;
    color: #454545;
    text-transform: initial;
}

.slide-bg {
    position: relative;
    background: #cf0072;
    background: -moz-linear-gradient(left, #cf0072 51%, #f5f5f5 51%, #f5f5f5 51%);
    background: -webkit-linear-gradient(left, #cf0072 51%, #f5f5f5 51%, #f5f5f5 51%);
    background: linear-gradient(to right, #cf0072 51%, #f5f5f5 51%, #f5f5f5 51%);
    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cf0072', endColorstr='#f5f5f5', GradientType=1);*/
}

.slide-bg:after {
    content: "";
    position: absolute;
    background: url("assets/images/slide-bg.jpg") no-repeat top center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.slide-bg .container {
    position: relative;
    z-index: 3;
}

.product-single-slide2 {
    width: 520px;
}

.product-single-slide2 .bx-has-controls-direction {
    position: absolute;
    right: -82px;
    z-index: 2;
    bottom: 35px;
    transform: skewX(-5deg);
}

.product-single-slide2 .bx-has-controls-direction a {
    padding: 5px 25px;
    display: inline-block;
    background: #fff;
    opacity: 1;
    box-shadow: 0 0 rgba(0, 0, 0, 0.1);
    position: relative;
    text-indent: inherit;
    line-height: initial;
    height: initial;
    width: initial;
    font-size: 20px;
}

.images .bx-has-controls-direction a.bx-prev {
    left: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.images .bx-has-controls-direction a.bx-next {
    right: initial;
    left: 0;
    top: 35px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.product-single-slide2 .bx-has-controls-direction a:hover {
    transform: scale(1);
}


/*=================  Woocommerce-tabs  ==================*/

.single-product div.product .woocommerce-tabs {
    clear: both;
}

.woocommerce-tabs.wc-tabs-wrapper {}

.woocommerce-tabs ul.tabs {
    border: 0;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
}

.woocommerce-tabs ul.tabs:after {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 49%;
    background-color: #e1e1e1;
    z-index: 1;
}

.woocommerce-tabs .tab-content {}

.woocommerce-tabs .nav-item {
    margin: 0 -3px;
    width: initial;
    float: none;
    position: relative;
    z-index: 2;
    display: inline-block;
    background-color: #fff;
}

.woocommerce-tabs ul.tabs li+li:before {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 5px;
}

.woocommerce-tabs ul.tabs li a {
    border-radius: 0;
    color: #36393b;
    font-weight: 500;
    padding: 0px 15px;
    display: inline-block;
    border: 0;
    margin: 0;
    line-height: 1;
    position: relative;
}

.woocommerce-tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li.active a {
    border: 0;
    background-color: transparent;
}

.woocommerce-tabs .tab-content>.tab-pane {
    border: 0;
    margin-bottom: -5px;
    box-shadow: none;
}


/*==========================Woo commerce cart=======================*/

table.cart,
table.cart th,
table.cart td,
.cart-collaterals .shop_table,
.cart-collaterals .shop_table th,
.cart-collaterals .shop_tabletd,
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
.checkout-total,
.checkout-total th,
.checkout-total td {
    border-color: transparent;
}

table.cart td,
.cart-collaterals .shop_table th,
.cart-collaterals .shop_table td,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th,
.checkout-total td,
.checkout-total th {
    border-color: #dfdfdf;
    border-width: 1px 0 0 0;
    padding: 0.5em 0;
}

.cart-collaterals .shop_table th,
.cart-collaterals .shop_table td,
.woocommerce-checkout-review-order-table td,
.checkout-total td,
.checkout-total th {
    border-width: 0 0 1px 0;
    color: #5a5254;
}

table.cart {
    position: relative;
}

table.cart.wish-list {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0;
}

table.cart td {
    padding: 40px 0 40px 30px;
    vertical-align: middle;
    font-weight: bold;
}

table.cart.wish-list td {
    vertical-align: middle;
}

table.cart.wish-list td .btn i {
    font-weight: bold;
}


tr.cart_item td.product-price {
    font-weight: 300;
}

table.shop_table.cart.cart td:first-child {
    padding-left: 0
}

.cart-collaterals .shop_table td,
.cart-collaterals .shop_table .order-total th {
    padding: 0;
    font-weight: 500;
}

table.cart th {
    padding: 20px 0 20px 28px;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #454545;
}

table.cart .product-remove {
    width: 30px;
    padding: 0;
}

table.cart.wish-list .product-remove {
    padding-top: 0;
}

table.cart .product-name {
    width: 50%;
}

table.cart.wish-list .product-name {
    width: 40%;
}

table.cart td.product-remove a.remove,
.mini_cart_item .remove {
    padding: 0;
    color: #ff0040;
    line-height: 1;
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    line-height: 2.1;
    background-color: #f5f5f5;
}

.mini_cart_item .remove {
    line-height: 2.4;
}

table.cart td.product-remove a.remove:hover,
.mini_cart_item .remove:hover {
    background-color: #ebebeb;
}

.mini_cart_item .remove {
    position: absolute;
    right: 0;
}

.product-info {
    display: inline-table;
    vertical-align: middle;
    margin-left: 25px;
}

.product-info h6 {
    margin-bottom: 8px;
}

table.shop_table.wish-list .product-info h6 {
    margin-bottom: 0;
}

.product-info ul {
    margin: 0;
    padding: 0;
}

.product-info ul li {
    list-style: none;
    color: #454545;
    font-weight: normal;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table tfoot .order-total {
    font-weight: 400;
}

.woocommerce-checkout-review-order-table tfoot th {
    background-color: transparent;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 15px 18px 14px;
    line-height: 1.4;
    font-weight: 300;
}

.woocommerce-checkout-review-order-table thead th {
    font-size: 16px;
    font-weight: 600;
}

.shipping-cost {
    color: #27ae60;
}

.woocommerce-checkout-review-order-table th:first-child,
.woocommerce-checkout-review-order-table td:first-child {
    width: 75%;
}

.woocommerce-checkout-review-order-table .product-info {
    margin-left: 0;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td,
.checkout-total td {}

.payment_methods {
    margin: 0;
    padding: 0;
}

.payment_methods li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.payment_methods li label {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

.payment_methods li input,
.payment_methods li label:before {
    position: absolute;
    left: 0;
    top: 6px;
    width: 15px;
    height: 15px;
    border: 1px solid #dfdfdf;
    content: "";
    margin: 0;
    text-align: center;
    border-radius: 50%;
    color: #979797;
}

.payment_methods li input:checked+label:before {
    content: "\f111";
    font-family: "Fontawesome";
    font-size: 6px;
    line-height: 2.35;
}

.payment_methods li input {
    opacity: 0;
    z-index: 2;
    width: 100%;
}


/*=========================  Cupon ======================*/

table.cart td .coupon {
    float: left;
    width: 470px;
}

table.cart td .coupon input {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

table.cart td .coupon label,
.cart-collaterals h2 {
    display: none;
}

table.cart td .coupon input[type="text"],
table.cart td .coupon input[type="submit"],
table.cart td .btn-cart {
    border: 0;
    padding: 0.95em 1em;
    font-weight: normal;
    min-width: 315px;
    float: left;
    text-transform: uppercase;
    height: 50px;
}

table.cart td .coupon input[type="text"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #ebebeb;
}

table.cart td .coupon input[type="submit"] {
    margin-left: 0;
    width: initial;
    min-width: inherit;
    line-height: 1;
    padding: 1.27em 1.5em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

table.cart td .btn-cart,
.comment-respond button[type="submit"] {
    padding: 1.25em 1.5em;
    float: right;
    min-width: 170px;
}


/*==================== Cart total ===================*/

.cart-collaterals {
    margin-bottom: 0;
    padding: 30px 20px 35px;
    width: 370px;
    float: right;
    position: relative;
}

.cart-collaterals .shop_table th,
.cart-collaterals .shop_table .order-total th {
    font-weight: 400;
    text-align: right;
    padding-right: 40px;
    width: 70%;
}

.cart-collaterals .shop_table th,
.cart-collaterals .shop_table td {
    border: 0;
}

.cart-collaterals .shop_table .shipping th,
.cart-collaterals .shop_table .shipping td {
    padding-bottom: 28px;
    padding-top: 5px;
}

.cart-collaterals .shop_table .order-total th,
.cart-collaterals .shop_table .order-total td {
    border-top: 1px solid #d5d5d5;
    padding-top: 25px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.order-total th {
    font-weight: bold;
}

.wc-proceed-to-checkout {
    margin-bottom: 20px;
}

.cart-collaterals input.button.update_cart,
.cart-collaterals .checkout-button,
.woocommerce-checkout input.alt {
    text-transform: uppercase;
    display: block;
    width: 100%;
    color: #fff;
    padding: 0.81em 1em;
    text-align: center;
    line-height: 1;
}

.cart-collaterals .checkout-button,
.woocommerce-checkout input.alt {
    padding: 0.99em 0.8em 0.97em;
    font-size: 20px;
}


/*===================== Checkout  ====================*/

.woocommerce-checkout {
    width: 100%;
    float: left;
}

form.checkout {}

form.checkout .col2-set {
    width: 64.5%;
    float: left;
}

.woocommerce-checkout-review-order {
    padding: 20px;
    width: 32.8%;
    float: right;
}

.woocommerce-checkout-review-order .box {
    padding: 20px 15px;
    background-color: #fff;
}

form.checkout .col2-set .col-1,
form.checkout .col2-set .col-2 {
    width: 100%;
    display: block;
    max-width: 100%;
    padding: 0;
    float: left;
}

form.checkout .col2-set .col-2 {
    float: right;
}

.woocommerce-checkout h4.title {
    margin: 0 0 25px;
}

.woocommerce-checkout .col2-set .form-row-first,
.woocommerce-checkout .col2-set .form-row-last {
    width: 48%;
    float: left;
}

.woocommerce-checkout .col2-set .form-row-last {
    float: right;
}

.woocommerce-checkout .col2-set .form-row-wide {
    width: 100%;
    float: left;
}

.woocommerce-checkout .col2-set .form-row {
    margin-bottom: 0;
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    margin-bottom: 30px;
    border-radius: 0;
}

.woocommerce-checkout textarea {
    margin: 0;
}

.woocommerce-checkout label {
    font-weight: 500;
    margin-bottom: 3px;
    color: #454545;
}

.required {
    color: #ff0000;
}

.woocommerce-checkout h5 {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
    padding-bottom: 5px;
    position: relative;
}

h5#order_review_heading {
    margin-bottom: 20px;
    border-color: #fff;
    color: #fff;
}

.woocommerce-checkout label abbr[title] {
    border: 0;
    color: red;
}

.create-account label,
.checkbox-wrap {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.checkbox-wrap {
    position: relative;
}

.woocommerce-checkout h3 .checkbox-wrap {
    margin-right: -10px;
    float: right;
}

.checkbox-wrap input[type="checkbox"]+label {
    padding-left: 25px;
}

.woocommerce-checkout input.alt {
    margin: 0;
}


/*------- costom checkbox -------*/

.filter-form .checkbox-wrap {
    margin-bottom: 20px;
    display: block;
    padding-left: 22px;
    line-height: 1;
}

.checkbox-wrap input[type="checkbox"]+label:before,
.checkbox-wrap input[type="checkbox"],
.checkbox-wrap input+span:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 17px;
    height: 17px;
    border: 1px solid #d7d7d7;
    content: "";
    margin: 0;
    text-align: center;
    line-height: 1.2;
    font-size: 12px;
}

.filter-form .checkbox-wrap input+span:before {
    top: -1px;
    width: 15px;
    height: 15px;
}

.checkbox-wrap input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: 2;
    width: 100%;
}

.checkbox-wrap input:checked+label:before,
.checkbox-wrap input:checked+span:before {
    content: "\f00c";
    font-family: "Fontawesome";
}

.woocommerce-checkout-review-order-table {
    border: 0;
    background-color: #fff;
}

.woocommerce-checkout-review-order-table th {
    border: 0;
}

table.woocommerce-checkout-review-order-table tfoot {}

.checkout-total {
    width: 370px;
    float: right;
    margin: -25px 0 80px;
}

.checkout-total th {
    font-weight: inherit;
}

.checkout-total td {
    font-weight: 500;
    text-transform: uppercase;
}

.woocommerce-checkout-payment .box {
    padding: 35px 40px;
}

.woocommerce-checkout-payment .place-order {
    text-align: right;
}

.woocommerce-checkout-payment .place-order input[type="submit"] {
    color: #000;
    text-transform: capitalize;
    padding: 0.84375em 1.8em 0.78125em;
}

.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-validated label {
    color: #fff;
    font-size: 13px;
}

.woocommerce-checkout-review-order .woocommerce-validated .checkbox-wrap input[type="checkbox"]+label:before {
    top: 2px;
    border-color: #fff;
    background-color: #fff;
}

.woocommerce-checkout-review-order .woocommerce-validated .checkbox-wrap input[type="checkbox"]:checked+label:before {
    color: #454545;
}


/*------------- message area -----------*/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    margin-bottom: 50px;
    padding: 2.5em 2em;
    position: relative;
    background-color: #f0f8ed;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

.woocommerce-info {
    border-top-color: #7cc261;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    margin-right: 10px;
    background: url("assets/images/info-img.png") no-repeat top center;
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
    font-weight: 600;
}

.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
    text-decoration: underline;
}


/*==================== 
Blog ==============*/

.featured-blog {}

.post-date {
    color: #727272;
    font-size: 90%;
}

.blog-wrap .btn.btn-link {
    padding: 0;
}

.flip-container {}

.flip-container:hover .flipper,
.flip-container.hover .flipper {}

.flip-container,
.front,
.back {
    width: 100%;
    height: 100%;
    position: relative;
}

.flipper {
    position: relative;
    overflow: hidden;
}

.front,
.back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.front {}

.back {
    opacity: 0;
    transform: scale(1.3);
}

.flipper:hover .front {
    opacity: 0;
}

.flipper:hover .back {
    opacity: 1;
    transform: scale(1);
}

.flipper .content {
    padding: 15px;
    position: absolute;
    z-index: 2;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.flipper .front .content {
    bottom: 0;
    min-height: 85px;
}

.flipper .back .content {
    height: 100%;
}

.content .wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.content .wrap .inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}


/*------- classic layout -------*/

.blog-wrap.classic {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.blog-wrap.classic .content {
    padding-left: 100px;
    position: relative;
}

.blog-wrap.classic .post-date {
    border-right: 1px solid transparent;
    padding-right: 18px;
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
}

.blog-wrap.classic .post-date span {
    display: block;
    font-size: 40%;
    font-weight: 400;
}


/*------------ blog single -------*/

.blog-wrap.classic.single-page {
    border: 0;
    margin: 0;
    padding: 0 100px;
}

.bottom.border-box {
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
    padding: 15px 0;
    width: 100%;
    float: left;
}

.tags {
    padding-top: 1px;
}

.tags a {
    display: inline-block;
}

.tags a:hover {
    text-decoration: underline;
}

.tags a:after {
    content: " , ";
}

.tags a:last-child:after {
    content: none;
}

.blog-share ul.social-icons li a,
.team ul.social-icons li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 2.3;
}


/*-------------- comment --------------*/

.comment-area {
    margin-top: 10px;
    width: 100%;
    float: left;
}

.comment-list {
    margin: 0;
    padding: 0;
}

.comment-list li {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 40px;
    padding-bottom: 35px;
    list-style: none;
    position: relative;
}

.comment-list li ul {
    margin-left: 100px;
}

.comment-list li ul li:last-child {
    border: 0;
    margin: 0;
    padding-bottom: 0;
}

.avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.avatar img {
    width: 100%;
}

.avatar:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: url('assets/images/avatar-wrap.png') no-repeat top center;
    background-size: 100%;
}

.comment-body {
    padding-left: 100px;
}

.comment-meta {
    margin-bottom: 10px;
}

.comment-meta h5 {
    margin: 0;
    line-height: 1.6;
}

.comment-meta h5 span {
    font-size: 75%;
}

.comment-body a.more:hover,
.comment-meta h5 span,
a.primary-color:hover {
    color: #454545;
}

.comment-content {}

.comment-respond {}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea,
#searchbar input[type="text"] {
    padding: 0.85em 0;
    border-radius: 0;
    border-width: 0 0 1px;
    background-color: transparent;
}

.comment-respond .form-group {
    margin-bottom: 30px;
}

.comment-respond .form-group:last-child {
    margin-bottom: 0;
}

.comment-respond button[type="submit"] {
    border: 0;
    width: initial;
    float: none;
}

#searchbar input[type="text"] {
    border-color: #fff;
    color: #fff;
    padding-right: 40px;
}

#searchbar button[type="submit"] {
    outline: 0;
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50px;
    width: initial;
    background-color: transparent;
    color: #fff;
    font-size: 25px;
}

.login-social li a {
    padding: 1.2em 0 1em;
}


/*------ faq -----*/

.faq-block {}

.faq-block .box {
    padding: 75px;
}

.faq-block .box .content-wrap {
    padding: 0 110px;
}

.faq-block .box span,
.faq-block .box span a {
    color: #7a64db;
}

.faq-block .box span a:hover {
    color: #2f1895;
    text-decoration: underline;
}

.faq-block .box span {
    display: inline-block;
    padding: 0 25px;
}


/*------- contact ----------*/

.store-location {
    padding: 25px 30px;
    width: 100%;
    float: left;
}

.store-info li {
    margin: 0 0 20px 0px;
    padding-left: 35px;
    position: relative;
    color: #454545;
}

.store-info li.title {
    padding-left: 0
}

.store-info li:last-child {
    margin-bottom: 0;
}

.store-info li i {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 25px;
}

.store-location hr {
    border-top: 1px solid #e1e1e1;
    margin: 27px -30px;
}

.map-holder iframe {
    margin-bottom: -8px;
    width: 100%;
    border: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
}

.map-wrap .map-holder iframe {
    -webkit-filter: grayscale(80%);
}


/*------------ about --------------*/

.video-block h4 {
    margin: 0 auto 45px;
}

.vid-wrap {
    position: relative;
}

.play-btn {
    margin: auto;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 40px;
    line-height: 2.5;
    color: #454545;
}

.play-btn:hover,
.vid-wrap:hover .play-btn {
    background-color: #fff;
}

.intro {}

.intro .content-wrap {
    column-count: 2;
    column-gap: 50px;
}

.intro .quote {
    margin: 15px 0 92px;
    padding: 0 100px;
    font-size: 18px;
    font-weight: 600;
}

.intro blockquote {
    border: 0;
    margin: 0 0 40px;
    padding: 0;
    font-size: 24px;
    font-style: italic;
    text-align: left;
}

.intro blockquote:before {
    content: none;
}

.intro blockquote p {
    quotes: "“" "”" "‘" "’";
}

.intro blockquote p:before,
.intro blockquote p:after {
    display: inline-block;
    position: absolute;
    font-size: 70px;
}

.intro blockquote p:before {
    margin: -30px 0 0 -45px;
    content: open-quote;
}

.intro blockquote p:after {
    content: close-quote;
    margin: -10px 0 0;
}

.followers h6 {
    border: 1px solid transparent;
    padding: 15px 40px;
    display: inline-block;
}

.followers .cover-wrap {
    display: inline-block;
}

.followers .cover-wrap.mid {
    margin: 0 65px;
}

.followers .wrap {
    position: relative;
    width: 268px;
    height: 268px;
    display: table;
}

.followers .wrap .inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

.followers .wrap i {
    font-size: 45px;
}

.followers .wrap .no {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.3;
}

.followers .wrap span {
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.followers a.link {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
    text-decoration: underline;
    font-weight: 500;
}

.cover-wrap .insta {
    background: url(assets/images/insta-wrap.png) no-repeat top center;
    background-size: 100%;
}

.cover-wrap .insta,
.cover-wrap a.insta-link {
    color: #c13584;
}


.cover-wrap .facebook {
    background: url(assets/images/fb-wrap.png) no-repeat top center;
    background-size: 100%;
}

.cover-wrap .facebook,
.cover-wrap a.fb-link {
    color: #365899;
}

.cover-wrap .twit {
    background: url(assets/images/twit-wrap.png) no-repeat top center;
    background-size: 100%;
}

.cover-wrap .twit,
.cover-wrap a.twit-link {
    color: #1da1f2;
}

.cover-wrap a.insta-link:hover,
.cover-wrap a.fb-link:hover,
.cover-wrap a.twit-link:hover {
    color: #454545;
}


.about-parallax1 {}

.team {}

.team-wrap,
.abt-ftr-wrp {
    display: flex;
    align-items: center;
}

.team-wrap:nth-child(even),
.abt-ftr-wrp:nth-child(even) {
    flex-direction: row-reverse;
}

.team-wrap figure,
.team-wrap .content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.abt-ftr-wrp figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
}

.abt-ftr-wrp .content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 51%;
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    max-width: 51%;
}

.team-wrap .content,
.abt-ftr-wrp:nth-child(even) .content {
    padding-left: 30px;
}

.team-wrap:nth-child(even) .content,
.abt-ftr-wrp .content {
    padding-left: 0;
    padding-right: 30px;
}

.abt-ftr-wrp figure {
    position: relative;
}

.abt-ftr-wrp figure:before,
.abt-ftr-wrp figure:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
}

.abt-ftr-wrp figure:before {
    right: -16px;
    bottom: -15px;
    width: 10px;
    height: 100px;
}

.abt-ftr-wrp figure:after {
    right: -6px;
    bottom: -15px;
    width: 100px;
    height: 10px;
}

.abt-ftr-wrp figure:hover:before {
    height: 150px;
}

.abt-ftr-wrp figure:hover:after {
    width: 150px;
}

.abt-ftr-wrp:nth-child(even) figure:before {
    right: initial;
    left: -16px;
}

.abt-ftr-wrp:nth-child(even) figure:after {
    right: initial;
    left: -6px;
}

.team .author {
    padding-bottom: 17px;
    display: block;
    position: relative;
}

.team .author:after {
    content: "";
    width: 60%;
    height: 1px;
    background-color: #dfdfdf;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.team.full .author {
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.team.full .author:after {
    content: none;
}

.team .bottom {
    margin-bottom: -40px;
    padding: 40px;
}

.team .box:hover .bottom {
    background-color: #fdfdfd;
}

.team .box:hover {
    transform: translateY(-5px);
}

.store-location-wrap {
    margin-bottom: -150px;
    position: relative;
    z-index: 2;
    background: -moz-linear-gradient(left, rgba(124, 194, 97, 0) 35%, rgba(124, 194, 97, 1) 0%);
    background: -webkit-linear-gradient(left, rgba(124, 194, 97, 0) 35%, rgba(124, 194, 97, 1) 0%);
    background: linear-gradient(to right, rgba(124, 194, 97, 0) 35%, rgba(124, 194, 97, 1) 0%);
    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007cc261', endColorstr='#7cc261', GradientType=1);*/
}

.location-block .store-location {
    padding: 55px 35px;
}

.location-block ul {
    display: inline-block;
    width: 45%;
    float: left;
}

.location-block ul+ul {
    float: right;
}

.about-parallax1.intro .stuff {
    padding: 175px 0;
    min-height: initial;
}

.about-parallax1.intro .quote {
    margin: 0 auto;
    padding: 0;
    width: 70%;
    text-align: center;
}

.about-parallax1.intro blockquote {
    color: #fff;
    text-align: center;
}


/*------- fun fact-------*/

.fun-fact .container {
    padding: 0 115px;
}

.title-wrap .icon,
.title-wrap .title {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

.title-wrap .icon {
    margin-right: 10px;
    width: 70px;
    height: 70px;
    font-size: 35px;
    text-align: center;
    line-height: 2.2;
}

.fun-fact p {
    max-width: 90%;
}

.title-wrap .no {
    font-weight: 500;
}


/*--------- login --------*/

.modal-backdrop {
    position: relative;
}

.modal.myModal,
.modal.newsletter {
    background-color: rgba(0, 0, 0, 0.6);
}

.modal-dialog {
    width: 380px;
    margin: 4% auto 0;
}

.modal-content {
    border-radius: 0;
    padding: 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.modal-content button.close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -25px;
    top: -25px;
    color: #fff;
    opacity: 1;
    z-index: 2;
    font-size: 30px;
}

.modal-body {
    padding: 30px;
}

.modal-body {
    border-top: 5px solid transparent;
}

.modal-social {
    margin: 0 0 10px;
    padding: 0;
}

.modal-social li {
    margin-bottom: 10px;
    list-style: none;
    width: 100%;
}

.modal-social li:last-child {
    margin-bottom: 0;
}

.modal-social li a {
    padding: 14px;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.modal-social li a i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

.modal-social li a.facebook {
    background-color: #4267b2;
}

.modal-social li a.facebook:hover {
    background-color: #22458d;
}

.modal-social li a.twitter {
    background-color: #1da1f2;
}

.modal-social li a.twitter:hover {
    background-color: #0d81c8;
}

.modal-body .or {
    margin: 30px 0 17px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.modal-body .or:after {
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    top: 47.5%;
    left: 0;
    width: 100%;
    z-index: 1;
    content: "";
    display: block;
    height: 1px;
}

.modal-body .or span {
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    line-height: 1;
}

.modal-body .button-wrap {
    display: flex;
    justify-content: space-between;
}

.modal-body #reset-pass .button-wrap {
    justify-content: flex-end;
}

.modal-body .btn,
.modal-body button[type="submit"],
.modal-body input[type="submit"] {
    padding: 0.9em 2.5em;
}

.modal-body .button-wrap .btn.btn-link {
    text-decoration: underline;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}

.modal-body .form-group {
    margin-bottom: 25px;
}

.modal-body input[type="text"],
.modal-body input[type="email"],
.modal-body input[type="password"] {
    padding: 0 0 15px;
    border-width: 0 0 1px;
}

.modal-body .btn-link:hover,
.modal-body .bottom .btn-link {
    color: #454545;
}

.modal-body .bottom {
    border-top: 1px solid #dbdbdb;
    margin: 25px -30px -30px;
    padding: 30px;
    background-color: #f5f5f5;
}


/*----------- news letter ---------*/

.newsletter {}

.newsletter .modal-dialog {
    width: 600px;
    margin: 10% auto 0;
}

.newsletter .modal-body {
    border: 2px solid transparent;
    margin: 40px;
}

.newsletter .modal-body p strong {
    font-size: 16px;
    display: block;
}

.newsletter form {
    padding: 0 70px;
}

.newsletter.newsletter2 .modal-dialog {
    width: 900px;
    margin: 7% auto 0;
}

.newsletter.newsletter2 .modal-body {
    border: 0;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

.newsletter.newsletter2 figure,
.newsletter.newsletter2 .content {
    display: table-cell;
    vertical-align: middle;
}

.newsletter.newsletter2 .content {
    padding: 0 100px;
}

.newsletter2 h2 {
    font-weight: 600;
    line-height: 1.2;
}

.newsletter2 h2 span {
    display: block;
    font-size: 30px;
    font-weight: 500;
}

.newsletter2 form {
    padding: 0;
}

.newsletter2 form input[type="text"],
.newsletter2 form input[type="email"] {
    background-color: transparent;
    border-color: #fff;
    text-align: center;
    color: #fff;
}

.ui-accordion .ui-accordion-header {
    border-color: #e2e2e2;
    border-width: 0 0 1px;
    outline: 0;
    margin: 0;
    padding: 26px 0;
    background-color: transparent;
    color: #5a5254;
    font-weight: 600;
    border-radius: 0;
    position: relative;
    padding-left: 20px;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
    padding-bottom: 0;
    border: 0;
}

.ui-accordion .ui-accordion-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    content: "+";
    display: inline-block;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active:before {
    content: "-";
}

span.ui-accordion-header-icon {
    display: none;
}

.ui-accordion .ui-accordion-content {
    margin: 0;
    padding: 19px 20px 27px;
    font-size: 14px;
    border: 0;
    line-height: 1.75;
    border-bottom: 1px solid #e2e2e2;
}


/*---------- mobile search -------*/

.mobile-search {
    margin: 0 auto;
    width: 90%;
    position: relative;
}

.mobile-search input[type="text"],
.mobile-search input[type="search"],
.mobile-search button[type="submit"] {
    outline: 0;
    background-color: transparent;
    border: 0;
    padding: 0 40px 8px 0;
    border-radius: 0;
}

.mobile-search input[type="text"],
.mobile-search input[type="search"] {
    border-bottom: 1px solid rgba(255, 248, 213, 0.08);
    color: #fff;
}

.mobile-search input[type="text"]:focus,
.mobile-search input[type="search"]:focus {
    color: #fff;
    border-color: #161616;
}

.mobile-search button[type="submit"] {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: initial;
    padding: 0;
    color: #fff;
}

.mobile-search button[type="submit"]:hover {
    color: #fff;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out forwards;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out forwards;
    animation: MenuAnimOut2 0.3s ease-in-out forwards;
}


@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}


@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}


.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out forwards;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out forwards;
    animation: MenuAnimIn2 0.3s ease-in-out forwards;
}


@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}


@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}



@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}



.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
    animation: SubMenuAnimIn2 0.3s ease-in-out forwards;
}


@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}


@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}


.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
    animation: SubMenuAnimOut2 0.3s ease-in-out forwards;
}


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


@-moz-keyframes SubMenuAnimOut2 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}