/*-----------------------------------------------------------------------------------
  Template Name: Tmart-Minimalist eCommerce HTML5 Template.
  Template URI: #
  Description: Tmart 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: Theme365
  Version: 1.0


-----------------------------------------------------------------------------------
  
  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. portfolio style


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/
/*
    font-family: 'Poppins', sans-serif;

    font-family: 'Dosis', sans-serif;

*/
/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/

#scrollUp {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    bottom: 15px;
    box-sizing: content-box;
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 63px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 50px;
    z-index: 200;
}
#scrollUp:hover {} @-webkit-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0;
    }
    50% {
        opacity: 1;
        bottom: 50%;
    }
    100% {
        opacity: 0;
        bottom: 75%;
    }
}
@-moz-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 {
    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: #fff;
    font-size: 36px;
}
#scrollUp {
    background: #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: flex;
    height: 48px;
    justify-content: space-around;
    line-height: 48px;
    margin: auto;
    position: relative;
    width: 100%;
    z-index: 2;
}
.product__action::before {
    background: #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: #666666;
    font-size: 20px;
    transition: all 0.3s ease 0s;
    margin-top: 14px;
    display: inline-block;
}
.home-6 .product__action li a span {
    margin-top: 0px;
    font-size: 18px;
}
.home-6.popular__product--6 .product__action li {
    border-radius: 50px;
    box-shadow: none;
}
.product__action li:first-child::before {
    background: #666666 none repeat scroll 0 0;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.another-product-style .product__action li::before {
    background: #666666 none repeat scroll 0 0;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.another-product-style .product__action li:last-child::before {
    content: none;
}
.another-product-style .product__action {
    width: 155px;
}
.another-product-style .product__details {
    text-align: center;
}
.another-product-style .product__price {
    display: block;
}
.another-product-style .product__price li {
    display: inline-block;
}
.product__action li {
    position: relative;
    width: 50%;
}
.product__action li a span:hover {
    color: #fd3f0f;
}
.product:hover .product__hover__info {
    opacity: 1;
    top: 50%;
}
.product__hover__info {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 60%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    z-index: 2;
    opacity: 0;
    transition: 0.6s;
}
.add__to__wishlist {
    bottom: 12px;
    position: absolute;
    right: 12px;
}
.add__to__wishlist a span {
    color: #000000;
    font-size: 14px;
    transition: all 0.4s ease 0s;
}
.add__to__wishlist a span:hover {
    color: #ff4136;
}
.product__details h2 {
    color: #444444;
    font-size: 14px;
    font-weight: 500;
}
.product__details {
    padding-top: 27px;
}
.product__price {
    display: flex;
    margin-top: 9px;
}
.product__price li {
    color: #ff4136;
    font-size: 16px;
}
.product__price li.new__price {
    padding-left: 12px;
}
.product__price li.old__price {
    color: #9c9b9b;
    text-decoration: line-through;
}
.product__menu {
    text-align: center;
}
.product__menu button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    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: #ff4136;
}
.product__menu button.is-checked {
    color: #ff4136;
}
/* single product */

