/*--------------------------------------------------
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=Roboto:300,400,500,900|Open+Sans');
/*----------------------------------------*/
/* 1. Theme Default CSS
/*----------------------------------------*/
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #232323;
    font-size: 16px;
    line-height: 1.25em;
}

a:hover {
    text-decoration: none;
}

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

h4 a:hover {
    color: #8fca22;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.owl-carousel .owl-stage-outer {
  margin: 0 -5px;
  padding: 0 5px;
}
.clear {
    clear: both
}

.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: #f9af51 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 57px;
    left: 10px;
    line-height: 57px;
    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;
}

/* post title bg color css start */
.post-title h2,
.hot-deal-three .post-title h2,
.second-featured-products.related-pro .post-title h2 {
    background: #8fca22 none repeat scroll 0 0;
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    line-height: 20px;
    position: relative;
    text-transform: none;
    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: #8fca22;
}

.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 #ff7a0d;
  transition: all 300ms ease-in 0s;
  width: 33px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 55;
	color: #ff7a0d;
}
.owl-nav div.owl-next {
    left: auto;
    right: 0px;
}

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

::-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: 165px;
    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: 13px;
  line-height: 30px;
  padding: 5px 20px;
}
.header-top ul > li ul.ht-dropdown li a:hover {
    color: #8fca22;
}

/*----------------------------------------*/
/* 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 button {
  background: #8fca22 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: 3px;
  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;
}

.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 > a {
    color: #363636;
}

.cart-text {
    display: block;
}

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

.my-cart {
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-left: 8px;
  text-transform: none;
  vertical-align: top;
}
.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: auto;
  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%;
}

.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: none;
    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: #8fca22 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: #8fca22;
    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: #8fca22;
}
.my-cart > span {
  color: #363636;
  display: block;
  line-height: 18px;
}

span.total-pro {
  background: #E62E04 none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
  min-width: 30px;
  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: #8fca22;
    float: none;
}

.pro-quantity {
    background: #8fca22 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: 15px;
    font-weight: 500;
    padding: 10px 15px;
    position: relative;
    text-transform: none;
    
}

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

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

.header-bottom-list > li > ul.ht-dropdown {
    width: 200px;
}
.header-bottom-list > li > a {
  padding: 10px 30px 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: #8fca22;
}

.mean-container .mean-bar {
  background: #F2F2F2 none repeat scroll 0 0;
  min-height: 58px;
  position: static;
  width: 100%;
}
.mean-container .mean-nav ul {
  background: #fff none repeat scroll 0 0;
  width: auto;
}
.mean-container .mean-nav {
  margin-top: 56px;
}
.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: "Open Sans",sans-serif;
  right: 15px!important;
  top: 14px;
}
/*----------------------------------------*/
/* 2.4 Vertical Mobile Menu CSS
/*----------------------------------------*/
#cate-mobile-toggle {
    height: 265px;
    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: 10px;
    color: #8fca22;
}

#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;
}
.header-bottom.header-sticky {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.vertical-menu-list {
    background: #fff none repeat scroll 0 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 99;
    border: 1px solid #ededed;
    border-top-width: 0;    
}
.vertical-menu-list.mpag{
	min-height: 410px
}
.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: 28px;*/
	line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    /*padding: 3.7px 20px;*/
	padding: 7px 20px;
    position: relative;
    text-transform: none;
    cursor: pointer
}

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

.vertical-menu-list  li > a i {
    position: absolute;
    right: 14px;
    top: 10px;
    color:#2c2c2c;
}

.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;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    margin-left: -8px;
    
}
.vertical-menu-list li span img{
	margin-top: -3px; 
	vertical-align: middle;
}
.vertical-menu > span {
  background: #8fca22 none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "lato",sans-serif;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding-left: 45px;
  position: relative;
  text-transform: uppercase;
}

.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 ul.first-megamenu {
    width: 700px;
}

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

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

.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);
    min-width: 230px;
    max-width: 260px;
}
.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: 30px;
    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;
}
.slider_box {
  margin-left: -15px;
  padding-left: 0;
  padding-right: 0;
}
.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:#8fca22; 
}

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

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

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

.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 .secondary-img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}

.single-product:hover .pro-img .secondary-img {
    opacity: 1;
}
.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: #8fca22;
    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: none;
}
.pro-content {
  min-height: 115px;
  overflow: hidden;
  padding: 20px 15px;
  position: relative;
}

.pro-content h4 a {
    color: #363636;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 9px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: none;
    /*white-space: nowrap;*/
	white-space: normal;
}

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

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

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

.price {
  color: #363636;
  font-family: "Lato",sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 20px;
}
.prev-price {
  color: #666;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: line-through;
}


