/*--------------------------------------------------
Template Name: Truemart;
Description: Responsive Html5 Ecommerce Template;
Template URI:;
Author Name:Hastech;
Author URI:;
Version: 1.0;
-----------------------------------------------------

    CSS INDEX
    ================
    1. Theme Default CSS
    2. Header CSS
        2.1 Header Top CSS
        2.2 Header Middle CSS
        2.3 Header Bottom CSS
        2.4 Vertical Mobile Menu CSS
    3. Categorie Menu & Slider Area CSS
        3.1 Categorie Menu CSS
        3.2 Slider CSS
        3.3 All Banner CSS
    4. Brand Banner Area CSS
    5. Hot Deal Products CSS
    6. Arrivals Products CSS
    7. Like Products CSS
    8. Support Area CSS
    9. Newsletter CSS
    10. Footer CSS
    11. Home-2 CSS
    12. Home-3 CSS
    13. Home-4 CSS
    14. Blog CSS
    15. Breadcrumb CSS
    16. Product Details CSS
    17. Shop Page CSS
    18. Quick View CSS
    19. Login CSS
    20. Register Account CSS
    21. Forgot Password CSS
    22. 404 Page CSS
    23. Compare Page CSS
    24. Checkout CSS
    25. Cart & Wish List CSS
    26. Terms & Conditions CSS
    27. About Us CSS
    28. Contact Us CSS
    29. Popup Window CSS

-----------------------------------------------------*/
/* googel font poppins */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Open+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');

/*----------------------------------------*/
/* 1. Theme Default CSS
/*----------------------------------------*/
body {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    color: #232323;
    font-size: 16px;
    line-height: 1.25em;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

a:active,
a:hover,
a:focus {
    outline: 0 none;
    text-decoration: none
}

h4 a:hover {
    color: #ea0000;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.owl-carousel .owl-stage-outer {
    margin: 0 0px;
    padding: 0 0px;
}

.clear {
    clear: both
}

.d-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.d-tr {
    display: table-row;
}

.d-td {
    display: table-cell;
    text-align: center;
    border: none;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.d-td:not(.no-p) {
    padding: 4px;
}

.fix {
    overflow: hidden;
}

.tooltip-inner {
    padding: 0.1rem 0.7rem 0.25rem;
}

.second-hot-deal .post-title h2:before,
.new-pro-two .post-title h2:before,
.hot-deal-three .post-title h2:before {
    font-family: "Ionicons";
    font-size: 24px;
    font-weight: 400;
    margin-right: 8px;
}

.second-hot-deal .post-title h2:before,
.new-pro-two .post-title h2:before,
.hot-deal-three .post-title h2:before {
    content: "";
    vertical-align: middle;
}

/* product sticker css start */
.sticker-new,
.sticker-sale {
    background: #ffc107 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.2px;
    height: 30px;
    right: 15px;
    line-height: 30px;
    min-width: 57px;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    z-index: 5;
}

.sticker-sale {
    background: #c62727 none repeat scroll 0 0;
    left: auto;
    right: 0;
}

.product-item-label-left {

    color: #ffc107;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.2px;
    height: 30px;
    right: 15px;
    line-height: 30px;
    min-width: 57px;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 45px;
    z-index: 5;
}

.product-item-label-left .b {
    background: #000;
    padding: 0px 10px;
    border-radius: 5px;
}

.product-item-label-left .podzakaz {
    background: #28a745;
    padding: 0px 10px;
    border-radius: 5px;
}

.product-item-label-left .mykolayday {
    background: #d00505;
    padding: 0px 10px;
    border-radius: 5px;
    color: #fff;
}

.product-item-label-left span {

}

/* post title bg color css start */
.post-title h2,
.hot-deal-three .post-title h2,
.second-featured-products.related-pro .post-title h2 {
    background: #ea0000 none repeat scroll 0 0;
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 10px 20px;
    border-radius: 5px;
}

.arrivals-product .post-title h2 {
    background: #ea0000;
}

.fashion .post-title h2 {
    background: #bb1860;
}

.second-arrivals-product .post-title h2 {
    background: #1e9cb6;
}

.home-kitchen .post-title h2 {
    background: #49beb7;
}

.featured-products .post-title h2 {
    background: #b76355;
}


/* post title icon css start */
.post-title h2 i {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    margin-right: 15px;
    text-align: center;
    width: 55px;
    line-height: 55px;
}

/* categorie slider navigation css start */
.owl-nav div {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    opacity: 1;
    position: absolute;
    right: 40px;
    text-align: center;
    top: -59px;
    border: 1px solid #cbcbcb;
    transition: all 300ms ease-in 0s;
    width: 33px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 55;
}

.owl-nav div.owl-next {
    left: auto;
    right: 0px;
}

.owl-nav div:hover {
    color: #ea0000;
    border-color: #ea0000;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

/* categorie slider navigation css end */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

::-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-ms-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

/*----------------------------------------*/
/* 2.1 Header Top CSS
/*----------------------------------------*/

.header-top-area {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.header-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    justify-content: space-between;
    width: 100%;
}

.header-top > ul > li:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 10px;
}

.header-top ul span {
    color: #a5d6f7;
    font-size: 13px;
}

.header-top ul li a img {
    margin-right: 5px;
}

.header-top ul li a i {
    font-size: 9px;
    margin-left: 5px;
}

.header-top > ul > li {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
}

.header-bottom-list li > a i {
    margin-left: 5px;
}

.header-top ul > li > a, .header-top ul > li > span {
    color: #666;
    font-size: 14px;
}


.header-top ul.ht-dropdown {
    left: auto;
    right: 0px;
}

.ht-dropdown {
    background: #fff;
    left: 0;
    opacity: 0;
    padding: 10px 0px;
    position: absolute;
    top: 100%;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    width: 170px;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}

.header-top > ul > li:hover ul.ht-dropdown,
.cart-box ul li:hover ul.ht-dropdown,
.vertical-menu-list > li:hover > ul.ht-dropdown,
.vertical-menu-list ul.ht-dropdown.mega-child li:hover ul.ht-dropdown,
.header-bottom-list li:hover > ul.ht-dropdown {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.header-top ul > li > ul.ht-dropdown li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header-top ul > li ul.ht-dropdown li a {
    color: #2c2c2c;
    display: block;
    font-size: 18px;
    line-height: 30px;
    padding: 5px 5px;
}

.header-top ul > li ul.ht-dropdown li a:hover {
    color: #ea0000;
}
/*-----New Year-----*/
#garland {
  position: absolute;
  top: 40px;
  left: 0;
  background-image: url('http://imapo.ru/img/christmas.png');
  height: 36px;
  width: 100%;
  overflow: hidden;
  z-index: 99;
}

#nums_1 {
  padding: 100px
}

.garland_1 {
  background-position: 0 0
}

.garland_2 {
  background-position: 0 -36px
}

.garland_3 {
  background-position: 0 -72px
}

.garland_4 {
  background-position: 0 -108px
}
/*-----New Year-----*/
/*----------------------------------------*/
/* 2.2 Header Middle CSS
/*----------------------------------------*/
.categorie-search-box form {
    color: #a9a9a9;
    height: 38px;
    padding: 0;
    position: relative;
    width: 100%;
}

.categorie-search-box input {
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: #a9a9a9;
    font-size: 13px;
    height: 38px;
    padding: 0 226px 0 16px;
    width: 100%;
}

.categorie-search-box input:-internal-autofill-selected, .categorie-search-box input:focus {
    background-color: #fff !important;
}

.categorie-search-box button {
    background: #ea0000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 3px 3px 0;
    color: white;
    font-size: 25px;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 300ms ease-in 0s;
    width: 60px;
}

.categorie-search-box button:focus {
    border: none;
}

.categorie-search-box button:hover {
    background: rgba(230, 46, 4, 0.8) none repeat scroll 0 0;
    cursor: pointer;
}

.categorie-search-box .form-group {
    align-items: center;
    background: transparent none repeat scroll 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    height: 38px;
    margin: 0;
    position: absolute;
    right: 60px;
    top: 0;
    width: 150px;
}

.search-page input {
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: #212121;
    font-size: 14px;
    height: 38px;
    padding: 0px 15px;
}

.search-page input[type="submit"] {
    background: #ea0000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: white;
    font-size: 18px;
    height: 38px;
    line-height: 28px;
}

.main-categorie {
    padding: 0px 15px;
	width: 100%;
}

.bootstrap-select option {
    font-size: 13px;
}

.nice-select::after {
    margin-top: -3px;
}

.nice-select .current {
    display: block;
    overflow: hidden;
    width: 100%;
}

.categorie-search-box .nice-select .list {
    height: 350px;
    overflow-y: auto;
}

.bootstrap-select {
    border-radius: 15px 0 0 15px;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #777777;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    width: 150px;
    border: none;
}

.cart-box > ul > li:not(:first-child) {
    margin-left: 20px;
}

.cart-box-width > li {
    padding: 20px;
}

.cart-box > ul > li {
    text-align: center;
}

.cart-box > ul > li > a {
    color: #fff;
}

.cart-text {
    display: block;
}

.cart-box > ul > li > a i {
    font-size: 32px;
}

.cart-box > ul > li .total-pro, .cart-box > ul > li .total-pro1 {
    vertical-align: top;
    margin-left: 0px;
    position: absolute;
    top: -5px;
    margin-left: 30px;
}

.cart-box > ul > li .total-pro1 {
    margin-left: 45px;
}

.my-cart {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0px;
    text-transform: none;
    margin-top: 5px;


}

.cart-box-width {
    background: white none repeat scroll 0 0;
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    left: 10px;
    padding: 0;
    width: 290px;
}

.single-cart-box {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.cart-img {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 35%;
}

.cart-img img {
    max-width: 100%;
}

.cart-content {
    float: left;
    padding: 0 15px 15px 0;
    width: 65%;
    text-align: left;
}

.cart-content h6 a {
    color: #666;
    display: block;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.cart-content span {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.cart-price {
    margin: 5px 0;
}

.cart-actions a {
    background: #2c2c2c none repeat scroll 0 0;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
}

.cart-checkout {
    background: #f26667 none repeat scroll 0 0;
    color: #fff;
}

.cart-checkout:hover {
    background-color: #ea0000;
    border-color: transparent;
    color: #fff;
}

.del-icone {
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 45;
}

.del-icone:hover,
.cart-content h6 a:hover {
    color: #ea0000;
}

.my-cart > span {
    color: #fff;
    display: block;
    line-height: 18px;
}

span.total-pro, span.total-pro1 {
    background: #ea0000 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0px;
    min-width: 22px;
    text-align: center;
}

.single-cart-box,
.price-content {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.price-content {
    overflow: hidden;
    padding-bottom: 20px;
}

.price-content li {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.price-content li span,
.cart-content span.cart-price {
    float: right;
    font-size: 16px;
    font-weight: 500;
}

.cart-content span.cart-price {
    color: #ea0000;
    float: none;
}

.pro-quantity {
    background: #ea0000 none repeat scroll 0 0;
    border-radius: 100%;
    color: white;
    font-size: 16px;
    left: 5px;
    line-height: 23px;
    min-width: 25px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 3px;
}

/*----------------------------------------*/
/* 2.3 Header Bottom CSS
/*----------------------------------------*/
.header-sticky.sticky {
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1049;
    background: #fff;
}

.header-bottom.header-sticky.sticky .categorie-title {
    /*display: none;*/
}

.header-bottom-list > li {
    position: relative;
}

/* header bottom dropdown menu css start */
.header-bottom-list > li > a,
.header-bottom-list > li > ul.ht-dropdown li a {
    color: #333333;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 15px;
    position: relative;
    text-transform: capitalize;
    font-family: "PT Sans", sans-serif;
}


.header-bottom-list > li > ul.ht-dropdown li a {
    color: #333;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.header-bottom-list > li > ul.ht-dropdown li:hover a {
    color: #ea0000;
}

.header-bottom-list > li > ul.ht-dropdown {
    width: 200px;
}

.header-bottom-list > li > a {
    padding: 10px 25px 10px 0;
}

/* header bottom dropdown menu css end */
.header-bottom-list > li.active > a, .home-4 .header-bottom-list > li.active > a,
.header-bottom-list > li:hover > a, .home-4 .header-bottom-list > li:hover > a
{
    color: #ea0000;
}

.store-switcher {
    position: absolute;
    top: -5px;
    right: 0%;
    height: 100%;
    background: #e7e7e7;
    width: 40px;
    /*height: 60px;*/
    height: 30px;

}

.store-switcher__link {
    width: 100%;
    /* height: 50%;*/
    height: 100%;
    display: block;
    text-align: center;
    font: 14px PTSans, -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    line-height: 30px;
    color: #8d8d8d;
    text-decoration: underline;
    vertical-align: middle;
}

.store-switcher__link_checked {
    color: #000;
    background: #d9d9d9;
    text-decoration: none;
}

.phone a {
    color: #000;
    font-size: 20px;
    font-weight: 900;
}

.phone .fa {
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    color: #bdbdbd;
}

.mean-container .mean-bar {
    background: none;
    min-height: 78px;
    /*position: absolute;*/
    width: 40px;
}

.mean-container .mean-nav ul {
    background: #fff none repeat scroll 0 0;
    width: 100%
}

.mean-container .mean-nav {
    top: 78px;
    position: absolute;
    left: -15px;
    width: 300px;
    z-index: 1000;
    max-height: 100vh;
    overflow-y: auto;
}

.mean-container a.meanmenu-reveal span {
    background: #363636 none repeat scroll 0 0;
}

.mean-container a.meanmenu-reveal {
    background: transparent none repeat scroll 0 0;
    color: #363636;
    font-family: "PT Sans", sans-serif;
    /* right: 15px!important;*/
    top: 16px;
}

/*----------------------------------------*/
/* 2.4 Vertical Mobile Menu CSS
/*----------------------------------------*/
#cate-mobile-toggle {
    min-height: 265px;
    height: 100%;
    overflow-y: auto;
}

#cate-mobile-toggle > ul {
    padding: 22px 0 0;
}

#cate-mobile-toggle > ul > li > a {
    font-size: 15px;
}

#cate-mobile-toggle > ul li > a {
    font-size: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#cate-mobile-toggle .category-sub > li > a:before {
    content: "\f125";
    font-family: "Ionicons";
    font-size: 9px;
    position: absolute;
    left: 0px;
    color: #ea0000;
}

#cate-mobile-toggle .category-sub li a {
    padding-left: 20px;
}

.sidebar-menu .category-sub {
    padding-left: 10px;
}

/*----------------------------------------*/
/* 3.1 Categorie Menu CSS
/*----------------------------------------*/
.vertical-menu {
    position: relative;
    margin: 0px 0px 0px 0px;
}

.header-bottom.header-sticky {
    /* border-bottom: 1px solid #ebebeb;
     border-top: 1px solid #ebebeb;*/
    background: #0e7ecc;
    height: 78px;
}

.main-page .vertical-menu-list {
    display: block;
}

.main-page .vertical-menu-list.none {
    display: none;
}


.vertical-menu-list {
    background: #fff none repeat scroll 0 0;
    left: 0;
    padding: 2px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 11;
    border: 1px solid #ededed;
    border-top-width: 0;
    display: none;
}

.vertical-menu-list li {
    position: relative;
}

.vertical-menu-list > li a {
    background: #fff none repeat scroll 0 0;
    color: #2c2c2c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 3.7px 15px;
    position: relative;
    text-transform: none;
    cursor: pointer;
}

.vertical-menu-list li:hover > a {
    color: #ea0000;
}

.vertical-menu-list li > a i {
    position: absolute;
    right: 14px;
    top: 12px;
}

.vertical-menu-list li.has-sub > a {
    padding-left: 60px;
}

.category-menu ul.category-sub {
    display: none;
}

.vertical-menu-list li span {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    float: left;
    height: 30px;
}

.vertical-menu > span {
    background: #0d71b7 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 78px;
    line-height: 78px;
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}

/*.vertical-menu > span::after {
    content: "";
    font-family: "Ionicons";
    font-size: 27px;
    font-weight: normal;
    left: 16px;
    position: absolute;
}*/

/* vertical mega menu css start */
.megamenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e3;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    left: 100%;
    padding: 20px 35px;
    top: 0;
}
.vertical-menu-list li:nth-child(9) .megamenu.ht-dropdown, .vertical-menu-list li:nth-child(10) .megamenu.ht-dropdown, .vertical-menu-list li:nth-child(11) .megamenu.ht-dropdown {
    top: auto;
    bottom: -100%;
}

