/*-----------------------------------------------------------------------------------
  Template Name: Frege Foods And VEgetables HTML Template.
  Template URI: #
  Description: Frege 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.0
-----------------------------------------------------------------------------------

  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. Service
  04. Our Product Area
  05. Our Choose Area
  06. Countdown
  07. Fress Food Area
  08. Testimonial Area
  09. Blog Area
  10. Quickview Product
  11. Bradcaump Area
  12. About Us Area
  13. Contact Us Area
  14. Blog With Right Sidebar
  15. Blog Details
  16. Product Full View
  17. Shop Grid Left Sidebar
  18. Shop List Left Sidebar
  19. Portfolio Details Area
  20. Our Cart Area
  21. Our Checkout Page
  22. Our Wishlist Area


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


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

/*

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

    font-family: 'Playfair Display', serif;


*/



/*@font-face {*/
/*    font-family: 'DejaVu-Sans';*/
/*    src:url(../../fonts/DejaVu-Sans.ttf.woff) format('woff'),*/
/*        url(../../DejaVu-Sans.ttf.svg#DejaVu-Sans) format('svg'),*/
/*        url(../../DejaVu-Sans.ttf.eot),*/
/*        url(../../DejaVu-Sans.ttf.eot?#iefix) format('embedded-opentype'); */
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'DejaVu-Sans';
    src: url(fonts/DejaVu-Sans.ttf.woff) format('woff'),
        url(fonts/DejaVu-Sans.ttf.svg#DejaVu-Sans) format('svg'),
        url(fonts/DejaVu-Sans.ttf.eot),
        url(fonts/DejaVu-Sans.ttf.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
#scrollUp {
    border-radius: 2px;
    bottom: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 28px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 200;
    bottom: 15px;
}

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

#scrollUp {
    background: #9d0202 none repeat scroll 0 0;
}

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