.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 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.single-product .pro-info {
    -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;
  padding-right: 6px;
}
.actions-primary a,.product-description .compare-cart,
.cart-main-area.wish-list .product-add-to-cart a {
  background: #d5ff6a none repeat scroll 0 0;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  color: #333333;
    height: 40px;
    line-height: 38px;
    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%;
    margin: 0 0 10px;
    font-weight: 700;
    display: block;    
    font-weight: 700;
    font-size: 15px;
}
.actions-primary a:hover,.product-description .compare-cart:hover,
.cart-main-area.wish-list .product-add-to-cart a:hover {
    background: #8fca22;
    color: #fff;
    border-color: #8fca22;
}
.actions-secondary a {
  background: transparent none repeat scroll 0 0;
  color: #333;
  margin-left: 5px;
  transform: scale(0.6);
}
.l_sale {
  background: rgba(0, 0, 0, 0) url("img/icon/bg-l-sale.png") no-repeat scroll right center;
  bottom: 20px;
  color: #8fca22;
  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 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 {
  color: #363636;
  float: left;
  font-size: 28px;
  width: 28px;
}
.actions-secondary a:hover i,.actions-secondary a:hover span{
    color: #8fca22;
}
.quick_view {
  color: #dedede;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9;
  opacity: 0;
}
.quick_view:hover{
    color: #8fca22;
}
.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);
 
}

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

.section-ttitle h2,.title-box h2 {
  color: #212121;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  text-transform: none;
}
.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: 500;
  margin: 0;
  padding: 0;
}
.tabs-area li a.active {
    color: #8fca22;
}
.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: 7px;
  margin: 0 2px;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
}
.owl-dot.active {
  border-radius: 10px;
  width: 29px;
  background: #8fca22;
}

/*----------------------------------------*/
/* 8. Support Area CSS
/*----------------------------------------*/
.support-area .single-support {
  border-right: 1px solid #ddd;
  flex: 0 0 20%;
  padding: 35px 17px;
}
.support-area .single-support:first-child{
  border-left: 1px solid #ddd;
}
.support-icon i {
    color: #5a7ea8;
    font-size: 60px;
}
.support-desc h6 {
  color: #363636;
  font-family: "Open Sans",sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 10px;
  text-transform: none;
}
.support-desc span {
  color: #363636;
  font-size: 14px;
  margin: 0;
  text-transform: none;
}

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

.news-desc 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: none;
}
.newsletter-box {
    position: relative;
}

.newsletter-box .submit {
    background: #8fca22 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Lato",sans-serif;
    color: #fff;
    font-size: 13px;
    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;
}
.newsletter-box .submit:hover {
    background: #8fca22;
}

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

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

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

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

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

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

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

.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: #8fca22;
}
/* footer bottom css */
.footer-bottom-content p {
    color: #666;
    font-size: 14px;
}

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

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

.footer-nav-list li:first-child a {
    padding-left: 0;
}
a.btn.bg-none {
	background: #8fca22;
}
#scrollUp {
    background: #ff7a0d none repeat scroll 0 0;
    bottom: 65px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    height: 40px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
    z-index: 999;
}
#scrollUp .fa{
	color:#fff !important;
}
#scrollUp:hover {
    background: #8fca22;
}

#scrollUp i {
    font-size: 25px;
    line-height: 40px;
}
.footer-list li {
  text-transform: none;
  transition: all 0.5s ease-in-out 0s;
}
.address-content li {
  color: #212121;
  display: block;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
.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;
}
.hot-product2 .tab-content {
  width: 100%;
}
.hot-product2 .product-thumbnail {
  padding-left: 10px;
  width: 137px;
}
.all-border {
  border: 2px solid #8fca22;
  padding: 20px 20px 30px 30px;
}
.pro-tab-menu a:not(:last-child){
  margin-bottom: 10px;
}

.hot-product2 .count {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  display: flex;
  height: auto;
  padding: 3px;
  width: auto;
}
.hot-product2 .count p {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  margin-right: 2px;
}
.hot-product2 .count span {
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  text-transform: none;
}

.hot-product2 .countdown::before {
  border-color: transparent transparent transparent #e62d04;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  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: -3px;
  position: absolute;
  top: 50%;
  width: 5px;
}
.hot-product2 .countdown {
  background: #8fca22 none repeat scroll 0 0;
  bottom: auto;
  font-family: "Lato",sans-serif;
  left: 0;
  margin-bottom: 20px;
  margin-left: 0;
  max-width: 260px;
  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 {
  transform: scale(1);
  width: 163px;
  margin-right: 10px;

}

.hot-product2 .actions-secondary a {
  margin-right: 10px;
  transform: scale(1);
}
.hot-product2 .pro-price {
  display: flex;
  position: relative;
}
.hot-product2 .pro-price .price {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.hot-product2 .thubnail-desc h3 a {
    color: #363636;
  font-family: "Open 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: "Open Sans",sans-serif;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 22px;
}

/*----------------------------------------*/
/* 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: #8fca22;
}
.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: #8fca22 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 #8fca22;
  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 > a {
  margin-bottom: 0;
  margin-right: 10px;
  width: 141px;
}
/*----------------------------------------*/
/* 14. Blog CSS
/*----------------------------------------*/
.single-latest-blog.news::before {
  border-color: #8fca22 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: 30px;
  position: relative;
  width: 100%;
}
.blog-img {
  float: left;
  width: 43%;
}
.blog-desc {
  float: left;
  padding: 0px 0 0 10px;
  width: 57%;
}
.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: none;
  top: 0;
  z-index: 4;
}
.readmore {
  background: #8fca22 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-family: "Lato",sans-serif;
  font-size: 18px;
  /*font-weight: 700;*/
  padding: 9px 25px 10px;
  text-transform: none;
}
.blog-desc .readmore {
  margin-top: 25px;
}
.readmore:hover {
  background: #8fca22 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 {
  color: #363636;
  font-size: 18px;
  font-weight: 700;
}
.blog-desc h4 {
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-desc h4 a:hover,
.blog-desc li a:hover {
    color: #8fca22;
}

.blog-desc li{
    color: #666666;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: none;
}
.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: #8fca22;
}

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

.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: none;
    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: none;
    color: #444;
}

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