.vertical-menu-list > li ul.first-megamenu {
    width: 700px;
}

.vertical-menu-list > li ul.megamenu-two {
    width: 540px;
}

.vertical-menu-list > li ul.megamenu-two li.single-megamenu {
    width: 100%;
}

.single-megamenu li {
    width: 24%;
    float: left;
    text-align: center;
    height: 90px;
    padding: 5px;
}

.single-megamenu li a img {
    height: 30px;
    display: block;
    text-align: center;
    margin: 0px auto 5px auto;
}

.vertical-menu-list .ht-dropdown {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.vertical-menu-list .ht-dropdown.mega-child {
    left: 268px;
    top: 0;
    flex-direction: column;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    width: 200px;
}

.vertical-menu-list .ht-dropdown.mega-child li > ul {
    left: 200px;
    top: -10px;
}

.vertical-menu-list > li .ht-dropdown li a {
    padding: 3px 20px;
}

.first-megamenu li.single-megamenu > ul {
    padding-bottom: 25px;
}


li.megamenu-img a {
    padding: 0;
}

.first-megamenu li.megamenu-img {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.first-megamenu li.single-megamenu {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.single-megamenu ul li a {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: none;
}

.ht-dropdown .single-megamenu ul li a {
    padding: 0;
}

.menu-tile {
    color: #2c2c2c;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/*----------------------------------------*/
/* 3.2 Slider CSS
/*----------------------------------------*/
.slider-wrapper.theme-default {
    position: relative;
    margin: 0px 0px 0px -30px;
}

.slider_box {
    /* margin-left: -15px;
     padding-left: 0;
     padding-right: 0;*/
}

.button {
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 1.1px;
    max-width: 330px;
    background: #ea0000;
    text-transform: uppercase;
    border-radius: 5px;
}

.reasons {
    position: relative;
    margin: -45px auto 0;
    z-index: 10;
}

.reasons a {
    color: #fff;
}

.brand_search {
    text-align: center;
}

.brand_search a .fa {
    font-size: 30px;
    color: #fff;
}

.brand_search a span {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    display: block;
    margin-top: 5px;
}

.bottom_banner {
    height: 52px;
    background: rgba(0, 126, 208, 0.8);
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 1.1px;
    position: relative;
    margin-top: 10px;
	margin-left: -30px;
    z-index: 1;
}

.bottom_banner .submit {
    background: #ffc107 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "PT Sans", sans-serif;
    color: #0d71b7;
    font-size: 19px;
    font-weight: 900;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    margin-left: 10px;
}

.nivo-caption {
    background: transparent none repeat scroll 0 0;
    opacity: 1;
    overflow: visible;
    padding: 0;
}

.nivo-directionNav a {
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    width: 40px;
    z-index: 8;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nivo-directionNav a:hover {
    background: #fff;
}

.nivo-directionNav a:hover i {
    color: #ea0000;
}

.nivo-directionNav a.nivo-prevNav {
    left: 10px;
}

.nivo-directionNav a.nivo-nextNav {
    right: 10px;
}

.slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
    left: 20px;
    opacity: 1;
}

.slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
    opacity: 1;
    right: 20px;
}

.nivo-controlNav {
    bottom: 15px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 12;
}

.nivo-controlNav a {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    font-size: 0;
    margin: 0 4px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 10px;
    z-index: 8;
}

.nivo-controlNav a.active {
    width: 32px;
    background: #ea0000;
}

.slider-progress {
    -webkit-animation: 4300ms ease-in-out 0s normal none 1 running timebar;
    animation: 4300ms ease-in-out 0s normal none 1 running timebar;
    background: rgba(49, 56, 72, 0.298);
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}
.like-pro-active .stickers-container{
	margin-top: 25px;
}
@-webkit-keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*----------------------------------------*/
/* 3.3 All Banner CSS
/*----------------------------------------*/
.single-banner img {
    width: 100%;
}

.single-banner img,
.sidebar-banner img {
    width: 100%;
}

.right-sider-banner .single-banner:not(:last-child) {
    margin-bottom: 30px;
}

.single-banner,
.sidebar-banner {
    position: relative;
}

.single-banner::before {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.single-banner:hover:before {
    opacity: 1;
}

/*----------------------------------------*/
/* 4. Brand Banner Area CSS
/*----------------------------------------*/

.brand-banner .single-brand img {
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.brand-banner a, .brand-banner-sidebar a {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    padding: 12.4px 10px;
    text-align: center;
}

.brand-banner a:last-child, .brand-banner-sidebar a:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.brand-banner, .brand-banner-sidebar {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.big-banner-box {
    display: flex;
}

.big-banner-box .col-img:first-child {
    margin-right: 5px;
}

.big-banner-box .col-img:last-child {
    margin-left: 5px;
}

.brand-banner .owl-nav {
    position: absolute;
    right: -290px;
    top: 0;
}

.brand-banner .owl-stage-outer, .side-product-active .owl-stage-outer,
.brand-banner-sidebar .owl-stage-outer,
.latest-blog-active .owl-stage-outer {
    margin: 0;
    padding: 0;
}

/*---------------------------------------*/
/* 5. Hot Deal Products CSS
/*----------------------------------------*/
.hot-deal-active .owl-nav div,
.second-hot-deal-active .owl-nav div,
.new-pro-two-active .owl-nav div {
    right: 55px;
    top: -71px;
}

.hot-deal-active .owl-nav div.owl-next,
.second-hot-deal-active .owl-nav div.owl-next,
.new-pro-two-active .owl-nav div.owl-next {
    left: auto;
    right: 10px;
}

.second-hot-deal .post-title h2,
.new-pro-two .post-title h2 {
    background: transparent none repeat scroll 0 0;
    color: #2c2c2c;
    font-size: 24px;
    padding: 15px 0;
}

.single-product {
    background: #fff none repeat scroll 0 0;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    margin: 10px 0;
}

.single-product:hover {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


.pro-img {
    position: relative;
    margin: 15px;
    text-align: center;
    z-index: 0;
}

.pro-img img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.pro-img .primary-img {
    top: 0px;
}

.pro-img .secondary-img {
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: 3;
    top: 28px;
}

.single-product:hover .pro-img .secondary-img {
    opacity: 1;

}

.price_block {
    width: 50%;
    float: left;
    text-align: left;
    height: 80px;
}

.avaible {
    width: 50%;
    float: right;
    color: #000;
    text-align: right;
}

.avaible .fa {
    color: #4CBB76;
}

.pro-content .sold_info {
    text-align: center;
    display: block;
    margin: 0px auto;
    font-weight: bold;
    clear: both;
    color: #000;
    max-width: 190px;
    border-radius: 5px;
}

.sold_info .fa {
    color: #4CBB76;
    padding-right: 10px;
}

.rating {
    width: 50%;
    max-width: 100px;
    float: left;
    text-align: left;
}

.rating-summary a {
    color: #484848;
    font-size: 14px;
    float: right;
    text-align: right;
}

.like-product-area .button {
    margin: 30px auto;
    max-width: 250px;
    background: #212121;
}

.like-product-area .button:hover {
    background: #ea0000;
}

.countdown {
    align-items: center;
    bottom: 5px;
    display: flex;
    justify-content: space-around;
    left: 0;
    margin: auto;
    max-width: 229px;
    padding: 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 12;
}

.count {
    color: #333;
    font-weight: 700;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 50px;
    width: 50px;
    text-align: center;
    padding: 10px 0;

}

.count p {
    color: #ea0000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.count span {
    color: #666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    text-transform: capitalize;
}

.pro-content {
    min-height: 115px;
    overflow: hidden;
    padding: 20px 15px;
    position: relative;
}

.pro-content h4 a, .pro-content p.h4 a  {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 9px;
    /*overflow: hidden;*/
    padding: 0;
    height: 40px;
    /*text-overflow: ellipsis;
	text-transform: normal;
	white-space: nowrap;*/

}

.pro-content h4 a:hover {
    color: #ea0000;
}

.pro-content .product-rating {
    margin-bottom: 13px;
}

.product-rating i {
    color: #f9ba48;
    font-size: 12px;
}

.price {
    color: #000;
    font-family: "PT Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
}

.prev-price {
    color: #666;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: line-through;
}

.product-item-price-old {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    color: #666;
}

.product-item-price-old:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    background: #ea0000;
    left: 0;
    top: 50%;
}

.pro-actions {
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 15px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 100%;
    z-index: 10;
    padding: 0 10px;
}

.single-product:hover .pro-actions,
.single-product:hover .actions-secondary .a,
.single-product:hover .actions-secondary a {
    /* -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;*/
}

.single-product .pro-info {
	width: 100%;
    overflow-x: hidden;
	height:180px;
    /*  -webkit-transition: all 300ms ease-in 0s;
      transition: all 300ms ease-in 0s;*/
}

.single-product:hover .pro-info {
    /*  opacity: 0;*/
}

.actions-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.actions-primary a, .actions-primary .a, .product-description .compare-cart,
.cart-main-area.wish-list .product-add-to-cart a,
.cart-main-area.wish-list .product-add-to-cart .a {
    background: #ea0000 none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    -webkit-transition: all 400ms ease-in 0s;
    -ms-transition: all 400ms ease-in 0s;
    -transition: all 400ms ease-in 0s;
    transition: all 400ms ease-in 0s;
    width: 100%;
    display: block;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 190px;
    margin: 0px auto 25px auto;
}
.actions-primary .a:hover,
.actions-primary a:hover {
    opacity: 0.8;
    cursor: pointer;
}

.actions-primary .a.disabled,
.actions-primary a.disabled {
    cursor: not-allowed;
    opacity: .3;
}

.actions-primary {
    top: 5px;
    clear: both;
    position: relative;
}

.articul {
    float: left;
    margin-top: 15px;
}

.articul p {
    font-size: 13px;
    color: #4c4c4c;
    margin-left: 15px;
}

.actions-primary a:hover,.actions-primary .a:hover, .product-description .compare-cart:hover,
.cart-main-area.wish-list .product-add-to-cart a:hover, .cart-main-area.wish-list .product-add-to-cart .a:hover {
    background: #ea0000;
    color: #fff;
    border-color: #ea0000;
}

.actions-secondary .a,
.actions-secondary a {
    background: transparent none repeat scroll 0 0;
    color: #333;
    margin-left: 0px;
    transform: scale(0.6);
}

.actions-secondary .a.add2favorites.active .fa,
.actions-secondary a.add2favorites.active .fa {
    color: #ea0000;
}

.actions-secondary .a.active i,
.actions-secondary a.active i {
    color: #ea0000;
}

.l_sale {
    background: rgba(0, 0, 0, 0) url("img/icon/bg-l-sale.png") no-repeat scroll right center;
    bottom: 20px;
    color: #ea0000;
    font-size: 20px;
    font-weight: 900;
    height: 22px;
    line-height: 1;
    padding-right: 17px;
    position: absolute;
    right: 15px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

.actions-secondary {
    float: right;
    margin-top: 15px;
    margin-right: 15px;
    z-index: 1;
    position: relative;
}

.actions-secondary .a span,
.actions-secondary a span {
    color: #363636;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    padding-left: 7px;
    vertical-align: -4px;
    white-space: normal;
    width: calc(100% - 28px);
}

.actions-secondary .a i,
.actions-secondary a i {
    color: #363636;
    float: left;
    font-size: 28px;
    width: 28px;
}

.actions-secondary .a:hover i, .actions-secondary .a:hover span,
.actions-secondary a:hover i, .actions-secondary a:hover span {
    color: #ea0000;
}

.quick_view {
    color: #ea0000;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 45px;
    z-index: 9;
    opacity: 0;
}

.quick_view:hover {
    color: #ea0000;
}

.single-product:hover .quick_view {
    opacity: 1;
}

.banner-box {
    margin-bottom: 10px;
    padding: 0 5px;
}

.banner-2 {
    display: flex;
}

.banner-2 .col-img + .col-img {
    margin-top: 10px;
}

.col-img {
    overflow: hidden;

}

.col-img img {
    transition: all 300ms ease-in 0s;
    transform: scale(1);
    width: 100%;
}

.col-img:hover img {
    transform: scale(1.1);

}

.banner-category img {
    width: 100%;
}

.toggle-block {
    background: #0e7ecc none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: block;
}

/*----------------------------------------*/
/* 6. Arrivals Products CSS
/*----------------------------------------*/

.section-ttitle p.h2, .title-box h2, .title-box p.h2 {
    color: #212121;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
    text-transform: capitalize;
}

.tab-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 101px;
}

.tabs-area li {
    display: inline-block;
    margin-left: 21px;
    vertical-align: top;
}

.tabs-area li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #363636;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.tabs-area li a.active {
    color: #ea0000;
}

.double-product .single-product {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.double-product .single-product:hover {
    box-shadow: none;
}

/*----------------------------------------*/
/* 7. Like Products CSS
/*----------------------------------------*/

.section-ttitle2 {
    color: #212121;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
}

.owl-dots {
    text-align: center;
}

.owl-dot {
    background: #a9a9a9 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 0 2px;
    transition: all 0.3s ease-in-out 0s;
    width: 10px;
}

.owl-dot.active {
    border-radius: 10px;
    width: 10px;
    background: #ea0000;
}

/*----------------------------------------*/
/* 8. Support Area CSS
/*----------------------------------------*/
.support-area .single-support {
    border-right: 1px solid #ddd;
    flex: 0 0 25%;
    padding: 35px 50px;
}

.support-area .single-support:first-child {
    border-left: 1px solid #ddd;
}

.support-icon i {
    color: #5a7ea8;
    font-size: 60px;
}

.support-desc h6, .support-desc p.h6  {
    color: #363636;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    margin: 20px 0 10px;
    text-transform: none;
}

.support-desc span {
    color: #363636;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
}

/*----------------------------------------*/
/* 9. Newsletter CSS
/*----------------------------------------*/
.newsletter {
    padding: 35px 0;
}

.news-desc h3, .news-desc p.h3 {
    color: #212121;
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px;
    line-height: 1;
}

.news-desc p {
    color: #757575;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}

.newsletter-box .subscribe {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #777;
    display: block;
    font-size: 13px;
    height: 50px;
    padding: 0 166px 0 20px;
    width: 100%;
    text-transform: capitalize;
}

.newsletter-box {
    position: relative;
}

.newsletter-box .submit {
    background: #212121 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "PT Sans", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    cursor: pointer;
    letter-spacing: 1.3px;
}

.newsletter-box .submit:hover {
    background: #ea0000;
}

/*----------------------------------------*/
/* 10. Footer CSS
/*----------------------------------------*/

/* footer top css */
.footer-top {
    padding-bottom: 20px;
}

.footer-title {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 0 15px;
    position: relative;
    text-transform: uppercase;
}

.footer-list li a {
    color: #212121;
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
}

.footer-list li {
    line-height: 31px;
}

.footer-list li a:hover {
    color: #ea0000;
}

.footer-list li a:hover:before {
    opacity: 0;
}

.logo-footer {
    margin-bottom: 30px;
}

.footer-content p {
    font-size: 13px;
    line-height: 23px;
}

.footer-content h5 {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
}

.social-footer-list a {
    color: #b2b2b1;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
}

.social-footer-list a:not(:last-child) {
    margin-right: 30px;
}

.social-footer-list a:hover {
    color: #ea0000;
}

.single-footer.style-change {
    padding-left: 40px;
}

/* footer middle css */
.social-footer > li {
    display: inline-block;
}

.social-footer li a {
    padding: 0 13px;
    text-align: center;
}

.social-footer li a i {
    color: #212121;
    font-size: 28px;
    line-height: 1;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
}

.social-footer li a:hover i {
    color: #ea0000;
}

/* footer bottom css */
.footer-bottom-content p {
    color: #666;
    font-size: 14px;
}

.footer-bottom-content p a {
    color: #ea0000;
}

.footer-bottom-content p a:hover,
.tag-content a:hover {
    text-decoration: underline;
}

.footer-nav-list li {
    display: inline-block;
}

.footer-nav-list li a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding-left: 30px;
    text-transform: uppercase;
}

.footer-nav-list li a:hover,
.tag-content a:hover {
    color: #ea0000;
}

.footer-nav-list li:first-child a {
    padding-left: 0;
}

#scrollUp {
    background: #333 none repeat scroll 0 0;
    bottom: 80px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    height: 40px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
    z-index: 999;
}

#scrollUp:hover {
    background: #ea0000;
}

#scrollUp i {
    font-size: 25px;
    line-height: 40px;
}

.footer-list li {
    text-transform: capitalize;
    transition: all 0.5s ease-in-out 0s;
}

.address-content li {
    color: #212121;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
    font-weight: 900;
    text-transform: none;
}

.address-content li span {
    font-weight: normal;
    font-size: 12px;
}

.address-content li i {
    display: inline-block;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 3px;
}

.copyright-text a {
    color: #212121;
}

.copyright-text.text-center > p {
    color: #212121;
    font-size: 14px;
}

/*----------------------------------------*/
/* 11. Home-2 CSS
/*----------------------------------------*/
.banner-site-box .single-product {
    align-items: center;
    border: 1px solid #ddd;
    display: flex;
    padding: 5px;
}

.banner-site-box .single-product:hover .pro-info {
    opacity: 1;
}

.banner-site-box .pro-img {
    width: 50%;
}

/*.pro-content h4 a {
    font-size: 18px;
}*/

.banner-site-box .l_sale {
    margin-top: 5px;
    position: static;
    right: auto;
    width: 62px;
}

/*----------------------------------------*/
/* 12. Home-3 CSS
/*----------------------------------------*/
.home-3 .slider_box {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.home-3 .vertical-menu-list {
    display: none;
}

.home-3 .slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
    left: 8%;
    opacity: 1;
}

.home-3 .slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
    opacity: 1;
    right: 8%;
}

.title-box {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    min-height: 342px;
    padding: 90px 24px 0;
    text-align: center;
    width: 225px;
}

.trendig-product .owl-dots {
    bottom: 64px;
    left: 81px;
    position: absolute;
}

.hot-product2 {
    display: flex;
    clear: both;
}

.hot-product2 .tab-content {
    width: 100%;
}

.hot-product2 .product-thumbnail {
    padding-left: 10px;
    width: 137px;
}

.hot-product2 ul {
    padding-left: 20px;
    list-style: circle;
    margin-bottom: 10px;
}

.all-border {
    border: 2px solid #ea0000;
    padding: 20px 20px 30px 30px;
}

.pro-tab-menu a:not(:last-child) {
    margin-bottom: 10px;
}

.hot-deal-products p.h2 {
    color: #ea0000;
}

.hot-product2 .count {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: flex;
    height: auto;
    padding: 1px 3px;
    width: auto;
}

.hot-product2 .count p {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-right: 5px;
}

.hot-product2 .count span {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    border-right: 1px solid #fff;
    padding-right: 5px;
}

.hot-product2 .count:last-child span {
    border-right: 0px solid #fff;
}

.hot-product2 .countdown::before {
    border-color: transparent transparent transparent #ea0000;
    border-style: solid;
    border-width: 19px 0 19px 19px;
    content: "";
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}

.hot-product2 .countdown::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 5px;
    left: 100%;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 5px;
}

.hot-product2 .countdown {
    background: #ea0000 none repeat scroll 0 0;
    bottom: auto;
    font-family: "PT Sans", sans-serif;
    left: 0;
    margin-bottom: 20px;
    margin-left: 0;
    max-width: 320px;
    padding: 6px 30px;
    position: relative;
    right: auto;
    top: 0;
}

.hot-product2 .pro-actions {
    align-items: center;
    display: flex;
    opacity: 1;
    padding-left: 0;
    position: static;
    transform: scale(1);
}

.hot-product2 .actions-primary a, .hot-product2 .actions-primary .a  {
    transform: scale(1);
    width: 163px;
    margin-right: 10px;

}

.hot-product2 .actions-secondary .a,
.hot-product2 .actions-secondary a {
    margin-right: 10px;
    transform: scale(1);
}

.hot-product2 .pro-price {
    /*display: flex;*/
    display: none;
    position: relative;
}

.hot-product2 .pro-price .price {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

.hot-product2 .thubnail-desc h3 a {
    color: #363636;
    font-family: "PT Sans", sans-serif;
    font-size: 34px;
}

.hot-product2 .thubnail-desc h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

.price-countdown .product-name {
    color: #363636;
    font-family: "PT Sans", sans-serif;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 22px;
}

.brands a {
    margin: 15px;
}

/*----------------------------------------*/
/* 13. Home-4 CSS
/*----------------------------------------*/
.header-top-area.home-4 {
    background: #0d0d0d none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.home-4 .header-top ul > li > a, .home-4 .header-top ul > li > span {
    color: #fff;
    font-size: 12px;
}

.home-4 .my-cart > span, .home-4 .my-cart, .home-4 .cart-box > ul > li > a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.cart-box > ul > li > a:hover, .cart-box > ul > li:hover .my-cart, .cart-box > ul > li:hover .my-cart > span {
    color: #Ea0000;
}

.cart-box > ul > li:hover span.total-pro {
    color: #fff;
}

.home-4 .header-bottom-list > li > a {
    color: #fff;
}

.home-4 .vertical-menu > span {
    background: #ea0000 none repeat scroll 0 0;
    color: #fff;
}

.home-4.header-bottom.header-sticky, .header-middle.home-4 {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.home-4.header-sticky.sticky {
    background: #212121 none repeat scroll 0 0;
}

.home-4 .post-title {
    margin: -20px -20px 0 -30px;
}

.home-4 .post-title h2 {
    border-radius: 0;
}

.home-4 .all-border {
    border: 2px solid #ea0000;
    border-radius: 7px 7px 0 0;
    padding: 20px 20px 30px 30px;
}

.home-4 .all-border .owl-nav div {
    top: -71px;
}

.hot-product3 .single-product:hover {
    box-shadow: none;
}

.single-product-sidebar {
    display: flex;
}

.single-product-sidebar .pro-img {
    width: 38%;
}

.single-product-sidebar .pro-content {
    min-height: auto;
    overflow: hidden;
    padding: 0 15px;

}

.single-product-sidebar .l_sale {
    bottom: 0;
    right: 0;
    z-index: 9;
}

.single-product-sidebar .pro-content h4 a {
    font-size: 13px;
}

.single-product-sidebar .price {
    font-size: 18px;
}

.single-product-sidebar:hover {
    box-shadow: none;
}

.hot-product2 .actions-primary {
    top: 0px;
}

.hot-product2 .actions-primary > a {
    margin-bottom: 0;
    margin-right: 10px;
    width: 190px;
}

/*----------------------------------------*/
/* 14. Blog CSS
/*----------------------------------------*/
.single-latest-blog::before {
    border-color: #ea0000 transparent transparent;
    border-style: solid;
    border-width: 90px 90px 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 3;
}

.single-latest-blog {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    display: flex;
    padding: 0px;
    position: relative;
    width: 100%;
}

.blog-img {
    float: left;
    /* width: 25%;*/
}

.blog-desc {
    float: left;
    padding: 0px 0 0 10px;
    width: 75%;
}

.blog-desc p {
    height: 125px;
    overflow: hidden;
}

.blog-date span {
    display: block;
    font-size: 24px;
    font-weight: 900;
}

.blog-date {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    padding: 10px 0 0 10px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    z-index: 4;
}

.readmore {
    background: #212121 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 25px;
    text-transform: capitalize;
    letter-spacing: 1.1px;
}

.blog-desc .readmore {
    margin-top: 25px;
}

.readmore:hover {
    background: #ea0000 none repeat scroll 0 0;
    color: #fff;
}

.latest-blog .post-title {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-bottom: none;
}

.blog-desc h4 a, .blog-desc .h4 a  {
    color: #363636;
    font-size: 18px;
    font-weight: 700;
}

.blog-desc h4, .blog-desc .h4 {
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap;*/
}

.blog-desc h4 a:hover,.blog-desc .h4 a:hover
.blog-desc li a:hover {
    color: #ea0000;
}

.blog-desc li {
    color: #666666;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

.blog-desc li a {
    color: #666;
    font-size: 12px;
}

.meta-box {
    margin-bottom: 5px;
}

.blog-img {
    position: relative;
}

.blog-img img,
.sidebar-img img {
    width: 100%;
}

.blog-img:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 2;
    pointer-events: none;
}

.single-latest-blog:hover .blog-img:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

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

.blog-pagination li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    display: block;
    font-size: 16px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    width: 38px;
    color: #444;
}

.blog-pagination li.active a, .blog-pagination li a:hover {
    background: #222222 none repeat scroll 0 0;
    color: #ffffff;
}

.latest-blog-active .owl-dot {
    margin-top: 20px;
}

.main-blog .single-latest-blog {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

/*------------------------*/
/* Single Blog CSS
/*-----------------------*/
.single-sidebar .e-title {
    background: #222222;
}

.single-sidebar li a:hover {
    color: #222222;
}

.latest-pro .e-title {
    background: #ea0000;
}

.latest-pro li a:hover {
    color: #ea0000;
}

.sidebar-post-content {
    padding: 32px 0 25px;
}

.sidebar-lg-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.post-meta li {
    border-right: 1px solid #666;
    font-size: 20px;
    margin-right: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}

.post-meta li span {
    color: #666;
}

.sidebar-desc p {
    line-height: 26px;
}

.sidebar-desc blockquote {
    background: #f7f7f7 none repeat scroll 0 0;
    border-left: 3px solid #222222;
    padding: 30px;
}

.sidebar-desc blockquote p {
    color: #707070;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}

.sidebar-desc blockquote span {
    color: #555555;
    font-size: 16px;
    font-weight: 500;
}

.leave-reply {
    font-size: 18px;
    font-weight: 700;
}

.submit-review label {
    font-size: 14px;
    text-transform: capitalize;
    color: #555;
}

.tag-list li {
    display: inline-block;
}

.tag-list {
    margin: 0 -5px;
}

.tag-list li a {
    background-color: #f6f6f6;
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 5px;
    padding: 7px 16px;
    text-transform: capitalize;
    color: #444;
}

.tag-list li a:hover {
    background: #ea0000;
    color: #fff;
}

/*----------------------------------------*/
/* 15. Breadcrumb CSS
/*----------------------------------------*/
.breadcrumb-area .breadcrumb {
    background: #fff;
    margin-bottom: 0;
    padding: 16px 15px;
}

.breadcrumb li + li::before {
    content: "\f105";
    font-family: fontawesome;
    padding: 0 5px;
    vertical-align: middle;
}

.breadcrumb li a {
    color: #333333;
    font-size: 14px;
    line-height: 25px;
    margin-right: 5px;
    text-transform: capitalize;
    font-weight: bold;
}

.breadcrumb-area .breadcrumb li.active a,
.breadcrumb li:hover a,
.breadcrumb-area .breadcrumb li.active span,
.breadcrumb li:hover span
{
    color: #ea0000;
    font-weight: normal;
}

.radio-button .radio-inline {
    margin-right: 10px;
}

.form-register .radio-inline input {
    margin-right: 5px;
}

.terms span {
    font-size: 14px;
}

/*----------------------------------------*/
/* 16. Product Details CSS
/*----------------------------------------*/
.tab-content .tab-pane {
    text-align: center;
}

.product-thumbnail .thumb-menu div img {
    max-height: 150px;
    padding: 15px;
    width: auto;
    margin: 0 auto;
}

.main-product-thumbnail .tab-content img {
    padding: 0px;
    max-height: 450px;
    margin: 0 auto;
    max-width: 450px;

}

.thumb-menu.owl-carousel .owl-item a {
    border: 1px solid #ededed;
    display: block;
}

.thumb-menu.owl-carousel .owl-item a.active {
    border-color: #ea0000;
}

.product-thumbnail .thumb-menu .nav-link {
    padding: 0;
}

.thumb-bg {
    background: #fff;
    padding: 20px;
    border: 1px solid #ededed;
}

.thumb-bg .tabs-area {
    border-bottom: none;
}

.thumb-menu .owl-stage-outer {
    margin: 0 -3px;
}

.thumb-menu .owl-nav div {
    height: 20px;
    left: 0;
    line-height: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.thumb-menu .owl-nav div.owl-next {
    right: 0;
    left: auto;
}

.box-quantity.hot-product2 .actions-primary .a,
.box-quantity.hot-product2 .actions-primary a {
    background: #ea0000 none repeat scroll 0 0;
    border-color: #ea0000;
    color: #fff;
    height: 43px;
    margin-bottom: 0;
    margin-right: 10px;
    width: 220px;
}

.hot-deal-products.interes h2 {
    color: #fff;
}

/*---------------------------------
    thumb product css start
-----------------------------------*/
.product-header {
    color: #363636;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.thubnail-desc .articul {
    width: auto;
    margin-top: 0px;
}

.thubnail-desc .rating {
    margin-left: 30px;
    width: auto;
}

.rating i,
.review-list i {
    color: #F39C11;
    font-size: 14px;
}

.rating-feedback a {
    color: #666;
    display: inline-block;
    font-size: 13px;
    margin-top: 0px;
    text-transform: capitalize;
    padding-left: 15px;
}

.rating-feedback a:hover {
    color: #5D9CEC;
}

.pro-desc-details {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

.pro-price span:not(:last-child) {
    margin-right: 15px;
}

.pro-price {
    width: 50%;
    float: left;
}

.pro-price .price {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 0px;
}

.thubnail-desc .pro-price .price {
    padding-left: 15px;
	padding-right: 10px;
}

.thubnail-desc .pro-price .old_price {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    color: #666;
}

.hot-product2 .thubnail-desc .pro-price .price {
    padding-left: 0px;
}

.thubnail-desc .actions-secondary {
    margin-top: 30px;
}

.thubnail-desc .actions-secondary .a i,
.thubnail-desc .actions-secondary a i {
    font-size: 32px;
}

.thubnail-desc .pro-ref {
    border-bottom: 1px solid #ededed;
}

.thubnail-desc .avaible {
    width: 110px;
    float: none;
    color: #000;
    text-align: center;
    top: 10px;
    position: relative;
    z-index: 1;
    background: #fff;
    margin: 0 auto;
}

.thubnail-desc .sold_info {
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    text-align: center;
}

.services ul li {
    clear: both;
}

.setting {
    background: url(img/icon/setting.png) no-repeat 0px 4px;
    width: auto;
    height: 62px;
}

.services li span {
    padding-left: 95px;
    display: block;
    line-height: 62px;
    font-size: 18px;
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.services li span.free {
    float: right;
    color: #07d956;
	display: none;
}

.warranty {
    background: url(img/icon/warranty.png) no-repeat 0px 4px;
    width: auto;
    height: 62px;
}

.saving-price {
    background: #ea0000 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}

.service_provider {
    background: url(img/icon/service_provider.png) no-repeat 0px 4px;
    width: auto;
    height: 62px;
}

.product-size .nice-select {
    padding-right: 40px;
	display:none;
}

.product-size .nice-select .option {
    padding-right: 36px;
}

.product-size label,
.color label {
    color: #2c2c2c;
    margin-bottom: 5px;
    text-transform: none;
    display: block;
    clear: both;
    margin-top: 15px;
}

.product-size select,
.quantity {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #7a7a7a;
    width: 70px;
}

.quantity {
    padding: 11px;
}

.add-cart {
    background-color: #ea0000;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    text-transform: capitalize;
}

.add-cart:hover {
    background: #ea0000;
    color: #fff;
}

.color-list li {
    display: inline-block;
}

.color-list li a {
    border: 1px solid transparent;
    height: 22px;
    margin: 0 8px 10px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 22px;
    display: block;
    border-radius: 22px;
}

.color-list li a.active,
.color-list li a:hover {
    border-color: #333333;
}

.color-list li a.orange {
    background: #F39C11;
}

.color-list li a.paste {
    background: #5D9CEC;
}

.in-stock {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.in-stock i {
    font-size: 16px;
    margin-right: 5px;
    color: #4CBB76;
}

.socila-sharing li {
    color: #666;
    line-height: 1;
    margin-right: 20px;
    white-space: normal;
}

.socila-sharing li a {
    color: #999999;
    font-size: 24px;
}

.socila-sharing li a:hover {
    color: #ea0000;
}

.product-policy p {
    padding: 15px 0;
    color: #999;
}

.product-policy p i {
    color: #333333;
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

/*---------------------------------
    product description start
-----------------------------------*/
.thumnail-desc {
    width: 100%;
}

.thumnail-desc .tabs-area {
    border-bottom: none;
}

.main-thumb-desc.tabs-area > li {
    margin-left: 0;
    width: 25%;
    text-align: center;
}

.main-thumb-desc.tabs-area > li > a {
    color: #666666;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding: 15px 0px;
    width: 100%;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.main-thumb-desc li a.active {
    background: #ea0000 none repeat scroll 0 0;
    color: #ffffff;
}

.thumnail-desc .tab-content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ededed;
    overflow: hidden;
    padding: 30px 20px;
}

.thumnail-desc .tab-content p {
    line-height: 25px;
}

.border-default {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding-bottom: 30px;
}

.universal-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.group-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    color: #363f4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
    position: relative;
}

.group-title h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.riview-field {
    display: none;
    background: #fff;
    padding-bottom: 15px;
}

.customer-btn.review {
    margin: 0 auto;
    background: #0e7ecc;
    display: block;
}

.review-mini-title {
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
    text-transform: capitalize;
}

.review-list li {
    text-align: left;
}

.review-list li > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    width: 49px;
}

.review-list li label span {
    font-weight: 500;
}

.review-list li label {
    font-size: 13px;
    left: 120px;
    position: relative;
}

.review-list li label a {
    color: #222222;
    font-weight: 500;
}

.review-list li label a:hover {
    color: #ea0000;
}

.review-title {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 15px;
}

.review-title span {
    font-weight: 500;
}

.riview-field input,
.riview-field textarea {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 60%;
}

.riview-field label {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    display: block;
    text-align: left;
}

.riview-field button {
    display: block;
}

.feedback-item_username {
    float: right;
    padding-top: 16px;
}

.review-list {
    max-width: 150px;
}

.feedback-item_msg {
    padding-top: 13px;
}

.feedback-item_date {
    line-height: 49px;
}

/*----------------------------------------*/
/* 17. Shop Page CSS
/*----------------------------------------*/

/*--------------------------
    sidebar css start
------------------------*/
.sidebar-title {
    color: #2c2c2c;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.e-title {
    background: #ea0000 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
    padding: 15px;
    text-transform: uppercase;
}

/*----------------------------------
    toggle menu plus minus css start
------------------------------------*/
/*.mobile-menu .has-sub.open a span.holder::after,
.mobile-menu li.has-sub.open > a::after{
	content: "\f209";
}

.mobile-menu .has-sub a span.holder::after,
.mobile-menu li.has-sub > a::after {
	content: "\f217";
	font-family: "Ionicons";
	font-size: 14px;
	position: absolute;
	right: 20px;
}*/

.category-menu.v-cat-menu ul li.has-sub > a {
    background: rgba(0, 0, 0, 0) url("img/vertical-menu/icon-expand.png") no-repeat scroll 20px 9px;
}

.category-menu.v-cat-menu .has-sub.open > a {
    background: rgba(0, 0, 0, 0) url("img/vertical-menu/icon-collapse.png") no-repeat scroll 20px 9px;
}

/*img/vertical-menu/icon-expand.png*/
.category-menu.v-cat-menu ul li.has-sub > a::after {
    left: 30px;
    top: 6px;
}

.sidebar-menu ul li {
    position: relative;
}

.sidebar-menu li a,
.color-option li a,
.single-sidebar li a {
    color: #2c2c2c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0;
    text-transform: capitalize;
    cursor: pointer;
}

.sidebar-menu li:hover > a,
.sidebar-menu li.has-sub:hover > a,
.sidebar-menu li.has-sub.open > a {
    color: #ea0000;
}

.mobile-menu .has-sub.open .category-sub {
    display: block !important;
}

.sidebar-menu .category-sub li a {
    padding-left: 10px;
}

#cate-mobile-toggle .category-sub li {
    margin-left: 30px;
}

/*---------------------------------
   Fileter by search css start
-----------------------------------*/
.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    margin-top: 15px;
}


.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #ffc107;
    border-radius: 100%;
    display: inline-block;
    height: 21px;
    top: -9px;
    width: 21px;
}


.ui-slider-range.ui-widget-header.ui-corner-all {
    background: transparent;
}

.ui-widget.ui-widget-content {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ffc107;
    height: 7px;
    border-radius: 5px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none;
}

.amount-range {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #2c2c2c;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    padding: 5px 0;
    text-align: center;
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 15px;
}

.flter-option.mb-80 {
    padding-right: 15px;
}

/*---------------------------------
    categorie,price & size css start
-----------------------------------*/
.sidbar-style li {
    transition: all 300ms ease-in 0s;
    -webkit-transition: all 300ms ease-in 0s;
    -ms-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
}

.sidbar-style > ul > li > a {
    padding: 0;
}

.sidbar-style .category-sub li a {
    padding-top: 0;
    padding-bottom: 0;
}

.sidbar-style ul li {
    padding-top: 10px;
}

.sidbar-style > ul > li:first-child {
    padding-top: 0;
}

.sidbar-style .form-check label {
    font-size: 14px;
    cursor: pointer;
}

.sidebar li.form-check {
    margin-bottom: 12px;
}

.sidebar .form-check {
    padding-left: 0;
}

ul.tag-list > li > a {
    padding: 7px 14px;
}

/*---------------------------------
    Color css start
-----------------------------------*/
.color-option li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color-option li a {
    padding: 5px 0;
}

.color-option li > a:hover,
.sidbar-style > li:hover {
    color: #ea0000;
}

.color-option li span {
    -webkit-box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 12px;
    margin-right: 5px;
    width: 12px;
}

.color-option li span.white {
    background: #fff;
}

.color-option li span.red {
    background: #ea0000;
}

.color-option li span.black {
    background: #000000;
}

.color-option li span.gray {
    background: gray;
}

/*---------------------------------
   sidebar banner css start
-----------------------------------*/
.sidebar-banner:before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 51%;
    top: 0;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:hover:before {
    left: 0;
    right: 0;
    opacity: 0;
}

.sidebar-banner:hover:after {
    bottom: 0;
    top: 0;
    opacity: 0;
}

/*---------------------------------
    grid list view css Start
-----------------------------------*/
.main-categorie .border-default {
    padding-bottom: 0;
    padding: 20px;
    background: #fff;
}

.grid-list-view .tabs-area li a {
    border-radius: 4px;
    color: #2c2c2c;
    font-size: 18px;
    height: 28px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 30px;
}

.grid-list-view .tabs-area li a.active {
    color: #ea0000;
}

.grid-list-top .tabs-area {
    border-bottom: none;
}

.grid-list-top .tabs-area > li {
    margin-left: 0;
    margin-right: 10px;
}

.grid-list-top.border-default {
    background: #ffffff none repeat scroll 0 0;
    padding: 15px;
}

.grid-list-top .tabs-area > li span,
.toolbar-sorter label {
    color: #3e3e3e;
    font-size: 13px;
}

.main-toolbar-sorter {
    margin-right: -10px;
}

.toolbar-sorter label {
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 15px;
    min-width: 106px;
    text-align: right;
}

.toolbar-sorter {
    min-width: 200px;
    float: right;
}

.toolbar-sorter .nice-select {
    border: 1px solid #ededed;
    font-size: 14px;
    width: 180px;
    margin-right: 15px;
}

.toolbar-sorter select.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.toolbar-sorter select option {
    font-size: 14px;
    line-height: 24px;
    padding: 3px 15px;
}

.sidebar {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/*---------------------------------
   grid list single product css
-----------------------------------*/
.main-categorie .tab-content .single-product {
    margin-bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px -15px;
}

.main-categorie .tab-content #grid-view .row {
    padding-left: 3px;
    padding-right: 3px;
}

#list-view .single-product .pro-actions {
    align-items: center;
    display: flex;
    opacity: 1;
    position: static;
    transform: scale(1);
    margin-top: 20px;
}

#list-view .pro-content {
    display: flex;
    flex-direction: column;
    padding: 0;
}

#list-view .single-product .pro-content h4 a {
    font-weight: 700;
}

#list-view .single-product {
    border-bottom: 1px solid #ddd;
    margin-top: 0;
    padding-bottom: 30px;
}

#list-view .single-product .pro-content p {
    color: #666666;
    line-height: 25px;
    margin: 9px 0 0;
}

