/*-----------------------------------------------------------------------------------
Template: Bolli - Multipurpose Fashion Template

Description: Bolli is a multipurpose bootstrap 5 template which comes with lot of features.

Version: 1.0
-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Theme Default CSS (css/shortcode/default.css)
2. Header CSS (css/shortcode/header.css)
3. Slider CSS (css/shortcode/slider.css)
4. Footer CSS (css/shortcode/footer.css)
5. default style
6. Shop page
7. pagination
8. shop list style
9. blog page
10. single-blog
11. about us page
12. 404 page
13. Faq page
14. Contact page
15. cart page
16. Wishlist page
17. Single Product
18. checkout page
-----------------------------------------------------------------------------------*/

/* Google Fonts */

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700|Raleway:400,600,700|Roboto+Slab:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');

/*----------------------------------------*/


/*  5. promo style
/*----------------------------------------*/

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 01 Hairline.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 02 Thin.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 03 Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 04 Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 05 Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 06 Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 07 Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Yekan Bakh";
    src: local("Yekan Bakh"),
    url("/fonts/Yekan/FaNum/Yekan Bakh FaNum 08 Fat.ttf") format("truetype");
    font-weight: 1000;
    font-style: normal;
}

a , p ,h1,h2,h3,h4,h5,h6 {
    font-family: "Yekan Bakh";
}

.wrapper {
    overflow-x: hidden;
}

.container {
    width: 1200px
}

.single-promo i {
    color: #00a9da;
    display: block;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}

.single-promo h3 {
    padding-bottom: 15px;
    position: relative;
}

.single-promo h3:before {
    background: #00a9da none repeat scroll 100% 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 70px;
}

.single-promo.text-center h3:before {
    right: 0;
    left: 0;
    margin: auto;
}

.single-promo.text-end h3:before {
    right: auto;
    left: 0;
}


/*Call to action*/

.action-box-button a.button span {
    font-size: 13px;
    padding: 11px 12px;
}


/* breadcrumb style*/

.breadcrumb-list > li {
    display: inline-block;
    float: none;
    margin-right: 22px;
    position: relative;
}

.breadcrumb-list > li:after {
    color: #ffffff;
    content: "/";
    right: -14px;
    position: absolute;
    top: 2px;
}

.breadcrumb-list > li:first-child {
    margin-right: 0
}

.breadcrumb-list > li:first-child:after {
    content: ""
}

.breadcrumb-list > li > a {
    color: #ffffff
}


/*************************************
 Custom-content all
**************************************/

.boxed-layout .wrapper {
    -webkit-box-shadow: 3px 0 50px -2px rgba(0, 0, 0, 0.14);
    box-shadow: 3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    width: 1240px;
}

.boxed-layout .sticky {
    right: auto;
    margin: auto;
    width: 1240px;
}


/*----------------------------------------*/


/*  10. Home 5
/*----------------------------------------*/

.banner-slider-wraper {
    max-width: 1170px;
    margin: 0 auto;
}

.slider-banner .single-banner img {
    max-height: 240px
}


/* single product */

.single-product {
    position: relative;
}

.product-img {
    position: relative
}

