/*
Theme Name: Rab Fashion
Author: kaththemes.com
Description:  RAB – is a modern eCommerce HTML template for online stores with clean and modern designs. Its suitable for creating eCommerce site for selling clothing, fashion, high fashion, men fashion, women fashion, accessories, kids, watches, shoes & much more online.
Version: 1.0
Tags: bootstrap, clean, clothing, ecommerce, elegant, fashion, modern, online shopping, online store, responsive, shop, shop HTML Template, shopify, shopping, 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 - Woo commerce
    * 11.1 - Product list
    * 11.2 - Product single page
    * 11.3 - Woocommerce-tabs
    * 11.4 - Related product
    * 11.5 - Woo commerce cart
    * 11.6 - Cupon
    * 11.7 - Cart total
    * 11.8 - Checkout

 * 12 - Page content
*/


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

html {
    font-family: Abril Display;
    -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;
    text-align:center;
}

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: #000000;
    font-size: 18px;
    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,
.font-ar,
.ui-accordion .ui-accordion-header {
    font-family: 'Abril Display', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-pop,
table.cart th,
.woocommerce-checkout-review-order-table,
.modern-list .content .post-date {
    font-family: 'Abril Display', sans-serif;
}

.font-dafoe,
blockquote {
    font-family: 'Abril Display', cursive;
}

h1,
h2,
h3,
h4,
h5,
h6,
.widget-title,
.widget.widget_recent_entries ul li a {
    clear: both;
    margin: 0 0 20px;
    line-height: 1.4;
    font-weight: 500;
}

.main-banner h2.font-lg {
    font-size: 110px;
}

.feature-cat h1,
.newsletter h2 {
    font-size: 80px;
}

.promo-offer .title {
    font-size: 72px;
    font-weight: 600;
    line-height: 1;
}

.bags-cat .col-sm-5.last h2,
span.dis {
    font-size: 60px;
}

h1,
.history-block h2,
.main-banner h2,
.feature-cat .first h2,
.bags-cat .col-sm-5 h2,
.time-counter .wrap h2 {
    font-size: 48px;
}

.promo-parallax h2 {
    font-size: 40px;
    line-height: 1.2;
}

h2,
.feature-cat.shoe-feature-cat .col-sm-3 h2 span,
.main-banner.inner-banner h2,
.about-banner h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
    color:rgba(136, 112, 86, 1);
}

h4,
.history-block h2 span,
.promo-banner h2 span,
.feature-cat h2 span,
.promo-tags .box span,
.support-box {
    font-size: 24px;
}

.feature-cat h4 {
    font-size: 22px;
}

h5,
.widget-title,
.about-top .left-block {
    font-size: 20px;
}

h6,
.promo-tags .box,
footer .signup form button[type="submit"],
.storefront-sorting .short-by .btn.btn-default i,
ul.products li.product .price,
.price,
ul.products li.product .icons .btn,
.checkout-total td,
form.checkout .button,
.bags-cat .mid .btn.btn-default,
.cont-wrap div,
.newsletter form,
.ui-accordion .ui-accordion-header {
    font-size: 18px;
}

.time-counter .wrap h2,
.promo-tags .box h4,
.promo-parallax h2,
.feature-cat h1,
.newsletter h2 {
    font-weight: 500;
}

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

blockquote {
    border: 0;
    margin: 35px 0 45px;
    padding: 0;
    position: relative;
    font-style: inherit;
    font-size: 28px;
    line-height: 1.5;
}

blockquote:after {
    content: "";
    width: 120px;
    height: 3px;
    margin: 15px auto 0;
    display: block;
}

blockquote:before {
    content: " ";
}

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 {
    border-bottom: 1px dotted #d1d1d1;
    cursor: help;
}

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

big {
    font-size: 125%;
}

.txt-l {
    text-align: left;
}

.txt-r {
    text-align: right;
}

.lh-normal {
    line-height: 1.1;
}

.txt-cap {
    text-transform: capitalize;
}

.font-wt-600 {
    font-weight: 600;
}

.font-wt-300 {
    font-weight: 300;
}

.text-white,
.main-banner h6.text-white,
.cat-parallax a.btn:hover,
.navbar-default ul.nav.navbar-nav.text-white li a,
ul.site-header-cart.menu.text-white li a,
ul.login.text-white li a,
form.searchbox.text-white input[type="search"],
.full-pg-menu li a {
    color: #fff;
}


/** =========================================
    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;
}

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

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

ul.cs-link,
ol.cs-link {
    margin: 0;
    padding: 0;
    margin-bottom: 34.3px
}

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

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

table,
th{
    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: #a9a9a9;
}

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

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

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

:focus::-webkit-input-placeholder,
.subscribe-form input:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus:-moz-placeholder,
.subscribe-form input:focus:-moz-placeholder {
    color: transparent;
}

:focus::-moz-placeholder,
.subscribe-form input:focus::-moz-placeholder {
    color: transparent;
    opacity: 1;
}

:focus:-ms-input-placeholder,
.subscribe-form 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 {
    border: 0;
    color: white;
    padding: 0.84375em 0.875em 0.78125em;
    /*height: 40px;*/
    padding: 10px 35px 10px 35px;
    border-radius: 50px;
    gap: 10px;
    background: linear-gradient(230deg, #ED1D23 0%, #FF3D70 62.64%, #FFA95A 100%), #ED1D23;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
}

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: linear-gradient(230deg, rgba(237, 29, 35, 0.85) 0%, #bd0030 62.64%, #ffbf6c 100%), #ff4655;
    box-shadow: 0px 4px 13px rgba(225, 61,112, 1);
}

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 {
    background-color: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border-radius: 0;
    color: #7a8081;
    padding: 0.67em 0.5em;
    border: 1px solid #9d9a9b;
    width: 100%;
    line-height: 1;
}

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: 18px;
}

label span {
    color: #ff0040;
}


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


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

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

a,
.history-block h4 a i,
.history-block h4 a:hover,
.bags-cat .col-sm-5 h2,
.bags-cat .col-sm-5 h4,
.bags-cat .col-sm-5 h6,
.tags-wrap a:hover,
.woocommerce-breadcrumb a:after,
.woocommerce-breadcrumb a:hover,
.single-product div.product .variations_form .label,
a.more:hover,
.blog-list .post-info a:hover,
.feature-post-list h2 a:hover,
.feature-post-list a.more,
.modern-list .title a.more,
.blog-list .post-info a:hover,
.blog-single .post-info a:hover,
.blog-single .btn-wrap .btn,
header ul.menu li a,
h2.color-default,
.navbar-default .navbar-nav>li>a,
.shrinked .navbar-default ul.nav.navbar-nav.text-white li a,
.shrinked ul.nav.navbar-nav.text-white,
.shrinked form.searchbox.text-white,
.shrinked form.searchbox.text-white input[type="search"],
.shrinked ul.site-header-cart.menu.text-white li a,
.shrinked ul.login.text-white li a,
.cat-parallax.cat-parallax2 a.btn {
    color: #5a5254;
}

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


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

.navbar-nav>li {
   /* text-transform: uppercase; */
}

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

.navbar-nav li.current-menu-item a:after,
.navbar-nav li a:after {
    width: 100%;
    height: 1px;
    content: " ";
    display: block;
    transform: scaleX(0);
    opacity: 0;
}

.header-2 .navbar-nav li.current-menu-item a:after,
.header-2 .navbar-nav li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
}

.navbar-nav li.current-menu-item a:after,
.navbar-nav li a:hover:after {
    transform: scaleX(1);
    opacity: 1;
}


.navbar-nav li ul.sub-menu,
.navbar-nav li .mega-menu {
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}

.navbar-nav .open .dropdown-menu {
    margin: 0;
    padding: 0;
}

.navbar-nav li ul.sub-menu,
.navbar-nav li .mega-menu {
    text-transform: capitalize;
    font-size: 15px;
}

.navbar-nav li ul.sub-menu li {
    display: block;
    border-bottom: 1px solid #f5f5f5;
}

.navbar-nav li ul.sub-menu li:last-child {
    border: 0;
}

.navbar-nav li ul.sub-menu li a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    display: block;
    padding: 10px;
}

.navbar-default .navbar-nav li.current-menu-item ul li a:hover,
.navbar-nav li ul.sub-menu li a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #f5f5f5;
}

.navbar-nav li ul.sub-menu li a:after {
    content: none;
}


li.mega-link {
    position: inherit;
}

.mega-menu .mega-wrap {
    padding: 20px;
}

.mega-menu .mega-wrap li a,
.navbar-nav li ul.sub-menu li a,
.header-2 .navbar-default .navbar-nav li.current-menu-item ul.sub-menu li a,
.header-2 .navbar-default .navbar-nav li ul.sub-menu li a,
.navbar-default .navbar-nav li.current-menu-item ul li a {
    color: #5a5254;

}

ul.sub-menu li a {
padding: 5px 0;
font-weight: 400;
}
.mega-menu .mega-wrap h6 {
    margin-bottom: 10px;
}