.specification {
    font-size: 14px;
}

.specification .option {
    float: left;
}

.specification .option_value {
    text-align: right;
}

.product-pagination {
    font-size: 13px;
    font-weight: 400;
}

.pro-pagination {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#list-view .single-product:hover {
    box-shadow: none;
}

.pro-content {
    min-height: 115px;
    overflow: hidden;
    padding: 20px 15px;
    position: relative;
}

.product-view {
    height: 250px;
    margin: 0 auto;
}

.main-product-thumbnail {
    width: 100%;
}

/*----------------------------------------*/
/* 18. Quick View CSS
/*----------------------------------------*/
.quick-thumb-content .modal-header {
    border-bottom: medium none;
    padding: 10px;
}

.quick-thumb-content .modal-lg {
    max-width: 900px;
    margin: 60px auto;
}

.quick-thumb-content .modal-body {
    padding: 30px;
    padding-top: 0;
}

.quick-thumb-content .tabs-area {
    border-bottom: none;
}

.custom-footer {
    padding: 15px 30px;
    border-top: 1px solid #ededed;
    margin-top: 30px;
}

/*----------------------------------------*/
/*-------Fast Form -----------------*/
.fast_form {
    position: fixed;
    left: 0px;
    width: 40px;
    background: #ea0000;
    color: #fff;
    top: 35%;
    writing-mode: vertical-rl;
    padding: 10px;
    z-index: 1000;

}