.product-img a img.primary-image {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.product-img a img.secondary-image {
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.product-img img {
    width: 100%
}

.single-product:hover .product-img a img.secondary-image {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-label {
    left: 0;
    position: absolute;
    top: 10px;
    z-index: 999;
}

.product-label .common-tag {
    background: #f39383 none repeat scroll 100% 0;
    color: #fff;
    height: 22px;
    left: 0;
    line-height: 22px;
    min-height: 22px;
    min-width: 50px;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    margin: 5px 0;
}

.product-label .sale {
    background: #FCBF6F none repeat scroll 100% 0;
}

.sold-out .product-img::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .1) url(images/icons/sold-out.png);
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 99;
    background-position: top center;
}

.product-icon ul li a {
    background: #fff none repeat scroll 100% 0;
    border: 1px solid #d0d3d7;
    -webkit-border-radius: 3px;
    color: #3e3f40;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 100%;
}

.prodcut-name a {
    font-family: "Yekan Bakh";
}

.product-icon ul li a:hover {
    background: #f39383 none repeat scroll 100% 0;
    border-color: #f39383;
    color: #ffffff;
}

.product-icon {
    right: 15px;
    position: absolute;
    top: 60px;
    z-index: 999;
}

.product-icon ul li {
    margin-bottom: 5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding-top: 15px;
}

.sold-out .product-icon ul li .add-cart {
    cursor: not-allowed;
}

.single-product:hover .product-icon ul li {
    padding: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-icon ul li:first-child {
    -webkit-transition: all 0.30s ease-in 0s;
    transition: all 0.30s ease-in 0s;
}

.product-icon ul li:nth-child(2) {
    -webkit-transition: all 0.35s ease-in 0s;
    transition: all 0.35s ease-in 0s;
}

.product-icon ul li:nth-child(3) {
    -webkit-transition: all 0.40s ease-in 0s;
    transition: all 0.40s ease-in 0s;
}

.product-icon ul li:last-child {
    margin-bottom: 0;
    -webkit-transition: all 0.45s ease-in 0s;
    transition: all 0.45s ease-in 0s;
}

.prodcut-ratting > a {
    color: #f39383;
    font-size: 12px;
}

.prodcut-price {
    color: #f39383;
    font-size: 14px;
}

.prodcut-price del {
    color: #777;
}

.old-price {
    display: inline-block
}

.new-price {
    display: inline-block;
    font-size: 16px;
    margin-left: 2px;
}

.list-price .new-price {
    font-size: 22px;
}

.prodcut-ratting-price {
    overflow: hidden;
}

.product-text {
    text-align: center;
    padding: 10px;
    border-top: 1px solid #f6f6f6;
}

.product-list-content .product-text {
    text-align: right;
    border: none;
    padding: 0;
}

.product-list-icon .slider-btn a {
    padding: 13px 22px;
    text-transform: capitalize;
    border: 1px solid #ccc;
    border-radius: 100px;
    margin-bottom: 20px;
    color: #3e3f40;
}


/* End Single Product */

.title-tab-product-category li a:hover:after,
.title-tab-product-category li a.active:after {
    border-top: 6px solid #f39383
}

.title-tab-product-category li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 3px;
    padding: 0;
}

.title-tab-product-category li a:after {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid transparent;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    right: 50%;
    margin-right: -5px;
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.title-tab-product-category li a:hover,
.title-tab-product-category li a.active {
    color: #f39383;
}

.title-tab-product-category li a {
    color: #232527;
    display: inline-block;
    font-family: "Yekan Bakh";
    Yekan Bakhspacing: "Yekan Bakh1,px;
    position: relative;
    -webkit-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
    margin-left: 20px;
}

.title-tab-product-category .nav {
    margin-bottom: 30px;
    text-align: center;
    display: block;
}

.tab-content.tab-carsl > .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.tab-content.tab-carsl > .tab-pane.active {
    height: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.car-btn-def-style.slick-slider {
    margin-left: -10px;
    margin-right: -10px;
}


/*===== On sale product area ======*/

.single-product-2 .product-text {
    text-align: center
}

.single-product-2 .prodcut-price,
.single-product-3 .prodcut-price {
    display: block;
    float: none;
    margin-top: 2px;
}

.single-product-2 .prodcut-ratting,
.single-product-3 .prodcut-ratting {
    display: block;
    float: none;
}

.single-product-2 .prodcut-ratting-price,
.single-product-3 .prodcut-ratting-price {
    margin-top: 0
}

.single-product-2 .old-price,
.single-product-3 .old-price {
    color: #999999
}

.catagory-title > h3 {
    color: #232527;
    font-size: 16px;
    letter-spacing: 0.8px;
    margin-bottom: 30px;
    position: relative;
}

.catagory-title > h3::before {
    position: absolute;
    width: 40px;
    height: 1px;
    background: #363636;
    bottom: -10px;
    right: 0;
    content: "";
}


/* catagorye aside */

.total-aside {
    border: 1px solid #f1f1f1;
    padding: 20px 15px;
}

.single-aside {
    margin-bottom: 30px;
}


/* Treeeview Css */

.treeview li {
    position: relative
}

.treeview .hitarea {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

.hitarea.expandable-hitarea:before {
    content: "+";
    font-size: 20px;
}

.hitarea.collapsable-hitarea:before {
    content: "-";
    font-size: 20px;
}

.product-cat ul li a {
    font-size: 14px;
    letter-spacing: 0.8px;
    line-height: 40px;
}

.product-cat ul li {
    border-top: 1px solid #e5e5e5
}

.product-cat ul li ul li {
    padding-right: 15px
}

.product-cat ul li ul li a {
    font-size: 13px
}


/* End Treeeview css */


/* sale prodcut aside */

.single-product-3 {
    overflow: hidden
}

.single-product-3 .product-img {
    float: right;
    width: 30%;
}

.single-product-3 .product-text {
    float: right;
    padding-right: 10px;
    width: 70%;
    text-align: right;
    padding-bottom: 5px;
}

.total-sale-product .single-product {
    margin-bottom: 10px;
    border: none;
    padding-bottom: 0;
}

.single-product-3 .prodcut-name {
    margin-top: 0
}

.small-product-icon ul {
    display: flex;
    margin-top: 10px;
}

.small-product-icon ul li {
    margin-left: 10px;
}

.small-product-icon ul li a {
    border: 1px solid #eee;
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
}

.small-product-icon ul li a:hover {
    color: #fff;
    background: #f39383;
    border-color: #f39383;
}


/* plan-aside */

.aside-banner {
    margin-top: 30px;
}

.total-aside .single-aside:last-child {
    margin: 0;
}


/* custom block aside */

.custom-block-aside p {
    font-size: 15px;
    line-height: 25px;
    margin: 0;
}


/* from blog aside */

.single-from-blog img {
    width: 100%
}

.total-from-blog.slick-slider .slick-slide .col-md-4,
.total-from-blog_4.slick-slider .slick-slide .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.admin-post-date {
    margin-top: 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.post-by {
    float: right;
    font-size: 13px;
    margin-left: 15px;
}

.post-date {
    float: right;
    font-size: 13px;
    position: relative;
}

.post-date:before {
    background: #000 none repeat scroll 100% 0;
    content: "";
    height: 15px;
    right: -25px;
    position: absolute;
    top: 5px;
    width: 1px;
    display: none;
}

.post-by > a {
    color: #f39383;
    text-transform: capitalize;
}

.post-by > a:hover {
    text-decoration: underline
}

.what-we-heading.from-blog-heading h3 {
    font-family: "Yekan Bakh";
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 10px;
}

.from-blog-content {
    margin-bottom: 22px
}

.blog-grid-page .single-from-blog {
    margin-bottom: 30px;
}

.what-we-content-wrapper {
    padding: 10px 20px 20px;
}

.single-from-blog {
    border: 1px solid #eee;
}

/*----------------------------------------*/


/*  12. Shop page
/*----------------------------------------*/

.shop-page {
    background: #f4f4f4 none repeat scroll 100% 0
}


/* list-grid-short-view */

.sort {
    display: block;
    text-align: left;
}

.sort > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("images/icons/down5.png") no-repeat scroll 10% 50%;
    border: 1px solid #ededed;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    width: 155px;
}

.showing span {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    display: inline-block;
    font-size: 14px;
}

.sort label {
    font-size: 14px;
    margin-left: 10px;
}

option {
    font-size: 14px;
    padding: 5px;
}

.list-grid-view .nav {
    display: block;
}

.list-grid-view li a {
    color: #9a9fa3;
    font-size: 20px;
    line-height: 35px;
}

.list-grid-view .nav > li > a:hover,
.list-grid-view .nav > li > a:focus {
    background: none
}

.list-grid-view li a:hover,
.list-grid-view li a.active {
    color: #232527
}

.list-grid-view .nav > li {
    display: inline-block;
    margin-left: 8px;
}

.list-grid-view .nav > li:last-child {
    margin-left: 0
}

.list-grid-view .nav > li a {
    padding: 0
}

.show-otion-list-grid-area {
    overflow: hidden;
    padding: 30px 0 25px;
}

.single-product.single-product-4 {
    margin-bottom: 30px
}

h1.body-title {
    font-family: Raleway, Arial, Helvetica, sans- "Yekan Bakh";
    Yekan Bakhsize: "Yekan Bakh3,6px;
    font-weight: 600;
    line-height: 50px;
    margin: 0 0 20px;
}


/*----------------------------------------*/


/*  13. pagination
/*----------------------------------------*/

.pagination-btn ul li {
    display: inline-block
}

.pagination-btn ul li a,
.pagination-btn ul li .current {
    background: #ececec none repeat scroll 100% 0;
    border: 1px solid #e5e5e5;
    color: #1c1e1f;
    font-size: 15px;
    height: 40px;
    line-height: 38px;
    margin: 0 1px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
    width: 40px;
    display: block;
}

.pagination-btn ul li .current,
.pagination-btn ul li a:hover {
    background: #f39383 none repeat scroll 100% 0;
    border-color: #f39383;
    color: #ffffff;
}


/*----------------------------------------*/


/*  14. shop list style
/*----------------------------------------*/

.product-img.list-img {
    float: right;
    width: 30%;
    border: 1px solid #eee;
}

.product-list-content {
    float: right;
    padding: 0 30px;
    width: 70%;
}

.product-icon.product-list-icon {
    position: static
}

.product-icon.product-list-icon ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 0;
}

.prodcut-price.list-price {
    float: none
}

.prodcut-ratting.list-ratting {
    float: none;
    margin-bottom: 5px;
}

.slider-btn a i {
    margin-left: 10px;
}

.list-product-desc p {
    color: #3e3f40;
    line-height: 1.8;
    margin: 0 0 20px;
    font-size: 15px;
}

.prodcut-price.list-price {
    font-size: 20px;
    margin-bottom: 5px;
}

.list-price .old-price {
    color: #999999;
    margin-left: 5px;
}

.prodcut-name-list {
    font-size: 25px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.single-product-list {
    overflow: hidden
}

.single-product {
    margin-bottom: 30px;
    border: 1px solid #f6f6f6;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(41, 44, 58, .05);
    transition: .3s
}

.single-product:hover {
    box-shadow: 0 0 15px 0 rgba(41, 44, 58, .1);
}

.single-product.single-product-list {
    border: none;
    padding: 0;
}


/*----------------------------------------*/


/*  15. Price Slider
/*----------------------------------------*/

.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #363636 none repeat scroll 100% 0;
    border: medium none;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 5px;
    margin-bottom: 30px;
    margin-right: auto;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #f39383;
    border: 2px solid #f39383;
    cursor: w-resize;
    height: 15px;
    margin-top: 0;
    width: 5px;
    border-radius: 0;
}

.price_filter .ui-slider-range {
    background: #f39383 none repeat scroll 100% 0
}

.info_widget {
    margin-top: 20px
}

.price_slider_amount > input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-width: 0;
    float: left;
    font-size: 14px;
    height: 33px;
    letter-spacing: 3px;
    line-height: 33px;
    text-align: center;
    width: 125px;
}

.price_slider_amount > input[type="submit"] {
    background: #eaeaea none repeat scroll 100% 0;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-width: 0;
    color: #252525;
    float: right;
    font-size: 1.15em;
    height: 33px;
    line-height: 33px;
    margin: 0 0 0 10px;
    padding: 0 17px;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    width: auto;
    cursor: pointer;
}

.price_slider_amount > input[type="submit"]:hover {
    background: #f39383;
    color: #fff;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-right: 0
}

.ui-slider-horizontal .ui-slider-handle:last-child {
    margin-right: -5px;
}

.single-aside.custom-price-aside {
    overflow: hidden;
}


/* End Price Slider */


/*----------------------------------------*/


/*  16. breadcrumb
/*----------------------------------------*/

.breadcrumb {
    background: transparent none repeat scroll 100% 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb li a {
    color: #4a4d4f;
    font-size: 14px;
}

.breadcrumb li.active {
    color: #4a4d4f;
}

.breadcrumb > li + li {
    position: relative
}

.breadcrumb li a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.breadcrumb li:hover a {
    color: #f39383
}

.breadcrumb > li + li::before {
    color: #4a4d4f;
    content: "/";
    padding: 0 5px 0 8px;
}

.breadcumb-area {
    background: rgba(0, 0, 0, 0) url("images/blog/blog-header-bg.jpg") no-repeat scroll 50% 0 / cover;
    min-height: 500px;
    position: relative;
}

.bred-hading > h1 {
    color: #4a4d4f;
    display: block;
    font-size: 50px;
    font-weight: 300;
}

.bread-main {
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}


/*----------------------------------------*/


/*  17. blog page
/*----------------------------------------*/


/* blog aside */

.search-box.blog-search input {
    background: #f6f6f6 none repeat scroll 100% 0;
    border: 1px solid #e5e5e5;
    color: #000;
    height: 50px;
    width: 100%;
    padding: 0 10px 0 60px;
    font-size: 15px;
}

.src-btn.src-btn-blog {
    color: #4a4d4f;
    height: 100%;
    right: auto;
    line-height: 50px;
    left: 0;
}

.search-box.blog-search .input-box {
    position: relative;
}

.search-box.blog-search input::-moz-placeholder {
    font-size: 15px
}

.blog-aside-social .social-icon ul li a {
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.blog-aside-social .social-icon ul li a.facebook {
    background: #2b80e0 none repeat scroll 100% 0;
    border-color: #2b80e0;
}

.blog-aside-social .social-icon ul li a.facebook:hover {
    background: #154f90 none repeat scroll 100% 0;
    border-color: #154f90;
}

.blog-aside-social {
    display: block;
    float: right;
    width: 100%;
}

.blog-aside-social .social-icon ul li {
    margin-left: 4px
}

.blog-aside-social .social-icon ul li a.twitter {
    background: #1fb8ff none repeat scroll 100% 0;
    border-color: #1fb8ff;
}

.blog-aside-social .social-icon ul li a.twitter:hover {
    background: #007eb8 none repeat scroll 100% 0;
    border-color: #007eb8;
}

.blog-aside-social .social-icon ul li a.dribble {
    background: #d842a1 none repeat scroll 100% 0;
    border-color: #d842a1;
}

.blog-aside-social .social-icon ul li a.dribble:hover {
    background: #951f6a none repeat scroll 100% 0;
    border-color: #951f6a;
}

.blog-aside-social .social-icon ul li a.g-plus {
    background: #da2c2c none repeat scroll 100% 0;
    border-color: #da2c2c;
}

.blog-aside-social .social-icon ul li a.g-plus:hover {
    background: #881818 none repeat scroll 100% 0;
    border-color: #881818;
}

.blog-aside-social .social-icon ul li a.instargm {
    background: #2595cf none repeat scroll 100% 0;
    border-color: #2595cf;
}

.blog-aside-social .social-icon ul li a.instargm:hover {
    background: #165778 none repeat scroll 100% 0;
    border-color: #165778;
}

.blog-aside-instgram .ins-follow-btn > a {
    background: #517fa4 none repeat scroll 100% 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    padding: 7px 14px;
}

.blog-aside-instgram .ins-follow-btn > a:hover {
    background: #f39383 none repeat scroll 100% 0;
    color: #fff;
}

.product-cat.blog-arcive-ctg ul li a {
    font-size: 16px
}

.product-cat.blog-arcive-ctg ul li a::before {
    content: "\f1c0";
    font-family: fontawesome;
    margin-left: 10px;
}

.product-cat.blog-arcive-ctg ul li {
    border-bottom: 1px solid #e5e5e5;
    border-top: medium none;
}

.product-cat.blog-arcive-ctg ul li a span {
    float: left;
}

.tagcloud ul li a {
    background: #f1f1f1 none repeat scroll 100% 0;
    border: 1px solid #e5e5e5;
    color: #4a4d4f;
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    -webkit-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}

.tagcloud li {
    display: inline-block
}

.tagcloud li a:hover {
    background: #f39383 none repeat scroll 100% 0;
    color: #ffffff;
    border-color: #f39383;
}

.blog-space {
    background: #ffffff none repeat scroll 100% 0;
    margin: 0 0 60px;
    padding: 0;
}

.single-blog-top {
    float: right;
    width: 100%;
}

.atuhoer-img > img {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 55px;
    width: 55px;
}

.author-side {
    float: right;
    width: 50%;
}

.atuhoer-img {
    float: right
}

.post-type-des {
    float: right;
    padding-right: 15px;
}

.post-type-des > a {
    color: #262626;
    font-size: 16px;
}

.post-type-des > a span {
    font-weight: 700
}

.single-blog-top {
    margin-bottom: 20px;
}

.blog-date {
    font-size: 14px
}

.total-sale-product .blog-date span {
    color: #f39383;
}

.post-type-des > a:hover {
    color: #f39383
}

.social-icon-blog {
    float: left
}

.social-icon-blog ul li {
    margin: 0
}

.social-icon-blog ul li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    border: medium none;
    color: #000;
    height: auto;
    line-height: 25px;
    padding: 0 10px;
    width: auto;
}

.social-icon-blog ul li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    color: #2393ec;
}

.share-side {
    float: right;
    width: 50%;
    margin-top: 20px;
}

.social-icon-blog > span {
    float: right;
    font-family: roboto slab;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
}

.social-icon-blog > ul {
    float: right;
    padding-right: 10px;
}

.blog-img img {
    width: 100%
}

.what-we-heading.blog-heading > h3 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 10px;
}

.single-blog-area .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.readmore > a {
    color: #f39383
}

.readmore > a:hover {
    text-decoration: underline
}

.readmore a i {
    padding-left: 5px
}

.readmore {
    float: right
}

.comments {
    float: left
}

.comments-readmore {
    border-top: 2px dotted #e5e5e5;
    overflow: hidden;
    padding-top: 20px;
}

.blog-content {
    margin-bottom: 25px
}

.blog-img-slider.carosule-pagi .slick-dots li {
    background: #fff none repeat scroll 100% 0
}

.blog-audio audio {
    width: 100%
}

.su-youtube iframe {
    border: medium none;
    height: 430px;
    width: 100%;
}

.blog-img-slider.carosule-pagi ul.slick-dots {
    bottom: 30px
}

.carosule-pagi .slick-dots li {
    background: transparent none repeat scroll 100% 0;
    border: 2px solid #f39383;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    position: relative;
    width: 16px;
}

.carosule-pagi .slick-dots li button {
    background: transparent none repeat scroll 100% 0;
    border: medium none;
    border-radius: 100%;
    bottom: 0;
    display: block;
    height: 4px;
    right: 0;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    text-indent: -9999px;
    padding: 0;
}

.carosule-pagi .slick-dots li:hover button,
.carosule-pagi .slick-dots li.slick-active button {
    background: #f39383 none repeat scroll 100% 0
}


/*----------------------------------------*/


/*  18. single-blog
/*----------------------------------------*/

.blog-content blockquote {
    background: #f7f7f7 none repeat scroll 100% 0;
    border: medium none;
    font-size: 14px;
    font-style: italic;
    margin: 20px 0;
    padding: 30px;
}

.blog-content span {
    display: block
}

.blog-aside-social .social-icon ul li a.pinterest {
    background: #cb2027 none repeat scroll 100% 0;
    border-color: #cb2027;
}

.blog-aside-social .social-icon ul li a.pinterest:hover {
    background: #9f191f none repeat scroll 100% 0;
    border-color: #9f191f;
}

.blog-aside-social .social-icon ul li a.linkdin {
    background: #0097bd none repeat scroll 100% 0;
    border-color: #0097bd;
}

.blog-aside-social .social-icon ul li a.linkdin:hover {
    background: #006e8a none repeat scroll 100% 0;
    border-color: #006e8a;
}

.social-icon.single-blog-social ul li a {
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 150px;
}

.single-blog-social li a i {
    padding-left: 5px
}

.social-icon.single-blog-social {
    float: right;
    margin: 35px 0 60px;
    width: 100%;
}

.post_type_meta {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 20px;
}

.single-blog-area .blog-img {
    margin-bottom: 10px;
}

.author-meta a {
    color: #999999
}

.author-meta a:hover {
    color: #f39383
}

.author-meta-area .author-side {
    width: 100%
}

.author-meta-area .atuhoer-img > img {
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 90px;
    width: 90px;
}

.author-meta-area .post-type-des > p {
    color: #999;
    font-size: 15px;
    margin: 0;
}

.author-meta-area .post-type-des {
    overflow: hidden;
    padding-right: 30px;
    float: none;
}

.author-meta-area .post-type-des .post_author_name {
    font-size: 24px;
    margin-bottom: 5px;
}

.author-meta-area {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
}

.catagory-title.cat-tit-2 > h3 {
    font-size: 20px
}

.catagory-title.cat-tit-2 {
    margin: 40px 0 20px;
}

.reply a {
    color: #999;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

.single-comments {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}

.single-comments .author-side {
    width: 100%
}

.reply > a i {
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.reply > a:hover {
    color: #f39383;
}

.single-comments .blog-date {
    color: #969696;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.author-text {
    margin-top: 15px;
    color: #444;
}

.single-comments .post-type-des a span {
    color: #f39383
}

.single-comments .post-type-des a span:hover {
    text-decoration: underline
}

.single-comments .post-type-des {
    float: none;
    overflow: hidden;
}

.child-comments {
    margin-right: 40px
}

.single-comments:first-child {
    margin-top: 0
}


/* leave comments area */

.input-box input,
textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    border: 1px solid #e5e5e5;
    width: 100%;
}

.area-tex {
    height: 130px;
    resize: none;
    margin-bottom: 15px;
}

.input-box input:focus,
textarea:focus {
    border: 1px solid #f39383
}

input.submit-btn {
    background: #f39383 none repeat scroll 100% 0;
    border: medium none #f39383;
    color: #fff;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    cursor: pointer;
}

input.submit-btn:hover {
    background: #222 none repeat scroll 100% 0;
}

.input-box .submit-btn {
    margin-top: 30px
}

.single-product-tab-area {
    padding-top: 30px;
}


/* breadcumb 2 & 3 are start */

.breadcumb-area.breadcumb-2,
.breadcumb-area.breadcumb-3 {
    background: #f6f6f7 none repeat scroll 100% 0;
    min-height: auto;
}

.breadcumb-2 .bred-hading > h1,
.breadcumb-3 .bred-hading > h1 {
    color: #171819;
    font-size: 30px;
    margin-bottom: 5px;
}

.bred-hading.text-center {
    display: block;
    overflow: hidden;
}

.breadcumb-2 .breadcrumb li a,
.breadcumb-2 .breadcrumb li,
.breadcumb-2 .breadcrumb > li + li:before,
.breadcumb-3 .breadcrumb li a,
.breadcumb-3 .breadcrumb li,
.breadcumb-3 .breadcrumb > li + li:before {
    color: #171819
}

.breadcumb-2 .breadcrumb li a:hover,
.breadcumb-2 .breadcrumb li,
.breadcumb-3 .breadcrumb li a:hover,
.breadcumb-3 .breadcrumb li {
    color: #f39383
}

.breadcumb-2 .breadcrumb {
    padding-top: 4px;
}

.breadcumb-3 .breadcrumb {
    float: right;
    padding-top: 0;
}

.breadcumb-2-area {
    min-height: 150px;
    position: relative;
}

.breadcumb-3-area {
    min-height: 100px;
    line-height: 100px;
}

.breadcumb-3 .breadcrumb > li + li:before {
    content: "/"
}


/* breadcumb 2 & 3 are end */


/*----------------------------------------*/


/*  19. about us page
/*----------------------------------------*/

.about-feature > li:before {
    color: #f39383;
    content: " ";
    font-family: material-design-iconic-font;
    padding-left: 10px;
}

.section-title.as-tit > h1,
.about-content .what-we-content {
    margin-bottom: 30px
}

.mission-vission {
    overflow: hidden
}

.about-content .section-title {
    text-align: right;
    width: 100%;
}

.about-content .section-title::after {
    right: 0;
    margin-right: 0;
}

.single-count .lnr {
    font-size: 32px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    padding: 25px;
    border-radius: 10px;
    display: inline-block;
    transition: .3s
}

.single-count:hover .lnr {
    background: #f39383;
    border-color: #f39383;
    color: #fff;
}

.single-count p {
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.what-we-content .btn-def {
    border-radius: 25px;
}


/*----------------------------------------*/


/*  21. 404 page
/*----------------------------------------*/

.text-404 {
    margin: 50px 0
}

.text-404 h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 45px;
    text-transform: capitalize;
}

.text-404 > p {
    font-size: 16px;
    margin: 0;
}

.content-404 .search-box .input-box {
    width: 700px;
    margin: auto;
}

.content-404 .src-btn.src-btn-blog {
    right: auto;
    left: 10px;
}

.content-404 .search-box.blog-search input {
    padding: 0 15px 0 60px
}

.src-btn:hover {
    color: #f39383
}

.area-404 {
    background: #fbfbfb;
}


/*----------------------------------------*/


/*  23. Contact page
/*----------------------------------------*/

#googleMap {
    width: 100%;
    height: 600px;
}


/* informaton area */

.si-icon {
    color: #f39383;
    font-size: 50px;
    margin-bottom: 20px;
}

.si-content > p {
    font-size: 15px;
    margin: 0;
}

.si-content > a {
    color: #f39383;
    font-size: 15px;
}

.si-content > a:hover {
    text-decoration: underline
}

.catagory-title.cat-tit-3 > h3 {
    font-size: 35px;
    margin-bottom: 50px;
}

.we-love-area .info {
    margin-bottom: 20px
}

.we-love-area input:-moz-placeholder,
textarea:-moz-placeholder {
    font-size: 15px
}

.we-love-area input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 15px
}