/*----------------------------------------*/
/* 15. Breadcrumb CSS
/*----------------------------------------*/
.breadcrumb-area .breadcrumb {
  background:#f8f8f8;
  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: none;
}

.breadcrumb-area .breadcrumb li.active a,
.breadcrumb li:hover a {
    color: #8fca22;
}

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

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

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

/*----------------------------------------*/
/* 16. Product Details CSS
/*----------------------------------------*/
.main-product-thumbnail .tab-content img,
.product-thumbnail .thumb-menu div img {
    width: 100%;
}

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

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

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

.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 {
  background: #8fca22 none repeat scroll 0 0;
  border-color: #8fca22;
  color: #fff;
  height: 43px;
  margin-bottom: 0;
  margin-right: 10px;
  width: 150px;
}
/*---------------------------------
    thumb product css start
-----------------------------------*/
.product-header {
    color: #363636;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: none;
}

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

.rating-feedback a {
  color: #666;
  display: inline-block;
  font-size: 13px;
  margin-top: 20px;
  text-transform: none;
}

.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 .price {
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
}



.saving-price {
    background: #8fca22 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;
}
.product-size .nice-select{
    padding-right: 40px;
}
.product-size .nice-select .option{
    padding-right: 36px;
}
.product-size label,
.color label {
    color: #2c2c2c;
    margin-bottom: 5px;
    text-transform: none;
    display: block;
}

.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: #8fca22;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    text-transform: none;
}

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

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

.color-list li a {
    border: 2px 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;
}

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

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

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

.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 .tabs-area {
    border-bottom: none;
}

.main-thumb-desc.tabs-area > li {
    margin-left: 0;
}

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

.main-thumb-desc li a.active {
    background: #8fca22 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: 500;
    text-transform: uppercase;
}

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

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

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

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

/*--------------------------
    sidebar css start
------------------------*/
.sidebar-title {
  color: #2c2c2c;
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 20px;
  text-transform: none;
  text-align: center;
  
}

.e-title {
    background: #8fca22 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
    padding: 15px;
    
}

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

.category-menu.sidebar-menu .has-sub a span.holder::after,
.category-menu.sidebar-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: none;*/
    cursor: pointer;
}

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

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

/*---------------------------------
   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 #f9af51;
  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 #f9af51;
    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: #8fca22;
}

.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.orange {
    background: #F39C11;
}

.color-option li span.blue {
    background: #5D9CEC;
}

.color-option li span.yellow {
    background: #F1C40F;
}

/*---------------------------------
   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: #8fca22;
}

.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;
}
.toolbar-sorter label {
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 15px;
  min-width: 106px;
  text-align: right;
}
.toolbar-sorter {
  min-width: 200px;
}
.toolbar-sorter .nice-select {
    border: 1px solid #ededed;
    font-size: 14px;
    width: 100%;
}

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

/*---------------------------------
   grid list single product css
-----------------------------------*/
.main-categorie .tab-content .single-product {
  margin-bottom: 30px;
}
.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;
}
.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;
}
/*----------------------------------------*/
/* 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;
}

/*----------------------------------------*/
/* 19. Login CSS
/*----------------------------------------*/
.custom-title {
    color: #333333;
    font-size: 25px;
    font-weight: 500;
    text-transform: none;
}

.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: #8fca22 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: #8fca22;
    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: 500;
    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: #8fca22;
}

.error-button a {
    background: #8fca22 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: #8fca22;
}

/*----------------------------------------*/
/* 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: 500;
    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: none;
}

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

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

.compare-details h4 a:hover,
.product-description .fa-trash-o:hover {
    color: #8fca22;
    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: 500;
}
.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: none;
    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: #8fca22;
}
.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: 500;
    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: 500;
}

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

.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: none;
    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: #8fca22;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    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: 500;
}

/*----------------------------------------*/
/* 25. Cart & Wish List CSS
/*----------------------------------------*/
.cart-main-area .section-title h2,
.coupon-area .section-title h2 {
    text-transform: none;
    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: none;
    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: 500;
    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: none;
}

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

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

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

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

.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: 500;
    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: #8fca22 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: 500;
}

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

.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: 500;
    margin-bottom: 15px;
}

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

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

.return-customer-btn.read-more {
    padding: 10px 20px;
}
.ht-single-about > h5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 9px;
}
.ht-work-text > h5 a {
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  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: #d5ff6a none repeat scroll 0 0;
}
.single-team.news::before {
  border-color: #e62d04 transparent transparent;
  border-style: solid;
  border-width: 90px 90px 0 0;
  content: "";
  height: 0;
  left: 15px;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 3;
}



.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: #8fca22;
	color:#fff;
    padding: 10px;
}

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

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

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

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

.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: 500;
    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: #8fca22  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;
}