/*---------------------------------------
  03. Service
----------------------------------------*/
.service h4.service__title {
    line-height: 48px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.service {
    padding: 26px 54px 34px;
}

.service h4.service__title:hover {
    color: #fa5e4c;
}

.service p {
    margin-bottom: 5px;
}

/*---------------------------------------
  04. Our Product Area
----------------------------------------*/
h2.text-center {
    line-height: 27px;
    text-transform: capitalize;
}

.fv-port-filter-nav {
    display: flex;
    justify-content: center;
}

.fv-port-filter-nav {
    margin-top: 9px;
}

.fv-port-filter-nav li {
    cursor: pointer;
    font-family: 'DejaVu-Sans';
    font-size: 18px;
    font-weight: 400;
    line-height: 75px;
    text-transform: capitalize;
}

.fv-port-filter-nav li {
    padding: 0 25px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.fv-port-filter-nav li::before {
    color: #444444;
    content: "-";
    font-size: 18px;
    position: absolute;
    right: -4px;
}

.fv-port-filter-nav li:hover,
.fv-port-filter-nav li.is-checked {
    color: #fa5e4c;
}

.fv-port-filter-nav li:last-child::before {
    display: none;
}

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

.rating li {
    float: left;
}

.rating li i {
    color: #fa5e4c;
}

.rating li+li {
    margin-left: 3px;
}

.pro__title__rating h4 {
    text-transform: capitalize;
    line-height: 27px;
    font-size: 14px;
}

.product__prize {
    display: flex;
    margin-top: 5px;
}

.product__prize p.new__prize {
    color: #252525;
    font-family: 'DejaVu-Sans';
    font-size: 24px;
    font-weight: 400;
    margin-right: 7px;
}

.product__prize p.old__prize {
    color: #606060;
    font-family: 'DejaVu-Sans';
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

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

.product__thumb a {
    display: block;
}

.product__thumb__inner {
    position: relative;
}

.single__product {
    overflow: hidden;
    /*padding-bottom: 10px;*/
    position: relative;
    transition: all 0.3s ease 0s;
}

.product__details {
    bottom: 0;
    left: 0;
    opacity: 1;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 41px;
    /* position: absolute; */
    transition: all 0.3s ease 0s;
    visibility: visible;
    width: 100%;

}

/*.single__product {
  margin-top: 30px;
}*/
.single__product:hover {
    /* box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15);*/
}

.product__area .pro-item {
    margin-top: 30px;
}

.product__area .product__wrap {
    margin-top: -30px;
}

a.prod-btn {
    font-family: 'DejaVu-Sans';
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 8px;
    border-radius: 3px;
}

.prod-btn:hover,
.prod-btn:focus,
.prod-btn:active {
    background-color: #fa5e4c;
    border: solid 1px #fa5e4c;
}

.prod-btn {
    margin-top: 15px;
    /* align-items: flex-end; */
    /* display: flex; */
    height: 32px;
    line-height: 32px;
    color: #fff;

    font-size: 12px;
    background-color: #9d0202;
    border: solid 1px #9d0202;
}

.single__product:hover .product__details {
    /*  opacity: 0;
  visibility: hidden;*/
}

.single__product:hover .product__hover__information {
    opacity: 1;
    visibility: visible;
}

.product__hover__information {
    background: #f1f1f1 none repeat scroll 0 0;
    opacity: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    z-index: 2;
    visibility: hidden;
}

/*--------------------
  Social icon
---------------------*/
ul.social__icon {
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
}

ul.social__icon li a {
    border: 1px solid #fa5e4c;
    border-radius: 10px 0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
}

ul.social__icon li a i {
    color: #fa5e4c;
    font-size: 20px;
    transition: all 0.3s ease 0s;
}

ul.social__icon li+li {
    margin-left: 15px;
}

ul.social__icon li a:hover {
    background: #fa5e4c none repeat scroll 0 0;
}

ul.social__icon li a:hover i {
    color: #fff;
}

/*-----------------------
  Product Level
----------------------------*/

.product__level {
    position: absolute;
    top: 10px;
}

.product__level.product__status--right {
    right: 10px;
}

.product__level.product__status--left {
    left: 10px;
}

.product__status {
    color: #fa5e4c;
    font-family: 'DejaVu-Sans';
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

/*---------------------------------------
  05. Our Choose Area
----------------------------------------*/
.choose__wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 170px 0;
}

.section-title-2 {
    font-weight: 400;
    line-height: 34px;
    text-transform: capitalize;
    color: #000000;
    font-size: 25px;
}

.fg-section-title h2 {
    color: #000000;
    font-weight: 100;
}

.choose__inner p {
    margin-top: 10px;
}

.choose__inner {
    z-index: 2;
    position: relative;
}

.choose {
    position: relative;
}

.choose .choose-text-right {
    padding: 25px 30px 30px 25px;
    text-align: right;
}

.choose .choose-text-left {
    padding: 25px 36px 30px 43px;
}

.choose::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.choose.skew-left::before {
    transform: translateX(35px) perspective(400px) rotateY(20deg);
}

.choose.skew-right::before {
    transform: translateX(-22px) perspective(400px) rotateY(-20deg);
}

.choose.choose-right {}


/*-------------------------------------
  06. Countdown
----------------------------------------*/
.box-timer {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
}

.hastech-count {
    align-items: center;
    border: 2px solid #fa5e4c;
    border-radius: 100%;
    display: flex;
    height: 70px;
    justify-content: center;
    margin: auto 20px;
    text-align: center;
    width: 70px;
    background: #fff;
}

.time-count {
    color: #fa5e4c;
    font-family: 'DejaVu-Sans';
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
}

.count-inner p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
    color: #fa5e4c;
    font-family: 'DejaVu-Sans';
    font-weight: 400;
}

.countbox>div {
    color: #fa5e4c;
    font-size: 24px;
}

.countdown-flex {
    display: flex;
    height: 130px;
    align-items: center;
}

.coundown-down-active.clearfix {
    display: inline-block;
}

.box-timer {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.countbox>div>span {
    float: left;
}

.coundown-wrap {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    position: relative;
}

.coundown-inner-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.hastech-count.days:first-child {
    margin-left: 0;
}

/*------------------
  Coundown Text
--------------------*/
.coundown-inner h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.coundown-inner p {
    font-size: 18px;
    line-height: 40px;
}

/*------------------
  Week Product
--------------------*/
.week-product-price {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 24px;
    color: #9d0202;
}

.week-desc {}

p.week-desc {
    padding-left: 0px !important;
    color: #000;
    font-size: 14px !important;
    word-break: break-all;
}

.new__product__wrap {
    padding: 110px 0;
}

.new__product h3.title-3 {
    font-size: 44px;
    margin-bottom: 22px;
    text-transform: capitalize;
}

.new__product h4.title-2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 6px;
}

.new__product h2.title-1 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 21px;
    text-transform: capitalize;
}

.new__product {
    background: #fff none repeat scroll 0 0;
    margin-top: 60%;
    z-index: 1;
}

/*-------------------------------------
  07. Fress Food Area
----------------------------------------*/
.fresh {
    display: flex;
}

.fresh-item-left {
    margin-right: 0px;
}

.frs__itm__title {
    font-size: 24px;
    margin-bottom: 46px;
}

.fresh__details span.new__prize {
    display: inline-block;
    font-family: 'DejaVu-Sans';
    font-size: 24px;
    margin-top: 11px;
}

.fresh__details h4 {
    margin-bottom: 5px;
}

.frs-itm-hover-info {
    background: #fff none repeat scroll 0 0;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 0.4s ease 0s;
    width: 100%;
}

.frs-item-thumb {
    position: relative;
}

.frs-item-thumb a {
    display: block;
}

.frs-itm-hover-info li a {
    border-right: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 70px;
}

.frs-itm-hover-info li a i {
    color: #fa5e4c;
    font-size: 24px;
    transition: all 0.3s ease 0s;
}

.frs-itm-hover-info li:first-child a {
    border-left: 1px solid #f1f1f1;
}

.frs-itm-hover-info li:last-child a {
    border-bottom: 1px solid #f1f1f1;
}

.frs-itm-hover-info li:nth-child(3) a {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}

.fresh:hover ul.frs-itm-hover-info {
    opacity: 1;
    transform: scale(1);
}

.frs-itm-hover-info li a:hover i {
    color: #fff;
}

.frs-itm-hover-info li a:hover {
    background: #fa5e4c;
}

.fresh__fooder__container .col-md-6 {
    margin-top: 30px;
}

.fresh__fooder__container {
    margin-top: -30px;
}





/*-------------------------------------
  08. Testimonial Area
----------------------------------------*/
.testimonial__container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 100px 0;
}