.we-love-area input::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: 15px
}

.we-love-area input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 15px
}

.area-details .single-quick-contact {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.area-details .single-quick-contact:last-child {
    margin: 0;
    border: none;
    padding: 0;
}

.area-details .small-title {
    margin-bottom: 30px;
}


/*----------------------------------------*/


/*  26. cart page
/*----------------------------------------*/

.cart-area .cart_item td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.cart-area thead th {
    border: 1px solid #ccc !important;
    padding: 0 !important;
    text-align: center;
}

.product-thumbnail {
    width: 10%
}

.product-name {
    width: 45%
}

.product-price {
    width: 10%
}

.product-quantity {
    width: 15%
}

.product-subtotal {
    width: 10%
}

.product-remove {
    width: 10%
}

table.table {
    margin-bottom: 0;
    width: 100%;
}

.cart_item > input {
    text-align: center;
    width: 50px;
}

.remove-item a {
    color: #171819;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin: auto;
    width: 20px;
}

.remove-item a:hover {
    color: #f39383
}

.cart-area .cart_item .item-img {
    padding: 15px;
}

.item-img img {
    width: 100%
}

.cart_item .item-img img {
    max-width: 70px;
}

.item-qty input {
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    border: 1px solid #ccc;
}

.shop_table thead tr th {
    font-family: roboto slab;
    font-size: 15px;
    height: 45px;
    line-height: 26px;
    vertical-align: middle;
    text-transform: capitalize;
    font-weight: 500;
}

.item-price,
.total-price {
    color: #f39383
}

.cart tbody tr {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.item-qty > input {
    text-align: center;
    width: 85px;
}

.input-box-2 input {
    background: #f2f2f2 none repeat scroll 100% 0;
    height: 40px;
}

.input-box.input-box-2.mb-20 {
    width: 75%;
    float: right;
}

.coupn-area .btn-def {
    width: 25%;
    float: left;
}

.catagory-title.cat-tit-5 > h3 {
    font-size: 20px
}

.process-cart-total {
    border-top: 3px double #ccc;
    padding-top: 10px;
}

.coupn-area,
.cart-total-area {
    border: 1px solid #e5e5e5;
    padding: 25px;
}

.coupn-area {
    overflow: hidden;
    padding: 25px 20px 40px;
}

.shipp input {
    height: auto;
    width: auto;
}

.sub-shipping p span {
    color: #f39383;
    float: left;
}

.shipp label {
    font-family: roboto slab;
    margin-right: 5px;
}

.shipping-method p a {
    color: #999999
}

.shipping-method p a:hover {
    color: #2593ec
}

.process-cart-total > p {
    font-size: 18px;
    margin-bottom: 20px;
}

.process-cart-total p span {
    color: #f39383;
    float: left;
    font-family: pt sans;
}

.update-continue-btn {
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.cart-bottom-area {
    margin-top: 50px;
}


/*----------------------------------------*/


/*  27. Wishlist page
/*----------------------------------------*/

.wish .product-name {
    width: 35%
}

.wish .product-subtotal {
    width: 20%
}

.catagory-title.cat-tit-6 > h3 {
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: capitalize;
}


/*----------------------------------------*/


/*  28. login Page
/*----------------------------------------*/

.account-area .forgotten {
    float: left;
    margin-top: 10px;
}

span input.remr {
    margin: 10px 10px 0 3px;
    position: relative;
    top: 2px;
}

.login-reg {
    border-color: #ccc;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    padding: 20px 25px;
    width: 100%;
}

.login-reg h3 {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: uppercase;
}

.frm-action {
    background: #ededed none repeat scroll 100% 0;
    border-color: #ccc;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: right;
    padding: 15px 25px;
    width: 100%;
}

span input.remr {
    height: auto;
    margin: 10px 10px 0 5px;
    position: relative;
    width: auto;
}

.forgotten.forg {
    color: #727272;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.account-area .forgotten:hover {
    color: #f39383;
}

.frm-action .input-box {
    float: right;
    margin-bottom: 0;
}

.frm-action .tci-box .in-btn {
    float: none;
    margin-top: 0;
}


/*----------------------------------------*/


/*  29. Single Product
/*----------------------------------------*/

#gallery_01 img,
img#zoom_03 {
    border: 1px solid #eee;
    width: 100% !important;
}

.single-product-title {
    font-family: "Yekan Bakh";
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
}

.slick-list.draggable {
    margin: 0 -5px;
}

.single-product-content .product-text {
    text-align: right;
}

.list-product-desc.lbd-2 p {
    margin: 0 0 15px
}

.in-stock {
    color: #f39383;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.qty-cart-btn .item-qty {
    display: inline-block
}

.qty-cart-btn .item-qty > input {
    height: 40px;
    margin-left: 20px;
}

.wishlist-compare ul li {
    display: inline-block;
    padding-left: 20px;
}

.wishlist-compare ul li i {
    padding-left: 5px
}

.wishlist-compare {
    margin-bottom: 25px;
}

.qty-cart-btn {
    margin-bottom: 25px;
}

.wishlist-compare ul li + li a:before {
    background: #ccc none repeat scroll 100% 0;
    content: "";
    height: 19px;
    right: -11px;
    position: absolute;
    top: 0;
    width: 1px;
}

.wishlist-compare ul li a {
    position: relative
}

.categories.single-catg > h3 {
    display: inline-block
}

.categories.single-catg {
    border-bottom: 1px solid #eee;
    float: right;
    margin-top: 50px;
    width: 100%;
}

.sp-tab-text > span + span {
    display: block;
    margin-top: 20px;
}

.single-product-tab .tab-content {
    border: 1px solid #f6f6f6;
    overflow: hidden;
    padding: 20px;
}

.sp-tab-menu {
    background: #f6f6f6;
}

.nav.sp-tab li a {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    border-left: 1px solid #eee;
}

.nav.sp-tab li a.active {
    color: #f39383;
}

.review-des > p {
    display: inline-block;
    font-size: 15px;
}

.review-commetns .author-side {
    width: 100%
}

.review-commetns .atuhoer-img {
    width: 100px;
}

.add-review-area .prodcut-ratting {
    float: none;
    margin: 5px 0;
}

.review-commetns .review-des span {
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.review-commetns {
    margin-bottom: 50px;
    overflow: hidden;
}

.review-des {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
    padding: 15px;
    position: relative;
    width: 90%;
}

.review-des .prodcut-ratting > a {
    padding: 0 2px;
}

.review-des:before {
    background: #fff none repeat scroll 100% 0;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    content: "";
    display: block;
    height: 10px;
    right: -6px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
}

.review-des .author-text {
    margin-top: 0
}

.single-tab-review .catagory-title > h3 {
    margin-bottom: 20px
}

.review-input-form .input-box .submit-btn {
    margin-top: 0
}

input.submit-btn.submit-btn-2 {
    padding: 0 30px;
    width: auto;
}

.prodcut-ratting span {
    margin-right: 10px;
}

.imgs-area {
    position: relative;
}

.p-c {
    padding: 10px 5px 0;
    margin: 0;
}

.pd-sub-title {
    color: #333;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}

.pd-sub-title::before {
    background-color: #9d9d9d;
    bottom: 0;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    width: 30px;
}

.product-overview > p {
    margin: 0;
}

.product-overview {
    margin: 30px 0;
}

.product-size ul li,
.product-share ul li {
    display: inline-block;
}

.product-size ul li a,
.product-share ul li a {
    background-color: transparent;
    border: 1px solid #b6b6b6;
    color: #777;
    display: block;
    float: right;
    font-size: 13px;
    height: 31px;
    line-height: 29px;
    margin-left: 11px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 31px;
}

.product-size ul li a:hover,
.product-share ul li a:hover {
    background-color: #f39383;
    border: 1px solid #f39383;
    color: #fff;
}

.product-size ul li.active a {
    background-color: #f39383;
    border: 1px solid #f39383;
    color: #fff;
}

.product-color {
    overflow: hidden;
}

.product-color > ul li {
    cursor: pointer;
    display: block;
    float: right;
    height: 21px;
    margin-left: 15px;
    text-indent: -9999px;
    transition: all 0.4s ease 0s;
    width: 21px;
}

.product-color > ul li a {
    display: block;
    height: 100%;
}

.product-color > ul li.active a {
    outline-offset: 5px;
    outline: 1px solid #f39383;
}

.product-color ul {
    padding: 7px;
    overflow: hidden;
}

.product-color > ul li.red {
    background: #ff4136 none repeat scroll 100% 0;
}

.product-color > ul li.pink {
    background: #ff01f0 none repeat scroll 100% 0;
}

.product-color > ul li.blue {
    background: #3649ff none repeat scroll 100% 0;
}

.product-color > ul li.sky2 {
    background: #00c0ff none repeat scroll 100% 0;
}

.product-color > ul li.green {
    background: #00ffae none repeat scroll 100% 0;
}

.product-color > ul li.purple2 {
    background: #8a00ff none repeat scroll 100% 0;
}

.product-color {
    margin-bottom: 25px;
    overflow: hidden;
}

.product-size {
    margin-bottom: 25px;
}

.product-categories li,
.product-details-tags li {
    display: inline-block;
    margin-left: 10px;
}

.product-categories li a,
.product-details-tags li a {
    color: #666;
    text-transform: capitalize;
}

.product-categories li.active a {
    color: #f39383;
}

.product-categories li a:hover,
.product-details-tags li a:hover {
    color: #f39383;
}

.product-categories {
    margin: 0 0 25px 0;
}

.list-product-desc {
    margin: 25px 0;
}

.product-list-content .list-product-desc {
    margin: 10px 0 15px;
}

.prodcut-ratting-price-list {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.product-list-content .prodcut-ratting-price-list {
    padding-bottom: 10px;
}


/*----------------------------------------*/


/*  30. checkout page
/*----------------------------------------*/

select option {
    padding: 5px
}

.create-acc-body,
.ship-acc-body {
    display: none
}

.acc-toggle > input,
.ship-toggle > input {
    display: block;
    float: right;
    height: auto;
    margin: 0 0 0 10px;
    width: auto;
}

.acc-toggle > label,
.ship-toggle > label {
    display: block;
    line-height: 14px;
}

.create-acc-body .sm-des {
    padding: 10px 0
}

.ship-toggle > label {
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
}

.cart_item.check-heading {
    border-top: 1px solid #ccc
}

.ship-toggle > input {
    position: relative;
    top: 7px;
}

.coupne-customer-area .panel-title {
    color: #3a332f;
    font-size: 15px;
    line-height: 40px;
    padding-right: 20px;
}

.coupne-customer-area .panel-default > .panel-heading {
    height: 60px
}

.panel-title > img {
    margin-left: 10px;
    margin-top: -3px;
    width: 15px;
}

.coupne-customer-area .panel-group .panel {
    border-color: #f39383 -moz-use-text-color -moz-use-text-color;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-style: solid none none;
    border-width: 2px medium medium;
    margin-bottom: 20px;
}

.coupne-customer-area .panel-group .panel-heading {
    background: #f7f6f7 none repeat scroll 100% 0
}

.coupne-customer-area .panel-body {
    border: 1px solid #ccc;
    margin-top: 20px;
    padding: 15px;
}

.payment-section input,
.payment-section select {
    height: auto;
    width: auto;
}

.payment-section {
    background: #f7f6f7 none repeat scroll 100% 0;
    line-height: 30px;
}

.pay-type input {
    margin-left: 10px
}

.panel-checkout .panel-title > a {
    color: #999999;
    display: inline-block;
    font-weight: 300;
    padding-right: 5px;
}

.panel-checkout .panel-title > a:hover {
    color: #f39383
}

.checkout-area .input-box > label {
    font-family: roboto slab;
    font-weight: 400;
}

.checkout-area .input-box input,
.checkout-area textarea {
    background: #f2f2f2;
    margin-bottom: 20px;
}

.first-last-area .frm-action {
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    border-style: none solid solid;
    border-width: 0;
    float: right;
    padding: 0;
    width: 100%;
}

.first-last-area .forgotten.forg:hover {
    color: #f39383
}

.first-last-area {
    overflow: hidden;
    width: 50%;
}

.billing-details .contact-text > h2,
.ship-toggle > label {
    border-bottom: 1px solid #ccc;
    color: #171819;
    font-family: roboto slab;
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.btn-group.bootstrap-select.select-custom {
    width: 100% !important
}

.checkout-payment-area tr.prd-name:hover {
    background: #F9F9F9
}

.btn.dropdown-toggle.btn-default {
    height: 45px
}

.bs-searchbox {
    position: relative;
    cursor: pointer;
}

.bs-searchbox:before {
    content: "";
    font-family: fontawesome;
    height: 20px;
    line-height: 42px;
    position: absolute;
    left: 15px;
    top: 0;
    width: 20px;
}

.checkout-payment-area {
    background: #f7f6f7 none repeat scroll 100% 0;
    padding: 35px;
}

.checkout-area .cart_item td {
    border-color: #ddd -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px medium medium;
    padding: 15px 0;
}

.ctg-type.crt-total {
    font-size: 18px
}

.cgt-des.prc-total {
    color: #f39383;
    font-size: 18px;
}

.checkout-payment-area .prd-name td {
    font-family: pt sans;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.ship-opt .shipp span {
    font-weight: 700
}

.payment-section a.btn-def {
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
}

.checkout-payment-area .checkout-total h3 {
    font-size: 24px;
    margin-bottom: 15px;
}


/* Mobile Menu */

.wrapper {
    background: #fff
}


/* ====================new css ===========================*/

.container111 {
    width: 100%;
}


/* slider style */

.single-slider .slider-content {
    width: 70%;
}

.single-slider .slider-content p {
    max-width: 80%;
}

.slider-content h1 {
    color: #fff;
    font-size: 70px;
    margin: 0 0 20px;
}

.slider-content h1 {
    background: -webkit-linear-gradient(70deg, #a2facf 0%, #64acff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.slider-content h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: "Yekan Bakh";
}

.slider-content .promo-title {
    color: #fff;
    background: #f39383;
    padding: 3px 15px;
    font-size: 16px;
    border-radius: 2px;
}

.slider-content p {
    font-size: 16px;
    font-family: "Yekan Bakh";
    line-height: 26px;
    color: #fff;
}

.slider-btn a {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 50px;
    text-transform: uppercase;
    border-radius: 50px;
}

.slider-content span {
    color: #f39383;
}

.slider-btn a:hover {
    background-color: #f39383;
    color: #fff;
    border-color: #f39383
}

.slider-active.owl-carousel > .owl-nav div {
    background-color: #fff;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    right: 15px;
    line-height: 47px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 45px;
}

.slider-active.owl-carousel > .owl-nav div:hover {
    background-color: #f39383;
    color: #fff;
}

.slider-active.owl-carousel > .owl-nav div.owl-next {
    right: auto;
    left: 15px;
}

.slider-area:hover .slider-active.owl-carousel > .owl-nav div {
    opacity: 1;
}

.slider-content .slider-btn {
    margin-top: 40px;
}


/* Default Slider Animations */

.owl-item .slider-content * {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-item.active .slider-animated-1 h3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 h5 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 p {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2 h3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 p {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 h5 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-3 h3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.owl-item.active .slider-animated-3 p {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.owl-item.active .slider-animated-3 h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.owl-item.active .slider-animated-3 h5 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.owl-item.active .slider-animated-3 a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.slider-area .slider-active .single-slider {
    min-height: 650px;
    display: flex;
    align-items: center;
}


/* service section */

.service-area {
    border-bottom: 1px solid #f1f1f1;
    padding: 60px 0;
    border-top: 1px solid #f1f1f1;
}

.single-feat {
    text-align: center;
}

.banner-icon > img {
    margin-bottom: 10px;
    max-width: 60px;
}

.banner-icon {
    margin-bottom: 10px;
}

.banner-text > h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
}

.banner-text > p {
    margin: 0;
}

.service-full .single-feat {
    text-align: right;
    display: flex;
    justify-content: center;
}

.service-full .banner-icon {
    margin: 0 0 0 15px;
}


/* countdown style */

.countdown-inner {
    margin: 0;
    position: absolute;
    z-index: 999;
    right: 5px;
    left: 5px;
    bottom: 5px;
}

.count-box {
    background: #fff;
    line-height: 1;
    padding: 10px 15px;
    position: relative;
    z-index: 11;
    box-shadow: 0px 2px 5px 1px rgba(209, 209, 209, 0.5);
}

.pro-countdown {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.single-count {
    position: relative;
    width: auto;
    color: #999;
    display: inline;
    font-size: 14px;
    font-weight: normal;
}

.single-count::after {
    content: ':';
    display: block;
    font-size: 28px;
    position: absolute;
    left: -20px;
    bottom: 5px;
}

.single-count:last-child:after {
    display: none;
}

.single-countdown__text {
    display: block;
    margin-top: 5px;
}


/* promotion banner */

.promotion-product-area {
    min-height: 600px;
}

.promotion-social.social-icon ul li a {
    background: transparent;
    color: #222;
    height: 35px;
    line-height: 35px;
    width: auto;
    padding: 0 15px;
}

.promotion-social.social-icon ul li a:hover {
    color: #fff;
}

.promotion-social.social-icon ul li a i {
    margin-left: 10px;
}

.promotion-count-box .single-count {
    background: rgba(243, 147, 131, 0.8);
    padding: 5px;
    width: 70px;
    height: 65px;
    outline-offset: 3px;
    outline: 1px solid #f39383;
    font-size: 16px;
    font-family: 'Yekan Bakh', serif;
    text-align: center;
    color: #fff;
}

.promotion-pro-countdown {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.promotion-pro-countdown .single-count::after {
    display: none;
}

.single-countdown__time {
    font-size: 18px;
}

.promotion-content {
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.promotion-countdown-inner {
    width: 100%;
    margin-bottom: 40px;
}

.promotion-content .prodcut-price {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.promotion-content .prodcut-price .pro_price {
    font-size: 26px;
}

.promotion-content .prodcut-price .new-price {
    margin-left: 10px;
}

.discount-offer-wrapper h1 {
    font-size: 70px;
    font-family: "Yekan Bakh", 'PT Sans', sans-serif;
    margin-bottom: 20px;
}

.promotion-content .slider-btn a {
    padding: 13px 35px;
    text-transform: capitalize;
    border-radius: 0;
    border: 1px solid #ccc;
    color: #4a4d4f;
}

.promotion-content .slider-btn a:hover {
    border: 1px solid #f39383;
    color: #fff;
}

.promotion-content .slider-btn {
    margin-bottom: 30px;
}

.subscribe_field_area .subscribe-form {
    display: inline-block;
    margin: auto;
    max-width: 100%;
    vertical-align: middle;
}

.subscribe_field_area .subscribe-form input {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #666;
    display: block;
    float: right;
    font-size: 1em;
    height: 48px;
    line-height: 48px;
    max-width: 100%;
    padding: 0 10px;
    position: relative;
    text-align: right;
    white-space: nowrap;
    width: 435px;
}

.subscribe_field_area .subscribe-form button {
    background: #f39383;
    border: 1px solid #f39383;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: 500;
    height: 48px;
    letter-spacing: .03em;
    line-height: 46px;
    cursor: pointer;
    margin: 0 15px 0 0;
    max-width: 100%;
    padding: 0 32px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.subscribe_field_area .subscribe-form button:hover {
    background: transparent;
    color: #f39383;
}

.subscribe_field_area > p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
}

.news-letter-area {
    border-top: 1px solid #f6f6f6;
}

.total-brand .single-brand img {
    border: 1px solid #eee;
    padding: 5px;
}


/* banner area */

.single-banner {
    overflow: hidden;
}

.single-banner img {
    transition: all 0.3s ease 0s;
}

.single-banner:hover a img {
    transform: scale(1.03);
}

.double-banner .single-banner:last-child {
    margin-top: 30px;
}


/* Testimonial page */

.testimonial-3-content > p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
}

.testimonial-wrapper-3 {
    padding: 5px;
}

.testimonial-3-content {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    position: relative;
}

.testimonial-content-padding {
    padding: 50px 50px 53px;
}

.testimonial-3-content::before {
    background: #fff none repeat scroll 100% 0;
    border-radius: 0 7px 15px 0;
    bottom: -18px;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
    content: "";
    height: 40px;
    right: 46%;
    position: absolute;
    transform: rotate(45deg);
    width: 30px;
}

.section-padding-none .section-title {
    padding-left: 0;
}

.testimonial-active.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    max-width: 80px;
    border-radius: 100%;
}

.single-testimonial > p {
    color: #222;
    margin: 0 auto;
    width: 85%;
}

.single-testimonial > h4 {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 0;
}

.single-testimonial > span {
    color: #222;
    display: block;
    font-weight: 500;
    margin: 4px 0 0;
}

.pagination-style .owl-dots {
    margin-top: 26px;
    text-align: center;
}

.pagination-style .owl-dot {
    background: #f39383 none repeat scroll 100% 0;
    border-radius: 50px;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    transition: all 0.3s ease 0s;
    width: 10px;
}

.pagination-style .owl-dot.active {
    width: 30px;
}

.testimonial-img {
    margin-bottom: 20px;
}

.single-testimonial .prodcut-ratting i {
    font-size: 14px;
}

.single-testimonial .prodcut-ratting {
    margin-top: 10px;
}

.testimonials-area .row {
    justify-content: center;
}

/* sidebar new css */

.color-option li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color-option li a {
    padding: 5px 0;
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
    width: 100%;
}

.color-option li a span {
    float: left;
}

.color-option li a:hover,
.sidbar-style .form-check label:hover {
    color: #84b93e;
}

.color-option li > span {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 15px;
    margin-left: 10px;
    width: 17px;
}

.widgets:not(.great-blowing) .widget-categories ul.color-option li a {
    width: 100%;
}

.widgets:not(.great-blowing) .widget-categories ul.color-option li {
    padding-bottom: 5px;
    padding-top: 5px;
}

.color-option li span.white {
    background: #fff none repeat scroll 100% 0;
}

.color-option li span.orange {
    background: #f39c11 none repeat scroll 100% 0;
}

.color-option li span.blue {
    background: #5d9cec none repeat scroll 100% 0;
}

.color-option li span.yellow {
    background: #f1c40f none repeat scroll 100% 0;
}

.color-option li span.black {
    background: #434A54 none repeat scroll 100% 0;
}

.color-option li span.biege {
    background: #f5f5dc none repeat scroll 100% 0;
}

.color-option li span.green {
    background: #A0D468 none repeat scroll 100% 0;
}

.color-option li span.pink {
    background: #FCCACD none repeat scroll 100% 0;
}


/*------------------------------------
		Start New section
--------------------------------------*/

.header-middle {
    padding: 30px 0;
}

.top-cat .nice-select {
    background: rgba(243, 147, 131, 0.08);
    border-radius: 0;
    height: 50px;
    width: 150px;
    text-align: center !important;
    padding: 0 24px;
    z-index: 999999999;
    border: 1px solid #f1f1f1;
}

.nice-select .list {
    z-index: 999;
}

.nice-select .list {
    z-index: 999;
    border-radius: 0;
    width: 100%;
    margin-top: 0;
    border: 1px solid #eee;
    box-shadow: none;
}

.top-cat .nice-select .current {
    color: #555;
    font-weight: 500;
    line-height: 48px;
    text-transform: capitalize;
}

input.top-cat-field {
    border: 1px solid #f6f6f6;
    color: #a4a4a4;
    font-size: 13px;
    height: 50px;
    padding: 0 10px;
    width: calc(100% - 300px);
    float: right;
    background: transparent;
    border-left: none;
    border-right: none;
}

.top-search-btn {
    background: #f39383 none repeat scroll 100% 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    padding: 0 30px;
    width: 150px;
    height: 50px;
    border: 1px solid #f39383;
}

.top-search-btn:hover {
    background: transparent;
    color: #f39383;
    border-color: #f6f6f6;
}


/* header style 2 */

.home-header2 .nice-select {
    background: #fff;
}

.home-header2 input.top-cat-field {
    border: medium none;
}

.home-header2 .top-search-btn {
    background: #111111;
    color: #fff;
}

.home-header2 .top-search-btn:hover {
    color: #f39383;
}

.home-header2 .mini-cart-option li a,
.home-header2 .mini-cart-option li:hover a {
    color: #111;
}

.home-header2 .mini-cart-option .count {
    background: #111;
    color: #fff;
}

.header-top-menu.menu-style2 {
    background: #fff none repeat scroll 100% 0;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);
}


/* ------categories menu css here------ */

.categories-menu-bar {
    float: right;
}

.categories-menu-btn {
    background: #111 none repeat scroll 100% 0;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 600;
    padding: 17px 0;
    width: 254px;
    text-align: center;
    text-transform: capitalize;
}

.categories-menu-btn span {
    margin-right: 15px;
}

.left {
    float: right;
}

.left i {
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
    display: inline-block;
}

.right {
    float: left;
}

.right i {
    font-size: 10px;
    margin-left: 15px;
    vertical-align: middle;
}

.categories-menu-btn span.lnr {
    font-size: 14px;
    padding: 0 18px;
    vertical-align: middle;
}

.categories-menu-btn,
.categorie-menus {
    display: block;
}

.categorie-menus {
    background: #fff;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 9;
}

.categorie-menus li {
    position: relative;
}

.categorie-menus li span.lnr {
    float: left;
    font-size: 10px;
    margin-top: 8px;
    vertical-align: middle;
}

.categorie-menus li a {
    color: #111;
    display: block;
    line-height: 25px;
    padding: 10px 25px;
}

.categorie-menus li:hover > a {
    background: #f39383;
    color: #fff;
}

.more-btn::before {
    content: "\f067";
    font-family: "FontAwesome";
    padding-left: 10px;
}

.more-btn.minus::before {
    content: "\f068";
}


/* categories sub menu css */

.categorie-menus li ul.cat-submenu {
    background: #fff none repeat scroll 100% 0;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    right: 100%;
    opacity: 0;
    position: absolute;
    top: 30px;
    visibility: hidden;
    width: 235px;
    padding: 15px 0;
    transition: .3s;
    z-index: 99;
}

.categorie-menus li:hover ul.cat-submenu {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.cat-submenu > li a {
    color: #444;
    padding: 4px 25px;
}

.categorie-menus li ul.cat-submenu li:hover > a {
    color: #f39383;
    background: transparent;
}

.categorie-menus li ul.cat-submenu li ul.cat-submenu {
    top: 30px;
    opacity: 0;
    visibility: hidden;
}

.categorie-menus li ul.cat-submenu li:hover ul.cat-submenu {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.cat-submenu.category-mega {
    width: 600px !important;
}

.cat-submenu.category-mega > li {
    width: 33.33%;
    float: right;
}

.cat-mega-title > a {
    font-weight: 600;
}

.category-mega li ul li a {
    color: #444;
    padding: 3px 25px;
}

.cat-mega-menu li ul li:hover a {
    color: #f39383;
    background: transparent;
}


/* categories style 2 */

.categories-menu-bar.cat-menu-style2 {
    position: relative;
    width: 100%;
}

.cat-menu-style2 .categories-menu-btn {
    width: 100%;
}

.cat-menu-style2 .categorie-menus {
    width: 100%;
    display: block;
}


/* header call action css */

.header-call-action {
    display: flex;
    justify-content: space-around;
}

.header-call-action p {
    color: #111;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.header-call-action strong {
    font-weight: 600;
}

.header-call-action span.lnr {
    font-size: 18px;
    padding-left: 10px;
}


/* ctg menu with slider */

.slider-ctgmenu-area {
    margin-top: 50px;
}

.slider-ctgmenu-area .slider-area .slider-active .single-slider {
    min-height: 510px;
}

.slider-ctgmenu-area .slider-content h3 {
    font-size: 18px;
}

.slider-ctgmenu-area .slider-content h1 {
    font-size: 45px;
}

.slider-ctgmenu-area .slider-content p {
    font-size: 15px;
}

.slider-ctgmenu-area .slider-btn a {
    padding: 15px 40px;
}

.slider-ctgmenu-area .slider-content .slider-btn {
    margin-top: 35px;
}

.slider-ctgmenu-area .single-slider .slider-content {
    padding-right: 65px;
}

.slider-ctgmenu-area .single-slider.bg-img {
    background-size: cover;
    background-position: center;
}

.full-width .container {
    width: 100%;
    max-width: 100%;
    padding-right: 120px;
    padding-left: 120px;
}

.full-width .single-slider .slider-content {
    width: 60%;
}

.slider-ctgmenu-banner .single-banner {
    margin-bottom: 30px;
}

.slider-ctgmenu-banner .single-banner:last-child {
    margin-bottom: 0;
}

.full-width .header-middle-area .logo-common-class {
    max-width: 41.66%;
    flex: 0 0 41.66%;
    -ms-flex: 0 0 41.66%;
}

.full-width .header-middle-area .menu-common-class {
    -ms-flex: 0 0 58.34%;
    flex: 0 0 58.34%;
    max-width: 58.34%;
}


/* lookbook area */

.product_lookbook_area {
    min-height: 700px;
}

.product_lookbook_area .single-slider .slider-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-height: 700px;
}

.lookbook_pointer_wraper {
    position: relative;
    height: 100%;
    counter-reset: analysis-counter;
}

.single_pointer {
    position: absolute;
    top: 15%;
    right: 25%;
}

.single_pointer.pointer_2 {
    right: 44%;
}

.single_pointer.pointer_3 {
    right: 25%;
    top: 50%;
}

.single_pointer.pointer_4 {
    right: 50%;
    top: 60%;
}

.single_pointer.pointer_5 {
    right: 75%;
    top: 25%;
}

.pointer_box .product-icon {
    top: 25px;
}

.single_pointer {
    width: 35px;
    height: 35px;
    cursor: pointer
}

.pointer_box .single-product {
    z-index: 999999;
}

.single_pointer .pointer_tag::before {
    content: counter(analysis-counter);
    counter-increment: analysis-counter;
    border-radius: 100%;
    border: 5px solid #f39383;
    background-color: #fff;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
}

.pointer_box {
    width: 240px;
    opacity: 0;
    visibility: hidden;
}

.single_pointer:hover .pointer_box {
    opacity: 1;
    visibility: visible;
}

.product_lookbook_area.small_lookbook {
    background: #fbfbfb;
}

.small_lookbook .single-slider .slider-content {
    width: 100%;
}

.small_lookbook .single_pointer {
    top: 10%;
    right: 45%;
}

.small_lookbook .single_pointer.pointer_2 {
    right: 30%;
    top: 50%;
}

.small_lookbook .single_pointer.pointer_3 {
    top: 80%;
    right: 55%;
}

.small_lookbook .single_pointer.pointer_4 {
    top: 30%;
    right: 80%;
}

.product_lookbook_area .slider-content h1,
.product_lookbook_area .slider-content p,
.section-title h1 {
    background: -webkit-linear-gradient(70deg, #f39383 0%, #000 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.product_lookbook_area .slider-btn a {
    border: 1px solid #555;
    color: #555;
}

.product_lookbook_area .slider-btn a:hover {
    border: 1px solid #f39383;
    color: #fff;
    background-color: #f39383;
}

/* team */

.team-area {
    background: rgba(0, 0, 0, 0) url("images/bg/team.jpg") repeat fixed 100% 0 / cover;
}

.team-conetnt-body h4 a {
    color: #333333;
    font-size: 20px;
}

.team-conetnt-body h4 a:hover {
    color: #f39383;
}

.team-conetnt-body h4 {
    margin-bottom: 5px;
}

.team-conetnt-body h5 {
    font-size: 15px;
    margin-bottom: 10px;
}

.team-content-area {
    background: #ffffff none repeat scroll 100% 0;
    padding: 15px;
}

.team-single {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.team-single:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-top: -5px;
}

.team-social-area ul li a {
    border: 1px solid #cccccc;
    border-radius: 100%;
    color: #888888;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.team-social-area ul li {
    list-style: outside none none;
}

.team-social-area ul {
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
}

.team-social-area {
    margin: 20px 0 10px;
}

.team-social-area ul li a:hover {
    background: #f39383 none repeat scroll 100% 0;
    border-color: #f39383;
    color: #ffffff;
}


/* mobile menu */

.mobile-menu-area {
    width: 100%;
}

.mean-container .mean-nav {
    position: absolute;
    top: 100%;
    z-index: 9999;
}


/* feature_best_onsell */

.feature_best_onsell .single-product-img img {
    border: 1px solid #eee;
}

.feature_best_onsell .single-aside {
    margin-bottom: 0;
}

.feature_best_onsell.minimal_common .single-product-img img {
    border: none;
}

.minimal_common .product-text {
    border-top: none;
}

.car-btn-def-style .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -15px;
    height: 45px;
    width: 45px;
    border: 1px solid #f39383;
    line-height: 45px;
    text-align: center;
    color: #f39383;
    left: 30px;
    z-index: 999;
    cursor: pointer;
    opacity: 0;
    transition: .5s;
}

.car-btn-def-style .arrow-right.slick-arrow {
    right: 30px;
    left: auto;
}

.car-btn-def-style:hover .slick-arrow {
    left: 10px;
    opacity: 1;
}

.car-btn-def-style:hover .arrow-right.slick-arrow {
    right: 10px;
    left: auto;
}

.car-btn-def-style .slick-arrow:hover {
    color: #fff;
    background: #f39383
}

.widget.instgram ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.widget.instgram ul li {
    padding: 0 5px;
    width: 33.33%;
    margin-bottom: 10px;
}

.full-width .widget.instgram ul li {
    width: 25%;
}

.widget.instgram li a {
    display: block;
    position: relative;
}

.widget.instgram li a::before {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #f39383;
    z-index: 9;
    content: "";
    opacity: 0;
    transition: .3s
}

.widget.instgram li a:hover::before {
    opacity: .5;
}

.widget.instgram li a::after {
    position: absolute;
    content: "\f16d";
    right: 50%;
    top: 50%;
    font-family: fontawesome;
    transform: translateX(50%) translateY(-50%);
    color: #fff;
    opacity: 0;
    transition: .3s;
    z-index: 99
}

.widget.instgram li a:hover::after {
    opacity: 1;
}


.wrapper [class*="col-"] {
    position: relative;
}

.row.custom_row_class,
.slick-slider.row {
    --bs-gutter-x: 0;
    margin-right: -15px;
    margin-left: -15px;
}

.custom_grid_class {
    padding-left: 15px;
    padding-right: 15px;
}

.fancybox-lock .fancybox-overlay {
    z-index: 999999999999;
}

.slick-list {
    direction: ltr;
}