.mega-menu .mega-wrap ul+h6 {
    margin-top: 30px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu {
    padding: 0 0 15px 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .mega-menu.dropdown-menu li a {
    position: relative;
    padding: 4px 0 4px 10px;
}

.navbar-nav .open .dropdown-menu li a:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 3px;
}

.navbar-nav .open .mega-menu.dropdown-menu li a:before {
    top: 0;
}

.navbar-nav .open .mega-menu .mega-wrap {
    padding: 5px 0 0 0;
}


.header-2 .navbar-nav>li>a {
    padding: 15px 0;
}

.header-2 .navbar-default .navbar-nav>li>a {
    color: #fff;
}

.header-3 ul.nav.navbar-nav {
    padding-left: 40px;
}

.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;
    position: relative;
}

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

.footer-link li {
    margin-top: 5px;
}

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

.footer-link li a {
    padding-left: 12px;
    position: relative;
    display: inline-block;
}

.footer-link li a:before,
.full-pg-menu li a:before {
    content: "-";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
}

.full-pg-menu li a:before {
    opacity: 0;
}

.footer-link li a:hover {
    padding-left: 15px;
}

.full-pg-menu li a:hover {
    padding-left: 10px;
}

.full-pg-menu li a:hover:before {
    opacity: 1;
}

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


/** ===========================================
    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: 50px -100px 40px;
    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,
blockquote:before,
blockquote:after {
    content: "";
    display: table;
}

.clear:after,
blockquote:after {
    clear: both;
}

.quantity-wrap span:hover{
    box-shadow: none !important;
}


/** =============================================
    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--*/

.shop-sidebar .box,
ul.shop-sidebar,
ul.shop-sidebar li,
.widget ul,
.widget ul li {
    width: 100%;
    float: left;
}

ul.shop-sidebar,
.widget ul {
    margin: 0;
    padding: 0;
}

ul.shop-sidebar li,
.widget li {
    list-style: none;
}

ul.shop-sidebar li a,
.widget li a {
    display: block;
    padding: 8px 5px
}

ul.shop-sidebar li a .no {
    float: right;
}

ul.shop-sidebar li a,
.widget li a {
    padding-left: 15px;
    position: relative;
}

ul.shop-sidebar li a:hover,
.widget li a:hover {
    padding-left: 18px;
}

ul.shop-sidebar li a{
    font-size: 16px;
    font-weight: 600;
}


ul.shop-sidebar li a:before {
    content: "+";
    position: absolute;
    left:5px;
}
ul.shop-sidebar li.active a:before,
.widget li a:before {
    content: "-";
    position: absolute;
    left: 5px;
}
ul.sub-menu li a:before{
    content:""!important;
}

.sub-menu a{
    border-radius: 25px;
}

ul.sub-menu li a{
    font-weight: 400;
}
/*--- 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;
}

.sidebar {}

a.more {
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: underline;
}


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


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

a,
.btn,
.navbar-nav li a:after,
.navbar-nav li a:hover:after,
button[type="submit"],
input[type="submit"] header,
.main-banner,
.main-banner.move-up,
.image-effect img,
.overlay:before,
.feature-cat .btn i:hover,
.products .product .content,
ul.products li.product figure img,
li.product figure a:before,
.single-product div.product form.cart .button,
.single-product div.product form.cart .button-wish,
form.checkout .button,
.widget.woocommerce.widget_shopping_cart,
.newsletter .btn-subscribe,
.widget_recent_entries ul li figure a img,
a.more i,
.blog-single .btn-wrap .btn i,
.support .support-tab>li.active>a:after,
.support .support-tab>li>a:hover:after,
.btn i,
.extra-info .wrap,
.subscribe-form,
header,
.cat-wrap .title.rt-aln:before,
.cat-wrap .title.lt-aln:before,
.cat-wrap .title.vert:before,
.trending-wrap,
.trending-wrap .content,
.history-block h4 a * {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    border-radius: 15px;
}

.canvas button.close {
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}


/* ===================== Overlay =====================*/

.overlay,
.banner-overlay {
    position: relative;
}

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

.overlay:before,
.feature-cat .overlay:hover:before,
.news-wrap .wrap .overlay:hover:before,
.blog-list:hover .overlay:before,
.modern-list:hover .overlay:before,
.cat-wrap .overlay:hover:before,
.cat-wrap2 .overlay:hover:before {
    background: rgba(0, 0, 0, 0.3);
}

.feature-cat .overlay:before,
.map-wrap.overlay:before,
.cat-wrap:hover .overlay:before  {
    background: rgba(0, 0, 0, 0.1);
}


.banner-3 .overlay:before {
    background: rgba(0, 0, 0, 0.05);
}

.promo-banner .wrap.overlay:before,
.cat-wrap .overlay:before,
.cat-wrap2 .overlay:before {
    background: rgba(0, 0, 0, 0);
}

.about-banner .banner-overlay:before,
.home-banner-3 .banner-overlay:before {
    background: rgba(0, 0, 0, 0.2);
}

.news-wrap .wrap .overlay:before,
.blog-list .overlay:before,
.modern-list .overlay:before {
    background: rgba(0, 0, 0, 0.05);
}

.banner-overlay:before {
    background: rgba(0, 0, 0, 0.5);
}

.box-shadow,
.support-box:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}


/*================== Button =====================*/

.btn,
button,
.single-product div.product form.cart .button,
.widget_shopping_cart .buttons .button {
    line-height: 1;
    padding: 0.78em 1.5em;
    font-size: 18px;
    color: #000;
}

.promo-offer .btn.btn-default {
    padding: 1em 1.5em;
}

.btn-default.filter-btn[type="submit"] {
    line-height: 1.7;
}

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

.feature-cat .btn,
.btn-default,
.single-product div.product form.cart .button,
.single-product div.product form.cart .button-wish,
.checkout-button,
form.checkout .button{
    background-color: transparent;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    transition: box-shadow 0.5s ease-in-out;
    width: 50%;
    font-size: large;
}


.btn-default.primary-bg {
    border: 0;
}

.btn-default.primary-bg:hover {
    background-color: red;
}

.btn.bdr {
    color: #5a5254;
    border-color: #b7b7b7;
}

.feature-cat .btn:hover,
.feature-cat .wrap:hover .btn,
.btn-default:hover,
.fashion-news a.btn-default:hover {
    border-color: transparent;
    border: 0;
    color: #fff;
    border: solid #ED1D23 1px;
}


.fashion .image-effect::before{
    width: 100% !important;
}



.fashion1 .image-effect::before {
    width: calc( 100% - 10px);
    height: calc( 100% -0px);
}


.feature-cat .btn:hover{

}
.btn i {
    display: inline-block;
    position: relative;
}


.btn-default.filter-btn,
.btn.btn-default.btn-cart {
    border-radius: 0;
    border: 0;
}

.single-product div.product form.cart .button:hover,
.single-product div.product form.cart .button-wish:hover,
.btn-default.filter-btn,
.btn.btn-default.btn-cart,
.cart-collaterals .checkout-button:hover,
.btn-bg,
button.close:hover,
.wish-list .btn-default.primary-bg:hover,
.widget_shopping_cart .buttons .button:hover,
.widget_shopping_cart .buttons .button.checkout:hover,
.newsletter .btn-subscribe:hover,
.box.style2 .newsletter .btn-subscribe:hover,
.comment-respond button[type="submit"],
.contact-page button[type="submit"],
.modal.login button[type="submit"],
.login-social li a.fb:hover,
.login-social li a.twt:hover,
.promo-offer .btn.btn-default,
.newsletter .btn-subscribe.sec-bg:hover {
    background-color: #5a5254;
    color: #fff;
}

button.close {
    position: absolute;
    right: -25px;
    top: -25px;
    z-index: 5;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

.dropdown-menu button.close:hover {
    opacity: 1;
    background-color: #fff;
    color: #5a5254;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.dropdown-menu button.close {
    right: inherit;
    top: 15px;
    left: 30px;
    opacity: 0;
}

.open .dropdown-menu button.close {
    opacity: 1;
    left: -20px;
}

.widget_shopping_cart .buttons .button {
    display: inline-block;
    text-transform: uppercase;
    width: 48%;
    text-align: center;
    color: #fff;
}

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

.canvas.widget_shopping_cart .btn.btn-default,
.canvas.widget_shopping_cart .buttons .button:hover {
    background-color: #fff;
    color: #5a5254;
}


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

.title-main {
    position: relative;
}

.title-main h2,
.title-main h4 {
    margin: 0;
    padding-bottom: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
}

.title-main h4 {
    text-transform: inherit;
}

.title-main:after,
.title-main h2:after,
.title-main h4:after,
.sec-title:after,
.widget-title:after {
    margin: 0 auto;
    content: "";
    display: block;
}


.card-header{
    text-align: center; font-size: 30px; padding-top: 20px;
}
.title-main:after {
    width: 140px;
    height: 1px;
    background-color: #e2e2e2;
}

.title-main h2:after,
.title-main h4:after,
.sec-title:after,
.widget-title:after {
    width: 47px;
    height: 3px;
    position: relative;
    bottom: -12px;
}

.sec-title:after,
.widget-title:after {
    bottom: -2px;
}

.footer-title {
    line-height: 1;
}

.sec-title,
.widget-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 12px;
    position: relative;
}

