/*-----------------------------------------------------------------------------------
  Template Name: Uniqlo-Minimalist eCommerce HTML5 Template.
  Template URI: #
  Description: Uniqlo is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.1


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. Product Area
  04. Log In Register Area
  05. Bradcaump Area
  06. Quickview Area
  07. New Product Area
  08. Best Product Area
  09. Blog Area
  10. Feature Product Area
  11. Popular Product Area
  12. Load More Area
  13. Newsletter Area
  14. Choose Us Area
  15. Team Area
  16. Testimonial Area
  17. Our Brand Area
  18. Our Shop Area
  19. Our Shop Sidebar
  20. Our Contact Area
  21. Our Product Details Area
  22. Wrapper Sidebar
  23. Our Blog Details
  24. Shop Details Area
  25. Our Wishlist Area
  26. Our Cart Area
  27. Our Checkout Page
  28. Banner Area



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


/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/


/*
    font-family: 'Poppins', sans-serif;
    font-family: 'Dosis', sans-serif;
*/

/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
#scrollUp {
    border: 3px solid var(--uq-colour-000000-a100, rgba(0, 0, 0, 0.1));
    border-radius: 100%;
    bottom: 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: var(--uq-white, #fff);
    font-size: 20px;
    height: 50px;
    line-height: 63px;
    position: fixed;
    right: 15px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
    z-index: 200;
}
button:focus,input:focus {
    outline: none;
}
button {
    cursor: pointer;
}
@-webkit-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
#scrollUp:hover i {
    -webkit-animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
    animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
#scrollUp i {
    color: var(--uq-white, #fff);
    font-size: 36px;
}
 #scrollUp {
    background: var(--uq-colour-cfcecc, #cfcecc) none repeat scroll 0 0;
}
 

/*---------------------------------------
  End Scroll To Top
----------------------------------------*/

/*---------------------------------------
  03. Product Area
----------------------------------------*/


.pro__thumb a {
    display: block;
}
.product {
    margin-top: 70px;
    overflow: hidden;
}
.product__inner {
    position: relative;
}