.testimonial__inner {
    display: flex;
}

.testimonial__thumb {
    margin-right: 50px;
    width: 260px;
}

.testimonial__thumb img {
    width: 100%;
}

.test-info h2 {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
}

.test-info h4 {
    margin-bottom: 18px;
    margin-top: 9px;
    text-transform: capitalize;
    color: #000000;
}

.test-info p {
    color: #000000;
}

.testimonial {
    border: 5px solid #ffffff;
    padding: 60px 170px 50px;
}

.testimonial__title {
    background: #f1f1f1 none repeat scroll 0 0 !important;
    left: 50%;
    padding: 0 13px;
    position: absolute;
    top: -13px;
    transform: translateX(-50%);
    z-index: 2;

}

.testimonial__title h2 {
    text-transform: uppercase;
    color: #000000;
}

.testimonial .slick-dots {
    background: #f1f1f1 none repeat scroll 0 0;
    width: 20px;
    text-align: center;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    padding-bottom: 4px;
}

.slick-dots li {
    margin: 0 1px;
}

.slick-dots li.slick-active button::before {
    color: #fa5e4c;
    opacity: 1;
}

.slick-dots li button::before {
    color: #9d0202;
    /* content: "\f26d" !important; */
    font-size: 13px;
    opacity: 1;
}

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


.blog__details h2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize;
    color: #000;
    font-family: 'DejaVu-Sans';
    text-align: center;
}

.blog__title h2 {
    color: #000000;
}

.blog__post {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
}

.blog-btn a {
    font-family: 'DejaVu-Sans';
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;

}

.blog-btn:hover,
.blog-btn:focus,
.blog-btn:active {
    background-color: #fa5e4c;
    border: solid 1px #fa5e4c;
}

.blog-btn {
    margin-top: 15px;
    /* align-items: flex-end; */
    /* display: flex; */
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    padding: 0px 8px;
    font-size: 12px;
    background-color: #9d0202;
    border: solid 1px #9d0202;
}

.post-date span {
    font-family: 'DejaVu-Sans';

    color: #000000
}

.post-date span.date {
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-align: right
}

.post-date span.month {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px;
}

.blog__details {
    background: transparent none repeat scroll 0 0;
    /* border: 3px solid #fff; */
    bottom: 23px;
    /* left: 20px; */
    padding: 30px 0px;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 100%;
}


.blog:hover .blog__details {
    /* background: #fff none repeat scroll 0 0;
    border-color: transparent transparent #fa5e4c;
    border-style: solid;
    border-width: 3px;*/
}


/*-------------------------------------
  10. Quickview Product
----------------------------------------*/
.close:hover,
.close:focus {
    color: #fa5e4c;
}

.dropdown__shopping__basket {
    background: #ffffff none repeat scroll 0 0;
    border-color: #f1f1f1 currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    width: 400px;
    z-index: 99999999;
    display: none;
}