.fa{
	color:#8fca22;
}

.user-console .card{
	padding: 30px;
	text-align: center;	
}
.user-console .card:hover{
	border-color: #fd9e8a;
}

.user-console .card p{
	margin-top: 20px;
}
h1.content-title{
	font-size: 26px;
	margin-top: -3px;
	
}
.desc{
	font-size: 11px;
}


.modal-content button.close{		
	/*background: tr;*/
	opacity: 1 !important;
	color:#fff;
	text-shadow: none;
	width: 20px;
	height: 20px;
	position: absolute;
	top:5px;
	right: 6px;
	color: #8fca22;
	z-index: 1;
}
.modal-content button.close:hover{
	color:#000;	
}

.modal-body h3{
	margin: 7px 0 18px;
	text-align: center;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: bold;
}
.modal-body form{
	padding: 3px;
}
.modal-body form p.suptitle, .modal-big-body form p.suptitle{
	margin-bottom: 25px;
	font-size: 15px;
	text-align: center;
}
.modal-body form p.suptitle:last-child, .modal-big-body form p.suptitle:last-child{
	margin: 20px 0 0;
}
.modal-body .form-group{
	margin-bottom: 10px;
}

.form-control{
	height: 44px;
	border:1px solid #DBDBDB;
	box-shadow: none !important;
	border-radius: 8px;

}
.form-control:focus{
	border-color: #002b84
}
.modal-body form .checkbox label{
	font-size: 14px;
}

.modal-body form .btn{
	margin-right: 6px;
}

.modal-body form .legal{
	display: none;
}

.modal-body img{
	min-width: 100%;
	max-width: 100%;
}




form label{
	font-weight: normal;
}

a{
	color:#ff7a0d;
}

label.uniform input{
	position: absolute;
	left: -50000px;
}
label.uniform .fa{
	font-size: 18px;
	color: #000000;
	position: absolute;
	left: 0;
	top:3px;
}
label.uniform .fa-toggle-on{
	color: #8fca22;
}

label.uniform{
	font-weight: normal;
	cursor: pointer;
	position: relative;
	padding-left: 24px;
}
form i.desc{
	font-size: 12px;
	color:#999;

}

.modal-big{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 1205;
	display: none;
}
.modal-big .modal-big-dialog{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1206;
	overflow-y: auto;
}
.modal-big .modal-big-dialog .close-big{
	background: rgba(0,0,0,0.6);
	height: 50px;
	width: 100%;
	position: fixed;
	text-align: right;
	left: 0;
	top: 0;
	z-index: 1210;
	box-sizing: border-box;
}
.modal-big .modal-big-dialog .close-big .fa{
	background: #CC0000;
	color: #FFFFFF;
	height: 100%;
	width: 50px;
	font-size: 30px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	margin-right: 17px;
}
.modal-big .modal-big-dialog .close-big .fa:hover{
	background: #E6AC00;
}

.modal-big .modal-big-dialog .modal-big-body{
	max-width: 1220px;
	margin: 0 auto;
	background: #fff;
	min-height: 100%;
	z-index: 1250;
	padding: 70px 30px 30px;
}

.modal-big .modal-big-dialog .modal-big-body h3{
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
}
.modal-big .modal-big-dialog .modal-big-body button{
	display: block;
	max-width: 260px;
	margin: 10px auto;
}



.spoller-box{
	padding: 8px 20px 0;
	border: 1px solid #9A9A9A;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: left;
}

.spoller-box table{
	display: none;
	margin-bottom: 20px;
}

.spoller-box .spoller-title{
	font-size: 19px;
	padding: 5px 5px 13px 35px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}

.spoller-box .spoller-title .fa{
	position: absolute;
	left: 5px;
	top: 0;
	font-size: 32px;
	color: #db0000;
}

.input-wrap{
	position: relative;
	/*z-index: 1;*/
	width: 100%;
}
.input-wrap > div {
	  position: absolute;
	  width: auto;
	  height: auto;
	  line-height: 13px;
	  padding: 7px 10px 8px;
	  font-size: 12px;
	  text-align: center;
	  color: #fff;
	  background: #8fca22;
	  border: 0;
	  border-radius: 2px;
	  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0px;
	  margin-top:-25px;
	  margin-right: 20px;
	  text-align: left;
	  vertical-align: top;
	  text-shadow: none;
}

.uniform .input-wrap{
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100%;
}

.input-wrap div:after {
	  content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  border-width: 8px;
	  border-style: solid;
	  border-color: rgba(230,46,4, 0.9) transparent transparent transparent;
	  bottom: -16px;
	  left: 20%;
}
button.btn{
	background: #8fca22;
	color:#fff;
	border-color: #8fca22;
}
a.btn{
	background: #8fca22;
	color:#fff !important;
	border-color: #8fca22;
}
button.btn:hover, a.btn:hover{
	background: #fc6a4b;
	border-color: #fc6a4b;
}
button.btn .fa, a.btn .fa{
	color:#fff;
	margin-right: 8px;
}


form label.uniform .fa{
	font-size: 19px;
	top:0;
}
form label.uniform {
	font-size: 14px;
}