.sec-title:after,
.widget-title:after {
    margin: 0;
    position: absolute;
}

.title-main.cover:after {
    content: none;
}

.title-main.cover {
    border-bottom: 1px solid #bebabb;
    margin-bottom: 65px;
}

.title-main.cover h4 {
    margin: 0;
    display: inline-block;
    background: #fff;
    position: relative;
    top: 16px;
    padding: 0 15px;
}

.title-main.cover h4:after {
    content: none;
}


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

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

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

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

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

.mt-60 {
    margin-top: 60px;
}

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

.mb-55 {
    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-28 {
    margin-bottom: 28px;
}

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

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

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

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

.mt-5 {
    margin-top: 5px;
}

.nmt-5 {
    margin-top: -5px;
}

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

.mt-3 {
    margin-top: 3px;
}

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

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


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

.primary-padding {
    padding: 50px 0;

}

.container p{
    line-height: 1.3;
    font-size: 18px;
}

.fashion-bg{
    background-image: url(images/Group-2.jpg);
    background-size: auto;
    background-repeat: repeat;
    padding-top: 50px;
    margin-bottom: 50px;;
}

.p-pb {
    padding-bottom: 100px;
}

.secondary-padding {
    padding: 50px 0;
}

.s-pb {
    padding-bottom: 50px;
}

.p-0 {
    padding: 0;
}


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

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

.image-effect::before {
    content: '';
    width: calc( 100% - 30px);
    height: 100%;
    display: block;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
    border-radius: 15px;
  }

  .p-cat{
    height: 280px;;
  }


.image-effect:hover img,
.blog-list:hover figure img,
.modern-list:hover figure img,
.cat-wrap:hover figure img,
.trending-wrap:hover figure img {

}


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

.bg-gray,
ul.shop-sidebar li a:hover,
.widget ul li a:hover,
.feature-post .wrap:before,
.trending-wrap:hover .content {
    background-color: #f5f5f5;
}

.dark-gray,
footer .signup form button[type="submit"]:hover {
    background-color: #303030;
}


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

.rounded-crcl,
button.close {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


/*================== Costom row ====================*/

.costom-row {
    margin: 0 -6px;
}

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


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


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

header {
    padding: 0 30px;
    background-color: #fff;
}

header.header-2.shrinked {
    transform: translateY(-82px);
}

header.header-3 {
    background-color: transparent;
}

header.shrinked {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}


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

.navbar-default .container {
    position: relative;
}

.navbar-brand {
    margin-top: 28px;
    height: inherit;
    padding: 0;
    margin-right: 50px;
    position: relative;
    z-index: 10;
    width: 120px;
}

.header-3 .logo-hold {
    width: 170px;
    margin: 30px auto 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.header-3 .logo-hold .navbar-brand.logo-black,
.shrinked .logo-hold .logo-white,
.header-3.shrinked .logo-hold .navbar-brand.logo-white {
    display: none;
}

.header-3.shrinked .logo-hold .navbar-brand.logo-black {
    display: block;
}

.header-3 .navbar-brand {
    margin: 0;
    padding: 0;
    line-height: 1;
    float: none;
    display: inline-block;
}

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

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

.header-right {
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 101;
    text-align: right;
}

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

.header-right ul.login {
    line-height: 1.6;
}

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

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

header ul li {
    list-style: none;
}

header ul.login li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}

header ul.login li a {
    text-decoration: none;
}

header ul.login li a i {
    font-size: 22px;
    display: none;
}

header ul.login li+li:before {
    content: "/";
    display: inline-block;
    margin: 0 3px 0 0;
}

.site-header-cart.menu.on-hover{
    position: relative;
 }

header ul.menu {
    margin-right: 12px;
}

header ul.menu .icon {
    font-size: 20px;
}

header ul.menu li a {
    position: relative;
    top: 2px;

}

header ul.menu .count {
    min-width: 15px;
    min-height: 15px;
    font-size: 8px;
    position: absolute;
    top: -15px;
    right: -5px;
    text-align: center;
    color: #fff;
    line-height: 1.9;
}

header.header-2,
header.header-2.shrinked {
    padding: 0;
}

header .top {
    padding: 30px 0 28px;
    line-height: 1;
}

header.header-2 .navbar-brand {
    margin: 0;
}

header.header-2 .header-right {
    top: -2px;
}

header.header-2 .navbar-default {
    background-color: #5a5254;
}

.searchbox {
    margin: 0;
    border: 0;
    padding: 0;
    position: absolute;
    right: 200px;
    z-index: 2;
    min-width: 25px;
    width: 0%;
    overflow: hidden;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
    line-height: 1;
}

.navbar-default .searchbox.navbar-form {
    border: 1px solid transparent;
    border-width: 0 0 1px;
    margin-top: -4px;
}

.navbar-default .searchbox.navbar-form.searchbox-open {
    border-color: #c2babc;
    padding-left: 10px;
    background-color: #fff;
}

.searchbox-input,
.searchbox input[type="search"] {
    padding: 5px 25px 5px 0px;
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: transparent;
    width: 100%;
    margin: 0;
    opacity: 0;
}

.searchbox.searchbox-open input[type="search"] {
    opacity: 1;
}

.searchbox-input::-webkit-input-placeholder {
    color: #a9a9a9;
}

.searchbox-input:-moz-placeholder {
    color: #a9a9a9;
}

.searchbox-input::-moz-placeholder {
    color: #a9a9a9;
}

.searchbox-input:-ms-input-placeholder {
    color: #a9a9a9;
}

.searchbox-icon,
.searchbox-submit,
.searchbox input[type="submit"] {
    height: inherit;
    display: block;
    position: absolute;
    top: 3px;
    font-family: verdana;
    font-size: 22px;
    right: 3px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    text-align: center;
    cursor: pointer;
    background: transparent;
}


.searchbox-open {
    width: 100%;
}

.header-2 .searchbox-icon,
.header-2 .searchbox-submit,
.header-2 .searchbox input[type="submit"] {
    color: #fff;
}

.header-2 .searchbox {
    right: 10px;
    margin-top: 61px;
}

.header-2 .searchbox-open {
    width: 225px;
    border-bottom: 1px solid #fff;
}

.header-2 .searchbox-input,
.header-2 .searchbox input[type="search"] {
    color: #fff;
}


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

footer {
    position: relative;
    z-index: 10;
    background-color: #303030;
}

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

footer .signup form {
    margin: -5px 0 5px;
    position: relative;
}

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

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

footer .signup small {
    color: #9f9c9d
}

.footer {
    padding: 30px 0;
    color: #fff;
    font-size: 12px;
}

.copy-right {
    padding-top: 5px;
}

.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;
    border-radius: 5px;
    display: none;
}

.scrollup:hover {
    color: #fff;
}


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

.shop-main {}

.storefront-sorting {
    padding: 10px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

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

.storefront-sorting .short-by .btn.btn-default {
    padding: 0.71em 1em;
}

.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: #fff;
}

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

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

.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: 0;
    left: -175px;
    transform: translateY(-8px);
}

.widget_shopping_cart_content {
    padding: 20px;
}

.on-hover .widget.woocommerce.widget_shopping_cart {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.site-header-cart.on-hover li:hover .widget.woocommerce.widget_shopping_cart {
    max-height: inherit;
    opacity: 1;
    transform: translateY(0);
}

.dropdown-menu.widget.woocommerce.widget_shopping_cart.canvas {
    position: fixed;
    top: 0;
    left: 100%;
    background-color: #5a5254;
    color: #fff;
    padding-top: 40px;
    width: 420px;
    z-index: 999;
    height: 100%;
    float: none;
    transform: initial;
    max-height: 0;
    margin-left: -420px;
    display: block;
    opacity: 0;
    visibility: hidden;
}

.open .dropdown-menu.widget.woocommerce.widget_shopping_cart.canvas {
   max-height: 100%;
   opacity: 1;
   visibility: visible;
}

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

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

.widget_shopping_cart h6.product-title {
    font-size: 16px;
    margin-bottom: 5px;
    padding-right: 20px;
    font-weight: 500;
}

.canvas.widget_shopping_cart h6.title,
.canvas.widget_shopping_cart h6.product-title {
    color: #fff;
}

.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: 20px;
    font-size: 12px;
}

.canvas.widget_shopping_cart table td.content {
    color: #dcdbdb;
}

.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;
    line-height: 1.5;
}

.widget_shopping_cart table td.content .btn.btn-default {
    display: inline-block;
    margin-top: 7px;
    padding: 0.65em 1.5em 0.62em;
    font-size: 12px;
    color: #fff;
    line-height: 1;
}

.widget_shopping_cart.canvas table td.content .btn.btn-default {
    color: #5a5254;
}

.widget_shopping_cart table td.content .btn.btn-default:hover {
    color: #fff;
}

.mini_cart_item .remove {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    color: #ff0040;
}

.mini_cart_item .remove:hover {
    padding: 0px;
    background-color: transparent;
}

.widget_shopping_cart .mini_cart_item a:before {
    content: none;
}