.product-details-style2 .product__big__images {
    display: block;
    max-width: 100%;
    overflow: hidden;
}
.product-details-style2 .product__details__container {
    display: block;
}
.product-details-style2 .product__small__images {
    margin-top: 30px;
}
.product-details-style2 .pot-small-img {
    display: inline-block;
    margin-right: 22px;
    margin-top: 0;
    width: 22%;
}
.product-details-style2 .pot-small-img:last-child {
    margin-right: 0px;
}
.product-details-style2 .product__small__images {
    min-width: inherit;
    padding-right: 0;
}
.sin-product-details-slider a > img {
    border: 1px solid #ddd;
}
.product-details-style3 .product__details__container {
    margin-right: 5px;
}
.product-details-style3 .pro__rating {
    display: block;
    padding-right: 0px;
}
.product-details-style3 .pro__dtl__btn,
.product-details-style3 .product-action-wrap,
.product-details-style3 .pro__social__share,
.product-details-style3 .pro__dtl__prize,
.product-details-style3 .pro__dtl__rating {
    display: block;
}
.product-details-style3 .pro__choose__color li,
.product-details-style3 .pro__choose__size > li,
.product-details-style3 .pro__dtl__btn li,
.product-details-style3 .pro__social__share h2,
.product-details-style3 .pro__soaial__link li,
.product-details-style3 .pro__soaial__link,
.product-details-style3 .product-quantity,
.product-details-style3 .prodict-statas,
.product-details-style3 .pro__dtl__prize li,
.product-details-style3 .pro__rating > li,
.product-details-style3 .title__5,
.product-details-style3 .pro__choose__size,
.product-details-style3 .pro__choose__color {
    display: inline-block;
}
.product-details-slider.owl-carousel .owl-nav div {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #333;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
    width: 40px;
}
.product-details-slider.owl-carousel .owl-nav div.owl-prev {
    left: 0;
    right: auto;
}
.product-details-slider:hover .owl-nav div {
    opacity: 1;
}
.product-details-style3 .pro__details p {
    margin: 0 auto;
    width: 71%;
}
.single-portfolio-details {
    float: left;
    padding: 5px;
    width: 50%;
}
.single-portfolio-details a > img {
    border: 1px solid #ddd;
    width: 100%;
}
.product__details__container.product-details-5 {
    display: block;
}
.scroll-single-product > img {
    width: 100%;
}
.sidebar-active {
    will-change: min-height;
}
.sidebarinner {
    transform: translate(0, 0);
    will-change: position, transform;
}
.is-affixed .inner-wrapper-sticky {
    padding-left: 15px;
}
.product-video-position {
    position: relative;
}
.product-video {
    bottom: 0;
    left: 0;
    padding: 0 0 50px 20px;
    position: absolute;
    content: "";
    z-index: 99;
}
.product-video a {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 7px 20px 4px;
}
.product-video a i {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.on-sale {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
}
.on-sale span {
    background-color: #ff4136;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 5px 9px;
    text-transform: capitalize;
}



.product-categories-title > h3 {
    border-left: 1px solid rgba(129, 129, 129, 0.2);
    border-right: 1px solid rgba(129, 129, 129, 0.2);
    border-top: 2px solid #ff4136;
    color: #303030;
    font-size: 17px;
    font-weight: 500;
    padding: 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-categories-menu {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid rgba(129, 129, 129, 0.2);
    padding: 20px 0;
    width: 100%;
}
.product-categories-menu ul li {
    position: relative;
}
.product-categories-menu ul li a {
    background-color: #fff;
    color: #333;
    display: block;
    font-size: 14px;
    letter-spacing: 0.4px;
    padding: 7px 20px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.product-categories-menu ul li a:hover {
    color: #ff4136;
}
.product-tab-list {
    border-color: #ff4136 rgba(129, 129, 129, 0.2) rgba(129, 129, 129, 0.2);
    border-style: solid;
    border-width: 2px 1px 1px;
    padding: 14px 20px 10px;
}
.product-slider-active .col-lg-4,
.product-slider-active .col-sm-4,
.product-slider-active .col-md-4,
.product-slider-active .col-xa-12 {
    width: 100%;
}
.tab-style > li {
    display: inline-block;
}
.product-slider-active .product {
    margin-top: 30px;
}
.tab-menu-text > h4 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    padding: 0 30px 0 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-tab-list ul li.active .tab-menu-text > h4,
.product-tab-list ul li .tab-menu-text > h4:hover {
    color: #ff4136;
}
.product-style-tab {
    position: relative;
}
.product-slider-active.owl-carousel .owl-nav div {
    font-size: 25px;
    opacity: 1;
    position: absolute;
    right: 45px;
    text-align: center;
    top: -37px;
    transition: all 0.3s ease 0s;
    visibility: visible;
    width: 30px;
    color: #303030;
}
.product-slider-active.owl-carousel .owl-nav div:hover {
    color: #ff4136;
}
.product-slider-active.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 20px;
}
.deal-area {
    padding-top: 96px;
}
.timer span {
    border: 1px solid #666;
    display: inline-block;
    float: left;
    font-size: 25px;
    margin-right: 20px;
    padding: 10px 20px;
    font-weight: 600;
}
.timer span p {
    font-size: 15px;
}
.timer {
    display: block;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
}
.deal-area > h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
}
.deal-area > p {
    font-size: 25px;
    letter-spacing: 2px;
}
.deal-area > a {
    background-color: #303030;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 12px 20px 11px;
    text-transform: uppercase;
}
.deal-area > a:hover {
    background-color: #ff4136;
}
.banner-img > img {
    width: 100%;
}
.tab-style.product-tab-list-btn {
    display: inline-block;
    float: left;
}
.all-product-btn {
    text-align: right;
}
.all-product-btn a {
    color: #303030;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.all-product-btn a:hover {
    color: #ff4136;
}
.product-slider-active2 .product {
    margin-top: 30px;
}
.tab-content.jump > .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.tab-content.jump > .tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
}




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

.single__tabs__panel.tab-pane:not(.active) {
    display: none;
}
.login__register__menu {
    display: flex;
    justify-content: center;
    margin: 0 auto 51px;
    max-width: 370px;
}
.login__register__menu li a {
    color: #000000;
    font-size: 30px;
    transition: all 0.4s ease 0s;
}
.login__register__menu li {
    padding: 0 20px;
}
.login__register__menu li.active a {
    color: #ff4136;
}
.login__register__menu li a:hover {
    color: #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 #8e8e8e;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #686868;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    background: transparent;
}
.login input + input {
    margin-bottom: 20px;
    margin-top: 40px;
}
.tabs__checkbox span.forget a {
    float: right;
    color: #ff4136;
    font-size: 12px;
}
.tabs__checkbox label {
    bottom: 2px;
    color: #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: #686868;
    text-transform: capitalize;
    padding-left: 5px;
}
.htc__login__btn a {
    border: 1px solid #d5d5d5;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    width: 150px;
    color: #4b4b4b;
    text-transform: uppercase;
}
.htc__login__btn {
    text-align: center;
}
.login input:last-child {
    margin-top: 14px;
}
.htc__social__connect h2 {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 50px;
    text-transform: capitalize;
    font-weight: 500;
}
.htc__soaial__list {
    display: flex;
    justify-content: center;
}
.htc__soaial__list li a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 35px;
}
.user__meta__inner .htc__soaial__list {
    justify-content: space-between;
}
.htc__soaial__list li a i {
    color: #fff;
    font-size: 16px;
}
.htc__social__connect {
    text-align: center;
}
.htc__soaial__list li + li {
    margin-left: 10px;
}
.login input::-moz-placeholder {
    color: #686868 !important;
    font-size: 16px !important;
}
.htc__login__btn a:hover {
    background: #ff4136;
    color: #fff;
    border: 1px solid #ff4136;
}
/*------------------------------
  05. Bradcaump Area
--------------------------------*/

.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 320px;
}
.bradcaump-title {
    color: #343434;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize;
}
.breadcrumb-item {
    color: #343434;
    font-size: 18px;
    text-transform: capitalize;
}
.breadcrumb-item.active {
    color: #343434;
    font-size: 18px;
    text-transform: capitalize;
}
.brd-separetor {
    padding: 0 5px;
}
.bradcaump-inner {
    margin-top: 23px;
}
/*------------------------------
  06. Quickview Area
--------------------------------*/