.single-sidebar a.current, .header-top a.current{
	color:#8fca22;
}
.single-sidebar-desc .small.date{
	margin-top: -20px;
	margin-bottom: 20px;
	color: #999;
}
.main-menu ul li ul li{
	position: relative;
	
} 
.main-menu ul li ul li ul{
	position: absolute;
	top: -10px;
	left: 100%;
}
.main-menu ul li ul li a{
	padding-right: 30px;
}
.main-menu ul li ul li a .fa{
	position: absolute;
	right: 15px;
}

.view-type a .fa{
	color:#ddd;
	cursor: pointer;
}
.view-type a.active .fa{
	color:#8fca22;
	cursor: default;
}

.relative{
	position: relative;
}
.bg-loader-relative{
	position: relative;

}
.product-load-ajax{
	min-height: 200px;
}

.product-load-ajax .load-fade-body{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1) url(img/load.gif) no-repeat center 70px;
	z-index: 100;
}

/*FILTER*/
.bar.load-filter-fields{
	border: 0;
}
.load-filter-fields .form-group{
	/*margin-bottom: 20px !important;*/
   /*	padding: 10px 10px 5px !important;*/
   /*	border: 1px solid #dadada;*/
	border-bottom: 0;
}
.load-filter-fields .form-group input[type=text]{
	height: 32px;
	width: 100%;
	border-radius: 4px;
}

.load-filter-fields .form-group .box-scroll{
	display: none;
	width: 100%;
	max-height: 300px;
	/*overflow-y: auto;*/
	margin-bottom: 10px;
}
.load-filter-fields .form-group .box-scroll.show{
	display: block;
}
.load-filter-fields .form-group  .box-title{
	margin-bottom: 2px;
	position: relative;
	/*padding-left: 25px;*/

}
.load-filter-fields .form-group  .box-title label{
	font-size: 17px;
}

.load-filter-fields .form-group  .box-title .fa{
	position: absolute;
	left: 0;
	top:0;
	font-size: 22px;
	color:#999;
	cursor: pointer;
}

.load-filter-fields .form-group .field-left{
	margin-right: 5px;
	width: 47%;
	float: left;
}


.load-filter-fields .form-group .field-right{
	margin-left: 5px;
	width: 47%;
	float: left;
}
.load-filter-fields .form-group .field-right .prepend, .load-filter-fields .form-group .prepend{
	margin: 0;
}

.load-filter-fields .form-group select{
	width: 100%;
}

.load-filter-fields .form-group .prepend {
	position: relative;
}
.load-filter-fields .divider{
	width: 100%;
	border-top: 1px solid #dadada;
}

.clear-filret{
	margin-top: 10px;
	cursor: pointer;
	font-size: 14px;
}
.clear-element-filret{
	*display: none;
}
.clear-element-filret .aajax{
	color:#999;
	border-color: #888;
}
.sort-control .cart{
	border:1px solid #dadada;
	padding: 10px;
	margin-bottom: 20px;
}
.sort-control .cart select{
	border: 0;
}

.sort-control .cart .fa{
	font-size: 18px;
	color:#dfdfdf;
	margin-left: 5px;
	cursor: pointer;
}
.sort-control .cart .fa.active{
	color:#ED1B24;
	cursor: default;
}

input.rangenain[type=range] {
	-webkit-appearance: none;
	border: 1px solid white;
	width: 100%;
	box-shadow: none;
	padding: 10px 0;
}
input.rangenain[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	background: #dfdfdf;
	border: none;
	border-radius: 3px;
}
input.rangenain[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 19px;
	width: 19px;
	border-radius: 50%;
	background: #fff;
	border:2px solid #8fca22;
	margin-top: -7px;
}

.form-wrapper input.rangenain[type=range]::-webkit-slider-thumb{
	background: #ffffff !important;
}
input.rangenain[type=range]:focus {
	outline: none;
}
input.rangenain[type=range]:focus::-webkit-slider-runnable-track {
	background: #EAEAEA;
}
input.rangenain[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	background: #EAEAEA;
	border: none;
	border-radius: 3px;
}
input.rangenain[type=range]::-moz-range-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #fff;
	border:1px solid #102872;
}
input.rangenain[type=range]:-moz-focusring{
	outline: 1px solid white;
	outline-offset: -1px;
}
input.rangenain[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	background: transparent;
	border-color: transparent;
	border-width: 6px 0;
	color: transparent;
}
input.rangenain[type=range]::-ms-fill-lower {
	background: #EAEAEA;
	border-radius: 10px;
}
input.rangenain[type=range]::-ms-fill-upper {
	background: #EAEAEA;
	border-radius: 10px;
}
input.rangenain[type=range]::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #fff;
	border:1px solid #102872;
}
input.rangenain[type=range]:focus::-ms-fill-lower {
	background: #EAEAEA;
}
input.rangenain[type=range]:focus::-ms-fill-upper {
	background: #EAEAEA;
}

.filter-form{
	margin-bottom: 20px;

}
.filter-form .divider{

	border-top: 1px solid #dadada;
}