.dropdown-menu .cart-collaterals {
    padding: 0;
    background-color: transparent;
    margin: 0px 0 30px;
    width: 100%;
    float: none;
}

.dropdown-menu .cart-collaterals .shop_table th,
.dropdown-menu .cart-collaterals .shop_table td {
    padding: 0;
    color: #fff;
    text-align: right;
}

.dropdown-menu .cart-collaterals .shop_table th,
.dropdown-menu .cart-collaterals .shop_table .order-total th {
    padding-right: 20px;
}

.dropdown-menu .cart-collaterals .shop_table .order-total th,
.dropdown-menu .cart-collaterals .shop_table .order-total td {
    padding-top: 20px;
}

.dropdown-menu .cart-collaterals .shop_table .shipping th,
.dropdown-menu .cart-collaterals .shop_table .shipping td {
    padding-bottom: 20px;
}


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

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

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

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers,
.pagination li a {
    width: 42px;
    text-align: center;
    line-height: 1;
    padding: 0.72em 0;
    border: 1px solid #9d9a9b;
    display: block;
    color: #a09a9c;
}

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


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

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

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: 262px;
    list-style: none;
}

ul.products li.product.big {
    width: 100%;
}

ul.products li.product img {
    display: inline-block;
}

ul.products li.product figure {
    position: relative;
    margin: 0 auto 20px;
    overflow: hidden;
    background: #f5f5f5;
    display: table;
    width: 100%;
}

li.product figure .product-wrap {
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

li.product figure .product-wrap.base-align {
    vertical-align: bottom;
}

ul.products li.product figure,
li.product figure .product-wrap {
    height: 120px;
    position: relative;
}

li.product figure .product-wrap a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.fashion .left ul.products li.product figure,
.fashion .left li.product.big figure .product-wrap {
    height: 562px;
}

li.product figure .product-wrap a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #fff;
    opacity: 0;
    left: 0;
    top: 0;
   }

li.product:hover figure a:before {
    /*opacity: 1;*/
}

ul.products li.product:hover figure img {
    /*transform: scale(1.05);*/
}

li.product .content h6{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 50px;
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
    margin: 0 0 5px;
}

ul.products li.product .price,
.price {
    display: block;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.summary.entry-summary .price {
    margin-bottom: 10px;
}

.stock-info {
    font-weight: bold;
    color: #4cc45a;
    text-transform: uppercase;
}

.price del,
.price ins {
    background-color: transparent;
    padding: 0;
    font-weight: 400;
    margin-right: 5px;
}

.price ins {
    font-weight: 600;
}

.star-rating {
    display: block;
}

.star-rating i {
    margin-left: -2px;
}

ul.products li.product .icons {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 50%;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
    transition: transform 0.5s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
}

ul.products li.product:hover .icons {
    -webkit-transform: rotateX(0) translateZ(0);
    transform: rotateX(0) translateZ(0);
}

ul.products li.product .bottom {
    display: flex;
    justify-content: space-between;
}

ul.products li.product .icons .btn {
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    border-radius: 0;
    width: 35px;
    padding: .32em 0;
    text-align: center;
    margin: 0 2px;
}

ul.products li.product .icons a.btn:hover {
    transform: translateY(-2px);
}

ul.products li.product:hover i {
    padding: 0;
}

.full-width ul.products li.product {
    width: 23.2%;
}

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

ul.products.list-view {
    width: 100%;
    float: left;
}

ul.products.list-view li.product {
    width: 100%;
    margin: 0 0 50px;
    padding-bottom: 50px;
    overflow: hidden;
    border-bottom: 1px solid #e8e7e7;
}

ul.products.list-view li.product .wrap {
    display: table;
    width: 100%;
}

ul.products.list-view li.product .left,
ul.products.list-view li.product .content {
    display: table-cell;
    vertical-align: middle;
}

ul.products.list-view li.product .left {
    width: 270px;
    padding-right: 30px;
}

ul.products.list-view li.product .left figure {
    margin: 0;
}

ul.products.list-view .product:hover .content {
    padding: 0;
}

ul.products.list-view .product:hover {
    box-shadow: none;
}

ul.products.list-view li.product .bottom {
    justify-content: inherit;
}

ul.products.list-view .star-rating {
    margin-left: 80px;
}

ul.products.list-view li.product .button-group a.btn.btn-cart,
ul.products.list-view li.product .button-group .icons {
    display: inline-block;
    vertical-align: middle;
    position: inherit;
    width: inherit;
}

ul.products.list-view li.product .button-group .icons {
    padding-left: 5px;
    transform: inherit;
}

ul.products.list-view li.product .icons .btn {
    color: #5a5254;
    border-color: #9d9a9b;
    opacity: 1;
    transform: translateY(0);
}

ul.products.list-view li.product .icons .btn:first-child i {
    top: 2px;
}

ul.products.list-view li.product .icons .btn:nth-child(3n) i {
    top: 1px;
}

ul.products.list-view li.product .icons .btn:hover {
    color: #fff;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: none;
}

ul.products.list-view li.product .icons .btn:hover i {
    padding: 0;
}

li.product .btn.btn-cart {
    text-transform: uppercase;
}

li.product .btn.btn-cart i {
    right: 0;
    font-weight: bold;
}

.tags-wrap span {
    display: inline-block;
}

.tags-wrap span+span:before {
    content: "/";
    display: inline-block;
    margin: 0 8px 0 4px;
}

.side-bar .btn {
    width: 100%;
}

.popular-product .bx-viewport,
.related-product .bx-viewport {
    padding-bottom: 5px;
}

.popular-product .bx-controls {
    margin-top: 15px;
}

.products.product-slide {}

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

.products .product h6 {
    margin-bottom: 5px;
    font-weight: 400;
    color: black;
    line-height: 1.3;
}

.products .product:hover .content {
    padding: 0 5px;
}

.new-arrival {
    margin-bottom: -55px;
}

.new-arrival .left ul.products li.product {
    float: none;
}

.new-arrival .right ul.products li.product:nth-child(even) {
    margin-right: 0;
}


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

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

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

.single-product div.product .summary .product-code {
    font-size: 14px;
    float: right;
    font-weight: normal;
}

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

.single-product div.product table.variations td,
.single-product div.product table.variations th {
    display: list-item;
    list-style: none;
    border: 0;
    padding: 0;
    margin: 0;
}

.single-product div.product .variations_form .label {
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 0;
    margin-bottom: 5px;
}

.variations_form .label label {
    font-size: 16px;
}

.single-product div.product .variations_form td:last-child {
    padding-bottom: 25px;
}

.single-product div.product select {
    width: auto;
}

.single-product div.product select {
    text-align: left;
    min-width: 170px;
}

.custom-radio {}

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

.custom-radio input+span,
.custom-radio input[type="radio"] {
    width: 50px;
    border: 1px solid #9d9a9b;
    text-align: center;
    display: block;
    color: #929292;
    font-weight: normal;
    padding: .67em 0;
}

.custom-radio.size-option input[type="radio"]:checked+span {
    color: #fff;
}

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

.single-product div.product .variations_button {
    padding-top: 0;
}

.single-product div.product form.cart .quantity,
.single-product div.product form.cart .button {
    float: none;
}

.single-product div.product form.cart .button,
.single-product div.product form.cart .button-wish {
    padding: 0.95em 2.4em;
}

.single-product .modal div.product form.cart .button,
.single-product .modal div.product form.cart .button-wish {
    padding: 0.95em 1.8em;
}

.single-product div.product form.cart .quantity,
.single_variation_wrap,
.single-product div.product form.cart {
    margin-bottom: 23px;
}

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

.variations_button .quantity table,
.variations_button .quantity table td {
    border: 0;
    padding: 0;
    margin: 0;
}

.variations_button .quantity table {
    margin-bottom: 10px;
}

.single-product div.product .variations_form .quantity table td:last-child,
.variations_button .quantity table td {
    padding: 0 0 17px;
    font-size: 16px;
    font-weight: 500;
}

.variations_button .quantity table td.product-name {
    padding-left: 15px;
    font-weight: 600;
}

.quantity.grouped td.product-price {
    text-align: right;
}

.thumb-slider,
.thumb-slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-product div.product #thumb-pager {
    margin-top: 15px;
}

.single-product div.product #thumb-pager a {
    width: 117px;
    display: inline-block;
    margin-right: 16px;
    opacity: 0.5;
}

.single-product .modal div.product #thumb-pager a {
    width: 80px;
    margin-right: 6px;
}

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

.single-product div.product #thumb-pager a:last-child {
    margin-right: 0;
}

.woocommerce-breadcrumb {
    padding: 10px 0;
}

.woocommerce-breadcrumb a {
    display: inline-block;
}

.woocommerce-breadcrumb a:after {
    content: ">";
    display: inline-block;
    margin: 0 3px 0 6px;
}

.single-product div.product .product_meta {
    font-size: 14px;
    padding-top: 0;
    border-top: 0;
}

.single-product div.product .product_meta a:hover {
    color: #5a5254;
}