#quickview-wrapper {
    position: relative;
}
.modal-dialog.modal__container {
    width: 1170px;
}
.modal-product {
    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: flex;
    margin-bottom: 15px;
}
.rating {
  display: inline-block;
  padding-right: 13px;
}
.rating li span {
    color: #ff4136;
}
.rating li {
    display: inline-block;
}
.rating li + li {
    margin-left: 3px;
}
.review a {
    color: #999;
}
.s-price-box span.new-price {
    color: #ff4136;
    font-size: 23px;
    margin-right: 5px;
}
.s-price-box span.old-price {
    color: #999;
    font-size: 15px;
    text-decoration: line-through;
}
.product-info {
    padding-left: 50px;
    width: 50%;
}
.quick-desc {
    color: #999;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 83%;
}
.select__color {
    display: flex;
}
.color__list {
    align-items: center;
    display: flex;
    margin-left: 30px;
}
.color__list li + li {
    margin-left: 15px;
}
.color__list li a {
    background: #f10 none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 31px;
    text-align: center;
    width: 30px;
}
.select__size {
    display: flex;
}
.color__list li.gold a {
    background: #cc9900 none repeat scroll 0 0;
}
.color__list li.orange a {
    background: #cc6600 none repeat scroll 0 0;
}
.select__color ul.color__list li a {
    text-indent: 999px;
}
.select__color h2 {
    align-items: center;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.select__size h2 {
    align-items: center;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.select__size {
    margin-bottom: 25px;
    margin-top: 25px;
}
.select__size ul.color__list li a {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #999;
}
.widget.widget_socialsharing_widget {
    display: flex;
}
.social-icons {
    display: flex;
    margin-left: 30px;
}
h3.widget-title-modal {
    align-items: center;
    display: flex;
    font-size: 16px;
    text-transform: capitalize;
}
.social-icons li a {
    border-radius: 100%;
    color: #999;
    display: block;
    line-height: 30px;
    text-align: center;
    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: #ff4136;
}
.addtocart-btn {
    margin-top: 66px;
    text-align: left;
}
.addtocart-btn a {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    padding: 0 87px;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.addtocart-btn a:hover {
    background: #ff4136 none repeat scroll 0 0;
    color: #fff;
}
/*------------------------------
  07. New Product Area
--------------------------------*/

.new__product {
    position: relative;
}
.new__product__details {
    left: 30px;
    position: absolute;
    top: 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: #3a3a3a;
    font-family: Dosis;
    font-size: 16px;
    font-weight: 500;
    padding-right: 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.htc__btn.shop__now__btn::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: all 0.5s ease 0s;
    width: 20px;
}
.htc__btn.shop__now__btn:hover {
    color: #ff4136;
}
.htc__btn.shop__now__btn:hover::before {
    background: #ff4136 none repeat scroll 0 0;
    width: 25px;
}
.new__product__btn {
    margin-top: 8px;
}
.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: flex;
}
.best__product__inner {
    position: relative;
    z-index: 2;
}
.bst__pro__hover__info {
    border: 7px solid #f3f3f3;
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
.bst__pro__action {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    display: flex;
    height: 38px;
    justify-content: space-around;
    margin: auto;
    width: 160px;
}
.bst__pro__hover__info h2 {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.bst__pro__hover__info span.bst__pro__prize {
    color: #636363;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 23px;
    margin-top: 7px;
}
.bst__pro__hover__info::before {
    background: #dbdbdb none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.81;
    position: absolute;
    top: 0;
    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: #666666 none repeat scroll 0 0;
    content: "";
    height: 75%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.bst__pro__action li a span {
    color: #666666;
    font-size: 17px;
    height: 38px;
    line-height: 38px;
    transition: all 0.3s ease 0s;
}
.bst__pro__action li a:hover span {
    color: #ff4e43;
}
.bst__pro__hover__action {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.best__product:hover .bst__pro__hover__info {
    opacity: 1;
}
.best__product__thumb a img {
    width: 100%;
}
.best__product {
    margin-top: 30px;
}
.section__title .title__line {
    color: #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;
    transition: all 0.5s ease 0s;
}
.blog__thumb {
    position: relative;
}
.blog__post__time {
    left: 20px;
    opacity: 0;
    position: absolute;
    top: 20px;
    transition: all 0.4s ease 0s;
}
.blog:hover .blog__post__time {
    opacity: 1;
}
.blog__post__time {
    background: #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: #303030;
    font-size: 14px;
    text-transform: capitalize;
}
.bl__meta {
    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: #000 none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.blog__hover__action p.blog__des {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 7px;
}
.read__more__btn {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.blog:hover .blog__hover__info {
    opacity: 1;
}
.post__time--inner {
    border: 1px solid #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: #f2f2f2 none repeat scroll 0 0;
}
.blog--2 .post__time--inner {
    border: 1px solid #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: #000;
    font-size: 22px;
    text-transform: capitalize;
}
.feature__btn {
    margin-top: 7px;
}
.feature__thumb--2 a img {
    min-height: 330px;
}
.feature.text__pos--top .feature__details {
    top: 40px;
}
/*------------------------------
  11. Popular Product Area
--------------------------------*/

.product__details span.popular__pro__prize {
    color: #9c9b9b;
    display: inline-block;
    font-size: 16px;
    margin-top: 11px;
}
.section__title.section__title--2 p {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
    margin: 27px auto auto;
    width: 46%;
}
.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: #9999 none repeat scroll 0 0;
    border-radius: 100%;
    color: #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: #fff;
    font-size: 27px;
}
.popular__product__wrap.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #444 none repeat scroll 0 0;
}
.wrap__box__style--1 {
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    background: #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 {
    box-shadow: 0 0 20px 1px rgb(234, 234, 235);
    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;
}
.product-hover-4 .popular__product__hover__info {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: -30px;
    transition: all 0.5s ease 0s;
}
.product-hover-4.popular__product--2 .product:hover .popular__product__hover__info {
    opacity: 1;
    top: 0;
}
.popular__product__hover__info {
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 0;
    transition: all 0.5s ease 0s;
}
.product__style--7 .popular__product__hover__info {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -20px;
    transition: all 0.5s ease 0s;
}
.popular__product--2 .product:hover .popular__product__hover__info {
    opacity: 1;
    right: 0;
}
.product__style--7 .product:hover .popular__product__hover__info {
    opacity: 1;
    top: 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-hover-4 .product__details {
    bottom: 20px;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.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: #fff none repeat scroll 0 0;
    opacity: 0.85;
}
/*---------------------------------
    Popular Product Style 4
----------------------------------*/

.popular__product--4 .product__action {
    display: block;
    height: 100%;
    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: #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;
    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: #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;
}
.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: inherit;
    top: -60px;
    transition: all 0.5s ease 0s;
    opacity: 0;
    left: 40px
}
.popular__product--6 .product__action li + li {
    margin-left: 5px;
}
.popular__product--6 .product__action {
    width: auto;
}
.popular__product--6 .product__action li {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 15px 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 {
    bottom: -40px;
    left: 40px;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
}
.product__style--7 .product__details {
    bottom: -40px;
    left: 0px;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
    right: 0;
    text-align: center;
}
.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: flex;
    align-items: center;
    justify-content: center;
}
.popular__product--2 .product {
    margin-top: 60px;
}
.product__style--5 .product__list--5 {
    display: flex;
    flex-flow: row wrap;
}
.product__menu.product__tab.tab__style--1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: 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: #666666;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.product__menu.product__tab.tab__style--1 li.active a {
    color: #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;
}
.product__style--7 .product {
    margin-top: 20px;
}
.product__style--7 {
    margin-top: 30px;
}
.htc__loadmore__btn.loadmore__2 a {
    border: 1px solid #666666;
    color: #4b4b4b;
}
/*------------------------------
  12. Load More Area
--------------------------------*/

.htc__loadmore__btn {
    text-align: center;
}
.htc__loadmore__btn a {
    border: 1px solid #eeeeee;
    color: #4b4b4b;
    display: inline-block;
    height: 45px;
    letter-spacing: 1px;
    line-height: 42px;
    padding: 0 44px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.htc__loadmore__btn a:hover {
    border: 1px solid #ff4136;
    color: #fff;
    background: #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: #ffffff;
    font-size: 20px;
    text-transform: capitalize;
}
.htc__newsletter__area .newsletter__container h2 {
    color: #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: transparent none repeat scroll 0 0;
    border-left: 1px solid #fff;
    color: #afafaf;
}
.htc__newsletter__area .input__box input::-moz-placeholder {
    color: #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 #d5d5d5;
    display: inline-block;
    font-size: 14px;
    height: 45px;
    line-height: 41px;
    padding: 0 40px;
    text-transform: uppercase;
    transition: 0.4s;
}
.store__btn a:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #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: #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: #505050;
    font-size: 30px;
    text-transform: capitalize;
}
.htc__choose__wrap {
    padding: 114px 120px;
}
.choose__container {
    display: flex;
    margin-top: 38px;
}
.single__chooose {
    margin-top: -40px;
}
.choose__us {
    display: flex;
    margin-top: 40px;
}
.choose__icon span {
    color: #505050;
    font-size: 36px;
}
.choose__icon {
    margin-right: 20px;
}
.choose__icon {
    min-width: 37px;
}
.choose__details h4 {
    color: #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;
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 4;
}
.team__hover__action {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    padding: 30px 0;
    right: 30px;
    z-index: 2;
}
.team__hover__action h2 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.team__hover__action .social__icon {
    justify-content: center;
}
.team__hover__action .social__icon li {
    padding: 0 17px;
}
.team__hover__action .social__icon li a i {
    border: 0 solid transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    width: auto;
}
.team__hover__action .social__icon li a:hover i {
    background: transparent none repeat scroll 0 0;
    border: 0 solid transparent;
    color: #ff4136;
}
.team:hover .team__hover__info {
    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%);
}
.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: flex;
    justify-content: center;
}
.testimonial__details p {
    color: #ffffff;
    font-size: 20px;
    line-height: 39px;
    padding: 0 16%;
}
.test__info span {
    color: #ffffff;
    font-size: 21px;
    text-transform: capitalize;
}
.test__info span a {
    color: #fff;
    transition: 0.4s;
}
.test__info span a:hover {
    color: #ff4136;
}
.test__info {
    margin-top: 20px;
}
.testimonial__wrap.owl-carousel .owl-item img {
    display: block;
    width: auto;
}
/*------------------------------
  17. Our Brand Area
--------------------------------*/

.brand__list {
    display: flex;
    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: flex;
    justify-content: space-between;
}
.filter__box a {
    color: #666666;
    font-size: 17px;
    text-transform: uppercase;
}
.filter__wrap.filter__menu__on {
    opacity: 1;
    right: calc(0px - 16px);
}
.filter__wrap {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);
    display: block;
    height: 100vh;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    right: -100%;
    top: 0;
    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: #fff;
    left: 0;
    padding: 50px 50px 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.fiter__content__inner {
    display: flex;
    flex-flow: row wrap;
    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: #999;
    font-size: 15px;
    text-transform: capitalize;
}
.filter__list li + li {
    padding-top: 5px;
}
.filter__list li a {
    color: #999;
    transition: all 0.3s ease 0s;
}
.filter__list li:hover a,
.filter__menu__close__btn a:hover i {
    color: #ff4136;
}
.filter__menu__close__btn a i {
    color: #999;
    font-size: 36px;
    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 #b7b7b7;
    margin-bottom: 57px;
    padding-bottom: 32px;
}
.htc-grid-range {
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 60px;
    padding-bottom: 40px;
}
.sidebar__list li {
    color: #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: #000000;
}
.sidebar__list li.blue i {
    color: #0000ff;
}
.sidebar__list li.brown i {
    color: #b2aaaa;
}
.sidebar__list li.red i {
    color: #ff0000;
}
.sidebar__list li.orange i {
    color: #ffba00;
}
.htc__tags {
    display: flex;
    flex-flow: row wrap;
    font-weight: 300;
    margin-left: -13px;
    margin-right: -13px;
}
.htc__tags li a {
    color: #575757;
    font-size: 14px;
    text-transform: capitalize;
    transition: 0.3s;
}
.htc__tags li a:hover {
    color: #ff4136;
}
.htc__tags li {
    margin-bottom: 10px;
    padding: 0 13px;
}
.ui-slider-horizontal {
    height: 5px;
    margin-top: 20px;
}
.ui-widget-header {
    background: #b7b7b7 none repeat scroll 0 0;
    border: 1px solid #b7b7b7;
    color: #b7b7b7;
}
.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #ddd none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 3px;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #b7b7b7 none repeat scroll 0 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #b7b7b7;
    border-radius: 100%;
    height: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
}
.price__output--wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.price--output input {
    border: medium none;
}
.price--output > span {
    float: left;
}
.price--filter a {
    font-family: 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: flex;
    justify-content: space-between;
}
.view__mode {
    display: flex;
    justify-content: flex-end;
}
.product__list__option {
    display: flex;
}
select.select-color {
    border: 0 none;
    color: #606060;
    font-size: 14px;
}
.shp__pro__show {
    align-items: center;
    display: flex;
}
.shp__pro__show span {
    color: #606060;
    font-size: 14px;
}
.view__mode li a i {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
    color: #606060;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
}
.view__mode li + li {
    margin-left: 10px;
}
.view__mode li.active a i {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #b7b7b7;
}
.order-single-btn {
    align-items: center;
    display: flex;
}
.view__mode li a:hover i {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #b7b7b7;
}
.single-grid-view.tab-pane:not(.active) {
    display: none;
}
.single-grid-view .product {
    margin-top: 50px;
}
/*------------------------------
  20. Our Contact Area
--------------------------------*/

#googleMap {
    height: 633px;
    width: 100%;
}
.contact__title {
    color: #666666;
    font-size: 20px;
    margin-bottom: 38px;
    text-transform: uppercase;
}
.contact__address__inner {
    display: flex;
    justify-content: space-between;
}
.single__contact__address {
    display: flex;
}
.contact__icon {
    margin-right: 20px;
    min-width: 60px;
}
.contact__icon span {
    border: 1px solid #cbcbcb;
    border-radius: 100%;
    color: #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: #666666;
    font-size: 18px;
    line-height: 28px;
}
.contact__details p a {
    color: #666;
    transition: all 0.4s ease 0s;
}
.contact__details p a:hover {
    color: #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 #c1c1c1;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #666666;
    font-size: 12px;
    padding-bottom: 15px;
}
.single-contact-form {
    margin-top: 30px;
}
.contact-box.name {
    display: flex;
    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: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #c1c1c1;
    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: transparent none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    color: #4b4b4b;
    font-size: 14px;
    height: 45px;
    letter-spacing: 2px;
    line-height: 45px;
    padding: 0 70px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.contact-btn .fv-btn:hover {
    border: 1px solid #ff4136;
    color: #fff;
    background: #ff4136;
}
.contact-form-wrap > form {
    margin-top: -9px;
}
.contact-box input::-moz-placeholder {
    color: #666666 !important;
}
.contact-box textarea::-moz-placeholder {
    color: #666666 !important;
    opacity: 1;
}
/*-----------------------------------------------
  21. Our Product Details Area
---------------------------------------------------*/

.product__details__container {
    display: flex;
}
.product__small__images {
    min-width: 20%;
    padding-right: 10px;
}
.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 #d5d5d5;
    display: flex;
    justify-content: center;
}
.product__deatils__tab li a {
    color: #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: #ff4136 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 0;
}
.product__deatils__tab li.active a::before {
    width: 100%;
}
.product__deatils__tab li a:hover {
    width: 100%;
}
.title__6 {
    color: #505050;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 28px;
    text-transform: capitalize;
}
.product__desc p {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
}
.product__desc {
    margin-bottom: 50px;
}
.feature__list li a {
    color: #666666;
    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: #ff4136;
}
.pro__review {
    display: flex;
}
.review__thumb {
    margin-right: 30px;
    min-width: 8%;
}
.review__info h4 {
  color: #000;
  display: inline-block;
  font-size: 20px;
  line-height: 16px;
  padding-right: 30px;
  text-transform: uppercase;
}
.review__info {
  display: block;
  margin-bottom: 5px;
}
.rating__send {
  display: inline-block;
  float: right;
}
.rating__send a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 50px;
}
.rating__send a:hover {
    background: #ff4136 none repeat scroll 0 0;
    color: #fff;
}
.review__info ul.rating li a {} .review__info ul.rating li i {
    color: #f3c258;
    font-size: 17px;
}
.review__info ul.rating li + li {
    padding-left: 5px;
}
.review__date span {
    color: #999;
    font-size: 14px;
}
.review__details p {
    color: #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: #999;
    font-size: 19px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.rating__list {
    display: flex;
}
.rating__list ul.rating li i {
    color: #f3c258;
}
.pro__detl__title h2 {
    color: #444444;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
}
.pro__dtl__rating {
    display: flex;
    margin-top: 11px;
}
.pro__rating {
    display: flex;
    padding-right: 20px;
}
.pro__rating li span {
    color: #f3c258;
    font-size: 16px;
}
.pro__rating li + li {
    padding-left: 10px;
}
.pro__dtl__prize {
    display: flex;
    margin-bottom: 26px;
    margin-top: 40px;
}
.pro__dtl__prize li {
    color: #ff4136;
    font-size: 30px;
}
.pro__dtl__prize li.old__prize {
    color: #4d4d4d;
    font-size: 22px;
    padding-right: 15px;
    text-decoration: line-through;
}
.pro__dtl__color {
    margin-bottom: 30px;
}
.pro__choose__color {
    display: flex;
}
.pro__dtl__size {
    margin-bottom: 31px;
}
.title__5 {
    color: #666666;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.pro__choose__color li + li {
    margin-left: 13px;
}
.pro__choose__color li i {
    color: #000;
    font-size: 22px;
}
.pro__choose__color li.red i {
    color: #ff5d42;
}
.pro__choose__color li.blue i {
    color: #425dff;
}
.pro__choose__color li.perpal i {
    color: #fd42ff;
}
.pro__choose__color li.yellow i {
    color: #ffd542;
}
.product-action-wrap {
    align-items: center;
    display: flex;
    margin-bottom: 33px;
}
.prodict-statas {
    padding-right: 20px;
}
.cart-plus-minus {
    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: #666666;
    font-size: 16px;
    left: 0;
    position: absolute;
}
.inc.qtybutton {
    position: absolute;
    right: 17px;
}
.pro__dtl__btn {
    display: flex;
}
.pro__dtl__btn li + li {
    margin-left: 16px;
}
.pro__dtl__btn li a {
    border: 1px solid #d5d5d5;
    display: block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 44px;
    transition: 0.3s;
}
.pro__dtl__btn li a:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #fff;
}
.pro__dtl__btn li.buy__now__btn a {
    color: #4b4b4b;
    font-size: 14px;
    text-transform: uppercase;
    width: 175px;
    transition: 0.3s;
}
.pro__dtl__btn li.buy__now__btn a:hover {
    color: #fff;
    background: #ff4136;
    border: 1px solid #ff4136;
}
.pro__social__share {
    align-items: center;
    display: flex;
    margin-top: 32px;
}
.pro__soaial__link {
    display: flex;
}
.pro__social__share h2 {
    color: #666666;
    font-size: 18px;
    padding-right: 10px;
}
.pro__soaial__link li + li {
    padding-left: 30px;
}
.pro__soaial__link li a i {
    color: #797979;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.pro__soaial__link li a:hover i {
    color: #ff4136;
}
.pro__details p {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
}
.pro__details {
    margin-top: 20px;
}
.pro__choose__size {
    display: flex;
}
.pro__choose__size li + li {
    padding-left: 20px;
}
.pro__choose__size li a {
    text-transform: uppercase;
}
.prodict-statas span {
    color: #666666;
    font-size: 18px;
    text-transform: capitalize;
}
.review__box {
    margin-top: 35px;
}
.review-box.name {
    display: flex;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.review-box.name input {
    border: 1px solid #999;
    height: 40px;
    margin: 0 15px;
    padding: 0 15px;
    width: 50%;
}
.review-box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #999;
    min-height: 100px;
    padding-left: 20px;
}
.review-btn {
    margin-top: 30px;
}
.review-btn a.fv-btn {
    border: 1px solid #999;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 37px;
    padding: 0 28px;
    text-transform: uppercase;
    transition: 0.4s;
}
.review-btn a.fv-btn:hover {
    border: 1px solid #ff4136;
    background: #ff4136;
    color: #fff;
}
.review-box textarea::-moz-placeholder {
    color: #333 !important;
    opacity: 1 !important;
}
/*-----------------------------------------------
  22. Wrapper Sidebar
---------------------------------------------------*/