.shopping__basket_notices {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.mini-products-list li {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}

.mini-products-list .shopping-image {
    border: 1px solid #f1f1f1;
    display: block;
    float: left;
    line-height: 30px;
    width: 30%;
}

.shopping-product-details {
    float: left;
    padding: 0 0 0 15px;
    width: 55%;
}

.shopping-pro-action {
    float: left;
    padding-top: 10px;
    text-align: right;
    width: 15%;
}

.cartproduct-name {
    line-height: 20px !important;
    margin: 5px 0;
}

.cartproduct-name a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

strong.qty {
    color: #9d9d9d;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 6px;
}

.sig-price {
    color: #fa5e4c;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.btn-remove {
    background: #404040 url("images/icons/btn_remove.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    font-size: 0;
    height: 15px;
    line-height: 0;
    margin-left: 3px;
    overflow: hidden;
    text-indent: -999em;
    width: 15px;
}

.btn-edit {
    background: rgba(0, 0, 0, 0) url("images/icons/btn_edit.gif") no-repeat scroll 0 0;
    display: block;
    float: right;
    font-size: 0;
    height: 11px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 11px;
}

.cart__search__list .mini-products-list li+li {
    margin-left: 0;
}

.cart__search__list .mini-products-list li {
    height: auto;
    position: relative;
}

.cart__search__list .mini-products-list li {
    line-height: inherit;
}

.top-subtotal {
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    display: flex;
    height: 50px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart-btn {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #444;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 29px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.cart-btn:hover {
    color: #fff;
    background: #fa5e4c;
    border: 1px solid #fa5e4c;
}


/*-----------------------------
  11. Bradcaump Area
------------------------------*/
.bradcaump-title {
    font-size: 30px;
    line-height: 41px;
    text-transform: uppercase;
}

.bradcaump-wrap nav.bradcaump-inner {
    color: #252525;
    font-family: 'DejaVu-Sans';
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    text-transform: uppercase;
}

.brd-separetor {
    margin: 0 10px;
}

.ht-bradcaump-area {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding-top: 150px;
}

.ht-bradcaump-container {
    align-items: center;
    display: flex;
    height: 250px;
}

.breadcrumb-item.active {
    color: #fa5e4c;
}

/*-----------------------------
  12. About Us Area
------------------------------*/
.about-thumb {
    position: relative;
    z-index: 2;
}

.about-container {
    position: relative;
}

.about__hover__info {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    left: 50%;
    padding: 90px 70px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
}

.about__info__wrap {
    text-align: center;
}

.about-title p {
    font-family: 'DejaVu-Sans';
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}

.about-title {
    margin-bottom: 38px;
}

.about-details p+p {
    margin-top: 26px;
}

.about-address {
    margin-top: 50px;
}

.about-address h2 {
    font-size: 18px;
    margin-bottom: 8px;
}

.about-address h4 {
    color: #606060;
    font-size: 16px;
}

.adout-address-siganture {
    margin-top: 12px;
}

/*-----------------------------
  13. Contact Us Area
------------------------------*/
.contact-address-inner {
    display: flex;
    justify-content: space-between;
}

.single-contant-address {
    background: #f1f1f1 none repeat scroll 0 0;
    display: flex;
    justify-content: center;
    padding: 40px 0;
    width: 370px;
    min-height: 154px;
}

.address-icon i {
    border: 1px solid #909090;
    color: #909090;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
}

.address-icon {
    align-items: center;
    display: flex;
    margin-right: 15px;
}

.contact-box input[type="text"],
.contact-box input[type="email"],
.contact-box input[type="password"] {
    border: 1px solid #eeeeee;
    color: #909090;
    font-size: 14px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
    line-height: 40px;
}

.contact-box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eee;
    font-size: 14px;
    min-height: 100px;
    padding: 20px;
    resize: none;
    width: 100%;
    color: #909090;
}

.contact-box {
    display: flex;
}

.contact-box input+input {
    margin-left: 30px;
}

.single-contact-form+.single-contact-form {
    margin-top: 20px;
}

.contact-btn {
    margin-top: 40px;
}

.contact-title h2 {
    font-size: 18px;
}

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

.contact-form-wrap {
    padding-bottom: 50px;
}

.contact-thumd img {
    height: 600px;
}

#googleMap {
    height: 600px;
    width: 100%;
}

.contact__map__area .container-fluid .col-md-4 {
    padding: 0;
}

.contact__map__area .container-fluid .col-md-8 {
    padding: 0;
}

/*----------------------------------------------
  14. Blog With Right Sidebar
------------------------------------------------*/
.blog--left--sidebar .blog__details {
    width: 830px;
}

.blog--left--sidebar .blog__post__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog--left--sidebar .ht__blog__like__comment {
    display: flex;
}

.blog--left--sidebar .ht__blog__like__comment li {
    color: #909090;
    font-size: 14px;
}

.blog--left--sidebar .ht__blog__like__comment li+li {
    margin-left: 30px;
}

.blog--left--sidebar .ht__blog__like__comment li i {
    font-size: 14px;
    margin-right: 10px;
}

.blog--left--sidebar .blog-desc {
    margin-top: 21px;
}

.blog.blog--left--sidebar {
    margin-top: 50px;
}

.blog__left__sidebar {
    margin-top: -50px;
}

.category__search input[type="text"],
.category__search input[type="email"],
.category__search input[type="password"] {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 65px;
    width: 100%;
}

.blog__right__sidebar .btn-search {
    background: #fa5e4c none repeat scroll 0 0;
    border: 1px solid #fa5e4c;
    color: #fff;
    font-size: 24px;
    height: 100%;
    line-height: 37px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 50px;
}

.blog__right__sidebar .category__search {
    position: relative;
}

.blog__right__sidebar .btn-search a i {
    color: #fff;
}

.blog__right__sidebar .btn-search:hover {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #444;
}

.blog__right__sidebar .category__area {
    margin-top: 40px;
}

.blog__right__sidebar .section-title-4 {
    border-bottom: 1px solid #dcdcdc;
    display: block;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
    text-transform: capitalize;
}

.blog__right__sidebar .section-title-4::before {
    background: #606060 none repeat scroll 0 0;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 2px;
}