.fast_form a {
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

/*------- Fast Form -----------------*/
/* 19. Login CSS
/*----------------------------------------*/
.custom-title {
    color: #333333;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
}

.well {
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 20px;
}

.log-in p strong {
    color: #444444;
    font-weight: 500;
}

.customer-btn,
.return-customer-btn {
    background: #ea0000 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    margin-top: 20px;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    cursor: pointer;
    border-radius: 4px;
}

.return-customer-btn {
    background: #222222;
}

.return-customer-btn:hover {
    background: #ea0000;
    color: #fff;
}

.customer-btn:hover {
    background: #222222;
    color: #fff;
}

.return-customer label {
    font-weight: 500;
    color: #444;
    font-size: 14px;
}

.return-customer input {
    font-size: 14px;
}

.lost-password a {
    color: #555;
    font-weight: 500;
    font-size: 13px;
}

.lost-password a:hover {
    color: #222222;
}

/*----------------------------------------*/
/* 20. Register Account CSS
/*----------------------------------------*/
.register-title {
    margin-bottom: 30px;
}

.register-title h3 {
    font-size: 25px;
    line-height: 25px;
}

.form-register label {
    font-size: 14px;
    text-align: right;
}

.form-register .form-group {
    margin-bottom: 20px;
}

.form-register .form-group input {
    font-size: 14px;
}

.form-register legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 7px 0;
}