.filter-form .floating-btn{
	position: absolute;
	width: 110px;
	height: 78px;
	right: -85px;
	background: url(img/floating-btn.png);
	color: #fff;
	z-index: 5;
	display: none;
	border: 0;
	border-radius: 0;
}
.filter-form .form-group .floating-btn:hover{
	border: 0;
}
.load-filter-fields label.uniform .fa-square-o{
	color:#cccccc !important;
}
.load-filter-fields label mark{
	background: #fff;
	border: 1px solid #e9e9e9;
	font-size: 11px;
	line-height: 1;
	padding: 0 4px;
	border-radius: 3px;
	margin-left: 5px;

}
.load-filter-fields .uniform.disabled{
	cursor: default;
	color: #cacaca;
}
.load-filter-fields .diap{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.load-filter-fields .form-group .diap:last-child{
	margin-left: 5px;
}

/*END FILTER*/

nav.pagination{
	width: 100%;
	padding-right: 180px;
	position: relative;
}
nav.pagination span{
	width: 170px;
	position: absolute;
	top:10px;
	right: 0;
	text-align: right;
	font-size: 14px;
}
nav.pagination ul{
	padding: 0;
	margin: 0;
}

nav.pagination ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 4px 0 4px;
	list-style: none
}
nav.pagination ul li a{
	display: block;
	padding: 9px 15px;
	border: 1px solid #dadada;
	color:#222;
}
nav.pagination ul li.active a{
	border: 1px solid #222;
	background: #222;
	color:#fff;
}