.blog__right__sidebar .category__menu li a {
    color: #606060;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-right: 30px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.blog__right__sidebar .category__menu li+li {
    border-top: 1px solid #dcdcdc;
}

.blog__right__sidebar .category__menu li a span {
    float: right;
    transition: all 0.3s ease 0s;
}

.blog__right__sidebar .category__menu li a:hover {
    color: #fa5e4c;
}

.blog__right__sidebar .category__menu {
    margin-top: 20px;
}

.blog__right__sidebar .recent__post__inner {
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    padding: 20px;
}

.blog__right__sidebar .recent__post__area {
    margin-top: 40px;
}

.blog__right__sidebar .recent__post__thumb {
    margin-right: 16px;
}

.recent__post__date {
    color: #909090;
    font-size: 14px;
    margin-top: 8px;
}

.recent__post__details h4 {
    font-size: 16px;
}

.recent__post__details {}

.recent__post__inner:last-child {
    border-bottom: 1px solid #dcdcdc;
}

.blog__tags {
    margin-top: 40px;
}

.tags__menu {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.tags__menu li a {
    border: 1px solid #e7e7e7;
    color: #606060;
    display: inline-block;
    height: 35px;
    line-height: 29px;
    padding: 0 16px;
    transition: all 0.3s ease 0s;
}

.testy__food__area {
    margin-top: 40px;
}

.tags__menu li {
    margin: 0 5px 10px;
}

.tags__menu li a:hover {
    background: #e7e7e7 none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    color: #fa5e4c;
}

.bg-7 {
    background: rgba(0, 0, 0, 0) url("images/blog/post-img/2.png") no-repeat scroll center center;
}

.testy__food__area {
    align-items: flex-end;
    display: flex;
    height: 254px;
}

.testy__food__inner h4 {
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
}

.testy__food__inner h6 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 18px;
    text-transform: uppercase;
}

.testy__food__inner h6 span {
    display: block;
    margin-top: 10px;
}

/*----------------------------------------------
  15. Blog Details
------------------------------------------------*/

.ht__blog__details__container .post__date__share {
    display: flex;
    justify-content: space-between;
}

.ht__blog__details__container .post__share {
    display: flex;
    font-size: 14px;
}

.ht__blog__details__container .ht__blog__like__comment {
    display: flex;
    margin-top: 6px;
}

.ht__blog__details__container .ht__blog__details__inner {
    padding: 50px 40px;
}

.ht__blog__details__container .post__date span {
    color: #909090;
    font-family: 'DejaVu-Sans';
    font-size: 14px;
}

.ht__blog__details__container .post__share li+li {
    margin-left: 16px;
}

.ht__blog__details__container .post__share li {
    color: #909090;
}

.ht__blog__details__container .post__share li a i {
    color: #909090;
    transition: all 0.3s ease 0s;
}

.ht__blog__details__container .post__share li a i:hover {
    color: #fa5e4c;
}

.ht__blog__details__container .ht__blog__like__comment li+li {
    margin-left: 30px;
}

.ht__blog__details__container .ht__blog__like__comment li i {
    color: #909090;
    font-size: 14px;
    margin-right: 10px;
}

.ht__blog__details__container .ht__blog__like__comment li i span a {
    color: #909090;
}

.ht__blog__details__container .ht__blog__like__comment li span {
    color: #909090;
    font-size: 14px;
}

.ht__blog__details__container .blog-title {
    font-size: 24px;
    font-weight: 400;
}

.ht__blog__details__container .ht__blog__details {
    margin-top: 20px;
}

.ht__blog__details__container .ht__blog__pra {
    margin-top: 25px;
}

.ht__blog__details__container .blog__about {
    display: flex;
    padding: 15px 40px;
}

.ht__blog__details__container .blog__about__thumb {
    margin-right: 20px;
}

.ht__blog__details__container .blog__about__details {
    border-left: 1px solid #fa5e4c;
    padding: 10px;
}

.ht__blog__details__container .blog__about__details h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 11px;
}

.ht__blog__details__container .blog__comment {
    margin-top: 50px;
    padding: 0 40px;
}

.ht__blog__details__container .section__title__3 {
    font-size: 18px;
}

blockquote {
    border-left: medium none transparent;
    border-top: 1px solid #fa5e4c;
    font-size: 15px;
    margin: 40px 100px;
    padding: 20px;
    background: #f1f1f1;
    color: #333;
}

.ht__blog__details__container .single__comment {
    display: flex;
    padding: 30px 0;
}

.ht__blog__details__container .comment__thumb {
    margin-right: 30px;
}

.ht__blog__details__container .reply a {}

.ht__blog__details__container .comment__author__info {
    display: flex;
    justify-content: space-between;
}