.agree {
    color: #222222;
    font-size: 13px;
}

.terms input[type=checkbox] {
    vertical-align: middle;
}

/*----------------------------------------*/
/* 21. Forgot Password CSS
/*----------------------------------------*/
.password-forgot legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 7px 0;
    font-weight: 500;
}

.password-forgot label {
    font-size: 15px;
}

.password-forgot input {
    font-size: 14px;
}

.require {
    color: #cc0000;
    font-weight: 600;
    margin-right: 5px;
}

.password-forgot .form-group {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 22. 404 Page CSS
/*----------------------------------------*/
.error-text h1 {
    color: #222222;
    font-size: 200px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 155px;
    margin-bottom: 30px;
}

.error-text h2 {
    color: #4c4c4c;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.error-text > p {
    color: #4c4c4c;
    font-size: 24px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 30px;
    padding: 0 130px;
}

#search-form {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 450px;
}

#search-form input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    color: #666666;
    float: left;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
    width: 100%;
}

#search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4f4f4f;
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#search-form button:hover {
    color: #ea0000;
}

.error-button a {
    background: #ea0000 none repeat scroll 0 0;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 53px;
    padding: 0 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.error-button a:hover {
    background: #ea0000;
}

/*----------------------------------------*/
/* 23. Compare Page CSS
/*----------------------------------------*/
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: 1px solid #ebebeb;
}

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
    white-space: normal;
}

.compare-content > tbody > tr > td {
    padding: 20px 15px;
    vertical-align: middle;
}

.product-title {
    font-size: 15px;
    font-weight: 600;
    width: 120px;
}

.product-description {
    font-weight: 500;
    width: 200px;
    font-size: 14px;
}

.product-description p {
    text-align: left;
}

.product-description i {
    color: #666;
    font-size: 16px;
}

.product-description .compare-cart, .cart-main-area.wish-list .product-add-to-cart a {
    font-size: 13px;
    margin: auto;
    width: 149px;
    background: #222;
    border-color: #222;
    color: #fff;
}

.product-description img {
    width: 100%;
}

.compare-details {
    text-align: left;
}

.product-description .product-rating i {
    font-size: 12px;
}

.compare-details span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
}

.compare-details h4 {
    font-weight: 600;
    line-height: 10px;
}

.compare-details h4 a {
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
}

.compare-details h4 a:hover,
.product-description .fa-trash-o:hover {
    color: #ea0000;
    cursor: pointer;
}

/*----------------------------------------*/
/* 24. Checkout CSS
/*----------------------------------------*/
.coupon-area .coupon-info input {
    background: transparent;
    border: 1px solid #e5e5e5;
}

.coupon-area .coupon-info .checkout-coupon .code:focus {
    border: 1px solid #e5e5e5;
}

.product-stock-status span {
    color: green;
    font-weight: 600;
}

.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid #222222;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin-bottom: 30px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    text-transform: capitalize;
    width: auto;
}

.coupon-accordion h3::before {
    color: #777;
    content: "\f0f6";
    display: inline-block;
    font-family: 'FontAwesome';
    left: 16px;
    position: absolute;
    top: 16px;
}

.coupon-accordion span {
    cursor: pointer;
    color: #6f6f6f;
    -webkit-transition: .3s;
    transition: .3s
}

.coupon-accordion span:hover,
p.lost-password a:hover {
    color: #ea0000;
}

.coupon-content {
    border: 1px solid #e5e5e5;
    display: none;
    margin-bottom: 20px;
    padding: 20px;
}

.coupon-info p.coupon-text {
    margin-bottom: 15px
}

.coupon-info p {
    margin-bottom: 0
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    display: block;
    color: inherit;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #ccc;
    height: 34px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #222222 none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}

.form-row > label {
    margin-top: 7px;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
    font-size: 12px;
}

p.checkout-coupon input[type=text] {
    height: 36px;
    padding-left: 10px;
    width: 170px;
}

p.checkout-coupon input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    height: 36px;
    margin-left: 6px;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: inherit;
}

.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}

.checkbox-form h3 {
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
    font-size: 28px;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 22px;
    font-weight: 500;
}