.wrapper__sidebar .container-fluid {
    width: 90%;
}
.sidebar--content {
    background: #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: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    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: flex;
    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: #fff none repeat scroll 0 0;
    color: #ff4136;
}
.wrapper__sidebar .sidebar--nav {
    margin-bottom: 50px;
    max-height: 350px;
}
/* Tools */

.wrapper__sidebar .menu-extra {
    justify-content: center;
}
.wrapper__sidebar .sidebar--tools {
    margin-bottom: 40px;
}
.wrapper__sidebar .sidebar--social__network .social__icon {
    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: #f6f6f6 none repeat scroll 0 0;
    text-align: center;
}
.blog-details-thumb-wrap {
    position: relative;
}
.upcoming-date {
    background: #4c4c4c none repeat scroll 0 0;
    color: #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: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.blog-details-top h2 a {
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    text-transform: uppercase;
    transition: 0.3s;
}
.blog-admin-and-comment {
    display: flex;
    margin-bottom: 15px;
    margin-top: 10px;
}
.blog-admin-and-comment p {
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.blog-admin-and-comment p a {
    color: #555555;
}
.blog-admin-and-comment p.separator {
    margin: 0 10px;
}
.blog-details-pra p {
    color: #666666;
    line-height: 27px;
}
blockquote {
    border-left: medium none transparent;
    font-size: 16px;
    line-height: 27px;
    margin: 26px 40px 26px 42px;
    padding: 0 0 0 19px;
    position: relative;
}
blockquote::before {
    background: #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 #4c4c4c;
    display: flex;
    justify-content: space-between;
    margin-top: 21px;
    padding-bottom: 6px;
}
.post p {
    color: #555555;
    font-size: 12px;
    font-weight: 600;
}
.section-title-2 {
    color: #555555;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 14px;
    position: relative;
    text-transform: uppercase;
}
.section-title-2::before {
    background: #555555 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.single-blog-comment {
    display: flex;
    margin-top: 40px;
}
.blog-comment-thumb {
    margin-right: 30px;
}
.blog-comment-thumb img {
    max-width: 63px;
}
.comment-title-date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.comment-title-date h2 a {
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.reply p {
    color: #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: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    color: #3c3c3c !important;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}
.reply-form-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    color: #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: transparent none repeat scroll 0 0;
    border: 1px solid #dcd9d9;
    border-radius: 0;
    color: #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: #4c4c4c none repeat scroll 0 0;
    height: 47px;
    line-height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
}
.srch-btn:hover {
    background: #ff4136;
}
.srch-btn i {
    color: #fff;
    display: block;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    width: 70px;
}
.categore-menu li a {
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}
.categore-menu li a:hover {
    color: #ff4136;
}
.categore-menu li a span {
    float: right;
    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 #dcd9d9;
    height: 42px;
    line-height: 42px;
}
.categore-menu li a span:hover {
    color: #ff4136;
}
.single-recent-post {
    display: flex;
    margin-top: 23px;
}
.recent-thumb {
    align-items: center;
    display: flex;
    margin-right: 20px;
}
.recent-thumb a img {
    max-width: 80px;
}
.recent-post-time {
    display: flex;
    margin-top: 5px;
}
.recent-post-time p {
    font-size: 13px;
    font-weight: 400;
    color: #555555;
}
.recent-post-time p.separator {
    margin: 0 10px;
}
.tag-menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 40px;
}
.tag-menu li a {
    border: 1px solid #dcd9d9;
    color: #666666;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    height: 36px;
    line-height: 34px;
    padding: 0 21px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.tag-menu li {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.tag-menu li a:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #fff;
}
.comment-title-date h2 a:hover {
    color: #ff4136;
}
.blog-details-top h2 {
    font-size: 18px;
    padding-top: 37px;
    text-transform: capitalize;
}
.blog-social-icon ul {
    display: flex;
}
.blog-social-icon ul li + li {
    padding-left: 16px;
}
.blog-social-icon ul li a i {
    color: #555555;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.blog-social-icon ul li a:hover i {
    color: #ff4136;
}
.comment-title-date h2 {
    font-size: 45px;
    padding-top: 0;
}
.reply-form-box textarea::-moz-placeholder {
    color: #3c3c3c !important;
    opacity: 1;
}
.reply p a {
    color: #555;
}
.reply p a:hover {
    color: #ff4136;
}
.modal-body {
    padding: 15px 15px 30px;
    position: relative;
}
.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: #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: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.blog__details__btn a.htc__btn {
    border: 1px solid #999;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    letter-spacing: 2px;
    line-height: 43px;
    padding: 0 46px;
    text-transform: uppercase;
    transition: 0.5s;
}
.blog__details__btn a.htc__btn:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #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: #505050;
    line-height: 26px;
    width: 88%;
}
.list__details__inner span.product__price {
    color: #999;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 8px;
}
.shop__btn a.htc__btn {
    border: 1px solid #999;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    text-transform: capitalize;
    transition: 0.4s;
}
.shop__btn a.htc__btn:hover {
    background: #ff4136;
    border: 1px solid #ff4136;
    color: #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 transparent;
}
.order-single-btn select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: 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: #fff none repeat scroll 0 0;
    border-color: #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 #c1c1c1;
    border-right: 1px solid #c1c1c1;
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
    color: #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: #767676;
}
.wishlist-table table .product-add-to-cart > a {
    background: #252525 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover {
    background: #ff4136;
    color: #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: flex;
    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: #fff none repeat scroll 0 0;
    border-color: #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 #c1c1c1;
    border-right: 1px solid #c1c1c1;
}
.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: 14px;
    font-weight: bold;
    width: 120px;
    color: #777;
}
.table-content table td.product-name a {
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
    color: #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: #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: #777;
}
.table-content table td.product-remove i:hover {
    color: #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: #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: #252525 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #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;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
}
.buttons-cart input:hover,
.coupon input[type=submit]:hover,
.buttons-cart a:hover {
    background: #ff4136;
    color: #fff !important;
}
.buttons-cart a {
    color: #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 #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 #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: #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: #6f6f6f;
}
a.shipping-calculator-button:hover {
    color: #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: #252525 none repeat scroll 0 0;
    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;
}
.wc-proceed-to-checkout a:hover {
    background: #ff4136;
    color: #fff !important;
}
.owl-theme .owl-controls .owl-page span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 100%;
    display: block;
    height: 13px;
    margin: 3px;
    width: 13px;
    transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 2px solid #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: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    color: #767676;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    width: 47.5%;
    margin-bottom: 40px;
}
.single-checkout-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    font-size: 12px;
    min-height: 160px;
    padding: 10px;
    resize: none;
    width: 100%;
    padding-left: 20px;
}
.single-checkout-box textarea::-moz-placeholder {
    opacity: 1 !important;
}
.single-checkout-box select {
    margin-right: 30px;
    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: 34px;
}
.payment-form {
    margin-top: 51px;
}
.payment-form-inner {
    margin-top: 40px;
}
.payment-menu {
    display: flex;
    margin-bottom: 30px;
    margin-top: 40px;
}
.payment-menu li + li {
    margin-left: 30px;
}
.payment-menu li {
    border: 1px solid transparent;
    padding: 2px;
    transition: all 0.3s ease 0s;
}
.payment-menu li:hover {
    border: 1px solid #ff4136;
}
.single-checkout-box select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background: rgba(0, 0, 0, 0) url("images/icons/select-option.png") no-repeat scroll 96% 14px / 11px 9px;
    border: 1px solid #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: #f6f6f6 none repeat scroll 0 0;
    padding: 40px 0;
    text-align: center;
    width: 370px;
}
.puick-contact-area a {
    color: #777474;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    transition: all 0.3s ease 0s;
}
.puick-contact-area a:hover {
    color: #ff4136;
}
/* others */

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