.ht__blog__details__container .comment__author__info h4 a {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

.ht__blog__details__container .comment__author__info h4 span {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    margin-left: 12px;
}

.ht__blog__details__container .single__comment {
    border-bottom: 1px solid #f1f1f1;
}

.ht__blog__details__container .reply a i {
    border: 1px solid #f1f1f1;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.ht__blog__details__container .blog__comment__container {
    margin-top: 10px;
}

.ht__blog__details__container .reply a:hover i {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #444;
    color: #fff;
}

.single__comment.comment--reply {
    margin-left: 60px;
}

.blog__leave__comment__area {
    margin-top: 50px;
    padding: 0 40px;
}

form#contact-form {
    margin-top: 30px;
}

.blog__position {
    box-shadow: 0 5px 10px rgba(0, 0, 50, 0.1);
    left: 30px;
    padding-bottom: 50px;
    position: relative;
    right: 30px;
    top: -50px;
    width: 1110px;
}

/*----------------------------------------------
  16. Product Full View
------------------------------------------------*/
select.select-color {
    border: 1px solid #e7e7e7;
    height: 35px;
    padding: 0 20px;
    width: 100%;
}

select.select-color option {
    border: medium none;
    padding: 7px 20px;
}

.producy--view--container {
    display: flex;
    justify-content: space-between;
}

.list__view__thumb img {
    width: 100%;
}

.grid__list {
    display: flex;
}

.product__thumb a img {
    width: 100%;
}

.grid__list li a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
}

.grid__list li a i {
    color: #909090;
    font-size: 20px;
    transition: all 0.3s ease 0s;
}

.grid__list li a {
    border: 1px solid #e7e7e7;
}

.grid__list li+li {
    margin-left: 10px;
}

.product__list {
    display: flex;
}

.product__list span {
    font-family: Lato;
    margin-right: 15px;
    text-transform: uppercase;
    display: flex;
    align-self: center;
}

.grid__list li a:hover {
    background: #fa5e4c none repeat scroll 0 0;
}

.grid__list li a:hover i {
    color: #fff;
}

.select-color {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("images/icons/select-option.png") no-repeat scroll 90% 14px / 10px 7px;
}

.product__full__view__area .fv-port-filter-nav {
    display: none;
}

.single-grid-view.tab-pane:not(.active) {
    display: none;
}

.view-mode li.active i {
    color: #fa5e4c;
}

/*--------------------------
  pagination
---------------------------*/
.htc-pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.htc-pagination li a {
    background: transparent;
    border: 1px solid #e7e7e7;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 35px;
    color: #909090;
}

.htc-pagination li a i {
    color: #909090;
    transition: 0.3s;
}

.htc-pagination li a:hover {
    background: #fa5e4c none repeat scroll 0 0;
    border: 1px solid #fa5e4c;
    color: #fff;
}

.htc-pagination li a:hover i {
    color: #fff;
}

.htc-pagination li.active a {
    background: #fa5e4c none repeat scroll 0 0;
    border: 1px solid #fa5e4c;
    color: #fff;
}

.htc-pagination li+li {
    margin-left: 10px;
}

/*----------------------------------------------
  17. Shop Grid Left Sidebar
------------------------------------------------*/
.product__grid__view .blog__right__sidebar .recent__post__inner {
    display: flex;
    padding: 20px 20px 20px 0;
    border: 0 none;
}

.grid-title {
    background: #fa5e4c none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    text-transform: capitalize;
}

/*Price slider*/
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fa5e4c;
    border-radius: 100%;
    height: 12px;
    width: 12px;
}

.ui-slider-horizontal .ui-slider-range {
    background: #fa5e4c none repeat scroll 0 0;
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #dcdcdc none repeat scroll 0 0;
    border: 0 solid #dcdcdc;
    border-radius: 0;
    height: 3px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.ui-slider .ui-slider-handle {
    top: -5px;
}

.price_filter #amount {
    border: medium none;
    color: #000;
    font-weight: 400;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0px;
    padding-left: 10px;
    width: 50%;
}

.price_filter.s-filter {
    padding: 25px 0 0;
}

.dm-sidebar {
    background: #fff none repeat scroll 0 0;
}

.price_filter .price--output {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.htc-grid-range {
    margin-top: 40px;
}






/*----------------------------------------------
  18. Shop List Left Sidebar
------------------------------------------------*/
.list--view--details ul.social__icon {
    border-top: 1px solid #e7e7e7;
    display: flex;
    justify-content: flex-start;
    padding-top: 30px;
    margin-top: 20px;
}

.list__view__inner {
    display: flex;
}

.list__view__thumb {
    margin-right: 30px;
    width: 47%;
}

.list--title--rating {
    display: flex;
    justify-content: space-between;
}

.list--view--details p {
    border-top: 1px solid #e7e7e7;
    margin-top: 23px;
    padding-top: 20px;
}

.list--item .recent__post__inner {
    padding-left: 0;
}

.single__list__view {
    margin-top: 30px;
}

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

.single-grid-view.tab-pane:not(.active) {
    display: none;
}

.product--full--width .col-xs-12 {
    margin-top: 30px;
}

.product--full--width #list-view .col-xs-12 {
    margin-top: 0px;
}