.country-select label,
.country-select label,
.checkout-form-list label {
    color: #333;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
    display: block;
    font-weight: 600;
    font-size: 15px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select select {
    border: 1px solid #ddd;
    height: 32px;
    padding-left: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075)
}

.checkout-form-list label {
    color: #333333;
    font-size: 15px;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    height: 34px;
    padding: 0 0 0 10px;
    width: 100%;
}

.country-select .nice-select {
    height: 37px;
    line-height: 35px;
}

.checkout-form-list {
}

.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: inherit;
}

.create-acc label {
    color: #333;
    display: inline-block;
}

.create-accounts {
    display: none
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
}

.order-notes textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #eceff8;
    font-size: 14px;
    height: 90px;
    padding: 15px;
    width: 100%;
}

#ship-box-info {
    display: none
}

.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px 40px 45px;
}

.your-order h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
}

.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

.amount {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.your-order-table table th {
    border-top: medium none;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 18px;
    font-weight: 600;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9
}

.your-order-table table tr.order-total td span {
    color: #222222;
    font-size: 22px;
    font-weight: 600;
}

.payment-method {
    margin-top: 40px;
}

.payment-accordion h3 {
    border-bottom: 0 none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.payment-accordion h3 a {
    color: #6f6f6f;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none
}

.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: -2px;
}

.payment-accordion h3.open a:after {
    content: "\f056";
}

.payment-content p {
    font-size: 13px;
}

.payment-accordion img {
    height: 60px;
    margin-left: 15px;
}

.order-button-payment input {
    background: #ea0000;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #444
}

.card-header {
    background-color: #f5f5f5;
    padding: 0;
}

.card {
    margin-top: 5px;
}

.card .btn-link {
    color: #232323;
    font-weight: 600;
}

/*----------------------------------------*/
/* 25. Cart & Wish List CSS
/*----------------------------------------*/
.cart-main-area .section-title h2,
.coupon-area .section-title h2 {
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
}

.shipping_method input {
    background: #eceff8 none repeat scroll 0 0;
    border: 2px solid #eceff8;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    height: 45px;
    padding-left: 10px;
    width: inherit;
}

.cart-title-area {
    padding-top: 30px;
}

.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}

.table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
}

.table-content table th {
    border-top: medium none;
    font-weight: 500;
    padding: 20px 10px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15px;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 13px;
}

.table-content table td input {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #6f6f6f;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}

.table-content table td.product-subtotal {
    font-size: 15px;
    font-weight: 600;
    width: 120px;
}

.table-content table td.product-name a,
.product-stock-status span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    color: #6f6f6f;
    text-transform: capitalize;
}

.product-stock-status span {
    color: green;
    font-weight: 600;
}

.table-content table td.product-name {
    width: 270px;
}

.table-content table td.product-thumbnail {
    width: 100px;
}

.table-content table td.product-remove i {
    color: #919191;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.table-content table .product-price .amount {
    font-size: 15px;
    font-weight: 600;
}

.table-content table td.product-remove a:hover i {
    color: #ea0000;
}

.table-content table td.product-quantity {
    width: 180px;
}

.table-content table td.product-remove {
    width: 150px;
}

.table-content table td.product-price {
    width: 130px;
}

.table-content table td.product-name a:hover,
.buttons-cart a:hover {
    color: #ea0000;
}

.product-thumbnail img {
    width: 100%;
}

.buttons-cart {
    margin-bottom: 30px;
    overflow: hidden;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #363f4d none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 20px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
    border-radius: 4px;
}

.wc-proceed-to-checkout {
    clear: both;
    display: block;
}

.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover, .wc-proceed-to-checkout a:hover {
    background: #ea0000 none repeat scroll 0 0;
    color: #fff;
}

.buttons-cart a {
    color: #fff;
    float: left;
    height: 40px;
    line-height: 40px;
}

.cart_totals {
    width: 100%;
}

.cart_totals h2 {
    border-bottom: 2px solid #222;
    display: inline-block;
    font-size: 30px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-weight: 500;
}

.cart_totals table {
    border: medium none;
    margin: 0;
    text-align: right;
}

.cart_totals table th {
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 12px 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
}

.cart_totals table td {
    border: medium none;
    padding: 0 0 12px;
    vertical-align: top;
}

.cart_totals table td .amount {
    color: #222222;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    text-transform: uppercase;
}

.cart_totals table td ul#shipping_method {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.cart_totals table td ul#shipping_method li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
    width: 100%;
}

.cart_totals table td ul#shipping_method li input {
    margin: 0;
    position: relative;
    top: 2px;
}

a.shipping-calculator-button {
    font-weight: bold;
    color: #6f6f6f;
}

a.shipping-calculator-button:hover {
    color: #83CBDC
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
}

.cart_totals table tr.order-total th {
    font-weight: 700;
}

.wc-proceed-to-checkout a {
    background: #222222;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 30px;
    text-transform: none;
    border-radius: 4px;
}

.amount del {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
}

.cart-main-area.wish-list .product-remove {
    width: 20px;
}

.cart-main-area.wish-list table td.product-thumbnail {
    width: 140px;
}

.cart-main-area.wish-list .product-add-to-cart a {
    text-transform: uppercase;
}

.cart-main-area.wish-list td.product-add-to-cart {
    width: 240px;
}

/*----------------------------------------*/
/* 26. Terms & Conditions CSS
/*----------------------------------------*/
.terms-content.sidbar-style {
    padding: 20px;
}

.tems-tile {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.term-mini-title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: capitalize;
}

/*----------------------------------------*/
/* 27. About Us CSS
/*----------------------------------------*/
.about-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

.return-customer-btn.read-more {
    padding: 10px 20px;
}

.ht-single-about > h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 9px;
}

.ht-work-text > h5 a {
    color: #232323;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.ht-work-text > h5 a:hover {
    color: #222222;
}

.ht-about-work {
    margin-bottom: 25px;
    position: relative;
}

.ht-about-work:last-child {
    margin: 0;
}

.ht-about-work > span {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 50%;
    color: #7d7d7d;
    display: block;
    float: left;
    height: 42px;
    line-height: 43px;
    margin-top: 3px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 42px;
}

.ht-about-work:hover > span {
    background: #222222 none repeat scroll 0 0;
    color: #ffffff;
}

.ht-work-text {
    overflow: hidden;
    padding-left: 10px;
}

.team-img img {
    width: 100%;
}

.team-img {
    position: relative;
}

.team-img::before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    z-index: 1;
}

.single-team:hover .team-img::before {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-team {
    background: #f1f1f1 none repeat scroll 0 0;
}

.team-info {
    padding: 15px;
}

.team-link {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 5;
    background: #fff;
    padding: 10px;
}

.team-link ul li {
    display: inline-block;
    margin: 0 10px;
}

.team-link ul li a {
    color: #ea0000;
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-link ul li a:hover {
    color: #222222;
}

.single-team:hover .team-link {
    top: 50%;
    opacity: 1;
}

.team-info h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.team-info p {
    font-family: Yanone Kaffeesatz;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
}

.skill-progress {
    overflow: hidden;
    padding-top: 30px;
}

.progress {
    border-radius: 2px;
    height: 5px;
    margin-bottom: 50px;
    overflow: visible;
    position: relative;
}

.progress .skill-title {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    top: -28px;
}

.progress .progress-bar {
    background: #7b7b7b none repeat scroll 0 0;
    border-radius: 2px 0 0 2px;
    height: 5px;
}

.skill-progress .progress:last-child {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 28. Contact Us CSS
/*----------------------------------------*/
.contact-area h3 {
    font-size: 25px;
    line-height: 25px;
}

.contact-area .form-control {
    font-size: 14px;
    margin-bottom: 30px;
    padding: 10px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contact-area .form-control:focus {
    background: #fff;
}

.contact-area textarea.form-control {
    min-height: 220px;
    margin-bottom: 0;
}

.contact-form p {
    margin-top: 15px;
}

.contact-form p.error {
    color: #ff0000;
}

.contact-form p.success {
    color: green;
}

/*----------------------------------------*/
/* 29. Popup Window CSS
/*----------------------------------------*/
.popup_wrapper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
    top: 0;
}

.test {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 390px;
    left: 0;
    margin: auto;
    max-width: 790px;
    padding: 25px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.popup_off {
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -26px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 75px;
}

.popup_off:hover {
    background: #1a1a1a none repeat scroll 0 0;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    width: 500px;
    height: auto;
    position: fixed;
    text-align: justify;
    top: 50%;
    visibility: hidden;
    z-index: 999999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    border-radius: 4px;
    padding: 15px;
}

.popup .close_window {
    width: 6px;
    height: 17px;
    position: absolute;
    padding: 1px 9px 4px 9px;
    top: 5px;
    right: 5px;
    cursor: pointer;
    color: #000;
    text-align: center;
}

.popup .close_window:hover {
    color: #ea0000;
}

.popup .close_window:active {

}

span.error {
    text-align: left;
    font-size: 12px;
    color: #ea0000;
}

.popup label {
    display: inherit;
    margin-bottom: 0px;
    margin-top: 10px;
}

#make_order_popup.popup label.form-label {
    float: left;
    width: 40%;
}

#make_order_popup_short input[type="text"] {
    width: 100%;
    padding: 0px 15px;
    height: 35px;
}

#make_order_popup_short.popup input::-webkit-input-placeholder {
    color: gray;
}

.popup h3 {
    text-align: center;
}

.popup p {
    padding: 0px 15px;
    font-weight: bold;
    line-height: 16px;
    height: 20px;
    width: 100%;
}

.popup p.label-title {
    margin: 10px 0px;
    color: #000;

}

.popup p.success {
    padding-bottom: 15px;
    min-height: 50px;
}

.popup .customer-btn.order {
    text-align: center;
    display: block;
    margin: 15px auto;
}

.popup input#check, .popup label.check {
    float: left;
}

.popup input#check {
    width: 25px;
    margin-right: 5px
}

.popup label.check {
    width: 88%;
    top: -6px;
    position: relative;
    font-size: 11px;
    line-height: 14px;
}

#make_order_popup.popup input {
    width: 60%;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #ccc;
}

#make_order_popup.popup input#check {
    width: 5%;
    margin-right: 5px;
}

/*#make_order_popup_short.popup input{
    width: 100%;
}
*/
.popup .customer-btn.order:disabled {
    opacity: 0.3;
}

.subscribe-form-group {
    margin-top: 15px;
}

.subscribe-form-group input {
    background: #eaeaea none repeat scroll 0 0;
    border: 0 none;
    color: #222;
    height: 41px;
    line-height: 20px;
    padding: 0 20px;
    width: 380px;
}

.subscribe-bottom label {
    font-size: 14px;
    margin: 0;
    vertical-align: middle;
}

.subscribe_area p {
    color: #555;
    font-size: 14px;
}

.subscribe-bottom input {
    vertical-align: middle;
}

.subscribe-form-group button {
    background: #222222 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    margin: 20px auto;
    padding: 2px 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.subscribe-form-group button:hover {
    background: #ea0000 none repeat scroll 0 0;
    color: #fff;
}

.subscribe_area h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.banner_popup_area > img {
    width: 100%;
}

.popup_off_banner {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 35px;
    font-weight: 500;
    line-height: 25px;
    position: absolute;
    right: 11px;
    text-align: center;
    text-decoration: none;
    top: 6px;
    transition: all 0.3s ease-in 0s;
}

form.needs-validation .is-valid {
    border-color: #07d956;
}

form.needs-validation .is-invalid {
    border-color: rgba(230, 46, 4, 0.8);
}

#make_order_popup #checkWord {
    width: 100%;
}

section.landing div#make_order_popup_short {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

section.landing div#make_order_popup_short button {
    margin: 0 auto 2rem;
}

section.landing #make_order_popup_short input[name="check"] {
    width: 5%;
    margin-right: 5px;
    position: absolute;
    top: 33%;
}

section.landing #make_order_popup_short label.check {
    margin-left: 2rem;
}

section.landing #make_order_popup_short button[disabled] {
    opacity: .3;
    cursor: not-allowed;
}

#contract_form label, .fondy label {
    padding-right: 15px;
    margin-bottom: 0px;
}

.fondy {
    margin-bottom: 20px;
}

.fondy label {
    font-weight: bold;
}

#contract_form .btn-success {
    margin-left: 0px;
}

#contract_form .btn-success {
    background: #ea0000;
    border: #ea0000;
    border-radius: 0px;
}

.fondy .btn-info {
    background: #ea0000;
    border: #ea0000;
    border-radius: 0px;
    height: 36px;
}

.fondy input, #contract_form input {
    line-height: 0px;
    height: 36px;
    border-radius: 0px;
}

ol.pay {
    list-style: none;
    padding: 0px;
}

ol.pay li {
    background: #f5f5f5;
    padding: 15px;
    margin: 10px 0px;
    min-height: 100px;
    display: flow-root;
}