.quantity-wrap span {
    display: inline-block;
    width: 35px;
    height: 40px;
    line-height: 1;
    padding: .47em 0;
    font-size: 20px;
    background-color: #5a5254;
    color: #fff;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.quantity-wrap input[type="number"],
.single-product div.product input[type="number"] {
    width: 58px;
    height: 40px;
    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;
}

.entry-summary ul.social-icons li a {
    font-size: 13px;
}


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

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

.woocommerce-tabs.wc-tabs-wrapper {
    border-top: 1px solid #bebabb;
    margin-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    float: left;
}

.woocommerce-tabs ul.tabs {
    margin: 0 0 35px;
    padding: 0;
}

.woocommerce-tabs ul.tabs {
    width: 25%;
    float: left;
    border: 0;
}

.woocommerce-tabs .tab-content {
    width: 75%;
    float: right;
    padding-top: 25px;
}

.woocommerce-tabs .nav-item {
    margin-bottom: 0;
    width: 100%;
    float: none;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce-tabs .nav-item:last-child {
    border: 0;
}

.woocommerce-tabs ul.tabs li a {
    border-radius: 0;
    color: #36393b;
    font-weight: 500;
    padding: 15px 20px;
    display: block;
    border: 0;
    background-color: #f5f5f5;
    margin: 0;
    position: relative;
    font-size: 16px;
    font-weight: 500;
}

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

.woocommerce-tabs ul.tabs li a:hover:after,
.woocommerce-tabs ul.tabs li.active a:after {
    content: "\f105";
    display: inline-block;
    color: #fff;
    font-family: "Fontawesome";
    position: absolute;
    right: 20px;
}

.woocommerce-tabs .tab-content>.tab-pane {
    padding-left: 30px;
    border: 0;
    box-shadow: none;
}


/*======================  Related product  =================*/

.related-product {
    margin-bottom: -15px;
}

.related-product .bx-controls {
    display: 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: #e2e2e2;
    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,
.woocommerce-checkout-review-order-table th,
.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: 10px 0 10px 0px;
    vertical-align: middle;
    font-weight: bold;
}

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

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

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

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

table.cart th {
    padding: 23px 0 21px 0px;
    font-size: 18px;
    background-color: white;
    color:rgba(54, 54, 54, 1);
    line-height: 1;
}

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

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 {
    background-color: rgba(242, 242, 242, 1);
    border-radius: 8px;
    color: black;
    line-height: 1;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 2;
}

table.cart td.product-remove a.wishlist_l {
    margin-top: 20px;
    color: black;
    line-height: 1;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 2;
}

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

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

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

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: #868686;
    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 th {
    background-color: #e1e0e0;
}

.woocommerce-checkout-review-order-table tfoot .order-total {
    background-color: #f5f5f5;
}

.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-weight: 600;
}

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

.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 {
    font-size: 15px;
    font-weight: bold;
}

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

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

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


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

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

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"] {
    border-radius: 0;
    border: 1px solid #bab7b8;
    font-weight: normal;
    min-width: 265px;
}

table.cart td .coupon input[type="submit"] {
    margin-left: 5px;
    width: initial;
    text-transform: capitalize;
    background-color: transparent;
    float: right;
    min-width: inherit;
    line-height: 1;
    padding: 0.75em 1.25em 0.74em;
}

table.cart td .coupon input[type="submit"]:hover {
    color: #fff;
    border-color: transparent;
}

table.cart td .btn-cart {
    float: right;
}


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

.cart-collaterals {
    margin-top: -5px;
    margin-bottom: 3px;
    padding: 25px 25px;
    border-radius: 20px;
    width: 370px;
    float: right;
    position: relative;
    background-color: #f5f5f5;
}