/*------------------------------------------
  19. Portfolio Details Area
-------------------------------------------*/
.portfolio-owl-active .owl-item img {
    width: 100%;
}

.portfolio-owl-active .owl-buttons {
    background: #fa5e4c none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

.portfolio-owl-active .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 20px;
    margin: 3px;
    opacity: 1;
    padding: 13px 13px;
}

.portfolio-owl-active .owl-controls .owl-buttons div i {
    color: #fff;
}

/*Portfolio details Tab panel*/
.tp-portfolio-small-image.nav-tabs {
    border-bottom: none;
}

.pot-small-img a {
    position: relative;
    display: block;
}

.pot-small-img a::before {
    background: #fa5e4c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: 0.3s;
}

.pot-small-img a:hover::before {
    opacity: 0.8;
}

.pot-small-img a::after {
    border: 1px solid #fff;
    bottom: 8px;
    content: "";
    left: 8px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.pot-small-img a:hover::after {
    opacity: 1;
    visibility: visible;
}

.portfolio-owl-active {
    display: flex;
    justify-content: space-between;
}

.htc__product__details__area ul.social__icon {
    margin-top: 40px;
    justify-content: flex-start;
}

.htc__product__details__area h2 {
    font-size: 24px;
    text-transform: capitalize;
}

.htc__product__details__area .product__prize p.new__prize.text-theme {
    color: #fa5e4c;
    font-size: 30px;
}

.htc__product__details__area .product__price__rating {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 15px;
}

.review__info__menu {
    display: flex;
    justify-content: center;
}

.review_info_menu li {
    margin: 0 0px;
}

.review__info__menu {
    margin-left: -30px;
    margin-right: -30px;
}

.review__info__menu li a {
    /*color: #252525;*/
    font-family: 'DejaVu-Sans';
    /*font-size: 24px;*/
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;

    color: #ffffff;
    background-color: #444444;
    padding: 5px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 5px;

}

.review__info__menu li.active a {
    /*color: #fa5e4c;*/
    color: #ffffff !important;
    background-color: #f95e4a;
}

.review__info__wrap {
    border: 1px solid #f3f3f3;
    padding: 30px;
}

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

.review__info__menu li:hover a {
    color: #fa5e4c;
}

.review {
    display: flex;
}

.review .review__thumb {
    margin-right: 30px;
}

.review {
    margin-top: 30px;
}

.review__info h4 {
    float: left;
}

.rating__send {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
}

.review .rating {
    float: left;
    margin-left: 27px;
    overflow: hidden;
}

.review .rating__send a {
    background: #f1f1f1 none repeat scroll 0 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 50px;
}

.review .rating__send a i {
    color: #999999;
    font-size: 18px;
    transition: all 0.3s ease 0s;
}

.review .rating__send a+a {
    margin-left: 5px;
}

.review .rating__send a:hover {
    background: #fa5e4c none repeat scroll 0 0;
}

.review .rating__send a:hover i {
    color: #fff;
}

.review .review__info h4 {
    font-size: 20px;
    text-transform: uppercase;
}

.review__date span {
    color: #909090;
    display: inline-block;
    margin-bottom: 7px;
}

.rating__list .rating {
    overflow: hidden;
    padding: 0 15px;
    position: relative;
}

.rating__list {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 13px;
}

.rating__list .rating::before {
    background: #dcdcdc none repeat scroll 0 0;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

.rating__list .rating:first-child *::before {}

.rating__list .rating:first-child::before {
    position: inherit;
}

.rating__wrap {
    margin-top: 40px;
}

.rating__wrap .rating-title {
    color: #606060;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.rating__wrap .rating-title-2 {
    color: #606060;
    font-family: Lato;
    font-size: 20px;
    font-weight: 400;
}

.review__box .contact-box input[type="text"],
.review__box .contact-box input[type="email"],
.review__box .contact-box input[type="password"] {
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
}

.review__box .contact-box.message textarea {
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.rating-title-2 {
    margin-top: 23px;
}

/*---------------------------------------
  20. Our Cart Area
----------------------------------------*/
.cart-main-area {
    margin-bottom: 100px;
}

.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-family: 'DejaVu-Sans';
    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: #fa5e4c
}

.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-family: 'DejaVu-Sans';
    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: #fa5e4c;
    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: #fa5e4c
}

.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: #fa5e4c;
    color: #fff !important;
}

.owl-theme .owl-controls .owl-page span {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #9d0202;
    border-radius: 100%;
    display: block;
    height: 15px;
    margin: 3px;
    width: 15px;
    transition: 0.3s;
}

.storyborderpad {
    padding-top: 90px;
    padding-bottom: 90px;
    /*margin-top:100px;*/
}

.deal__week p {
    margin-bottom: 25px;
    color: #000;
    font-size: 20px;
    padding-left: 25px;
}