.product__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    line-height: 44px;
    margin: auto;
    position: relative;
    width: 106px;
    z-index: 2;
}
.product__action::before {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.product__action li a span {
    color: var(--uq-colour-666666, #666666);
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.product__action li:first-child::before {
    background: var(--uq-colour-666666, #666666) none repeat scroll 0 0;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.product__action li {
    position: relative;
    width: 50%;
}
.product__action li a span:hover {
    color: var(--uq-colour-fd3f0f, #fd3f0f);
}
.product:hover .product__hover__info {
    opacity: 1;
    top: 50%;
}
.product__hover__info {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 60%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.add__to__wishlist {
    bottom: 12px;
    position: absolute;
    right: 12px;
}
.add__to__wishlist a span {
    color: var(--uq-black, #000000);
    font-size: 14px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.add__to__wishlist a span:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.product__details h2 {
    color: var(--uq-colour-444444, #444444);
    font-size: 14px;
    font-weight: 500;
}
.product__details {
    padding-top: 27px;
}
.product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9px;
}
.product__price li {
    color: var(--uq-colour-ff4136, #ff4136);
    font-size: 16px;
}
.product__price li.new__price {
    padding-left: 12px;
}
.product__price li.old__price {
    color: var(--uq-colour-9c9b9b, #9c9b9b);
    text-decoration: line-through;
}
.product__menu {
    text-align: center;
}
.product__menu button {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 0 none;
    color: var(--uq-colour-666666, #666666);
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.product__filter--7 .product__menu button:first-child {
    padding-left: 0;
}
.product__filter--7 .product__menu button:last-child {
    padding-right: 0;
}
.product__menu button:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.product__menu button.is-checked {
    color: var(--uq-colour-ff4136, #ff4136);
}

/*------------------------------
  04. Log In Register Area
--------------------------------*/

.single__tabs__panel.tab-pane:not(.active) {
    display: none;
}

.login__register__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 51px;
    max-width: 370px;
}
.login__register__menu li a {
    color: var(--uq-black, #000000);
    font-size: 36px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.login__register__menu li {
    padding: 0 20px;
}
.login__register__menu li a.active {
    color: var(--uq-colour-ff4136, #ff4136);
}
.login__register__menu li a:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.htc__login__register__wrap {
    margin: 0 auto;
    max-width: 370px;
}
.login input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor var(--uq-colour-8e8e8e, #8e8e8e);
    -o-border-image: none;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: var(--uq-colour-686868, #686868);
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    background: var(--uq-colour-000000-a000, transparent);
}
.login input + input {
    margin-bottom: 20px;
    margin-top: 40px;
}
.tabs__checkbox span.forget a{
    float: right;
    color: var(--uq-colour-ff4136, #ff4136);
    font-size: 12px;
}
.tabs__checkbox label {
    bottom: 2px;
    color: var(--uq-colour-999999, #999);
    font-size: 15px;
    padding-left: 9px;
    position: relative;
    text-transform: capitalize;
    font-weight: normal;
    cursor: pointer;
}
.tabs__checkbox {
    margin-bottom: 20px;
}
.tabs__checkbox span {
  color: var(--uq-colour-686868, #686868);
  text-transform: capitalize;
  padding-left: 5px;
}
.htc__login__btn a {
    border: 1px solid var(--uq-colour-d5d5d5, #d5d5d5);
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 150px;
    color: var(--uq-colour-4b4b4b, #4b4b4b);
    text-transform: uppercase;
}
.htc__login__btn {
    text-align: center;
}
.login input:last-child {
    margin-top: 14px;
}
.htc__social__connect h2 {
    color: var(--uq-black, #000);
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-transform: capitalize;
    font-weight: 500;
}
.htc__soaial__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.htc__soaial__list li a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 35px;
}
.user__meta__inner .htc__soaial__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.htc__soaial__list li a i {
    color: var(--uq-white, #fff);
    font-size: 16px;
}
.htc__social__connect {
    text-align: center;
}
.htc__soaial__list li + li {
    margin-left: 10px;
}
.login input::-moz-placeholder {
    color: var(--uq-colour-686868, #686868) !important;
    font-size: 16px !important;
}
.htc__login__btn a:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
}


/*------------------------------
  05. Bradcaump Area
--------------------------------*/

.ht__bradcaump__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 320px;
}
.bradcaump-title {
    color: var(--uq-colour-343434, #343434);
    font-size: 36px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}
.breadcrumb-item {
    color: var(--uq-colour-343434, #343434);
    font-size: 18px;
    text-transform: capitalize;
}
.breadcrumb-item.active {
    color: var(--uq-colour-343434, #343434);
    font-size: 18px;
    text-transform: capitalize;
}
.brd-separetor {
    padding: 0 5px;
}
.bradcaump-inner {
    margin-top: 23px;
}


/*------------------------------
  06. Quickview Area
--------------------------------*/

#quickview-wrapper{
    position: relative;
    z-index: 9956748;
}
.modal-dialog.modal__container {
    max-width: 1170px;
}

.modal-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
}
.product-images {
    min-width: 50%;
    padding-right: 50px;
}
.product-info h1 {
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.rating__and__review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 13px;
}
.rating li span {
    color: var(--uq-colour-ff4136, #ff4136);
}
.rating li + li {
    margin-left: 3px;
}
.review a {
    color: var(--uq-colour-999999, #999);
}
.s-price-box span.new-price {
    color: var(--uq-colour-ff4136, #ff4136);
    font-size: 23px;
    margin-right: 5px;
}
.s-price-box span.old-price {
    color: var(--uq-colour-999999, #999);
    font-size: 15px;
    text-decoration: line-through;
}

.product-info {
    padding-left: 50px;
    width: 50%;
}
.quick-desc {
    color: var(--uq-colour-999999, #999);
    margin-bottom: 30px;
    margin-top: 30px;
    width: 83%;
}
.select__color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.color__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
}

.color__list li + li {
    margin-left: 15px;
}
.color__list li a {
    background: var(--uq-colour-ff1100, #f10) none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 31px;
    text-align: center;
    width: 30px;
}
.select__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.color__list li.gold a {
    background: var(--uq-colour-cc9900, #cc9900) none repeat scroll 0 0;
}
.color__list li.orange a {
    background: var(--uq-colour-cc6600, #cc6600) none repeat scroll 0 0;
}
.select__color ul.color__list li a {
    text-indent: 999px;
}
.select__color h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.select__size h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.select__size {
    margin-bottom: 25px;
    margin-top: 25px;
}
.select__size ul.color__list li a {
    background: var(--uq-colour-f1f1f1, #f1f1f1) none repeat scroll 0 0;
    color: var(--uq-colour-999999, #999);
}
.widget.widget_socialsharing_widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
}
h3.widget-title-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.social-icons li a {
    border-radius: 100%;
    color: var(--uq-colour-999999, #999);
    display: block;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.social-icons li + li {
    margin-left: 30px;
}
.social-icons li a i {
    font-size: 23px;
}
.social-icons li a:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.addtocart-btn {
    margin-top: 66px;
    text-align: left;
}
.addtocart-btn a {
    background: var(--uq-colour-333333, #333) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
    display: inline-block;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding: 0 87px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.addtocart-btn a:hover {
    background: var(--uq-colour-ff4136, #ff4136) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
}

/*------------------------------
  07. New Product Area
--------------------------------*/


.new__product {
    position: relative;
}
.new__product__details {
    left: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.new__product__thumb a img {
    width: 100%;
}
.new__product__details h2 {
    font-size: 22px;
    text-transform: capitalize;
}

.htc__btn.shop__now__btn {
    color: var(--uq-colour-3a3a3a, #3a3a3a);
    font-family: var(--uq-font-dosis, Dosis);
    font-size: 16px;
    font-weight: 500;
    padding-right: 30px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.htc__btn.shop__now__btn::before {
    background: var(--uq-black, #000) none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 20px;
}
.htc__btn.shop__now__btn:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.htc__btn.shop__now__btn:hover::before {
    background: var(--uq-colour-ff4136, #ff4136) none repeat scroll 0 0;
    width: 25px;
}
.new__product__btn {
    margin-top: 8px;
    text-align: center;
}
.new__product.text__align--left .new__product__details {
    left: 60px;
}
.new__product.text__align--left .new__product__btn {
    text-align: left;
}



/*------------------------------
  08. Best Product Area
--------------------------------*/



.best__product__thumb a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.best__product__inner {
    position: relative;
    z-index: 2;
}
.bst__pro__hover__info {
    border: 7px solid var(--uq-colour-f3f3f3, #f3f3f3);
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.bst__pro__action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: auto;
    width: 160px;
}
.bst__pro__hover__info h2 {
    color: var(--uq-colour-444444, #444);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.bst__pro__hover__info span.bst__pro__prize {
    color: var(--uq-colour-636363, #636363);
    display: inline-block;
    font-size: 16px;
    margin-bottom: 23px;
    margin-top: 7px;
}
.bst__pro__hover__info::before {
    background: var(--uq-colour-dbdbdb, #dbdbdb) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.81;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: -1;
}
.bst__pro__action li {
    position: relative;
    width: 33.33%;
}
.bst__pro__action li a {
    display: block;
}
.bst__pro__action li + li::before {
    background: var(--uq-colour-666666, #666666) none repeat scroll 0 0;
    content: "";
    height: 75%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.bst__pro__action li a span {
    color: var(--uq-colour-666666, #666666);
    font-size: 17px;
    height: 38px;
    line-height: 38px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.bst__pro__action li a:hover span {
    color: var(--uq-colour-ff4e43, #ff4e43);
}
.bst__pro__hover__action {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.best__product:hover .bst__pro__hover__info {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.best__product__thumb a img {
    width: 100%;
}
.best__product {
    margin-top: 30px;
}

.section__title .title__line {
    color: var(--uq-colour-303030, #303030);
    font-size: 30px;
    line-height: 30px;
}

/*------------------------------
  09. Blog Area
--------------------------------*/


.blog__thumb a img {
    width: 100%;
}
.blog__inner {
    position: relative;
}
.blog__hover__info {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 30px 20px;
    position: absolute;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.blog__thumb {
    position: relative;
}
.blog__post__time {
    left: 20px;
    opacity: 0;
    position: absolute;
    top: 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.blog:hover .blog__post__time {
    opacity: 1;
}

.blog__post__time {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    height: 65px;
    padding: 5px;
    text-align: center;
    width: 65px;
}
.blog__post__time span.date {
    display: block;
    font-size: 20px;
    font-weight: 500;
}
.blog__post__time span.month {
    color: var(--uq-colour-303030, #303030);
    font-size: 14px;
    text-transform: capitalize;
}
.bl__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
}
.bl__meta li {
    font-size: 12px;
    font-weight: 500;
    position: relative;
}
.bl__meta li + li {
    margin-left: 10px;
    padding-left: 10px;
}
.bl__meta li + li::before {
    background: var(--uq-black, #000) none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.blog__hover__action p.blog__des {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 7px;
}
.read__more__btn {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog:hover .blog__hover__info {
    opacity: 1;
}
.post__time--inner {
      border: 1px solid var(--uq-colour-f3f3f3, #f3f3f3);
      padding-top: 3px;
      padding-bottom: 2px;
}

.blog--page .blog{
    margin-top: 30px
}
.blog--page{
    margin-top: -30px;
}
/*--------------------------
    Blog Style 2
----------------------------*/
.blog--2 .blog__post__time {
    background: var(--uq-colour-f2f2f2, #f2f2f2) none repeat scroll 0 0;
}
.blog--2 .post__time--inner {
    border: 1px solid var(--uq-white, #fff);
}
.blog--2 .blog__post__time {
    margin-bottom: 176px;
}




/*------------------------------
  10. Feature Product Area
--------------------------------*/


.feature__thumb a {
    display: block;
}
.feature__thumb a img {
    width: 100%;
}
.feature {
    position: relative;
}
.feature__details {
    bottom: 40px;
    left: 40px;
    position: absolute;
}
.feature__details h4 {
    color: var(--uq-black, #000);
    font-size: 22px;
    text-transform: capitalize;
}
.feature__btn {
    margin-top: 7px;
}
.feature__thumb--2 a img {
    min-height: 306px;
}
.feature.text__pos--top .feature__details {
    top: 40px;
}
/*------------------------------
  11. Popular Product Area
--------------------------------*/

.product__details span.popular__pro__prize {
    color: var(--uq-colour-9c9b9b, #9c9b9b);
    display: inline-block;
    font-size: 16px;
    margin-top: 11px;
}
.section__title.section__title--2 p {
    color: var(--uq-colour-666666, #666666);
    font-size: 15px;
    line-height: 26px;
    margin: 27px auto auto;
    width: 40%;
}
.popular__product__wrap .product {
    margin-top: 60px;
}

.popular__product__wrap .col-lg-4 {
    width: 100%;
    
}
.popular__product__wrap{
    position: relative;
}

.popular__product__wrap.owl-carousel .owl-nav div {
    background: var(--uq-colour-999999-a600, #9999) none repeat scroll 0 0;
    border-radius: 100%;
    color: var(--uq-colour-f5f6f8, #f5f6f8);
    height: 30px;
    left: -30px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
}
.popular__product__wrap.owl-carousel .owl-nav div.owl-next {
    left: auto;
    position: absolute;
    right: -30px;
}
.popular__product__wrap.owl-carousel .owl-nav div i {
    color: var(--uq-white, #fff);
    font-size: 27px;
}
.popular__product__wrap.owl-theme .owl-nav [class*="owl-"]:hover {
    background: var(--uq-colour-444444, #444) none repeat scroll 0 0;
}

.wrap__box__style--1{
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    background: var(--uq-white, #fff);
}
.custop__container {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 100px;
}

/*---------------------------------
    Popular Product Style 2
----------------------------------*/

.popular__product--2 .popular__product__container .product__action::before,
.product__style--7 .product__action::before {
    background: var(--uq-colour-f6f7f9, #f6f7f9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.popular__product--2 .product__action li,
.product__style--7 .product__action li {
    text-align: center;
}
.popular__product__hover__info,
.product__style--7 .popular__product__hover__info {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.popular__product--2 .product:hover .popular__product__hover__info,
.product__style--7 .product:hover .popular__product__hover__info {
    opacity: 1;
    right: 0;
}
.popular__product__container .single__pro {
    padding: 0 15px;
    width: 20%;
    float: left;
    overflow: hidden;
}
.popular__product__container{
    margin-right: -15px;
    margin-left: -15px;
}
.popular__product--2 .product {
    margin-top: 30px;
}
.popular__product--2 .product__details {
    bottom: 20px;
    left: 26px;
    padding: 0;
    position: absolute;
}
.popular__product--2 .product,
.product__style--7 .product {
    position: relative;
}
.popular__product--2 .product__details span.popular__pro__prize {
    margin-top: 8px;
}
.popular__product--2 .product__menu {
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
}
.pro__thumb a img {
    width: 100%;
}

.popular__product--2 .product__action li:first-child::before,
.product__style--7 .product__action li:first-child::before {
    display: none;
}
.popular__product--2 .product__action li a span,
.product__style--7 .product__action li a span {
    font-size: 16px;
}
.variation_product .product__details {
    text-align: left;
}


/*---------------------------------
    Popular Product Style 3
----------------------------------*/



.popular__product--2 .product__menu {
    text-align: center;
}
.popular__product__container {
    margin-left: 0;
    margin-right: 0;
}
.popular__product--2 .product__action::before {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    opacity: 0.85;
}


/*---------------------------------
    Popular Product Style 4
----------------------------------*/

.popular__product--4 .product__action {
    display: block;
    height: 100px;
    line-height: 29px;
    width: 40px;
}
.popular__product--4 .product__action li {
    width: 100%;
}
.popular__product--4 .product:hover .popular__product__hover__info {
    right: 30px;
    top: 20px;
}
.popular__product--4 .popular__product__hover__info {
    right: 0;
    top: 0;
}
.popular__product--4 .product__action li {
    height: 50%;
    line-height: 58px;
    width: 100%;
}
.popular__product--4 .product__action li + li::before {
    background: var(--uq-colour-666666, #666666) none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 61%;
}
.popular__product--4 .product__action li a span {
    font-size: 20px;
}
.popular__product--4 .product__details {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    bottom: -50px;
}
.popular__product--4 .product:hover .product__details {
    opacity: 1;
    bottom: 20px;
}
.popular__product--4 .product__action {
    padding: 0;
}
.popular__product--4 .pro__thumb a img {
    width: auto;
}
.popular__product--4 .pro__thumb {
    text-align: center;
}



/*---------------------------------
    Popular Product Style 6
----------------------------------*/

.wrap__box__style--2 {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    padding-bottom: 100px;
    padding-left: 160px;
    padding-right: 160px;
}
.custop__container--2 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.popular__product--6 .product {
    margin-top: 4px;
}
.popular__product--6 .product__list div[class*="col-"] {
    padding-right: 2px;
    padding-left: 2px;
    float: left;
}
.popular__product--6 .product__list{
    margin-left: -2px;
    margin-right: -2px;
}

.popular__product--6 .product__action li:first-child::before {
    display: none;
}
.popular__product--6 .popular__product__hover__info {
    position: absolute;
    right: 40px;
    top: -60px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
}
.popular__product--6 .product__action li + li {
    margin-left: 5px;
}
.popular__product--6 .product__action {
    width: auto;
}
.popular__product--6 .product__action li {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px var(--uq-colour-000000-a100, rgba(0, 0, 0, 0.1));
    box-shadow: 0 0 15px var(--uq-colour-000000-a100, rgba(0, 0, 0, 0.1));
    display: inline-block;
    height: 40px;
    line-height: 47px;
    position: relative;
    text-align: center;
    width: 40px;
}
.popular__product--6 .product:hover .popular__product__hover__info{
    top: 40px;
    opacity: 1;
}
.popular__product--6 .product__action::before {
    display: none;
}

.product {
    position: relative;
}
.popular__product--6 .product__details,
.product__style--7 .product__details {
    bottom: -40px;
    left: 40px;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.popular__product--6 .product:hover .product__details,
.product__style--7 .product:hover .product__details {
    bottom: 40px;
    opacity: 1;
}
.popular__product--6 .product {
    margin-top: 4px;
}


/*.popular__product--5*/

.product__style--5 .pro__thumb a{
    position: relative;
    display: block;
}
.product__style--5 .small__display--center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popular__product--2 .product {
    margin-top: 60px;
}

.product__style--5 .product__list--5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.product__menu.product__tab.tab__style--1{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product__menu.product__tab.tab__style--1 li{
    padding: 0 20px;
}
.product__menu.product__tab.tab__style--1 li a{
    font-size: 17px;
    color: var(--uq-colour-666666, #666666);
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.product__menu.product__tab.tab__style--1 li a.active {
    color: var(--uq-colour-ff4136, #ff4136);
}
.product__with__filter .popular__product__container{
    margin-left: -15px;
    margin-right: -15px;
}

/*----------------------
product__style--7
---------------------*/
.product__style--7 .product:hover .product__details {
    bottom: 20px;
}
.product__style--7 .product__details {
    bottom: -20px;
    left: 20px;
}
.product__style--7 .product {
    margin-top: 20px;
}
.product__style--7{
    margin-top: 30px;
}

.htc__loadmore__btn.loadmore__2 a {
    border: 1px solid var(--uq-colour-666666, #666666);
    color: var(--uq-colour-4b4b4b, #4b4b4b);
}


/*------------------------------
  12. Load More Area
--------------------------------*/


.htc__loadmore__btn {
    text-align: center;
}
.htc__loadmore__btn a {
    border: 1px solid var(--uq-colour-eeeeee, #eeeeee);
    color: var(--uq-colour-4b4b4b, #4b4b4b);
    display: inline-block;
    height: 45px;
    letter-spacing: 1px;
    line-height: 42px;
    padding: 0 44px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.htc__loadmore__btn a:hover {
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
    background: var(--uq-colour-ff4136, #ff4136);
}

/*------------------------------
  13. Newsletter Area
--------------------------------*/


.htc__newsletter__area .newsletter__container {
    padding: 120px 0;
    position: relative;
    text-align: center;
    z-index: 2;
}
.htc__newsletter__area .newsletter__container h4 {
    color: var(--uq-white, #ffffff);
    font-size: 20px;
    text-transform: capitalize;
}
.htc__newsletter__area .newsletter__container h2 {
    color: var(--uq-white, #ffffff);
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 22px;
    text-transform: capitalize;
}
.htc__newsletter__area .newsletter__form {
    margin: 0 auto;
    width: 300px;
}
.htc__newsletter__area .input__box input {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border-left: 1px solid var(--uq-white, #fff);
    color: var(--uq-colour-afafaf, #afafaf);
}
.htc__newsletter__area .input__box input::-moz-placeholder {
    color: var(--uq-colour-afafaf, #afafaf) !important;
}

.htc__newsletter__area .subscribe__btn input.bst__btn {
    background-image: url("images/icons/send-2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 29% auto;
    position: relative;
    text-indent: -999px;
    z-index: 5;
}


/*------------------------------
  14. Choose Us Area
--------------------------------*/


.store__btn {
    margin-top: 47px;
    text-align: center;
}
.store__btn a {
    border: 1px solid var(--uq-colour-d5d5d5, #d5d5d5);
    display: inline-block;
    font-size: 14px;
    height: 45px;
    line-height: 41px;
    padding: 0 40px;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.store__btn a:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
}
.video__wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding: 220px 0;
}
.htc__choose__wrap {
    margin-left: -15px;
    margin-right: -15px;
}
.video__inner {
    text-align: center;
    position: relative;
}
.video-popup{
    position: relative;
    z-index: 987698;
}
.video__inner a i {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 46px;
    height: 60px;
    line-height: 59px;
    padding-left: 4px;
    text-align: center;
    width: 60px;
}
.htc__choose__wrap h2 {
    color: var(--uq-colour-505050, #505050);
    font-size: 30px;
    text-transform: capitalize;
}
.htc__choose__wrap {
    padding: 114px 120px;
}
.choose__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 38px;
}
.single__chooose {
    margin-top: -40px;
}
.choose__us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}
.choose__icon span {
    color: var(--uq-colour-505050, #505050);
    font-size: 36px;
}
.choose__icon {
    margin-right: 20px;
}
.choose__icon {
    min-width: 37px;
}
.choose__details h4 {
    color: var(--uq-colour-505050, #505050);
    font-size: 22px;
    margin-bottom: 9px;
    text-transform: capitalize;
}
.choose__container .single__chooose + .single__chooose {
    margin-left: 80px;
}

.video__inner{
    position: relative;
    z-index: 1;
}



/*------------------------------
  15. Team Area
--------------------------------*/


.team__thum a {
    display: block;
}
.team__thum a img {
    width: 100%;
}
.team {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}
.team__hover__info {
    bottom: 0;
    padding: 30px;
    position: absolute;
    text-align: center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 4;
}

.team__hover__action {
    background: var(--uq-colour-000000-a800, rgba(0, 0, 0, 0.8)) none repeat scroll 0 0;
    padding: 30px 0;
    right: 30px;
    z-index: 2;
}

.team__hover__action h2 {
    color: var(--uq-white, #fff);
    font-size: 18px;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.team__hover__action .social__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.team__hover__action .social__icon li {
    padding: 0 17px;
}

.team__hover__action .social__icon li a i {
    border: 0 solid var(--uq-colour-000000-a000, transparent);
    border-radius: 100%;
    color: var(--uq-white, #fff);
    font-size: 14px;
    height: auto;
    line-height: 20px;
    width: auto;
}
.team__hover__action .social__icon li a:hover i {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 0 solid var(--uq-colour-000000-a000, transparent);
    color: var(--uq-colour-ff4136, #ff4136);
}
.team:hover .team__hover__info {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.team__wrap{
    padding-left: 15px;
    padding-right: 15px;
}


.team__thumb a img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width: 100%
}

.team:hover .team__thumb a img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(00%);
}
.htc__team__page .team {
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
}
.htc__team__page .team__wrap {
    margin-top: -30px;
}



/*------------------------------
  16. Testimonial Area
--------------------------------*/

.testimonial__wrap {
    position: relative;
    text-align: center;
    z-index: 2;
}
.testimonial__thumb {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.testimonial__details p {
    color: var(--uq-white, #ffffff);
    font-size: 20px;
    line-height: 39px;
    padding: 0 16%;
}
.test__info span {
    color: var(--uq-white, #ffffff);
    font-size: 21px;
    text-transform: capitalize;
}
.test__info span a {
    color: var(--uq-white, #fff);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.test__info span a:hover{
    color: var(--uq-colour-ff4136, #ff4136);
}

.test__info {
    margin-top: 20px;
}

.testimonial__wrap.owl-carousel .owl-item img {
    display: block;
    width: auto;
}


/*------------------------------
  17. Our Brand Area
--------------------------------*/


.brand__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.brand__list a {
    display: block;
}

/*------------------------------
  18. Our Shop Area
--------------------------------*/ 

.shop__page .product__menu {
    text-align: left;
}
.shop__page .product__menu button:first-child {
    padding-left: 0;
}
.filter__menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.filter__box a {
    color: var(--uq-colour-666666, #666666);
    font-size: 17px;
    text-transform: uppercase;
}

.filter__wrap.filter__menu__on {
    opacity: 1;
    right: calc(0px - 16px);
}
.filter__wrap {
    background: var(--uq-white, #ffffff) none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 85px var(--uq-colour-000000-a200, rgba(0, 0, 0, 0.2));
    box-shadow: 0 0 85px var(--uq-colour-000000-a200, rgba(0, 0, 0, 0.2));
    display: block;
    height: 100vh;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    right: -100%;
    top: 0;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    width: 500px;
    z-index: 99999;
}
.filter__cart__inner {
    height: 100%;
    padding: 130px 50px 60px;
}
.filter__menu__close__btn {
    background-color: var(--uq-white, #fff);
    left: 0;
    padding: 50px 50px 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.fiter__content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.single__filter {
    margin-top: 50px;
    width: 50%;
}
.filter__content {
    margin-top: -40px;
}
.single__filter h2 {
    font-size: 22px;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.filter__list li span {
    color: var(--uq-colour-999999, #999);
    font-size: 15px;
    text-transform: capitalize;
}
.filter__list li + li {
    padding-top: 5px;
}
.filter__list li a {
    color: var(--uq-colour-999999, #999);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.filter__list li:hover a ,
.filter__menu__close__btn a:hover i{
    color: var(--uq-colour-ff4136, #ff4136);
}
.filter__menu__close__btn a i {
    color: var(--uq-colour-999999, #999);
    font-size: 36px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.filter__list.sidebar__list li{
    line-height: 24px;
}


/*------------------------------
  19. Our Shop Sidebar
--------------------------------*/ 


.section-title-4 {
    font-size: 18px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.htc__shop__cat {
    border-bottom: 1px solid var(--uq-colour-b7b7b7, #b7b7b7);
    margin-bottom: 57px;
    padding-bottom: 32px;
}
.htc-grid-range {
    border-bottom: 1px solid var(--uq-colour-b7b7b7, #b7b7b7);
    margin-bottom: 60px;
    padding-bottom: 40px;
}
.sidebar__list li {
    color: var(--uq-colour-575757, #575757);
    font-size: 14px;
    font-weight: 300;
    line-height: 34px;
    text-transform: capitalize;
}
.sidebar__list li span {
    float: right;
}
.sidebar__list li i {
    padding-right: 20px;
}
.sidebar__list li.black i {
    color: var(--uq-black, #000000);
}
.sidebar__list li.blue i {
    color: var(--uq-colour-0000ff, #0000ff);
}
.sidebar__list li.brown i {
    color: var(--uq-colour-b2aaaa, #b2aaaa);
}
.sidebar__list li.red i {
    color: var(--uq-colour-ff0000, #ff0000);
}
.sidebar__list li.orange i {
    color: var(--uq-colour-ffba00, #ffba00);
}
.htc__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-weight: 300;
    margin-left: -13px;
    margin-right: -13px;
}
.htc__tags li a {
    color: var(--uq-colour-575757, #575757);
    font-size: 14px;
    text-transform: capitalize;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.htc__tags li a:hover{
    color: var(--uq-colour-ff4136, #ff4136);
}
.slider__activation__wrap {
    overflow: hidden;
}

.htc__tags li {
    margin-bottom: 10px;
    padding: 0 13px;
}
.ui-slider-horizontal {
    height: 5px;
    margin-top: 20px;
}
.ui-widget-header {
    background: var(--uq-colour-b7b7b7, #b7b7b7) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-b7b7b7, #b7b7b7);
    color: var(--uq-colour-b7b7b7, #b7b7b7);
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: var(--uq-colour-dddddd, #ddd) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 3px;
    position: relative
}
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: var(--uq-colour-b7b7b7, #b7b7b7) none repeat scroll 0 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    border: 2px solid var(--uq-colour-b7b7b7, #b7b7b7);
    border-radius: 100%;
    height: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
    position: absolute;
    top: 0;
}

.price__output--wrap {
    -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;
}
.price--output input {
    border: medium none;
}
.price--output > span {
    float: left;
}
.price--filter a {
    font-family: var(--uq-font-poppins, poppins);
    text-transform: uppercase;
}
.price--output > * {
    display: inline-block;
    float: left;
}
.price--output input {
    padding-left: 10px;
    width: 70%;
}
.slider__range--output {
    margin-top: 18px;
}

/*--------------------------
    Shop Right SideBar
----------------------------*/

.producy__view__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.view__mode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.product__list__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

select.select-color {
    border: 0 none;
    color: var(--uq-colour-606060, #606060);
    font-size: 14px;
}
.shp__pro__show {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.shp__pro__show span {
    color: var(--uq-colour-606060, #606060);
    font-size: 14px;
}
.view__mode li a i {
    background: var(--uq-colour-f3f3f3, #f3f3f3) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-f3f3f3, #f3f3f3);
    color: var(--uq-colour-606060, #606060);
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 35px;
}
.view__mode li + li {
    margin-left: 10px;
}
.view__mode li a.active i {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-b7b7b7, #b7b7b7);
}
.order-single-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.view__mode li a:hover i {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-b7b7b7, #b7b7b7);
}

.single-grid-view.tab-pane:not(.active) {
    display: none;
}
.single-grid-view .product {
    margin-top: 50px;
}



/*------------------------------
  20. Our Contact Area
--------------------------------*/

#googleMap iframe {
    height: 633px;
    width: 100%;
}

.contact__title {
    color: var(--uq-colour-666666, #666666);
    font-size: 20px;
    margin-bottom: 38px;
    text-transform: uppercase;
}
.contact__address__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.single__contact__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contact__icon {
    margin-right: 20px;
    min-width: 60px;
}
.contact__icon span {
    border: 1px solid var(--uq-colour-cbcbcb, #cbcbcb);
    border-radius: 100%;
    color: var(--uq-colour-393939, #393939);
    display: block;
    font-size: 24px;
    height: 60px;
    line-height: 54px;
    text-align: center;
    width: 60px;
}
.contact__address__inner + .contact__address__inner {
    margin-top: 30px;
}
.htc__contact__address {
    margin-bottom: 58px;
}
.contact__details p {
    color: var(--uq-colour-666666, #666666);
    font-size: 18px;
    line-height: 28px;
}
.contact__details p a {
    color: var(--uq-colour-666666, #666);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.contact__details p a:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}

.contact-box input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor var(--uq-colour-c1c1c1, #c1c1c1);
    -o-border-image: none;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: var(--uq-colour-666666, #666666);
    font-size: 12px;
    padding-bottom: 15px;
}
.single-contact-form {
    margin-top: 30px;
}
.contact-box.name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contact-box.name input {
    margin: 0 15px;
    width: 50%;
}
.contact-box.name {
    margin-left: -15px;
    margin-right: -15px;
}
.contact-box.message textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border-color: currentcolor currentcolor var(--uq-colour-c1c1c1, #c1c1c1);
    -o-border-image: none;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    min-height: 85px;
    padding: 0;
}
.contact-box.message {
    margin-bottom: 40px;
}
.contact-btn .fv-btn {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-d5d5d5, #d5d5d5);
    color: var(--uq-colour-4b4b4b, #4b4b4b);
    font-size: 14px;
    height: 45px;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 0 70px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.contact-btn .fv-btn:hover {
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
    background: var(--uq-colour-ff4136, #ff4136);
}
.contact-form-wrap > form {
    margin-top: -9px;
}
.contact-box input::-moz-placeholder {
    color: var(--uq-colour-666666, #666666) !important;
}
.contact-box textarea::-moz-placeholder {
    color: var(--uq-colour-666666, #666666) !important;
    opacity: 1;
}


/*-----------------------------------------------
  21. Our Product Details Area
---------------------------------------------------*/
.product__big__images .portfolio-full-image {
    border: 1px solid var(--uq-colour-dddddd, #ddd);
}

.product__details__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product__small__images {
    min-width: 20%;
    padding-right: 10px;
}
.nav.product__small__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product__big__images {
    max-width: 80%;
}
.pot-small-img a {
    display: block;
}
.pot-small-img a img {
    width: 100%;
}
.pot-small-img {
    margin-top: 10px;
}
.product__small__images {
    margin-top: -10px;
}

.product__tab__content:not(.active) {
  display: none;
}

.product__deatils__tab {
    border-bottom: 1px solid var(--uq-colour-d5d5d5, #d5d5d5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product__deatils__tab li a {
    color: var(--uq-colour-505050, #505050);
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 17px;
    position: relative;
    text-transform: capitalize;
    display: block;
}
.product__deatils__tab li {
    padding: 0 30px;
}
.product__deatils__tab li a::before {
    background: var(--uq-colour-ff4136, #ff4136) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 0;
}
.product__deatils__tab li a.active::before {
    width: 100%;
}
.product__deatils__tab li a:hover {
    width: 100%;
}

.title__6 {
    color: var(--uq-colour-505050, #505050);
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 28px;
    text-transform: capitalize;
}
.product__desc p {
    color: var(--uq-colour-666666, #666666);
    font-size: 14px;
    line-height: 26px;
}
.product__desc {
    margin-bottom: 50px;
}
.feature__list li a {
    color: var(--uq-colour-666666, #666666);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.feature__list li a i {
    padding-right: 10px;
}
.feature__list li + li {
    padding-top: 8px;
}
.feature__list li a:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}

.pro__review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.review__thumb {
    margin-right: 30px;
    min-width: 8%;
}
.review__info h4 {
    color: var(--uq-black, #000);
    font-size: 20px;
    line-height: 16px;
    padding-right: 30px;
    text-transform: uppercase;
}
.review__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rating__send {
    margin-left: 24%;
}
.rating__send a {
    background: var(--uq-colour-999999, #999) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
    display: inline-block;
    font-size: 20px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50px;
}
.rating__send a:hover {
    background: var(--uq-colour-ff4136, #ff4136) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
}
.review__info ul.rating li a {
}
.review__info ul.rating li i {
    color: var(--uq-colour-f3c258, #f3c258);
    font-size: 17px;
}
.review__info ul.rating li + li {
    padding-left: 5px;
}
.review__date span {
    color: var(--uq-colour-999999, #999);
    font-size: 14px;
}
.review__details p {
    color: var(--uq-colour-505050, #505050);
    line-height: 26px;
    width: 82%;
}
.pro__review.ans {
    margin-bottom: 50px;
    margin-left: 50px;
    margin-top: 50px;
}
.rating__wrap h2.rating-title {
    font-size: 24px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.rating__wrap h4.rating-title-2 {
    color: var(--uq-colour-999999, #999);
    font-size: 19px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.rating__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rating__list ul.rating li i {
    color: var(--uq-colour-f3c258, #f3c258);
}

.pro__detl__title h2 {
    color: var(--uq-colour-444444, #444444);
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
}
.pro__dtl__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px;
}
.pro__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
}
.pro__rating li span {
    color: var(--uq-colour-f3c258, #f3c258);
    font-size: 16px;
}
.pro__rating li + li {
    padding-left: 10px;
}
.pro__dtl__prize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 26px;
    margin-top: 40px;
}
.pro__dtl__prize li {
    color: var(--uq-colour-ff4136, #ff4136);
    font-size: 30px;
}
.pro__dtl__prize li.old__prize {
    color: var(--uq-colour-4d4d4d, #4d4d4d);
    font-size: 22px;
    padding-right: 15px;
    text-decoration: line-through;
}
.pro__dtl__color {
    margin-bottom: 30px;
}
.pro__choose__color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pro__dtl__size {
    margin-bottom: 31px;
}
.title__5 {
    color: var(--uq-colour-666666, #666666);
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.pro__choose__color li + li {
    margin-left: 13px;
}
.pro__choose__color li i {
    color: var(--uq-black, #000);
    font-size: 22px;
}
.pro__choose__color li.red i {
    color: var(--uq-colour-ff5d42, #ff5d42);
}
.pro__choose__color li.blue i {
    color: var(--uq-colour-425dff, #425dff);
}
.pro__choose__color li.perpal i {
    color: var(--uq-colour-fd42ff, #fd42ff);
}
.pro__choose__color li.yellow i {
    color: var(--uq-colour-ffd542, #ffd542);
}
.product-action-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 33px;
}
.prodict-statas {
    padding-right: 20px;
}
.cart-plus-minus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cart-plus-minus-box {
    border: 0 none;
    max-width: 82px;
    padding-left: 25px;
    padding-right: 24px;
}
.cart-plus-minus {
    position: relative;
}
.dec.qtybutton {
    color: var(--uq-colour-666666, #666666);
    font-size: 16px;
    left: 0;
    position: absolute;
}
.inc.qtybutton {
    position: absolute;
    right: 17px;
}
.pro__dtl__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pro__dtl__btn li + li {
    margin-left: 16px;
}
.pro__dtl__btn li a {
    border: 1px solid var(--uq-colour-d5d5d5, #d5d5d5);
    display: block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 44px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pro__dtl__btn li a:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
}

.pro__dtl__btn li.buy__now__btn a {
    color: var(--uq-colour-4b4b4b, #4b4b4b);
    font-size: 14px;
    text-transform: uppercase;
    width: 175px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pro__dtl__btn li.buy__now__btn a:hover{
    color: var(--uq-white, #fff);
    background: var(--uq-colour-ff4136, #ff4136);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
}
.pro__social__share {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
}
.pro__soaial__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pro__social__share h2 {
    color: var(--uq-colour-666666, #666666);
    font-size: 18px;
    padding-right: 10px;
}
.pro__soaial__link li + li {
    padding-left: 30px;
}
.pro__soaial__link li a i {
    color: var(--uq-colour-797979, #797979);
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.pro__soaial__link li a:hover i {
    color: var(--uq-colour-ff4136, #ff4136);
}
.pro__details p {
    color: var(--uq-colour-666666, #666666);
    font-size: 14px;
    line-height: 26px;
}
.pro__details {
    margin-top: 20px;
}
.pro__choose__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pro__choose__size li + li {
    padding-left: 20px;
}
.pro__choose__size li a {
    text-transform: uppercase;
}
.prodict-statas span {
  color: var(--uq-colour-666666, #666666);
  font-size: 18px;
  text-transform: capitalize;
}
.review__box {
    margin-top: 35px;
}
.review-box.name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.review-box.name input {
    border: 1px solid var(--uq-colour-999999, #999);
    height: 40px;
    margin: 0 15px;
    padding: 0 15px;
    width: 50%;
}
.review-box.message textarea {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-999999, #999);
    min-height: 100px;
    padding-left: 20px;
}
.review-btn {
    margin-top: 30px;
}
.review-btn a.fv-btn {
    border: 1px solid var(--uq-colour-999999, #999);
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 37px;
    padding: 0 28px;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.review-btn a.fv-btn:hover{
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    background: var(--uq-colour-ff4136, #ff4136) ;
    color: var(--uq-white, #fff);
}
.review-box textarea::-moz-placeholder {
  color: var(--uq-colour-333333, #333) !important;
  opacity: 1 !important;
}




/*-----------------------------------------------
  22. Wrapper Sidebar
---------------------------------------------------*/

.wrapper__sidebar .container-fluid {
    width: 90%;
}
.sidebar--content {
    background: var(--uq-colour-f2f2f2, #f2f2f2) none repeat scroll 0 0;
    height: 100vh;
    min-height: 100vh;
    padding-bottom: 160px;
    padding-top: 100px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 445px;
    z-index: 999;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.wrapper--content {
    width: calc(100% - 450px);
}

.wrapper__sidebar--left .sidebar--content {
    left: 0;
    margin-right: 5px;
}
.wrapper__sidebar--left .wrapper--content {
    margin-left: 450px;
}
.wrapper__sidebar--right .sidebar--content {
    right: 0;
    margin-left: 5px;
}
.wrapper__sidebar--right .wrapper--content {
    margin-right: 450px;
}
.sidebar--logo {
    padding-bottom: 60px;
}



/* Menu Style */
.wrapper__sidebar .main__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.wrapper__sidebar .main__menu > li {
    padding: 0;
}
.wrapper__sidebar .main__menu > li > a {
    font-weight: 500;
    line-height: 44px;
    text-transform: uppercase;
}
.wrapper__sidebar .main__menu > li:hover > a, 
.wrapper__sidebar .main__menu > li.current > a {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    color: var(--uq-colour-ff4136, #ff4136);
}
.wrapper__sidebar .sidebar--nav {
    margin-bottom: 50px;
    max-height: 350px;
}


/* Tools */

.wrapper__sidebar  .menu-extra {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wrapper__sidebar .sidebar--tools {
    margin-bottom: 40px;
}
.wrapper__sidebar .sidebar--social__network .social__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.social__icon li:last-child {
    padding-right: 0;
}


@media (min-width: 1170px) and (max-width: 1500px){
    .wrapper__sidebar .container-fluid {
      width: 95%;
    }
    .wrapper--content {
        width: calc(100% - 350px);
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 350px;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 350px;
    }
    .sidebar--content{
        width: 345px;
    }
}



@media (min-width: 991px) and (max-width: 1169px){
    .wrapper__sidebar .container-fluid {
      width: 95%;
    }
    .wrapper--content {
        width: calc(100% - 300px);
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 300px;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 300px;
    }
    .sidebar--content{
        width: 295px;
    }
}



@media (min-width: 768px) and (max-width: 991px){
    .wrapper__sidebar .container-fluid {
      width: 100%;
    }
    .wrapper--content {
        width: 100%;
    }
    .wrapper__sidebar--left .wrapper--content {
      margin-left: 253px;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 0;
    }
    .sidebar--content {
        width: 250px;
    }
    .sidebar--content .newsletter__form {
        display: none;
    }
    .slider--7 .slider__fornt__images {
      display: none;
    }
    .slider--7 .slider__inner h1 {
      font-size: 40px;
      line-height: 55px;
    }
    .slider--7  .slider__full--screen {
      height: 60vh;
    }
    .product__filter--7 .filter__menu__container {
      display: block;
    }
    .product__filter--7 .product__menu {
      text-align: left;
    }
    .product__filter--7 .filter__box {
      margin-top: 20px;
    }


}


@media (max-width: 767px){
    .wrapper__sidebar .container-fluid {
      width: 100%;
    }
    .wrapper--content {
        width: 100%;
    }
    .wrapper__sidebar--left .wrapper--content {
        margin-left: 0;
    }
    .wrapper__sidebar--right .wrapper--content {
        margin-right: 0;
    }
    .sidebar--content{
        width: 0px;
        display: none;
    }
}


/*---------------------------------------
  23. Our Blog Details
----------------------------------------*/
.blog-details-thumb {
    background: var(--uq-colour-f6f6f6, #f6f6f6) none repeat scroll 0 0;
    text-align: center;
}
.blog-details-thumb-wrap {
    position: relative;
}
.upcoming-date {
    background: var(--uq-colour-4c4c4c, #4c4c4c) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
    font-size: 30px;
    font-weight: 700;
    height: 72px;
    left: 20px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 72px;
}
.upcoming-date span {
    color: var(--uq-white, #fff);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.blog-details-top h2 a {
    color: var(--uq-colour-555555, #555555);
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.blog-admin-and-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    margin-top: 10px;
}
.blog-admin-and-comment p {
    color: var(--uq-colour-555555, #555555);
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.blog-admin-and-comment p a {
    color: var(--uq-colour-555555, #555555);
}
.blog-admin-and-comment p.separator {
    margin: 0 10px;
}
.blog-details-pra p {
    color: var(--uq-colour-666666, #666666);
    line-height: 27px;
}
blockquote {
    border-left: medium none var(--uq-colour-000000-a000, transparent);
    font-size: 16px;
    line-height: 27px;
    margin: 26px 40px 26px 42px;
    padding: 0 0 0 19px;
    position: relative;
}
blockquote::before {
    background: var(--uq-colour-4c4c4c, #4c4c4c) none repeat scroll 0 0;
    content: "";
    font-size: 30px;
    height: 43px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 2px;
}
.postandshare {
    border-bottom: 1px solid var(--uq-colour-4c4c4c, #4c4c4c);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 21px;
    padding-bottom: 6px;
}
.post p {
    color: var(--uq-colour-555555, #555555);
    font-size: 12px;
    font-weight: 600;
}
.section-title-2 {
    color: var(--uq-colour-555555, #555555);
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 14px;
    position: relative;
    text-transform: uppercase;
}
.section-title-2::before {
    background: var(--uq-colour-555555, #555555) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.single-blog-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}
.blog-comment-thumb {
    margin-right: 30px;
}
.blog-comment-thumb img {
    max-width: 63px;
}
.comment-title-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px;
}
.comment-title-date h2 a {
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.reply p {
    color: var(--uq-colour-555555, #555555);
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.single-blog-comment.comment-reply {
    margin-left: 77px;
}
.comment-title-date h2 {
    line-height: 20px;
}
.reply-form-box input[type="text"],
.reply-form-box input[type="email"],
.reply-form-box input[type="password"] {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 0;
    color: var(--uq-colour-3c3c3c, #3c3c3c) !important;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}
.reply-form-box textarea {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 0;
    color: var(--uq-colour-3c3c3c, #3c3c3c);
    font-size: 16px;
    margin-bottom: 50px;
    min-height: 160px;
    padding: 15px 20px 20px;
    resize: none;
    width: 100%;
}
.reply-form-box-inner{
    margin-right: -15px;
    margin-left: -15px;
}
.rfb-single-input {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
}
.blog-details-top h2 {
    font-size: 24px;
    padding-top: 16px;
    text-transform: capitalize;
}
.category-search-area input[type="text"],
.category-search-area input[type="email"],
.category-search-area input[type="password"] {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-dcd9d9, #dcd9d9);
    border-radius: 0;
    color: var(--uq-colour-3c3c3c, #3c3c3c) !important;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
    width: 100%;
    padding-right: 80px;
    font-size: 16px;
}
.category-search-area {
    position: relative;
}
.srch-btn {
    background: var(--uq-colour-4c4c4c, #4c4c4c) none repeat scroll 0 0;
    height: 47px;
    line-height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.srch-btn:hover{
    background: var(--uq-colour-ff4136, #ff4136);
}
.srch-btn i {
    color: var(--uq-white, #fff);
    display: block;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    width: 70px;
}
.categore-menu li a {
    color: var(--uq-colour-666666, #666666);
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}
.categore-menu li a:hover{
    color: var(--uq-colour-ff4136, #ff4136);
}
.categore-menu li a span {
    float: right;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.categore-menu li a i {
    font-size: 16px;
    margin-right: 10px;
}
.categore-menu {
    margin-top: 17px;
}
.categore-menu li {
    border-bottom: 1px solid var(--uq-colour-dcd9d9, #dcd9d9);
    height: 42px;
    line-height: 42px;
}
.categore-menu li a span:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.single-recent-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 23px;
}
.recent-thumb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
}
.recent-thumb a img {
    max-width: 80px;
}
.recent-post-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}
.recent-post-time p {
    font-size: 13px;
    font-weight: 400;
    color: var(--uq-colour-555555, #555555);
}
.recent-post-time p.separator {
    margin: 0 10px;
}
.tag-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 40px;
}
.tag-menu li a {
    border: 1px solid var(--uq-colour-dcd9d9, #dcd9d9);
    color: var(--uq-colour-666666, #666666);
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    height: 36px;
    line-height: 34px;
    padding: 0 21px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tag-menu li {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.tag-menu li a:hover {
    background: var(--uq-colour-ff4136, #ff4136);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
}
.comment-title-date h2 a:hover{
    color: var(--uq-colour-ff4136, #ff4136);
}
.blog-details-top h2 {
    font-size: 18px;
    padding-top: 37px;
    text-transform: capitalize;
}
.blog-social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog-social-icon ul li + li {
    padding-left: 16px;
}
.blog-social-icon ul li a i {
    color: var(--uq-colour-555555, #555555);
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-social-icon ul li a:hover i {
    color: var(--uq-colour-ff4136, #ff4136);
}
.comment-title-date h2 {
    font-size: 45px;
    padding-top: 0;
}

.reply-form-box textarea::-moz-placeholder {
    color: var(--uq-colour-3c3c3c, #3c3c3c) !important;
    opacity: 1;
}
.reply p a {
    color: var(--uq-colour-555555, #555);
}
.reply p a:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}
.modal-body {
    padding: 15px 15px 30px;
    position: relative;
}
.modal-header {
    display: flex;
    justify-content: flex-end;
}
.modal-header .close{
    background-color: var(--uq-colour-000000-a000, transparent);
    padding: 0;
    border: 0;
    font-size: 30px;
}
.pro__item {
    padding: 0 15px;
}

.htc__portfolio__container {
    margin-left: -15px;
    margin-right: -15px;
}
.our-recent-post-wrap {
    margin-top: 33px;
}
.our-blog-tag {
    margin-top: 45px;
}

.blog-details-thumb {
    position: relative;
}
.blog-details-thumb::before {
    background: var(--uq-black, #000) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
}
.recent-post-dtl h6 {
    color: var(--uq-colour-666666, #666);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.blog__details__btn a.htc__btn {
    border: 1px solid var(--uq-colour-999999, #999);
    display: inline-block;
    font-size: 16px;
    height: 45px;
    letter-spacing: 2px;
    line-height: 43px;
    padding: 0 46px;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blog__details__btn a.htc__btn:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
}

/*-------------------------------------
  24. Shop Details Area
------------------------------------*/

.single__list__content {
    margin-top: 50px;
}
.list__thumb a {
    display: block;
}
.list__thumb a img {
    width: 100%;
}
.list__details__inner h2 {
    font-size: 20px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.list__details__inner p {
    color: var(--uq-colour-505050, #505050);
    line-height: 26px;
    width: 88%;
}
.list__details__inner span.product__price {
    color: var(--uq-colour-999999, #999);
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 8px;
}
.shop__btn a.htc__btn {
    border: 1px solid var(--uq-colour-999999, #999);
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    text-transform: capitalize;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.shop__btn a.htc__btn:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
}
.shop__btn a.htc__btn span {
    font-size: 17px;
    padding-right: 5px;
}
.htc__shop__left__sidebar .htc__shop__cat:last-child {
    border-bottom: 0 solid var(--uq-colour-000000-a000, transparent);
}


.order-single-btn select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: var(--uq-colour-000000-a000, rgba(0, 0, 0, 0)) url("images/icons/select-option.png") no-repeat scroll 83% 8px / 14px 9px;
    padding-right: 50px;
}





/*---------------------------------------
  25. Our Wishlist Area
----------------------------------------*/
.wishlist-table table {
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    border-color: var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    width: 100%;
}
.wishlist-table table th {
    font-weight: 600;
} 
.wishlist-table table th, .wishlist-table table td {
    border-bottom: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-right: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
    color: var(--uq-colour-767676, #767676);
}
.wishlist-table table .product-remove {
    padding: 0 15px;
    width: 20px;
}
.wishlist-table table .product-remove > a, 
.table-content table .product-remove > a {
    font-size: 25px;
}
.wishlist-table table .product-thumbnail {
    width: 150px;
}
.wishlist-table table td.product-price .amount {
    font-weight: 700;
}
.wishlist-table table .wishlist-in-stock {
    color: var(--uq-colour-767676, #767676);
}
.wishlist-table table .product-add-to-cart > a {
    background: var(--uq-colour-252525, #252525) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
    display: block;
    font-weight: 700;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff);
}
.wishlist-table table .product-add-to-cart {
    width: 240px;
}
.wishlist-share {
    margin-bottom: 35px;
    margin-top: 20px;
}
.wishlist-share ul li {
    display: inline-block;
    height: 21px;
    margin-left: 0;
    margin-right: 0;
}
.wishlist-share ul li a{background-position: left top;
    border: medium none;
    display: inline-block;
    height: 21px;
    width: 21px;
}
.wishlist-share ul li a:hover{
    background-position: left bottom;
}
.wishlist-share .social-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}



/*---------------------------------------
  26. Our Cart Area
----------------------------------------*/

.cart-title-area{
    padding-top: 30px;
}
.car-header-title h2{
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}
.table-content table{
    background: var(--uq-white, #fff) none repeat scroll 0 0;
    border-color: var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0 0 50px;
    text-align: center;
    width: 100%;
}
.table-content table th {
    border-top: medium none;
    font-weight: bold;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.table-content table th,.table-content table td{
    border-bottom: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-right: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
}
.table-content table td{
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;font-size: 13px;
}
.table-content table td input{
    background: var(--uq-colour-e5e5e5, #e5e5e5) none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: var(--uq-colour-6f6f6f, #6f6f6f);
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}
.table-content table td.product-subtotal {
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    color: var(--uq-colour-777777, #777);
}
.table-content table td.product-name a{
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    color: var(--uq-colour-6f6f6f, #6f6f6f);
}
.table-content table td.product-name{
    width: 270px;
}
.table-content table td.product-thumbnail{
    width: 130px;
}
.table-content table td.product-remove i{
    color: var(--uq-colour-919191, #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: 700;
    color: var(--uq-colour-777777, #777);
}
.table-content table td.product-remove i:hover{
    color:var(--uq-colour-252525, #252525)
}
.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:var(--uq-colour-ff4136, #ff4136)
}
.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: var(--uq-colour-252525, #252525) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--uq-white, #fff);
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}
.buttons-cart input:hover,
.coupon input[type=submit]:hover,
.buttons-cart a:hover{
    background:var(--uq-colour-ff4136, #ff4136);
    color:var(--uq-white, #fff) !important;
}
.buttons-cart a {
    color: var(--uq-white, #fff);
    float: left;
    height: 40px;
    line-height: 40px;
}
.coupon {
    margin-bottom: 40px;
    overflow: hidden;
    padding-bottom: 20px;
}
.coupon h3{
    margin: 0 0 10px;font-size: 14px;
    text-transform: uppercase;
}
.coupon input[type=text]{
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    float: left;
    height: 40px;
    margin: 0 6px 20px 0;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 170px;
}
.cart_totals{
    float: left;
    text-align: right;
    width: 100%;
}
.cart_totals h2{
    border-bottom: 2px solid var(--uq-colour-c1c1c1, #c1c1c1);
    display: inline-block;
    font-size: 30px;
    margin: 0 0 35px;
    text-transform: uppercase;
}
.cart_totals table{
    border: medium none;
    float: right;
    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: var(--uq-colour-252525, #252525);
    float: right;
    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: var(--uq-colour-6f6f6f, #6f6f6f);
}
a.shipping-calculator-button:hover{
    color:var(--uq-colour-ff4136, #ff4136)
}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount{
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
}
.wc-proceed-to-checkout a{
    background: var(--uq-colour-252525, #252525) none repeat scroll 0 0;
    color: var(--uq-white, #fff);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 30px;
    text-transform: none;
}
.wc-proceed-to-checkout a:hover{
    background: var(--uq-colour-ff4136, #ff4136);
    color: var(--uq-white, #fff) !important;
}
.owl-theme .owl-controls .owl-page span {
    background: var(--uq-white, #ffffff) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 100%;
    display: block;
    height: 13px;
    margin: 3px;
    width: 13px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 2px solid var(--uq-colour-c1c1c1, #c1c1c1);
}
.slider-area.slider-v4 {
    margin: 30px 0 35px 0;
}
.coupon p {
    margin-bottom: 12px;
}





/*---------------------------------------
  27. Our Checkout Page
----------------------------------------*/
.single-checkout-box input[type="text"],
.single-checkout-box input[type="email"],
.single-checkout-box input[type="password"] {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 0;
    color: var(--uq-colour-767676, #767676);
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    width: 47.5%;
    margin-bottom: 40px;
    float: left;
}
.single-checkout-box textarea {
    background: var(--uq-colour-000000-a000, transparent) none repeat scroll 0 0;
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    border-radius: 0;
    font-size: 12px;
    min-height: 160px;
    padding: 10px;
    resize: none;
    width: 100%;
    padding-left: 20px;
}
.single-checkout-box {
    overflow: hidden;
}
.single-checkout-box textarea::-moz-placeholder {
    opacity: 1 !important;
}
.single-checkout-box select {
    margin-left: 25px;
    width: 48%;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}
.checkbox .radio label,
.checkbox .checkbox label {
    font-size: 14px;
}

.section-title-3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
.checkout-form-inner {
    margin-top: 40px;
}
.single-checkout-box input + input {
    margin-left: 30px;
}
.payment-form {
    margin-top: 51px;
}
.payment-form-inner {
    margin-top: 40px;
}
.payment-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    margin-top: 40px;
}
.payment-menu li + li {
    margin-left: 30px;
}
.payment-menu li {
    border: 1px solid var(--uq-colour-000000-a000, transparent);
    padding: 2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.payment-menu li:hover {
    border: 1px solid var(--uq-colour-ff4136, #ff4136);
}
.single-checkout-box select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background: var(--uq-colour-000000-a000, rgba(0, 0, 0, 0)) url("images/icons/select-option.png") no-repeat scroll 96% 14px / 11px 9px;
    border: 1px solid var(--uq-colour-c1c1c1, #c1c1c1);
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}
.payment-form-inner .single-checkout-box.select-option {
    margin-top: 0;
}
.payment-form p {
    margin-top: 15px;
}
.our-important-note p {
    margin-bottom: 30px;
    margin-top: 20px;
}
.important-note li a i {
    font-size: 14px;
    margin-right: 10px;
}
.important-note li + li {
    margin-top: 20px;
}
.puick-contact-area {
    background: var(--uq-colour-f6f6f6, #f6f6f6) none repeat scroll 0 0;
    padding: 40px 0;
    text-align: center;
    width: 100%;
}
.puick-contact-area a {
    color: var(--uq-colour-777474, #777474);
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.puick-contact-area a:hover {
    color: var(--uq-colour-ff4136, #ff4136);
}

/*------------------------
  others
--------------------------*/

.portfolio-full-image .tab-pane.fade img {
  width: 100%;
}
.htc__store__area .section__title.section__title--2 p {
  width: 53%;
}


/*------------------------
    28. Banner Area
--------------------------*/




.banner {
    position: relative;
}
.banner .thumb a img{
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 100%;
}
.banner .thumb a{
    display: block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}


.banner .content {
    left: 0;
    padding: 60px;
    position: absolute;
    top: 0;
}
.banner .content h6 {
    color: var(--uq-colour-ff4136, #ff4136);
    font-family: var(--uq-font-arizonia, "Arizonia"),var(--uq-font-cursive, cursive);
    font-size: 36px;
    font-weight: 400;
}
.banner .content h2 a {
    color: var(--uq-colour-303030, #303030);
    display: block;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 7px;
    text-transform: capitalize;
}

.banner .content .htc__btn.shop__now__btn {
  display: inline-block;
}

.banner:hover .thumb a img{
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}

.banner:hover .content h6{
    -webkit-animation: 700ms ease 0s normal none 1 running fadeInDown;
    animation: 700ms ease 0s normal none 1 running fadeInDown;
}

.banner:hover .content h2 a{
    -webkit-animation: 800ms linear 0s normal none 1 running fadeInDown;
    animation: 800ms linear 0s normal none 1 running fadeInDown;
}

.banner:hover .content .htc__btn.shop__now__btn{
    -webkit-animation: 900ms linear 0s normal none 1 running fadeInDown;
    animation: 900ms linear 0s normal none 1 running fadeInDown;
}
/*style--2*/

.banner.style--2 .content {
    padding: 0 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner.style--2 .content h6 {
    position: relative;
}
.banner.style--2 .content h6::before {
    background: var(--uq-colour-ffaca7, #ffaca7) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.banner.style--2 .content h6 {
    display: inline-block;
    margin-bottom: 10px;
}
.banner.style--2 .htc__btn.shop__now__btn {
    font-weight: 600;
}
.page-content .space--between{
    padding-left: 60px;
    padding-right: 60px;
}
.custom_row{
    margin-left: -15px;
    margin-right: -15px;
}

.popular__product--6 .product__list{
    height: auto !important;
}

.mobile-content.lg-device-hide {
    display: none;
}