ol.pay li img {
    width: 100px;
    padding-right: 15px;
    float: left;
}

ol.pay li span {
    float: left;
    display: list-item;
}

div.single-product .pro-img .stickers-container,
.main-product-thumbnail .stickers-container{
    position: absolute;
    z-index: 10;
}

.main-product-thumbnail .stickers-container span.img{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-bottom: 15px;
}

div.single-product .pro-img .stickers-container span.img{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-bottom: 15px;
}
.main-product-thumbnail .stickers-container span.img.uf_icon_4, div.single-product .pro-img .stickers-container span.img.uf_icon_4, .main-product-thumbnail .stickers-container span.img.uf_icon_3{
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-bottom: 0px;
}
div.single-product .pro-img .stickers-container span.img.uf_icon_4, div.single-product .pro-img .stickers-container span.img.uf_icon_3{
    width: 60px;
    height: 60px;
 	margin-bottom: 0px;
}

div.single-product .pro-img .stickers-container span.img.uf_icon_3, .main-product-thumbnail .stickers-container span.img.uf_icon_3{
	margin-top: 5px;
}

.main-product-thumbnail .stickers-container span.img.promo_product,
div.single-product .pro-img .stickers-container span.img.promo_product
{
    color: #fff;
    text-transform: uppercase;
    background: #ea0000;
    height: auto;
    padding: 3px 7px;
    width: auto;
    margin: 0;
    font-weight: bold;
}

.main-product-thumbnail .productPrice .pro-price.promoPrice span.price,
div.single-product.PromoProduct .price_block span.price{
    color: #ea0000;
}
.main-product-thumbnail .productPrice .pro-price.promoPrice s.old_price,
div.single-product.PromoProduct .price_block span.product-item-price-old{
    color: #333;
}

.main-product-thumbnail .productPrice .pro-price.promoPrice s.old_price:before,
div.single-product.PromoProduct .price_block span.product-item-price-old:before{
    background: #333;
}
/*=============== Responsive ===============*/

div.captchaContainer{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0;
}

div.captchaContainer svg{
    width: 32px;
    height: 32px;
    cursor: pointer;
}

/*=============== Large(LG) Device ===============*/
@media (min-width: 992px) and (max-width: 1199px) {
    .header-sticky.sticky .col-lg-8 {
        margin-left: -107px;
    }

    .single-latest-blog {
        padding: 15px;
    }

    .header-bottom-list li > a {
        padding: 15px;
    }

    .right-sider-banner {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .single-megamenu ul li a,
    .header-bottom-list > li > ul.ht-dropdown.megamenu li a {
        font-size: 13px;
    }

    .right-sider-banner .single-banner {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        margin-top: 30px;
        margin-bottom: 0 !important;
        padding: 0 15px;
    }

    .vertical-menu-list > li a {
        line-height: 30px;
        padding: 6px 20px;
    }

    .right-sider .single-banner::before {
        left: 15px;
        right: 15px;
    }

    .vertical-menu-list > li ul.first-megamenu {
        width: 642px;
    }

    .single-footer.style-change {
        padding-left: 20px;
    }

    .header-bottom-list li > a {
        font-size: 14px;
    }

    .header-bottom-two .header-bottom-list li > a {
        padding: 19px 13px;
    }

    .multi-banner-style-two .single-banner.mb-30 {
        margin-bottom: 24px;
    }

    .header-bottom-three .header-bottom-list > li > a {
        font-size: 14px;
        padding: 20px 10px;
    }

    .out-products .tabs-area {
        margin-left: 0;
    }

    .hot-deal-three-active .single-product .pro-content {
        padding: 0;
    }

    .cat-search-home-4 .bootstrap-select {
        display: none;
    }

    .categorie-search-box.cat-search-home-4 input {
        padding: 0 60px 0 20px;
    }

    .single-blog .sidebar-title {
        font-size: 16px;
    }

    .sidebar-lg-title {
        font-size: 32px;
    }

    .popup_wrapper {
        display: none;
    }

    /*== media query margin ==*/
    .mb-lg-30 {
        margin-bottom: 30px;
    }

    .tabs-area li {
        margin-left: 25px;
    }

    .brand-banner a {
        padding: 11px 10px;
    }

    .support-area .single-support {
        padding: 35px 10px;
    }

    .brand-banner .owl-nav {
        right: -234px;
    }

    .hot-product2 .product-thumbnail {
        width: 108px;
    }
}

/*=============== Medium (md) Device ===============*/
@media (min-width: 768px) and (max-width: 991px) {

    .header-top ul > li > a, .header-top ul > li > span {
        font-size: 12px;
    }

    .title-box {
        min-height: 338px;
    }

    .right-sider-banner {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ebkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .right-sider-banner .single-banner {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        margin-top: 30px;
        margin-bottom: 0 !important;
        padding: 0 15px;
    }

    .vertical-menu-list > li a {
        line-height: 30px;
        padding: 6px 20px;
    }

    .main-page-banner .single-banner::before {
        left: 15px;
        right: 15px;
    }

    .support-area .single-support {
        padding: 20px 10px;
    }

    .support-area .single-support:last-child {
        padding-top: 0;
    }

    .tabs-area li a {
        font-size: 14px;
    }

    .footer-top .row div:nth-child(4) .single-footer, .footer-top .row div:nth-child(5) .single-footer {
        margin-top: 40px;
    }

    .multi-banner-style-two .single-banner.mb-30 {
        margin-bottom: 18px;
    }

    .hot-deal-three-active .single-product .countdown .count p {
        width: 44px;
    }

    .new-pro-two-active .single-product,
    .featured-pro-active .owl-item,
    .more-fearured-pro-active .single-product {
        padding: 19px;
    }

    .error-text h1 {
        font-size: 150px;
        line-height: 155px;
    }

    .error-text h2 {
        font-size: 25px;
        margin-bottom: 16px;
    }

    .error-text > p {
        font-size: 21px;
    }

    .form-register label {
        font-size: 13px;
    }

    .sidebar-lg-title {
        font-size: 32px;
    }

    .vertical-menu > span {
        font-size: 17px;
    }

    /*== media query margin ==*/
    .mb-md-30 {
        margin-bottom: 30px;
    }

    .mt-md-40 {
        margin-top: 40px;
    }

    .header-top > ul > li {
        padding-left: 5px;
    }

    .header-top > ul > li:not(:last-child) {
        padding-right: 5px;
    }

    .slider_box {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .section-ttitle h2 {
        font-size: 26px;
    }

    .brand-banner .owl-nav {
        display: none;
    }

    .section-ttitle {
        width: 200px;
    }

}

/*=============== 0 to 991 ===============*/
@media (max-width: 991px) {
    .breadcrumb-area {
        margin-top: 0;
    }

    .logo {
        text-align: left;
        padding-left: 15px;
    }

    .header-right {
        display: block;
        text-align: left;
    }

    .vertical-menu-list {
        display: none;
    }

    .header-bottom.dark-blue-bg {
        padding: 15px 0;
    }

    .tabs-area li {
        margin-left: 13px;
    }

    .featured-products {
        margin-top: 40px;
    }

    .single-footer.style-change {
        padding-left: 0;
    }

    .header-bottom-three,
    .header-bottom-two {
        height: 55px;
    }

    .menu-style-two.mean-container .mean-bar {
        top: 55px;
    }

    .header-bottom-three .mean-container a.meanmenu-reveal {
        top: -40px;
    }

    .out-products .tabs-area {
        margin-left: 0;
    }

    .vertical-menu-two > span {
        height: 55px;
    }

    .checkbox-form h3 {
        font-size: 25px;
    }

    .your-order h3,
    .your-order-table table tr.order-total td span {
        font-size: 22px;
    }

    .mobile-menu::before {
        /*color: #363636;
      content: "MENU";
      font-size: 17px;
      font-weight: 600;
      left: 15px;
      position: absolute;
      text-transform: uppercase;
      top: 18px;*/
    }

    .form-register .form-group input {
        font-size: 13px;
    }

    .popup_wrapper {
        display: none;
    }

    .header-top {
        justify-content: flex-end;
    }

    .header-top .phone {
        margin-right: 50px;
    }

    .slider-wrapper.theme-default {
        position: relative;
        margin: 0px -15px 0px -15px;
    }

    .bottom_banner {
        margin: 10px -15px 0px -15px;
        font-size: 16px;
    }

    .support-desc h6 {
        font-size: 16px;
    }

    .sidebar .col-img {
        display: none;
    }

    /*== media query margin ==*/
    .mb-all-30 {
        margin-bottom: 0px;
    }

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

    .mt-all-30 {
        margin-top: 30px;
    }

    .mt-all-40 {
        margin-top: 40px;
    }

    .vertical-menu {
        margin-bottom: 30px;
    }

    .menu-tile {
        display: none;
    }

    .mob_filter {
        display: none;
    }

    .specification {
        margin-bottom: 15px;
    }

}

/*=============== Small (sm) Device ===============*/
@media (max-width: 767px) {
    .mobile-menu {
        left: 15px;
    }

    .popup {
        width: 300px;
    }

    h1 {
        font-size: 1.4em;
    }

    .popup_banner {
        display: none;
    }

    .slider_box {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 16px;
    }

    .home-3 .slider_box {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .slider-wrapper.theme-default {
        position: relative;
        margin: 0px -15px 0px -15px;
    }

    .header-bottom.header-sticky {
        background: #fff;
    }
.phone a{
	font-size: 18px;
	}
	.store-switcher{
		top:-18px;
	}
    .logo img {
        width: 100%;
    }

    .cart-box > ul > li > a i {
        font-size: 24px;
        color: #0e7ecc;
    }

    .my-cart > span {
        color: #0e7ecc;
        font-size: 14px;
        line-height: 12px;
    }

    .cart-box > ul > li:not(:first-child) {
        margin-left: 10px;
    }

    .cart-box-width > li {
        padding: 10px;
    }

    .cart-box > ul > li .total-pro, .cart-box > ul > li .total-pro1 {
        top: -8px;
    }

    .cart-box > ul > li .total-pro {
        margin-left: 22px;
    }

    .cart-box > ul > li .total-pro1 {
        margin-left: 40px;
    }

    .reasons {
        display: none;
    }

    .button {
        font-size: 12px;
        max-width: 250px;

    }

    .bottom_banner {
        word-break: break-word;
        font-size: 16px;
        text-align: center;
        line-height: 24px;
        margin: 0px -15px;
    }

    .bottom_banner .submit {
        font-size: 14px;
        font-weight: 900;
        height: 25px;
        line-height: 24px;
    }

    .fast_form {
        padding: 5px;
        height: 40px;
        padding: 0px;
        bottom: 0px;
        left: 0;
        width: 100%;
        writing-mode: horizontal-tb;
        text-align: center;
        top: auto;
    }

    .fast_form a {
        font-size: 16px;
        line-height: 40px;
    }
	.bx_catalog_tile_img{
		width:100%;
		height: 100px;
		display: block;
		position: relative;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
	}
	.bx_catalog_tile_title{
		display:block;
		text-align: center;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.owl-carousel .owl-item img {
		display: block;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.brands.owl-carousel .owl-item img{
		height: 100px;
		width: auto;

	}
.single-product .pro-info{
		max-width: 300px;
	}
    .tab-menu ul.nav {
        justify-content: center;
    }

    .brand-banner .owl-nav, .owl-nav div {
        display: none;
    }

    #list-view .pro-content {
        margin-top: 20px;
    }

    .main-toolbar-sorter {
        margin-bottom: 10px;
    }

    .toolbar-sorter label {
        min-width: 48px;
    }

    .hot-product2 .product-thumbnail {
        display: none;
    }

    .title-box {
        display: none;
    }

    .trendig-product .owl-dots {
        display: none;
    }

    .section-ttitle h2 {
        font-size: 26px;
    }

    .support-area .single-support:first-child {
        border-top: medium none;
    }

    .social-footer > li {
        margin-bottom: 10px;
    }

    .support-area .single-support {
        border-top: 1px solid #ddd;
        flex: 0 0 100%;
        border-left: 1px solid #ddd;
    }

    .section-ttitle h2 {
        margin-bottom: 10px;
    }

    .tab-menu {
        flex-direction: column;
        margin-right: 0;
    }

    .banner-box {
        flex: 0 0 100%;
    }

    .banner-2 {
        flex-wrap: wrap;
    }

    .categorie-search-box .form-group {
        display: none;
    }

    .header-top {
        display: none;
    }

    .right-sider-banner .single-banner {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .support-area .single-support {
        padding: 30px 30px;
    }

    .hot-deal-active .owl-nav div {
        display: none;
    }

    .support-desc h6 {
        font-size: 16px;
    }

    .cart-box-width {
        max-height: 250px;
        overflow-y: auto;
    }

    .multi-banner-style-two .single-banner.mb-30 {
        margin-bottom: 0;
    }

    .hot-deal-three-active .single-product .countdown .count p {
        width: 44px;
    }

    .riview-field input,
    .riview-field textarea {
        width: 100%;
    }

    .error-text h1 {
        font-size: 120px;
        line-height: 100px;
        margin-bottom: 20px;
    }

    .error-text h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .error-text > p {
        font-size: 15px;
        line-height: 21px;
        padding: 0;
    }

    .blog-desc li {
        margin-right: 11px;
    }

    .table-content table th,
    .table-content table .product-price .amount,
    .table-content table td.product-subtotal,
    .cart-content h6 a,
    .price-content li span,
    .cart-content span.cart-price {
        font-size: 14px;
    }

    .table-content table td.product-name a,
    .product-stock-status span,
    .wc-proceed-to-checkout a,
    .cart_totals table th {
        font-size: 12px;
    }

    .cart_totals table tr.order-total th,
    .cart_totals table tr.order-total .amount {
        font-size: 18px;
    }

    .cart_totals h2 {
        font-size: 25px;
    }

    .wc-proceed-to-checkout a {
        padding: 0 20px;
    }

    .custom-title {
        font-size: 22px;
    }

    .product-header {
        font-size: 20px;
    }

    .main-thumb-desc.tabs-area > li > a {
        font-size: 14px;
        line-height: 16px;
    }

    .thubnail-desc .rating {
        margin-left: 15px;
    }

    .rating-feedback a {
        padding-left: 5px;
    }

    .form-register label {
        text-align: left;
    }

    .register-title h3 {
        font-size: 20px;
    }

    .form-register legend {
        font-size: 16px;
    }

    .blog-desc h4 a {
        font-size: 15px;
    }

    .sidebar-lg-title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .post-meta li {
        font-size: 13px;
        margin: 0 8px 0 0;
        padding-right: 10px;
    }

    .out-products .tabs-area li a,
    .customer-btn,
    .return-customer-btn {
        font-size: 13px;
    }

    .contact-area h3 {
        font-size: 20px;
    }

    .blog-desc h4 a,
    .vertical-menu > span,
    .e-title,
    .search-filter .sidebar-title,
    .sidebar-title,
    .review-title,
    .review-mini-title,
    .leave-reply {
        font-size: 16px;
    }

    .breadcrumb-area .breadcrumb {
        padding: 5px 15px 5px 15px;
    }

    .breadcrumb-area .breadcrumb ul {
        display: block !important;
    }

    .breadcrumb li {
        float: left;
    }

    .breadcrumb li a {
        line-height: 12px;
        font-size: 12px;
    }

    .product-header,
    .tems-tile {
        font-size: 18px;
    }

    .price_block {
        text-align: left;
    }

    .pro-price .price {
        font-size: 25px;
    }

    .main-product-thumbnail .tab-content img {
        max-height: 250px;
        max-width: 250px;
    }

    .product-thumbnail .thumb-menu div img {
        max-height: 90px;
        width: 100%;
    }

    /*== small device margin ==*/
    .mb-sm-60 {
        margin-bottom: 60px;
    }

    .mb-sm-55 {
        margin-bottom: 55px;
    }

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

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

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

    .mt-sm-50 {
        margin-top: 50px;
    }

    .mt-sm-45 {
        margin-top: 45px;
    }

    .mt-sm-40 {
        margin-top: 40px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mt-sm-10 {
        margin-top: 10px;
    }

    .mt-sm-20 {
        margin-top: 20px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

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

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

    .pt-sm-40 {
        padding-top: 40px;
    }

    .pb-sm-60 {
        padding-bottom: 60px;
    }

    .pb-sm-55 {
        padding-bottom: 55px;
    }

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

    .pb-sm-45 {
        padding-bottom: 45px;
    }

    .pb-sm-40 {
        padding-bottom: 40px;
    }

    .pb-sm-35 {
        padding-bottom: 35px;
    }

    .pb-sm-30 {
        padding-bottom: 30px;
    }

    .pt-sm-55 {
        padding-top: 55px;
    }

    .pt-sm-60 {
        padding-top: 60px;
    }

    .pt-sm-50 {
        padding-top: 50px;
    }

    .pt-sm-45 {
        padding-top: 45px;
    }

    .pt-sm-40 {
        padding-top: 40px;
    }

    .pt-sm-35 {
        padding-top: 35px;
    }

    .pt-sm-30 {
        padding-top: 30px;
    }

    .pb-sm-10 {
        padding-bottom: 10px;
    }

    .pb-sm-5 {
        padding-bottom: 5px !important;
    }

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

    .ptb-sm-55 {
        padding: 55px 0;
    }

    .ptb-sm-60 {
        padding: 60px 0;
    }

    .my-cart {
        margin-left: -2px;
    }

    .footer-top {
        padding-bottom: 0;
    }

    .footer-top .single-footer.mb-sm-40 {
        margin-bottom: 20px;
    }

    .header-middle {
        padding: 30px 0;
    }

    .table-responsive-sm {
        display: block;
        overflow-x: auto;
        width: 100%;
    }

    /* .pro-price {
         width: 100%;
     }*/
    .hot-product2 .thubnail-desc h3 a {
        font-size: 18px;
    }

    #make_order_popup.popup label.form-label {
        font-size: 13px;
    }

    #make_order_popup.popup.popup {
        width: 300px;
        padding: 10px;
        overflow-y: scroll;
        height: 450px;
    }

    .popup h3 {
        font-size: 20px;
    }

    #make_order_popup.popup label {
        line-height: 12px;
        margin-top: 5px;
    }

    .brand_search a .fa {
        color: #0e7ecc;
    }

    .brand_search a span {
        color: #0e7ecc;
    }

    .hot-product2 .countdown {
        padding: 6px 0px;
    }
}

/*=============== Some Specific issues ===============*/
@media (max-width: 479px) {
    #grid-view .col-6,
    #list-view .col-4,
    #list-view .col-8 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .hot-product2 .pro-actions {
        display: block;
        padding-right: 0;

    }

    .hot-product2 .actions-primary {
        margin-bottom: 20px;
    }

    #list-view .hot-product2 .actions-primary {
        margin-bottom: 0;
    }

    .all-border {
        border: 2px solid #ea0000;
        padding: 20px 10px 30px 10px;
    }

    .hot-product2 .countdown {
        width: 100%;
    }
}

/*=============== Mobile Device ===============*/
@media (max-width: 575px) {
    .logo img {
        width: 170px;
    }

    .box-quantity.hot-product2 {
        flex-direction: column;
    }

    .box-quantity.hot-product2 .actions-primary .a,
    .box-quantity.hot-product2 .actions-primary a {
        margin: 0 auto;
    }

    .main-thumb-desc.tabs-area > li {
        width: 100%;
    }

    .setting, .warranty, .service_provider {
        background-size: 45px;
    }

    .services li span {
        padding-left: 65px;
        line-height: 37px;
        font-size: 14px;
        height: 64px;
        background-position: -25px 0px !important;
    }

    .services li span.free {
        padding-left: 20px;
    }

    .product-view {
        max-width: 130px;
        text-align: center;
        height: auto;
        margin: 0 auto;
    }

    .specification {
        margin: 0px -15px;
    }

    .box-quantity.hot-product2 .pro-actions {
        margin-top: 30px;
    }

    .single-latest-blog {
        flex-direction: column;
    }

    .blog-desc {
        padding: 15px 0 0;
        width: 100%;
    }

    .blog-img {
        width: 100%;
    }

    .owl-nav div {
        display: none;
    }

    .news-desc {
        text-align: center;
    }

    .news-desc h3 {
        font-size: 20px;
    }

    .news-desc p,
    .footer-bottom-content p,
    .footer-nav-list li a {
        font-size: 13px;
    }

    .footer-nav-list li a {
        padding-left: 14px;
    }

    .newsletter-box .submit {
        font-size: 12px;
    }

    .brand-banner .single-brand img {
        max-width: 100%;
        margin: 0;
    }

    .support-desc h6 {
        font-size: 14px;
    }

    .second-featured-products .post-title h2,
    .latest-blog .post-title h2 {
        max-width: 100%;
    }

    .review-list li label {
        left: 0;
    }

    .main-thumb-desc.tabs-area > li > a {
        font-size: 14px;
        line-height: 18px;
        padding: 10px;
    }

    .error-text h1 {
        font-size: 85px;
        margin-bottom: 15px;
        line-height: 90px;
    }

    .error-text h2 {
        font-size: 18px;
    }

    #search-form {
        width: 100%;
    }

    .about-title {
        font-size: 19px;
    }

    .team-info h4,
    .team-link ul li a {
        font-size: 18px;
    }

    .ship-different-title h3 label {
        font-size: 15px;
        margin-right: 5px;
    }

    .your-order-table table .order-total th,
    .product-title {
        font-size: 14px;
    }

    .your-order-table table tr.order-total td span {
        font-size: 18px;
    }

    .ship-different-title input {
        margin-top: 5px;
        vertical-align: middle;
    }

    .compare-details h4 a,
    .product-description p,
    .product-description {
        font-size: 12px;
    }

    .sidebar-desc p {
        font-size: 13px;
    }

    .sidebar-lg-title,
    .post-title h2,
    .hot-deal-three .post-title h2,
    .second-featured-products.related-pro .post-title h2 {
        font-size: 16px;
    }

    .post-meta li {
        font-size: 11px;
        border-right: none;
    }

    .hot-deal-products .post-title h2,
    .second-hot-deal .post-title h2,
    .new-pro-two .post-title h2,
    .post-title h2 i {
        font-size: 18px;
    }

    .toolbar-sorter label {
        margin-bottom: 10px;
    }

    .countdown {

    }

    /*== mobile device margin ==*/
    .mb-xsm-30 {
        margin-bottom: 30px;
    }

    .hot-product2 .actions-primary > a {
        margin: 0 auto;
    }
#creditTermsBtns{
	display:block;
	}
#creditTermsBtns .btn.btn-secondary{
	display: inherit;
    float: left;
    margin: 15px 10px 0px 0px;
	}
}