.storyborder {
    background-image: url(images/storyline.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 2px solid #9d0202;
    background-color: #9d0202;
}

.slider-area.slider-v4 {
    margin: 30px 0 35px 0;
}

.coupon p {
    margin-bottom: 12px;
}

/*---------------------------------------
  21. 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 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 #fa5e4c;
}

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

/*---------------------------------------
  22. 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;
    margin: 20px 0 50px;
    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: #fa5e4c;
    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;
}

/*-------------------------------
quickview-wrapper
--------------------------------*/
#quickview-wrapper {
    position: relative;
    z-index: 99999999;
}

.product-info h1 {
    font-size: 20px;
    line-height: 15px;
    margin-top: 14px;
    text-transform: uppercase;
}

.s-price-box span.new-price {
    color: #fa5e4c;
    font-size: 24px;
    line-height: 24px;
}

.s-price-box {
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.s-price-box span.old-price {
    color: #909090;
    font-size: 18px;
    line-height: 24px;
    margin-left: 20px;
}

.see-all {
    color: #252525;
    display: block;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    margin-top: 10px;
    text-transform: uppercase;
}

.cart {
    display: flex;
}

.numbers-row {
    margin-bottom: 14px;
    margin-right: 20px;
}

.numbers-row input {
    border: 1px solid #c1c1c1;
    color: #fa5e4c;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.single_add_to_cart_button {
    background: #fa5e4c none repeat scroll 0 0;
    border: 1px solid #fa5e4c;
    color: #fff;
    display: block;
    font-weight: 400;
    height: 30px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.single_add_to_cart_button:hover {
    background: #252525 none repeat scroll 0 0;
    border: 1px solid #252525;
    color: #fff;
}

.social-sharing .social-icons {
    display: flex;
    margin-top: 15px;
}

.social-sharing .social-icons li+li {
    margin-left: 10px;
}

.social-sharing .social-icons .social-icon {
    margin-top: 7px;
}

.social-sharing .social-icons li a i {
    background: #fa5e4c none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    transition: all 0.3s ease 0s;
}

.social-sharing .social-icons li a:hover i {
    background: #252525 none repeat scroll 0 0;
    color: #fff;
}

.modal-product .product-info {
    margin-left: 20px;
}

.modal-product {
    display: flex;
}

.modal-product .product-info .social-sharing {
    margin-top: 25px;
}

.widget.widget_socialsharing_widget .widget-title-modal {
    color: #696969;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.quick-add-to-cart .cart {
    display: flex;
    justify-content: flex-start;
}

.numbers-row {
    margin-bottom: 0;
    margin-right: 20px;
}

.numbers-row {
    margin-bottom: 0;
    margin-right: 20px;
    width: 100px;
}

.numbers-row input {
    width: 100%;
}

span.count-inner {
    padding: 12px;
    color: #9d0101;
}

.our-story {
    /* background-image: url(images/bg/2.png) !important; */
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
}

.stockist .btn-default {
    color: #333;
    background-color: #fff;
    border: 5px solid #eaeaea;
}

.stockist .btn {
    padding: 12px 12px;
    border-radius: 20px;
}

.stockist .dropdown-menu {
    margin: 18px 0 0;
}

.stockist .btn-default:active:hover,
.btn-default.active:hover,
.stockist .open>.dropdown-toggle.btn-default:hover,
.stockist .btn-default:active:focus,
.stockist .btn-default.active:focus,
.stockist .open>.dropdown-toggle.btn-default:focus,
.stockist .btn-default:active.focus,
.stockist .btn-default.active.focus,
.stockist .open>.dropdown-toggle.btn-default.focus {
    color: #e95845;
    background-color: #fff9f8;
    border-color: #eb5845;
}

.stockist .btn-default:active,
.stockist .btn-default.active,
.stockist .open>.dropdown-toggle.btn-default {
    color: #e95845;
    background-color: #fff9f8;
    border-color: #eb5845;
}

.stockist .btn-default:active,
.stockist .btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #e95845;
    background-color: #fff9f8;
    border-color: #eb5845;
}

.stockist .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: none !important;
    outline-offset: unset !important;
}

.stockist .dropdown-menu>.active>a,
.stockist .dropdown-menu>.active>a:hover,
.stockist .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #f95e4a;
}

.stockist .form-control:focus {
    border-color: #f95e4a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(249 94 74);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(249 94 74);
}

#owl-demo .item {
    background: #ffff;
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.customNavigation {
    text-align: center;
}

/*use styles below to disable ugly selection*/
.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#owl-demo {
    margin-top: 3%;
}

.owl-stage {
    display: flex;
}

.owl-item {
    display: flex;
    flex: 1 0 auto;
}

.main__menu>li>a:hover {
    color: #000;

}

.main__menu>li>a:hover {
    transition: ease 1s;
    /* transform: translateY(-5px); */
    /* transform-origin: center; */
    font-size: 17px;
    text-shadow: 3px 4px 4px black;
}