/* 28. portfolio style */

.res-portfolio .hover-title {
  padding: 20px 12px;
}
.res-portfolio .portfolio-title.portfolio-title-2 {
  width: 80%;
}
.res-portfolio .portfolio-popup {
  width: 20%;
}
.res-portfolio .portfolio-title > h3 {
  letter-spacing: 0;
}

.single-portfolio {
    position: relative;
}
.hover-title {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    bottom: -30px;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-portfolio:hover .hover-title {
    bottom: 0px;
    opacity: 1;
}
.portfolio-title > h3 {
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.portfolio-title > span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
}
.gutter-btn button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.gutter-btn button.active {
    color: #ff4136;
}
.portfolio-img-title img {
    width: 100%;
}
.portfolio-title.portfolio-title-2 {
    display: inline-block;
    float: left;
    width: 70%;
}
.portfolio-popup {
    display: inline-block;
    float: right;
    text-align: right;
    width: 30%;
}
.portfolio-popup a {
    color: #666;
    display: inline-block;
    font-size: 22px;
    line-height: 1;
    margin-top: -2px;
}
.portfolio-popup a:hover {
    color: #ff4136;
}
.no-gutte .grid-item,
.no-gutte.grid,
.no-gutte .grid-item-justified,
.no-gutte.grid-justified {
    margin: 0;
    padding: 0;
}
.single-portfolio-card {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    position: relative;
}
.portfolio-card-title {
    padding: 18px 20px 15px;
}
.portfolio-img {
    position: relative;
}
.only-banner-img a img {
    width: 100%;
}
.portfolio-img::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    content: "";
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.single-portfolio-card:hover .portfolio-img::before {
    opacity: .5;
}
.portfolio-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.portfolio-icon a {
    color: #444;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    height: 50px;
    line-height: 50px;
    width: 50px;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    box-shadow: 0 0 0 5px rgba(246, 249, 250, 0.62);
    border-radius: 50%;
    transform: scale(1.5);
    opacity: 0;
    z-index: 99;
    
}
.portfolio-icon a i {
    line-height: 50px;
}
.portfolio-icon a:hover {
    color: #ff4136;
}
.single-portfolio-card:hover .portfolio-icon a {
    opacity: 1;
    transform: scale(1);
}
.portfolio-img img {
    width: 100%;
}
.portfolio-tab-active .tab-menu-text > h4 {
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    padding: 0 20px;
}
.portfolio-tab-active ul li.active .tab-menu-text > h4 {
    color: #ff4136;
}
.portfolio-slider-active .col-md-4 {
    width: 100%;
}
.portfolio-slider-active .owl-dots {
    margin-top: 16px;
    text-align: center;
}
.portfolio-slider-active .owl-dot {
    background: #ddd none repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 17px;
    margin: 0 4px;
    width: 17px;
}
.portfolio-slider-active .owl-dot.active {
    border: 2px solid #ff4136;
    height: 18px;
    width: 18px;
    background: transparent;
}
.portfolio-slider-active .single-portfolio-card {
    border: 1px solid #f1f1f1;
    box-shadow: none;
}
.portfolio-description h2 {
    border-bottom: 1px solid #e5e5e5;
    color: #303030;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0 0 35px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.portfolio-description > p {
    margin-bottom: 15px;
}
.portfolio-info ul li {
    color: #666;
    padding: 5px 0;
    text-transform: capitalize;
}
.portfolio-info ul li span {
    color: #444;
    font-weight: 600;
    margin-right: 10px;
}
.portfolio-info ul li a {
    color: #666;
}
.portfolio-social ul {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 10px 0;
}
.portfolio-social ul li {
    display: inline-block;
    margin-right: 20px;
}
.portfolio-social ul li a {
    color: #666;
    font-size: 18px;
}
.portfolio-social ul li a:hover,
.portfolio-info ul li a:hover {
    color: #ff4136;
}
.portfolio-social {
    margin-top: 30px;
}
.portfolio-info {
    margin-top: 24px;
}
.single-portfolio-img > img {
    width: 100%;
}
.single-portfolio-slider .owl-nav div {
    background: #fff none repeat scroll 0 0;
    font-size: 25px;
    height: 40px;
    left: 10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
}
.single-portfolio-slider .owl-nav div i {
    line-height: 40px;
}
.single-portfolio-slider .owl-nav div.owl-next {
    left: auto;
    right: 10px;
}
.single-portfolio-slider:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}
.single-portfolio-gallery:hover .portfolio-img::before {
    opacity: 0.5;
}
.single-portfolio-gallery:hover .portfolio-icon a {
    opacity: 1;
    transform: scale(1);
}
.another-product-section .tab-style > li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: block;
}
.another-product-section .tab-style > li a .tab-menu-text {
    padding: 18px 20px 16px;
}
.another-product-section .tab-style > li.active {
    border-right: 0px solid #fff;
}
.another-product-section .product-tab-list {
    border: inherit;
    padding: 0;
}
.another-product-section .product-categories-title > h3 {
    background-color: #f9f9f9;
}
.another-product-section .product-slider-active .product {
    margin-top: 52px;
}
.float-left-style {
    float: right;
}
.float-right-style {
    float: left;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}