.cart-collaterals .shop_table th,
.cart-collaterals .shop_table .order-total th {
    font-weight: 400;
    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 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

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

.wc-proceed-to-checkout {}

.cart-collaterals input.button.update_cart,
.cart-collaterals .checkout-button {
    padding: 0.81em 1em;
    text-transform: uppercase;
    display: block;
    width: 100%;
    color: #fff;

    text-align: center;
    line-height: 1;
}

.cart-collaterals .checkout-button {
    padding: 1.2em 0.8em;
}


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

.woocommerce-checkout {}

form.checkout {}

form.checkout .col2-set {
    padding-bottom: 43px;
    width: 100%;
    float: left;
    margin: 0 -15px;
}

form.checkout .col2-set .col-1,
form.checkout .col2-set .col-2 {
    padding: 0 15px;
    width: 50%;
    display: block;
    max-width: 100%;

    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: 24px;
}

.woocommerce-checkout input {
    margin-bottom: 9px;
}

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

.woocommerce-checkout h3 {
    font-size: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    position: relative;
}

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

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

.create-account label {
    font-weight: bold;
}

.checkbox-wrap {
    position: relative;
}

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

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

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

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

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

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


/*============ checkout process ========*/

.checkout-steps {
    padding: 60px 0;
    overflow: hidden;
}

.checkout-steps .wrap {
    width: 33.3%;
    float: left;
    position: relative;
}

.checkout-steps .wrap.second {
    text-align: center;
}

.checkout-steps .wrap.final {
    text-align: right;
}

.checkout-steps .wrap:before,
.checkout-steps .wrap:after {
    content: "";
    width: 50%;
    height: 2px;
    position: absolute;
    top: 40%;
    left: 0;
    background-color: #ddd;
}

.checkout-steps .wrap:after {
    left: inherit;
    right: 0;
}

.checkout-steps .circle {
    margin: 0 0 15px;
    padding-top: 8%;
    width: 126px;
    height: 126px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    border: 2px solid transparent;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.checkout-steps .active .circle {
    color: #fff;
}

.checkout-steps h6 {
    font-size: 14px;
    margin: 0;
    padding: 0 10px;
}

form.checkout .button {
    margin: 15px 0 0;
    padding: 0.8em 2.8em;
    display: block;
    width: 100%;
    font-weight: 600;
}

form.checkout .button:hover {
    background-color: #5a5254;
}


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

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


/*===================== banner =====================*/

.main-banner {
    position: relative;
    z-index: 1;
}

.main-banner h2 {
    letter-spacing: 1px;
}

.main-banner h6,
.carousel-caption.banner-4-content h3 {
    letter-spacing: 5px;
}

.main-banner .btn {
    padding: 14px 15px;
    border: 0;
}

.main-banner.banner-3 {
    margin: 0;
}

.slider-wrapper {
    text-align: center;
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-inner>.item>img {
    max-width: initial;
    display: inline-block;
}

.carousel-inner .item img.image-layer {
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: 10;
}

.carousel-control {
    bottom: initial;
    top: 37%;
    width: auto;
    font-size: 100px;
    background-color: transparent;
    background-image: none;
    color: #000;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-caption {
    right: initial;
    left: 8%;
    top: 30%;
    text-shadow: none;
    text-align: left;
}

.carousel-caption.banner-3-content {
    top: initial;
    bottom: 18%;
    left: 22%;
}

.carousel-caption.banner-4-content {
    width: 100%;
    left: 0;
    text-align: center;
}

.main-banner h2.font-lg {
    line-height: 1;
}

.main-banner h2.font-lg span,
.promo-offer .title span {
    position: relative;
    display: inline-block;
}

.main-banner h2.font-lg span sup,
.promo-offer .title span sup {
    padding: 5px 8px;
    font-size: 15px;
    position: absolute;
    line-height: 1;
    top: 42%;
    left: 29%;
    background-color: #695877;
    display: inline-block;
}

.promo-offer .title span sup {
    background-color: #fbfbfb;
    font-size: 13px;
    color: #5a5254;
    top: 30%;
    padding-bottom: 3px;
}

.carousel-caption.banner-4-content .wrap,
.carousel-caption.banner-4-content .wrap .inner {
    height: 100%;
    width: 100%;
}

.carousel-caption.banner-4-content .wrap {
    display: table;
}

.carousel-caption.banner-4-content .wrap .inner {
    display: table-cell;
    vertical-align: middle;
}

.banner-3 .carousel-caption.banner-4-content {
    height: 100%;
    top: 0;
    bottom: 0;
}


.slide-sd {
    -webkit-transition: -webkit-transform, 0.5s;
    transition: transform, 0.5s;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
}

.active .slide-sd {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.slide-fadein {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

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

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

.layer1 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.layer2 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.layer3 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.dis {
    display: inline-block;
    padding: 15px;
    line-height: 1;
}

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

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

.banner-content p{
    font-size:18px;
}

.banner-content .content-wrap .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 3;
}

.main-banner.inner-banner .fixed-banner {
    background: #FFEECD;
    /*background: url("/website/img/header_background.png") no-repeat top center;*/
}

.main-banner.inner-banner .fixed-banner.banner-contact {
    background: url("/website/images/contact-banner.jpg") no-repeat top center;
}

.main-banner.inner-banner .fixed-banner.banner-support {
    background: url("/website/images/baner-support.jpg") no-repeat top center;
}

.main-banner.inner-banner .fixed-banner.banner2 {
    background: url("/website/images/inner-banner2.jpg") no-repeat top center;
}

.fixed-banner.about-banner {
    background: url("/website/images/about-banner.jpg") no-repeat top center;
}

.fixed-banner.home-banner-3 {
    background: url("/website/images/home-banner-3.jpg") no-repeat top center;
}

.main-banner.inner-banner.blog-feature-banner .fixed-banner {
    background: none;
    text-align: center;
}

.main-banner.inner-banner .fixed-banner.blog-feature-banner img {
    display: inline-block;
}

.inner-banner h2 {
        text-transform: uppercase;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 8px;
    padding-bottom: 15px !important;
    margin: 0;
    margin-top: 30px;
}

.inner-banner .breadcrumb {
    margin: 0;
}

.about-banner h2 {
    font-weight: 300;
    margin: 2px 0;
    text-transform: uppercase;
    display: inline;
    padding: 0 10px;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 1px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
}

.about-banner h2 span {
    font-weight: 500;
}

.home-banner-3 {}

.home-banner-3 .info-hold {
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    letter-spacing: 0.1em;
}

.home-banner-3 .info-hold,
.home-banner-3 .info-hold h3,
.home-banner-3 .info-hold h2 {
    color: #fff;
}

.home-banner-3 .info-hold h3 {
    font-weight: 600;
}

.home-banner-3 .sale {
    display: block;
    font-size: 52px;
    padding: 10px;
    font-weight: bold;
    text-shadow: none;
    line-height: 1;
}

.home-banner-3 .up-to {
    position: relative;
}

.home-banner-3 .up-to:before,
.home-banner-3 .up-to:after {
    content: "";
    width: 39%;
    height: 1px;
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
}

.home-banner-3 .up-to:after {
    right: 0;
    left: inherit;
}

.home-banner-3 .off {
    font-size: 90px;
    font-weight: bold;
    line-height: 1;
}

.home-banner-3 .sup {
    font-size: 33px;
    transform: rotate(-90deg);
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin: -20px;
    top: -18px;
}

a.banner-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
}


/*===================== extra info =====================*/

.extra-info {}

.extra-info .wrap:hover {
    transform: translateY(-3px);
}

.extra-info figure,
.extra-info .content {
    display: inline-block;
    vertical-align: middle;
}

.extra-info figure {
    margin-right: 8px;
}

.extra-info h6 {
    text-transform: capitalize;
    font-weight: 600;
}

.extra-info .tertiary-bg,
.extra-info .tertiary-bg h6 {
    color: #fff;
}


/*==================== 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: 36px;
    padding: 0.51em 0;
    color: #979494;
    text-align: center;
    border: 1px solid #979494;
    line-height: 1;
}

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

footer ul.social-icons li a {
    line-height: 1.4;
}


/*==================== feature category ==========*/

.feature-cat {}

.feature-cat .col-sm-7 {
    width: 57.8%;
}

.feature-cat .col-sm-5 {
    width: 42.2%;
}

.feature-cat .col-sm-6 {
    width: 50.5%;
}

.feature-cat .col-sm-3 {
    width: 24.5%;
}

.feature-cat.shoe-feature-cat .col-sm-6 {
    width: 49%;
}

.feature-cat.shoe-feature-cat .col-sm-3 {
    width: 25.5%;
}

.feature-cat .disc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.disc .inner {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.disc .inner a.cover {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    top: 0;
    left: 0;
}

.disc .inner .content {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}


.feature-cat.shoe-feature-cat .disc .inner .content {
    padding: 10px;
}

.disc .inner .content.bottom-align {
    vertical-align: bottom;
}

.content.bottom-align .inline h4,
.content.bottom-align .inline .btn-wrap {
    float: left;
    margin: 0;
}

.content.bottom-align .inline .btn-wrap {
    margin-top: -11.5px;
    float: right;
}

.feature-cat h1,
.feature-cat h2,
.feature-cat h3,
.feature-cat h4,
.feature-cat h4 small,
.feature-cat h5,
.feature-cat h6 {
    color: #fff;
}

.feature-cat h2,
.feature-cat h3 {
    font-weight: 600;
    line-height: 1.1;
}

.feature-cat h2 {
    letter-spacing: 3px;
}

.feature-cat h2 span {
    display: block;
    text-transform: initial;
    letter-spacing: 1px;
}

.feature-cat h1,
.feature-cat h2,
.feature-cat h3,
.feature-cat h4,
.feature-cat.shoe-feature-cat .mid h2 span {
    text-transform: uppercase;
}

.content.bottom-align .inline h4 {
    width: 50%;
    text-align: left;
}

.feature-cat h4 {
    margin: 0 0 5px;
    line-height: 1.1;
}

.feature-cat.shoe-feature-cat .mid h2 {
    margin-bottom: 5px;
}

.feature-cat.shoe-feature-cat .mid h4 {
    text-transform: initial;
    margin-bottom: 25px;
    letter-spacing: 0;
}

.feature-cat.shoe-feature-cat .mid .disc .inner .content {
    padding: 0 50px;
}

.bags-cat .disc .inner .content {
    vertical-align: top;
}

.bags-cat .first .disc .inner .content {
    padding: 50px;
}

.feature-cat h1 sup {
    font-size: 50%;
    line-height: 1;
    top: -30px;
}

.feature-cat h1 sup span {
    position: absolute;
    bottom: -15px;
    left: 0;
    font-size: 30px;
}

.bags-cat .first h2 {
    letter-spacing: 1px;
}

.bags-cat .mid .disc .inner .content {
    padding-right: 7px;
}

.bags-cat .col-sm-5 h2 {
    margin-bottom: -3px;
}

.bags-cat .col-sm-5 h6 {
    font-weight: 600;
}

.bags-cat .mid .btn.btn-default {
    padding: 0.5em 0.9em;
}

.feature-cat.bags-cat .last .btn-wrap {
    margin-top: 25px;
}

.bags-cat .last .btn.btn-default:hover,
.feature-cat.bags-cat .last .wrap:hover .btn,
.feature-cat .wrap:hover .btn,
.feature-cat .wrap .btn:hover {
    color: #fff;
}

.cat-wrap {}

.cat-wrap.horizental {
    display: table;
    width: 100%;
}

.cat-wrap.horizental .title,
.cat-wrap.horizental figure {
    display: table-cell;
    vertical-align: top;
}

.cat-wrap .title {
    font-size: 35px;
    text-transform: uppercase;
    position: relative;
    line-height: 1.2;
}

.cat-wrap .title.rt-aln {
    min-width: 230px;
    padding: 80px 20px 0 0;
}

.cat-wrap .title.lt-aln {
    min-width: 230px;
    padding: 80px 0 0 20px;
}

.cat-wrap .title.vert {
    padding: 30px 0 0 70px;
}

.cat-wrap .title.rt-aln:before,
.cat-wrap .title.lt-aln:before,
.cat-wrap .title.vert:before {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #5a5254;
    position: absolute;
    top: 50px;
}

.cat-wrap .title.rt-aln:before {
    right: 0;
}

.cat-wrap .title.lt-aln:before {
    left: 0;
}

.cat-wrap:hover .title.rt-aln:before,
.cat-wrap:hover .title.lt-aln:before {
    width: 100px;
}

.cat-wrap .title.vert:before {
    width: 1px;
    height: 50px;
    left: 40px;
    top: 0;
}

.cat-wrap:hover .title.vert:before {
    height: 85px;
}

.cat-wrap .title span {
    display: block;
    font-size: 14px;
}


.cat-wrap2 {}

.cat-wrap2 .move-up {
    margin-top: -50px;
}

.move-up .bx-wrapper{
    margin: 0;
}

.move-up .bx-controls.bx-has-pager{
    display: none;
}

.cat-wrap2 .cat-content {
    padding: 50px 0;
}


.cat-content.width {
    max-width: 64%;
}

.costom-left{
    width: 45.3%;
}


/*==================== Promo banner ==========*/

.promo-banner {
}


/*==================== subscribe-form  ==========*/

.subscribe-form {
    padding: 30px 50px;
    color: #fff;
}

.subscribe-form:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.subscribe-form h4 {
    color: #fff;
    margin-bottom: 10px;
}

.subscribe-form form {
    display: flex;
    justify-content: space-between;
}

.subscribe-form form input,
.subscribe-form form button[type="submit"] {
    width: auto;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 0;
    outline: none;
}

.subscribe-form form input:focus {
    border-color: #fff;
}

.subscribe-form .form-inline .form-group {
    vertical-align: top;
}

.subscribe-form form input {
    width: 100%;
}

.subscribe-form form button[type="submit"] {
    background-color: #fff;
    color: #5a5254;
    min-width: 135px;
}

.subscribe-form form button[type="submit"]:hover,
.subscribe-form:hover form button[type="submit"] {
    background-color: #5a5254;
    color: #fff;
    border-color: #5a5254;
}

.subscribe-form input::-webkit-input-placeholder {
    color: #fff;
}

.subscribe-form input:-moz-placeholder {
    color: #fff;
}

.subscribe-form input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.subscribe-form input:-ms-input-placeholder {
    color: #fff;
}


/*==================== history  ==========*/

.history-block {}

.history-block .wrap {
    padding: 70px 0;
    display: table;
    width: 100%;
    position: relative;
}

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

.history-block h2 {
    font-weight: 300;
    line-height: 1.1;
}

.history-block h2 span {
    display: block;
}

.history-block h4 {
    font-weight: 300;
    line-height: 1;
}


/*================== fashion-news ================*/

.news-wrap {}

.news-wrap .wrap {
    width: 100%;
    float: left;
}

.news-wrap .wrap figure,
.news-wrap .wrap .entry-content {
    display: inline-block;
    vertical-align: top;
}

.news-wrap .wrap .entry-content {
    margin-top: -3px;
    float: right;
    width: 49%;
}

.news-wrap .wrap figure {
    float: left;
    width: 270px;
}

.entry-post-content {
    line-height: 1.65;
}

.news-wrap .wrap.full-width figure,
.news-wrap .wrap.full-width .entry-content {
    float: none;
    width: 100%;
}

.post-info span+span {
    margin-left: 25px;
}

.news-wrap .col-sm-6:nth-child(3) .wrap figure,
.news-wrap .col-sm-6:nth-child(4) .wrap figure {
    float: right;
}

.news-wrap .col-sm-6:nth-child(3) .wrap .entry-content,
.news-wrap .col-sm-6:nth-child(4) .wrap .entry-content {
    float: left;
}


/*=============== instagram ===========*/

.insta-feed {
    overflow: hidden;
}

.instaslide-wrap .bx-viewport {
    overflow: visible !important;
}

.instaslide-wrap .bx-viewport:before,
.instaslide-wrap .bx-viewport:after {
    content: "";
    width: 150%;
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    left: -150%;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
}

.instaslide-wrap .bx-viewport:after {
    left: 100%;
}

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

.insta-feed .bx-controls.bx-has-controls-direction {
    position: absolute;
    left: 0;
    top: 40%;
}

.insta-feed .bx-controls-direction {
    width: 100%;
    position: relative;
}

.insta-feed .bx-wrapper .bx-controls-direction a {
    font-size: 30px;
    width: 40px;
    height: inherit;
    background-color: #fff;
    color: #5a5254;
    text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 0;
    top: 0;
    left: 0;
}

.insta-feed .bx-wrapper .bx-controls-direction a:hover {
    color: #fff;
    opacity: 1;
}

.insta-feed .bx-wrapper .bx-controls-direction .bx-next {
    right: 30px;
    left: inherit;
}


/*=============== promo parallax ===========*/

.promo-parallax {}

.promo-parallax .wrap {
    min-height: 500px;
    background: url(assets/images/shoes/parallax-bg.jpg) no-repeat left bottom;
    padding-top: 100px;
}


/*=============== promo tag ===========*/

.promo-tags {
    margin-top: -50px;
}

.promo-tags .box {
    border: 2px solid transparent;
    margin-bottom: 2px;
    padding: 40px 20px;
    display: block;
    text-align: center;
    color: #5a5254;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.3;
}

.promo-tags .box span {
    display: block;
    font-weight: 600;
}

.promo-tags .box:hover,
.promo-tags .box:hover .primary-color,
.promo-tags .box:hover .secondary-color,
.promo-tags .box:hover .tertiary-color {
    color: #fff;
}

.promo-tags .box:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}


/*================ time counter ========*/

.time-counter {
    overflow: hidden;
}

.time-counter .parallax {
    background: url(assets/images/shoes/parallax-bg-2.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.cat-parallax .parallax {
    background: url(assets/images/fashion/cat-parallax.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}


.cat-parallax2 .parallax {
    background: url(assets/images/cosmetics/cat-parallax-2.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}



.parallax-wrap {
    position: relative;
    padding: 155px 0;
}

.cat-parallax .parallax-wrap {
    padding: 220px 0;
}

.cat-parallax .parallax-wrap h2 {
    font-weight: 400;
}

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

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

.time-counter .wrap {
    background-color: #fff;
    padding: 60px 0 55px;
    position: relative;
    z-index: 3;
    font-size: 16px;
}

.time-counter .wrap .content-wrap {
    padding: 0 60px;
}

.cont-wrap {}

.cont-wrap div {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}

.cont-wrap div span.no {
    margin: 5px 15px;
    width: 100px;
    height: 100px;
    font-size: 45px;
    font-weight: 600;
    color: #FFF;
    background: #ffc600;
    display: block;
    line-height: 2.2;
}


.parallax-wrap .wrap {
    padding: 30px 80px 40px;
    background-color: #1f1f1f;
    color: #fff;
}


/*======== breadcrumb ==========*/

.breadcrumb {
    padding: 0;
    margin-bottom: 0px;
    background-color: transparent;
    border-radius: 0;
    text-transform: capitalize;
}

.breadcrumb li.active a,
.breadcrumb li a:hover,
.breadcrumb .active,
.breadcrumb>li+li:before {
    color: #fff;
}

.breadcrumb>li+li:before {
    content: ">";
}


/*============ shop sidebar=======*/

.shop-sidebar {}


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

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

.sidebar-box #slider-range {
    margin-top: 35px;
}

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

.ui-slider-horizontal {
    height: 2px;
    background-color: #c5c5c5;
}

div#amount {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    color: #b3b3b3;
}

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

.ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    outline: 0;
}


/*=========== thank you page ===========*/

.thank-you {
    padding-top: 38px;
}


/*=========== modal ===========*/

#quick-view .modal-dialog {}

.modal {
    background-color: rgba(0, 0, 0, 0.7);
}

.modal.login {
    background-color: #fff;
}

.modal-content {
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.modal.login .modal-dialog {
    width: 90%;
    margin: 30px auto;
}

.modal.login button.close {
    position: initial;
    background-color: transparent;
    color: #5a5254;
    border: 2px solid #5a5254;
    margin-top: 3px;
    width: 40px;
    height: 40px;
    font-size: 28px;
}

.modal.login .modal-content {
    padding: 50px;
    width: 480px;
}

.modal.login .content {
    clear: both;
    width: 470px;
    margin: 0 auto 50px;
    padding: 40px 50px 45px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.modal.login h2 {
    margin-bottom: 50px;
    font-weight: 300;
}

.modal.login .content i {
    margin-bottom: 3px;
}

.modal.login .content form {
    text-align: left;
}

.form-group.col-sm-12 {
    clear: both;
}

.login-social {
    margin: 0 0 15px;
}

.login-social li {
    width: 49%;
    list-style: none;
    float: left;
}

.login-social li+li {
    float: right;
}

.login-social li a {
    color: #fff;
    display: block;
    line-height: 1;
}

.login-social li a.fb {
    background-color: #4267b2;
}

.login-social li a.twt {
    background-color: #1da1f2;
}


/*===================== newsletter =====================*/

div#newsletter {}

div#newsletter .modal-content {
    padding: 10px;
}

div#newsletter .modal-body {
    padding: 0;
}

.newsletter {
    background: url(assets/images/newsletter-bg.jpg) no-repeat top center;
    height: 437px;
    position: relative;
    display: table;
    width: 100%;
}

.newsletter .inner-content {
    width: 100%;
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 0 350px;
    text-align: left;
}


.newsletter .inner-content,
.newsletter h2,
.newsletter h6,
.newsletter a {
    color: #fff;
}

.newsletter a:hover {
    color: #000;
}

.newsletter h2 {
    letter-spacing: 2px;
    margin: 5px 0 25px;
    line-height: 1;
}

.newsletter .inner-content h6 {
    margin: 0;
    font-weight: 500;
}

.newsletter .inner-content h6 span {
    font-size: 36px;
    vertical-align: middle;
    font-weight: 600;
}

.newsletter form {
    position: relative;
    margin: 15px 0 10px;
}

.box.style2 .newsletter form {
    margin-bottom: 10px;
}

.newsletter form input {
    border: 0;
    padding-right: 130px;
    line-height: 1.6;
}

.newsletter .btn-subscribe {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    border-radius: 0;
    font-weight: 500;
    color: #fff;
}

.ab-text {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}

.ab-text a:hover {
    color: #fff;
}

div#newsletter .modal-content.style2 {
    padding: 0;
}

.style2 .newsletter {
    background: url(assets/images/newsletter-bg2.jpg) no-repeat top center;
}

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

.style2 .newsletter .inner-content {
    padding: 50px 18%;
    text-align: center;
}


/*============ blog ===========*/


.blog-list {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 41px;
    padding-bottom: 33px;
}

.post-info {
    font-size: 13px;
}

.blog-list .post-info {
    font-size: 14px;
}

.blog-list .post-info i {
    display: inline-block;
    padding-right: 2px;
}

.blog-masanry .blog-list {
    border: 0;
    margin-bottom: 48px;
    padding-bottom: 0;
}

.blog-single {}

.blog-single .content-wrap,
.blog-single .bottom {
    padding: 0 100px;
}

.bottom .tag-links,
.bottom .social-icons {
    display: inline-block;
}

.bottom ul.social-icons li a:hover {
    color: #fff;
}

.blog-single .btn-wrap {
    border: 1px solid #e2e2e2;
    border-width: 1px 0;
    padding: 15px 0;
}

.blog-single .btn-wrap .btn {
    display: inline-block;
    width: 48%;
    position: relative;
}

.blog-single .btn-wrap .btn:hover,
.cat-parallax a.btn:hover {
    box-shadow: none;
    transform: translateY(0);
    text-decoration: none;
}

.blog-single .btn-wrap .btn:hover i {
    padding: 0 5px;
}

.blog-single .btn-wrap .btn+.btn {
    border-left: 1px solid #e2e2e2;
}

.related-post {}

.blog-single hr {
    margin: 5px 0 65px;
}


/*============== feature post ===========*/

.feature-post {}

.feature-post .wrap {
    padding: 50px;
    padding-right: 0;
    position: relative;
    float: left;
}

.feature-post .wrap:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.feature-post .wrap .content {
    position: relative;
    z-index: 2;
}

.feature-post-list {
    margin: 0;
    padding: 0;
}

.feature-post-list li {
    list-style: none;
}

.feature-post-list li .content-wrap,
.feature-post-list li figure {
    float: left;
}

.feature-post-list li figure {
    float: right;
    margin-right: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.feature-post-list li .content-wrap {
    width: 370px;
}

.feature-post-list .post-date {
    font-weight: 600;
    font-style: italic;
}

.feature-post-list a.more {
    text-decoration: initial;
}

.feature-post .bx-wrapper .bx-pager {
    text-align: left;
}

a.more:hover i {
    transform: translateX(3px);
}

.modern-list {}

.modern-list .content {
    float: right;
    position: relative;
    display: inline-block;
}

.modern-list .content .post-date {
    font-weight: 500;
    position: absolute;
    transform: rotate(-90deg);
    top: 32px;
    left: -55px;
}

.modern-list .title {
    position: absolute;
    bottom: 40px;
    width: 40%;
    z-index: 2;
}

.modern-list .title h4 {
    margin-bottom: 10px;
}

.modern-list .title h4 a {
    background-color: #fff;
    line-height: 1.6;
    display: inline;
    padding: 0 10px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
}

.modern-list .title a.more {
    text-decoration: inherit;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
}

.modern-list figure {
    display: inline-block;
}


/*=============== Pegination =============*/

.pagination {
    margin: 0 0 -1px 0;
    padding: 0;
    width: 100%;
    float: left;
    line-height: 1;
}

.pagination li {
    margin-right: 1px;
    display: inline-block;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0;
}


/*================== comment =============*/

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

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

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

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

.comment-body,
a.more {
    font-size: 14px;
}

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

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

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

.comment-meta h6 span {
    display: block;
    font-size: 12px;
}

.comment-content {}

.comment-respond {}

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

.comment-respond button[type="submit"],
.contact-page button[type="submit"],
.modal.login button[type="submit"],
.login-social li a {
    border: 0;
    font-size: 14px;
    padding: 1.3em 0;
}

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


/*=========== contact page ========*/

.contact-page {}

.contact-title {
    margin-bottom: 10px;
}

.contact-title i {
    display: block;
    font-size: 72px;
    margin-bottom: 15px;
}

.contact-page .box {
    padding: 0 25%;
}

.contact-page .box span {
    display: block;
}

.contact-page button[type="submit"] {
    margin-top: 5px;
}

.contact-page textarea {
    min-height: 199px;
}

.map-wrap iframe {
    width: 100%;
    height: 415px;
    display: block;
}


/*=============== support ===============*/

.support {}

.support-box {
    display: block;
    text-align: center;
    border: 1px solid transparent;
    padding: 50px;
    color: #5a5254;
    height: 270px;
    font-weight: 500;
}

.support-box i {
    font-size: 72px;
    margin-bottom: 22px;
}

.support-box span {
    font-size: 14px;
    padding-top: 5px;
    font-weight: normal;
}

.support-box span,
.support-box i {
    display: block;
}

.support-box:hover {
    padding: 45px;
}

.support-box:hover,
.support-box:hover .primary-color,
.support-box:hover .secondary-color {
    color: #fff;
}

ul.support-tab {
    border: 1px solid #e2e2e2;
    border-width: 1px 0;
    margin: 0;
    padding: 0;
}

ul.support-tab li {
    margin: 0;
    width: 25%;
    text-align: center;
}

.support .support-tab>li.active>a,
.support .support-tab>li.active>a:focus,
.support .support-tab>li.active>a:hover,
.support .support-tab>li>a {
    border: 0px;
    margin: 0;
    position: relative;
    background-color: transparent;
}

.support .support-tab>li>a {
    padding: 26px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #5a5254;
    position: relative;
}

.support .support-tab>li>a:after {
    content: "";
    width: 40%;
    margin: 0 auto;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(-5px);
    opacity: 0;
}

.support .support-tab>li.active>a:after,
.support .support-tab>li>a:hover:after {
    transform: translateY(0);
    opacity: 1;
}

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


/*============ about page =====*/

.about-page {}

.about-top {
    margin-bottom: -8px;
}

.founder-block .right-block .primary-padding {
    padding-bottom: 30px;
}

.founder span {
    display: block;
    font-size: 35px;
}

.story .content-wrap {
    column-count: 2;
    column-gap: 30px;
    position: relative;
    margin: 0;
    padding-bottom: 50px;
}

.story .content-wrap:after {
    display: block;
    margin: 0 auto;
    width: 240px;
    height: 5px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.quote {}

.quote h4 {
    margin: 30px 0;
    padding: 0 65px;
    color: #fff;
    font-style: italic;
    position: relative;
}

.quote h4:before,
.quote h4:after {
    content: "";
    display: inline-block;
    width: 67px;
    height: 58px;
    position: absolute;
}

.quote h4:before {
    background: url(assets/images/quote-left.png) no-repeat;
    left: -10px;
    top: -20px;
}

.quote h4:after {
    background: url(assets/images/quote-left.png) no-repeat;
    right: -10px;
    bottom: -20px;
    transform: rotate(180deg);
}

.leader-block {}

.leader-block figure {
    margin-bottom: 33px;
}

.leader-block h4 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 300;
}

.leader-block h4 span {
    font-weight: 500;
}

.leader-block .social-icons {
    margin-top: 10px;
}


/*========= culture bock============*/

.culture-block {
    overflow: hidden;
}

.culture-block h2 {
    margin: 0;
    color: #fff;
    transform: rotate(-90deg);
    position: relative;
    top: 206px;
    left: -145px;
    display: block;
    width: 460px;
    text-align: center;
    font-weight: 300;
}

.culture-block .right {
    min-height: 460px;
    background: #fff;
    padding-left: 2px;
}

.culture-wrap {
    position: absolute;
    background-color: #fff;
}

.culture-wrap img {
    max-width: inherit;
}

.grid-wrap {
    width: 1500px;
}

.grid-wrap .item {
    float: left;
    margin: 2px;
}

.item.item-2 {
    height: 300px;
}

.item.item-3 {
    height: 175px;
}


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

.cat-parallax {}

.cat-parallax .title {
    border-bottom: 2px solid transparent;
    position: relative;
    top: 10px;
    margin-bottom: 33px;
    line-height: 1;
}

.cat-parallax .title span {
    background-color: #1f1f1f;
    padding: 0 20px;
    position: relative;
    bottom: -9px;
}

.cat-parallax.cat-parallax2 .title {
    border-color: #fff;
}

.cat-parallax a.btn {
    padding: 0;
    line-height: 1;
}


/*-------- flash -------*/

.flash h2 {
    font-weight: 300;
}

.flash-count,
.flash h2,
.flash h4 {
    display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.flash h4 {
    padding: 0 20px;
}

.flash-count {}

.flash-count div {
    width: 50px;
    height: 40px;
    font-size: 20px;
    color: #FFF;
    background: #2a2a2a;
    line-height: 1;
    display: inline-block;
    line-height: 2;
    position: relative;
}

.flash-count div+div {
    margin-left: 30px;
}

.flash-count div+div:before {
    content: ":";
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    left: -30px;
    color: #2a2a2a;
    font-size: 30px;
    top: 0;
    line-height: 1.2;
}


/*------ trending -------*/

.trending {}

.trending-wrap .content {
    padding: 20px;
}

.trending-wrap {
    position: relative;
}

.link-mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

.trending-wrap:hover {
    transform: translateY(-3px);
}

.promo-offer {}

.promo-offer .col-sm-12 {
    display: table;
}

.promo-offer .wrap {
    border: 2px solid transparent;
    padding: 10px 0;
    background-color: #fbfbfb;
}

.promo-offer .wrap figure,
.promo-offer .wrap .content {
    display: table-cell;
    vertical-align: middle;
}

.promo-offer .wrap .content {
    width: 33%;
    padding: 0 60px 0 0;
}



.promo-offer .sub-title {
    font-weight: 400;
    letter-spacing: 6px;
}


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

.mega-link.dropdown .dropdown-toggle{
    background-color: #0F0D0B;
    font-size: 20px;;
}

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

.form-row-last {
    float: right;
}
.password-terms{
    text-align: left;
}

.heading-style h3{
    margin:0px;
    padding-top:5px;
}
input#password {
    border-radius:10px;
}