/*Product params fields*/
.params-product{
	padding: 4px 0;
	border-bottom: 1px dashed #f0f0f0;
	font-size: 14px;
}
.params-product .name{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.params-product .result{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.param-box {
	width: 80%;
}
.cart-box-width .del{
	cursor: pointer;
}
a{
	cursor: pointer !important;
	
}
.actions-secondary a.current i{
	color:#8fca22;
}
.shopping-pending-header a.current i,
.shopping-compare-header a.current i
{
	color:#8fca22;
}

/*Basket table*/

table.basket-table{
	border: 1px solid #EBEBEB;
	font-size: 16px;
	width: 100%;
}
table.basket-table tr{
	border-bottom: 1px solid #EBEBEB;
}
table.basket-table tr td{
	border: 0;
	padding: 16px;
}

table.basket-table tr td:first-child img{
	max-width: 104px; 
}
table.basket-table tr:last-child{
	border-bottom: 0;
}
table.basket-table .del, table.basket-table .additional-del{		
	display: block;
	cursor: pointer;
}
.aajax{
	border-bottom: 1px dashed #222; 
	cursor: pointer;
}
table.basket-table .aajax{
	font-size: 13px;
}
table.basket-table h4 a{
 font-weight: 700;
 font-size: 18px;
 color:#222;
}
table.basket-table .params-product{
	font-size: 14px;
}
table.basket-table .params-product:last-child {
	border:0;
}
.product-basket-action{
	position: relative;
	padding: 0 30px;
	width: 120px;
}
.product-basket-action input{
	width: 60px;
	height: 30px;
	border: 1px solid #EAEAEA;
	border-left:0;
	border-right:0;  
	text-align: center;
}
.product-basket-action .minus{
	width:30px;
	height:30px;
	background:	url(img/minus.png);
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

.product-basket-action .plus{
	width:30px;
	height:30px;
	background:	url(img/plus.png);
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.additional .additional-plus{
	width:30px;
	height:30px;
	background:	url(img/plus.png);
	cursor: pointer;
}
.amount-table{
	font-size: 18px;
}
.text-grey{
	color: #999;
}
.order-card {
	width: 100%;
	border: 1px solid #DBDBDB;
	margin-bottom: 30px;
	border-radius: 4px;
}
.order-card .head{
	border-bottom: 1px solid #DBDBDB;
	padding: 10px 10px 10px 60px;
	height: 42px;
	position: relative;
	font-size: 17px;
}
.order-card .head .int{
	background: #8fca22;
	color:#fff;
	font-size: 20px;
	width: 43px;
	height: 43px;
	position: absolute;
	left: -1px;
	top:-1px;
	line-height: 2;
	text-align: center;
}
.order-card .card-body{
	padding: 15px 13px 5px;
}
.order-card .card-body label{
	font-size: 17px;
	font-weight: normal;
}
.order-card hr{
	margin: 0;
}
.desc{	
	color: #999;
	font-size: 12px;	
}
label .desc{	
	line-height: 1.2;
}

.basket-last-step [class*="col-"] img{
	max-width: 100%;
	min-width: 100%;
}

.basket-last-step{
	border: 1px solid #dadada;
	background: #f7f7f7;
	padding: 15px;
	border-radius: 4px;
}
.basket-last-step h4{
	padding: 0 0 10px;
	margin: 0; 
	font-size: 20px;
}
.basket-last-step .card{
	border: 1px solid #dadada;
	background: #fff;
	padding: 15px;
	margin-bottom: 10px;
}
.basket-last-step .title a{
	color:#222;
	text-decoration: none;
	display: block;	
	font-size: 16px;
}
.basket-last-step .title a:last-child{
	font-size: 18px;
}
.basket-last-step p{
	margin-bottom: 0;
}
.basket-last-step .basker-amount{
	text-align: right;
	font-size: 17px;	
}
.basket-last-step .basker-delivery-amount{
	text-align: right;
}

.basket-last-step .row{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dadada; 
}
.basket-last-step .row:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}
.promo-code{
	margin: 20px 0;
}
.promo-code input{
	width: 100%;
	height: 45px;
}
.promo-code button.big{
	height: 45px;
}
.promo-code .code-info{
	padding: 20px 0;
	display: none;
}
.step-order{
	display:none
}
.button-inline button{
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	min-height: 40px;
}

table.order-info{
	width: 100%;
	border: 1px solid #dadada;
}
table.order-info tr td{
	padding: 10px 20px;
}
table.order-info tr td:last-child{
	width: 25%;
}
table.order-info img{
	max-width: 104px;
}

.order-last-panel{
	position: fixed;
	top:27%;
	right: 0;	
	width: 220px;	
	background: #fff;
	border-left: 40px solid #FF7E09;	
	border-radius: 4px 0 0 4px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	
	right: -180px;
	height: 200px;
}
.order-last-panel .body{
	position: absolute;
	top:0;
	left: 0;
	padding: 30px 20px;
}
.order-last-panel .body p:first-child{
	font-weight: bold;	
	margin-bottom: 15px;
	font-size: 16px;
}
.order-last-panel .body a{
	margin-top: 15px;
}
.order-last-panel.scroll{	
	right: -180px;
	cursor: pointer;
}
.order-last-panel.open{
	right: 0;
}

.order-last-panel .vrt{
	width: .3em; width: 1ch;	
	text-align: center; 
	font-size: 13px;
	color:#fff;
	font: Consolas, Monaco, monospace; 
	word-wrap: break-word;
	position: absolute;
	left: -25px;
	top:15px;
	text-transform: uppercase;
	line-height: 1.4
}
.sec-button a{	
	margin-right: 10px;
	padding-left: 30px;
	position: relative;
	
}
.sec-button a i{
	font-size: 24px;	
	position: absolute;
	left: 0;
	top:-3px;
}
.sec-button a.current i{
	color:#8fca22;
}

table.order-history{
	border:1px solid #dadada;
	width: 100%;
	border-collapse: collapse;
}

table.order-history td{
	padding: 15px;
}
table.order-history td:last-child{
	background: #F6F6F6;
	border-left: 1px solid #ececec;
}
table.order-history tr {
	border-bottom: 1px solid #dadada !important;
}

table.order-history a h4{
	font-weight: 600;
    font-size: 18px;
    color: #222;	
}

table.order-history .order-action a{
	display: block;
	margin: 7px 0;
	color:#222;
	position: relative;
	padding-left: 30px
	
}
table.order-history .order-action a i{
	font-size: 22px;
	position: absolute;
	left: 0;
	top:-3px;
	color:#FF7E09;
}
table.order-info{
	width: 100%;
    border: 1px solid #dadada;
    border-collapse: collapse;
}
table.order-info tr td{
	border: 1px solid #dadada;
	padding: 15px;
}

table.order-info tr {
	border-bottom: 1px solid #dadada !important;
}
.compare-box {   
    width: 100%;   
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
 .compare-box .compare-product{
	width: 240px;	
	margin-right: 20px;
	display: inline-block; 
	vertical-align: top;
}
.compare-box .compare-product .product{
	border:1px solid #E8E8E8;
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
	min-height: 320px;
}
.compare-box .compare-product .product .pro-img{
	text-align: center;
}

.compare-box .compare-product .product img{
	max-height: 165px;
	width: auto;
}
.compare-box .compare-product .product .speed-views{
	position: absolute;
	top:5px;
	left: 5px;
	padding: 10px;
	z-index: 10;
}
.compare-box .compare-product .product .label-product.l_sale{
	bottom: auto;
	top: 40px;
}

 .compare-box .compare-fields{
	width: 240px;	
	margin-right: 20px;
	display: inline-block; 
	vertical-align: top;	
}
 .compare-box .fields{
	width: 100%;	
	padding: 10px 0 28px;
	border-top: 1px solid #e8e8e8; 
	height: auto;
}
 .compare-box .field-title{
	font-size: 14px;
	width: 100%;
	padding: 0 0 6px;
	color: #bfbfbf;
	text-transform: uppercase;
	
}
 .compare-box .fields:last-child{
	border-bottom: 1px solid #e8e8e8;
}
.compare-trash-all{
	margin: -20px 0 15px;
	padding: 7px 0 7px 35px;	
	line-height: 2;	
	cursor: pointer;
	display: inline-block;	
}
.compare-difference-control{
	
}
.compare-difference-control span{
	margin-left: 10px;
	cursor: pointer;
}
.compare-difference-control span.current{
	color: #cacaca;
	cursor: default;
}
.compare-element-trash{
	width: 28px;
	height: 28px;
	display: inline-block;
	cursor: pointer;
}

.compare-box .card-product:hover{
	border:1px dashed #fe8c01;
}

.compare-product .pro-content{
	padding: 10px 0;
}
.compare-product .compate-control-product{
	padding: 15px 0 0;	
}
.compare-product .compate-control-product a{
	margin-right: 10px;
}
.compare-product .compate-control-product a span{
	margin-right: 5px;
}

.add-compare-list .lnr-plus-circle{
	font-size: 50px;
	display: block;
	margin-bottom: 10px;
}

.hide{
	display: none;
}

.basket-add-popup .images img{
	min-width: 100%;
	max-width: 100%;
	
}
.basket-add-popup .title{
	font-size: 18px;
	
}
.basket-add-popup .price{
	font-weight: 600;
	margin: 10px 0;
	text-align: center;
}
.modal-body .btn{
	margin-right: 6px;
}


.support-area .support-icon img{
	height: 65px;
}

form .active-validation{
	position: relative;	
}
form .success-text{
	position: absolute;
	top:15px;
	width: 100%;
	text-align: center;
}  
.single-product{
	position: relative;
}
.single-product .sticker-new, .single-product .sticker-sale{
	position: absolute;
	top:10px;
}
.single-product .sticker-sale{
	right: 10px;
}
.main-category{
	text-align: center;
}
.main-category h2{
	font-size: 34px;
  font-weight: 400;
}
.main-category .card{
	margin-bottom: 25px;
}
.main-category a h3{
	font-size: 18px;
	margin: 15px 10px 5px;
	color:#222;
	font-weight: 600;
	min-height: 50px;
}
.main-category .card img{
	max-width: 100%;
	min-width: 100%;
	height: 200px;
    object-fit: cover;
}
.main-category .card:hover{
	border:0;
	box-shadow: 0 0 17px 0 rgba(0,0,0,0.2);
}
.header-top .phone li a{
	font-size: 16px;
	font-weight: bold;
}
.header-top .phone li a i{
	font-size: 14px;
}
.phone-logo-bar{
	padding: 0 0 20px;
	width: 100%;
	text-align: center;
	display: none;
	margin-top: -10px;
}
.phone-logo-bar a{
	font-size: 16px;
	font-weight: 600;
	color:#222;
}
.phone-logo-bar a i{
	color: #8fca22;
	font-size: 16px;
	margin-right: 7px;
}

.step-order .user-active a{
	text-decoration: underline;
	color:#8fca22;
}

@media(max-width:990px){
	.phone-logo-bar{
		display: block;
	}
	.header-top .phone{
		display: none;
	}
	
}

.main-page-banner.pb-0.off-white-bg{
	padding-bottom: 100px !important;
}
.single-product .pro-content {
	    text-align: center;
}
.tab-content ul {
	list-style: outside disc;
	    margin-left: 40px;
    margin-bottom: 15px;
	margin-top: 7px;
}
.tab-content ul li {
	margin-bottom: 7px;
	color:#000;
}
.tab-content ul ul, .tab-content ol ul {
    list-style-type: circle;
}
.tab-content p {
    color:#000;
	    font-family: 'Roboto', sans-serif;
    font-weight: 300;
	font-size:16px;
}
.tab-content table{
	margin-top: 15px;
}
.tab-content table td {
	border: 1px solid #ccc;
	padding: 15px;
	color:#000;
}
.category-description {
	margin-top: 40px;
}
.category-description p, .container.main-text p{
	color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: justify;
	margin-bottom: 10px;
}
.category-description ul li, .container.main-text ul li{
	color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.category-description  h2, .container.main-text h2{
	margin-top: 25px;
    margin-bottom: 15px;
}
.container.main-text h1 {
	font-size: 2.1rem;
	margin-bottom: 20px;
}
.category-description h3, .container.main-text h3{
	margin-top: 20px;
    margin-bottom: 15px;
}
.category-description ul, .container.main-text ul
{
	list-style: disc;
    margin-left: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.category-description ul li, .container.main-text ul li {
	margin-bottom: 7px;
}
.spoller {
    display: none;
}
.category-description button:hover, .category-description a.button.opa:hover, .category-description .button:hover {
    background: #007dc1 !important;
    color: #fff;
}
.category-description button, .category-description .button, .container.main-text button, .container.main-text .button{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 17px;
    color: #fff;
    background-color: #009EEF;
    border-radius: 7px;
    min-height: 36px;
    padding: 6px 25px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    border: 1px solid transparent;
    vertical-align: middle;
    -webkit-appearance: none;
    margin: 20px 10px 0 0;
}
.category-description img{
	max-width: 100%;
}
.container.main-text{
	margin-bottom: 30px;
}
.boxr {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
.mean-container a.meanmenu-reveal span{
	background: #8fca22!important;
}
.mean-container a.meanmenu-reveal {
	color: #8fca22!important;
	top: -20px!important;
}


.under-title-product-list{
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-ms-line-clamp: 2;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	display: box;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	font-size: 13px;	
	line-height: 1.2;
	height: 32px;
	margin-bottom: 15px
}



@media (max-width: 991px){
	.mobile-menu::before {
		content: none!important;
	}
	.category-description {
		margin-bottom:30px;
	}
}
@media (max-width: 760px){
	.category-description img {
	    margin: 0 auto;
		float: none;
		display: block;
	}
}
.head.icons{
	display: flex;
    justify-content: flex-end;
}
.head.icons a.icon{
	display: block;
    width: 32px;
    height: 32px;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 20px;
}
.head.icons a.icon.insta{background: url(/templates/market/img/instagram-2.svg) no-repeat;}
.head.icons a.icon.whatsapp{background: url(/templates/market/img/whatsapp.svg) no-repeat;}
.head.icons a.icon.teletgram{background: url(/templates/market/img/telegram-3.svg) no-repeat;}