/*=============== Extra Small Mobile Device ===============*/
@media (max-width: 420px) {
    .logo img {
        width: 140px;
    }

    p.checkout-coupon input[type="text"] {
        width: 157px;
    }

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

    .pro-pagination {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    #list-view .hot-product2 .actions-primary {
        margin-bottom: 20px;
    }

    .header-top ul span {
        display: none;
    }

    #list-view .single-product .pro-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .cart-content h6 a,
    .price-content li span,
    .cart-content span.cart-price {
        font-size: 15px;
    }

    .main-product-tab-area .single-product .pro-content {
        overflow: initial;
    }

    .second-arrivals-product .tabs-area li:last-child a {
        padding-top: 0;
        line-height: 15px;
    }

    .bootstrap-select {
        display: none;
    }

    .categorie-search-box input {
        padding: 0 60px 0 20px;
    }

    .header-helpline {
        font-size: 14px;
    }

    .brand-banner .single-brand img {
        margin: 0 auto;
    }

    .news-desc p,
    .footer-bottom-content p {
        font-size: 11px;
    }

    .footer-nav-list li a {
        font-size: 12px;
    }

    .error-text h1 {
        font-size: 90px;
    }

    .error-text h2 {
        font-size: 16px;
    }

    .about-team .col-6 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .buttons-cart input {
        margin-bottom: 20px;
    }

    .box-quantity .mr-40 {
        margin-right: 20px;
    }

    p,
    .pro-desc-details,
    .form-register labe,
    .term-mini-title {
        font-size: 13px;
    }

    #list-view .single-product .pro-content h4 a,
    .review-title {
        font-size: 14px;
    }

    .grid-list-top .tabs-area > li:last-child {
        left: 0;
        margin-right: 0;
    }

    .sidebar-lg-title {
        font-size: 13px;
    }

    .sidebar-post-content {
        padding: 20px 0 10px;
    }

    .vertical-menu > span {
        font-size: 15px;
    }

    .vertical-menu > span {
        height: 52px;
        line-height: 55px;
    }

    #cate-mobile-toggle > ul > li > a {
        font-size: 14px;
    }

    #cate-mobile-toggle .category-sub li a {
        font-size: 13px;
    }

    .main-product-tab-area .single-product .pro-img {
        float: none;
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .sidebar-desc blockquote p, .sidebar-desc blockquote span {
        font-size: 14px;
    }

    .checkbox-form h3, .your-order h3, .custom-title {
        font-size: 20px;
    }

    .card .btn-link {
        font-size: 14px;
    }

    .coupon-accordion h3 {
        font-size: 13px;
        line-height: 20px;
    }

    /*== very xtra small mobile device margin ==*/
    .mb-xxs-30 {
        margin-bottom: 30px;
    }
}

@media (max-width: 392px) {
    .services li span.free {
        display: none;
    }

    .logo img {
        width: 90px;
    }

}