/*
Version 1.0
[Table of contents]
-------------------------------------------------------------------------
1. Import file styles
2. Globally Applied Styles
3. Layout/Boxed
4. Links/Buttons
5. Formsdark
6. Navigation
7. Header
8. Footer
9. Title
10. Hover
11. Sections
12. Advertisement
13. Contact
14. Images
15. Logo
16. Quotes
17. Recent post
18. Service
19. Social
20. Star Rating
21. Parrallax
22. Testimonial
23. Why choose us
24. Product Grid Styles
25. Product List Styles
26. Product Details
27. Summary
28. Tabs
29. Blog Grid Styles
30. Blog List Styles
31. Blog Detail
32. Comment
33. Text Content
34. Shop Filter
35. Shop Ordering
36. Shop Type
37. Result Count
38. Checkout
39. Cart
40. Wishlist
41. Sidebar
42. Search Widget
43. Instagram Widget
44. List Widget
45. Price Filter Widget
46. Recent Post Widget
47. Color Filter
48. Size Filter
49. Popup
50. Revolution Slider
51. Slick
52. Range Slider
53. Google Map
54. Dark Themes
55. Misc
-------------------------------------------------------------------------
*/


/*-----------------------------------------------------------------------
1. Import file styles
*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(../styles/reset.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);
@import url(../fonts/facile-sans/font.css);
@import url(../plugin/bootstrap/css/bootstrap.min.css);
@import url(../plugin/select2/css/select2.min.css);
@import url(../plugin/rev/css/settings.min.css);
@import url(../plugin/slick/slick.min.css);

/*-----------------------------------------------------------------------
2. Globally Applied Styles
*/

body {
    background-color: #FCFCFC;
    font-family: 'Open Sans', sans-serif !important;
}

blockquote .left {
    margin: 0px 20px 0px 0px;
    text-align: right;
    float: left;
}

blockquote .right {
    margin: 0px 0px 0px 20px;
    text-align: left;
    float: right;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0px;
}

img {
    -webkit-backface-visibility: hidden;
}

img,
.res-img {
    max-width: 100%;
    height: auto;
}

.align-right {
    text-align: right;
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: none;
    padding: 0px;
    margin: 0px;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0px;
}

.wp-smiley {
    margin: 0px !important;
    max-height: 1em;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.clear {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
}

.after-clear:after {
    content: "";
    display: block;
    clear: both;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.animation-all,
.animation-all * {
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}

.alignleft {
    float: left;
    margin-right: 30px;
}

.alignright {
    float: right;
    margin-left: 30px;
}

.aligncenter {
    margin: 0px auto 24px;
    float: none;
    display: block;
}

.hidden {
    display: none !important;
}

.display-none {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.normal-text {
    font-weight: 400;
}

.center-vh {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-v {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-h {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.rose-color {
    color: #ff4981;
}

.blue-color {
    color: #41bedd;
}

.yellow-color {
    color: #ffcd02;
}

.magento-color {
    color: #418298;
}

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

html.js__popup_active {
    overflow: hidden;
}

#wrapper {
    /* overflow: hidden; */
    width: 100%;
    /* position: relative; */
    top: 0px;
    /* transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0); */
    background: #FCFCFC;
    z-index: 20;
    transition: transform 0.4s ease;
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
}

@media (min-width: 1025px) {
    #wrapper {
        top: 0px !important;
    }
}

.fc_review {
    font-size: 11px;
    line-height: 25px;
    padding-top: 5px;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f055";
    float: right;
}

.mainTopMenu {
    display: block;
    background-color: #f7f7f7;
    border-bottom: solid 1px #E9E9E9;
    position: relative;
    z-index: -1;
}

.termsText p {
    font-size: 16px;
    line-height: 28px;
}

.termsText.text-content p {
    margin-bottom: 10px;
    margin-top: 5px;
}

.videoSection .slick-middle-arrow .slick-arrow {
    top: 50%;
}

.userDropdown .cart-list-content {
    padding: 0px !important;
}

.userDrop {
    position: relative;
}

.userDrop .userpanel {
    display: flex;
    background-color: #F2F2F2;
    padding: 15px;
}

.userDrop .userpanel img {
    max-width: 56px;
    border-radius: 100%;
    height: 56px;
    border: solid 2px #FFF;
}

.userDrop .userpanel .userDetail {
    margin: 5px 10px;
}

.userDrop .userpanel .userDetail h3 {
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.userDrop .userpanel .userDetail span {
    font-size: 14px;
    color: #969696
}

ul.userMenu {
    margin: 0px;
    padding: 15px;
    font-size: 14px;
}

ul.userMenu li {
    list-style: none;
    display: block;
    line-height: 26px;
    width: 100%;
}

ul.userMenu li a {
    color: #52555A;
    line-height: 36px;
    padding-left: 10px;
    display: block
}

ul.userMenu li a:hover {
    background-color: #FFFAF5;
}

.mb-60 {
    margin-bottom: 60px;
}

.darkText {
    color: #898C90 !important;
}

.topBanner {
    display: flex;
    background-color: #F1F1F1;
}

.ban_img,
.ban_content {
    flex: 50%;
}

.ban_content {
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.ban_content h2 {
    line-height: 1.5;
    padding: 0px 55px;
    font-size: 42px;
    color: #575757;
}

.fc_verifiedSuppliers {
    color: #F99D39;
    text-decoration: underline;
}

.registerNow {
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.registerNow a {
    color: #aaaaad;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 15px;
    border: 0px solid #333;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    display: inline-block;
    background-color: #626365;
    text-transform: uppercase;
    color: #FFF;
}

.registerNow a:hover {
    background-color: #F99D39;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #c7c7cc;
    -webkit-text-fill-color: #676767;
    -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.collapse {
    display: none;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.fc_faq {
    margin: 0px;
    padding: 0px;
}

.fc_faq .woocommerce-tabs .tabs {
    font-size: 0px;
    border-bottom: solid 0px #ECF0F1;
    text-align: center;
}

.fc_faq .woocommerce-tabs .tabs a {
    padding: 8px 0px 8px 0px;
    display: block;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    font-weight: 600;
    color: #898c90;
    text-transform: none;
    padding: 20px 30px;
    border: solid 1px #eaeaea;
    border-radius: 5px;
}

.fc_faq .woocommerce-tabs .tabs li {
    margin: 0px 5px;
    width: 18%;
}

.fc_faq .woocommerce-tabs .tabs a span {
    display: block;
}

.fc_faq .woocommerce-tabs .tabs a i {
    font-size: 25px;
}

.fc_faq a.js__tab_control.js__active {
    border: solid 1px #f99d39;
    color: #f99d39;
}

.fc_faq .card .card-title {
    display: block;
    padding: 20px;
    background-color: #FFF;
    color: #52555A;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 22px;
}

.fc_faq .card {
    margin: 20px 0px
}

.fc_faq .collapse.in {
    display: block;
}

.fc_faq .accordion .card-header.collapsed:after {
    content: "\f107";
    font-size: 25px !important;
    font-weight: normal;
    font-family: "FontAwesome 5 Free";
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fc_faq .accordion .card-header:after {
    content: "\f055";
    font-size: 25px !important;
    color: #D9D9D9;
    font-family: "FontAwesome 5 Free";
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fc_faq .woocommerce-tabs .panel.js__active {
    max-width: 780px;
    margin: 0px auto;
}

.fc_faq .pageCon {
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
    line-height: 30px
}

.fc_faq .pageCon h1 {
    font-size: 22px;
    color: #31353B;
    font-weight: 600;
    margin-bottom: 10px;
}

.fc_faq .pageCon p {
    font-size: 14px;
    text-align: center;
    color: #898C90;
    line-height: 22px;
}

.faqSearchSection {
    text-align: center;
    max-width: 650px;
    margin: 100px auto 0px;
}

a.searchbtn {
    position: absolute;
    top: 3px;
    right: 4px;
    padding: 11px 20px;
    background-color: #31353B;
    border-radius: 5px;
    color: #FFF;
}

a.searchbtn:hover {
    background-color: #f99d39;
}

.faqSearchSection h2 {
    font-weight: bold;
    font-size: 34px;
    color: #31353B;
}

.faqSearchSection span {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.faqSearchSection span input {
    width: 100%;
    border: solid 1px #DBDDDE;
    border-radius: 3px;
    padding: 13px 20px 13px 30px;
}

.faqSearchSection span i {
    position: absolute;
    left: 0px;
    top: 17px;
    left: 15px;
    color: #DBDDDE
}


/*Seller Section*/

.sellerbanner {
    margin: 0px;
    padding: 0px;
}

.sellerbanner img {
    width: 100%;
    max-height: 300px
}

.block-33 {
    width: 100%;
    float: left;
    border: 1px solid #E4E4E4;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #FFF;
}

.sectionSeller {
    margin-top: -50px;
    margin-bottom: 100px;
    position: relative;
}

.sellerLogo {
    margin-bottom: 20px;
    border-bottom: solid 1px #E4E4E4;
    padding-bottom: 10px;
}

.sellerLogo img {
    height: 180px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    display: block;
    width: 100%;
    object-fit: contain;
}

.sellerDetail {
    text-align: center;
}

.sellerDetail h2 {
    font-size: 16px;
    color: #31353B;
}

.sellerDetail .star-rating {
    display: inline-block;
}

.sellermenu {
    margin: 0px;
    padding: 0px;
    text-align: left;
    margin-bottom: 30px;
}

.sellermenu li {
    list-style: none;
    display: block;
    border-bottom: solid 1px #E1E1E1;
}

.sellermenu li a {
    padding: 10px 10px;
    display: block;
    color: #52555A;
}

.sellermenu li a:hover {
    color: #FFF;
    background-color: #F99D39;
    border-radius: 5px;
}

.sellermenu li a.active {
    color: #FFF;
    background-color: #F99D39;
    border-radius: 5px;
}

.sellerContent {
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    padding: 20px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.sellerContent>.comment-list .comment-body .comment-author a {
    font-size: 13px;
    color: #52555A;
}

.contentRow {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    margin-top: 20px;
    border-bottom: solid 1px #EFEFEF;
}

.sellerContent .wishlist-control {
    float: left;
    width: 100%;
}

.sellerContent h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.sellerContent .shop-filter {
    background-color: #FCFCFC;
    padding: 5px 20px;
    height: 50px;
    margin-bottom: 30px;
    line-height: 50px;
}

.sellerContent .shop-filter p {
    font-size: 13px;
}

.sellerContent .shop-filter input {
    border: 1px solid #D2D0D0;
    height: 28px;
    background-color: #FFF;
    width: 280px;
    padding-left: 10px;
    margin: 0px;
    float: right;
    margin-top: 5px;
}

.faqSearchSection p {
    margin-top: 10px;
    color: #898C90;
}


/*Profile Widget*/

.profile-widget {
    padding: 20px 10px;
    color: #52555A;
    border: solid 2px #E2E2E2;
    border-radius: 5px;
    line-height: 18px;
    align-items: center;
    min-height: 76px;
    position: relative;
    background-color: #FFF;
}

.profile-widget .profile {
    text-align: center;
    position: relative;
    border-bottom: solid 1px #efefef;
}

.profile-widget .profile h3.userTitle {
    font-size: 16px;
    color: #31353B;
    line-height: 26px;
    font-weight: 600;
    margin-top: 10px;
}

.profile-widget .profile small {
    font-size: 14px;
    color: #969696;
    line-height: 26px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 10px;
}

ul.userLinks {
    margin: 10px 0px;
    padding: 0px;
}

ul.userLinks li {
    list-style: none;
}

ul.userLinks li a {
    padding: 10px 10px;
    display: block;
    color: #52555A;
    line-height: 26px;
}

ul.userLinks li a i {
    font-size: 22px;
    margin-right: 10px;
}

ul.userLinks li a:hover {
    background-color: #F99D39;
    border-radius: 5px;
    color: #FFF;
}

ul.userLinks li a.active {
    background-color: #F99D39;
    border-radius: 5px;
    color: #FFF;
}

.userPictur {
    position: relative;
    width: 106px;
    height: 106px;
    margin: 0px auto;
}

.userPictur a {
    position: absolute;
    bottom: 0px;
    left: 50%;
    background-color: hsl(0deg 0% 0% / 67%);
    text-align: center;
    color: #FFF;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    align-items: center;
    vertical-align: middle;
    border-radius: 100%;
    margin-left: -15px;
    margin-top: 28px;
}

.userPictur a i {
    line-height: 35px;
}

.userPictur a:hover {
    background-color: #F99D39;
}

.profile-widget .profile img {
    text-align: center;
    width: 106px;
    height: 106px;
    border-radius: 100%;
    position: relative;
}

.profile-content {
    padding: 20px 20px;
    color: #52555A;
    border: solid 2px #E2E2E2;
    border-radius: 5px;
    line-height: 18px;
    align-items: center;
    min-height: 76px;
    position: relative;
    background-color: #FFF;
}

.profile-content .row {
    padding: 10px;
}

.contentHeading {
    font-size: 18px;
    font-weight: 600;
    color: #31353B;
    margin-bottom: 20px;
}

.proImg {
    max-width: 49px;
    height: 49px;
    border: solid 2px #D8D8D8;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
}

.proInfo {
    max-width: 200px;
    word-break: break-all;
    font-size: 13px;
}

.action a {
    font-size: 16px;
    padding: 5px;
    line-height: 22px;
    color: #31353B;
}

.action a:hover {
    color: #0D9B03
}

.action a .fa-trash:hover {
    color: #D15555;
}

.profile-content .table>thead>tr>th {
    background-color: #FFF1E2;
}


/*Login and Register pages*/

.backBace {
    margin: 15px 0px 0px 0px;
    padding: 30px;
    border: solid 2px #ECF0F1;
    border-radius: 0px;
    display: block;
    float: left;
    width: 100%;
}

.backBace .check {
    padding-top: 10px;
}

.backBace .check label {
    color: #8C95A2;
    line-height: 22px;
}

.backBace h3,
small {
    padding-left: 8px;
    font-size: 14px;
    font-weight: bold;
}

.backBace small {
    font-weight: normal;
    margin-bottom: 30px;
    display: block;
}

.signup p {
    margin: 0px -10px;
    padding-left: 7px;
}

.js__tab .text-content {
    margin: 0px -5px;
}

.forgot {
    color: #F99D39;
    line-height: 26px;
    margin-top: 10px;
    display: block;
    /*padding-left: 10px;*/
}

.upload-file {
    padding: 10px;
    color: #222;
    background-color: rgba(255, 255, 255, 0.8);
    height: 300px;
    width: 600px;
    display: inline-block;
}

.upload-file label {
    display: block;
    position: relative;
    border: 5px dashed #666;
    cursor: pointer;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    user-select: none;
}

.center {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fc_browse {
    height: 100px;
    border: 2px dashed #DBDDDE;
    background-color: #F8F8F8;
    text-align: center;
    height: 110px;
    display: block;
    padding-top: 30px;
    color: #898C90;
}

.companyPolicy {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
}


/*-----------------------------------------------------------------------
3. Layout/Boxed
*/

.row-inline-block {
    font-size: 0px;
    text-align: left;
}

.row-inline-block>* {
    display: inline-block;
    float: none;
}

.row-inline-block.text-center>* {
    text-align: center;
}

.row.with-over {
    position: relative;
}

.row.with-over>* {
    position: relative;
    z-index: 20;
}

@media (max-width: 767px) and (min-width: 480px) {
    .col-ip-1 {
        width: calc(100% / 12);
    }
    .col-ip-2 {
        width: calc(100% / 6);
    }
    .col-ip-3 {
        width: 25%;
    }
    .col-ip-4 {
        width: calc(100% / 3);
    }
    .col-ip-5 {
        width: calc(500% / 12);
    }
    .col-ip-6 {
        width: 50%;
    }
    .col-ip-7 {
        width: calc(700% / 12);
    }
    .col-ip-8 {
        width: calc(200% / 3);
    }
    .col-ip-9 {
        width: 75%;
    }
    .col-ip-10 {
        width: calc(500% / 6);
    }
    .col-ip-11 {
        width: calc(1100% / 12);
    }
    .col-ip-12 {
        width: 100%;
    }
}


/*-----------------------------------------------------------------------
4. Links/Buttons
*/

a {
    outline: none;
    text-decoration: none !important;
}

a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none !important;
    outline: none;
}

input,
button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.animation,
a,
button,
input {
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}

.button-black {
    font-size: 13px;
    line-height: 24px;
    font-weight: 700;
    color: #8C95A2 !important;
    text-transform: uppercase;
    background: transparent;
    border: solid 2px #8C95A2;
    outline: none;
    padding: 8px 16px 8px 16px;
    display: inline-block;
}

@media (min-width: 1025px) {
    .button-black:hover {
        background: none;
        color: #F99D39 !important;
        border: solid 2px #F99D39;
    }
}

.button-white-border-dark {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    border: 2px solid #333333;
    text-transform: uppercase;
    background: #ffffff;
    color: #333333;
    outline: none;
    padding: 6px 16px 6px 16px;
    display: inline-block;
}

@media (min-width: 1025px) {
    .button-white-border-dark:hover {
        border-color: #898c90;
        background: #898c90;
        color: #ffffff;
    }
}

.button-green {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff !important;
    text-transform: uppercase;
    background: #f99d39;
    border: none;
    outline: none;
    padding: 8px 16px 8px 16px;
    display: inline-block;
}

@media (min-width: 1025px) {
    .button-green:hover {
        background: #898c90;
    }
}

.button-normal {
    min-width: 150px;
    text-align: center;
}

.btn-create-account {
    width: 190px;
    font-weight: 600;
}

.btn-place-order {
    width: 100%;
}

.btn-ajax-loading {
    width: 100%;
    max-width: 580px;
    padding: 10px;
    text-align: center;
    border: 2px solid #c7c7cc;
    color: #c7c7cc;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin: 0px auto 30px;
    float: none;
}

.btn-ajax-loading .fa {
    font-size: 14px;
    line-height: 24px;
    margin-right: 2px;
}

.btn-ajax-loading.style--2 {
    background: #f99d39;
    color: #ffffff;
    border-color: #f99d39;
}

@media (min-width: 1025px) {
    .btn-ajax-loading:hover {
        border-color: #f99d39;
        color: #f99d39;
    }
    .btn-ajax-loading.style--2:hover {
        border-color: #898c90;
        color: #ffffff;
        background-color: #898c90;
    }
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    padding: 10px;
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


/*-----------------------------------------------------------------------
5. Forms
*/

.contact-form {
    padding: 80px 0px 80px 35px;
}

@media (max-width: 767px) {
    .contact-form {
        padding-left: 0px;
        padding-top: 40px;
    }
}

.contact-form-white {
    width: calc(100% - 75px);
    float: right;
    padding-top: 30px;
}

@media (max-width: 991px) {
    .contact-form-white {
        width: calc(100% - 30px);
    }
}

@media (max-width: 767px) {
    .contact-form-white {
        width: 100%;
        padding-top: 0px;
    }
}

.form-contact-row {
    margin-bottom: 20px;
}

.input-text-common {
    border: 1px solid #DBDDDE;
    width: 100%;
    height: 40px;
    display: block;
    padding: 7px 9px 7px 9px;
    outline: none;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.form-row-input textarea {
    width: 100%;
    line-height: 22px;
    padding: 10px;
    margin: 0px;
    border: solid 1px #dbddde;
}

.input-text-common::-webkit-input-placeholder {
    color: #bbbbbb;
}

.input-text-common:-moz-placeholder {
    color: #bbbbbb;
}

.input-text-common::-moz-placeholder {
    color: #bbbbbb;
}

.input-text-common:-ms-input-placeholder {
    color: #bbbbbb;
}

.input-text-common:focus {
    border-color: #333333;
}

textarea.input-text-common {
    height: 120px;
}

.input-contact-text {
    width: 100%;
    height: 40px;
    display: block;
    padding: 8px 10px 8px 10px;
    outline: none;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    border: none;
}

.input-contact-text::-webkit-input-placeholder {
    color: #bbbbbb;
}

.input-contact-text:-moz-placeholder {
    color: #bbbbbb;
}

.input-contact-text::-moz-placeholder {
    color: #bbbbbb;
}

.input-contact-text:-ms-input-placeholder {
    color: #bbbbbb;
}

textarea.input-contact-text {
    height: 150px;
}

.form-control-row {
    padding-top: 7px;
    margin-bottom: 13px;
}

.form-control-row.last {
    padding-top: 17px;
}

.select-common {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 24px;
}

.select-common .select2-container {
    width: 100%;
    height: 40px;
    min-width: 100%;
}

.select-common .select2-selection {
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 40px;
}

.select-common .select2-selection .select2-selection__rendered {
    color: #333333;
    line-height: 24px;
    padding: 7px 9px 7px 9px;
}

.select-common .select2-selection .select2-selection__placeholder {
    color: #bbbbbb;
}

.select-common .select2-selection .select2-selection__arrow {
    width: 27px;
    height: 100%;
    text-align: center;
}

.select-common .select2-selection .select2-selection__arrow:before {
    content: "\f107";
    font-family: 'FA';
    font-size: 16px;
    line-height: 38px;
}

.select-common .select2-selection .select2-selection__arrow b {
    display: none;
}

.tick-box-list {
    padding-top: 6px;
    margin-bottom: 35px;
    font-size: 0px;
}

.tick-box-list>* {
    margin-top: 15px;
    margin-left: 50px;
}

.tick-box-list>*:first-child {
    margin-left: 0px;
}

.radio-box-common {
    display: inline-block;
    position: relative;
    padding-left: 24px;
}

.radio-box-common .input-radio {
    display: none;
}

.radio-box-common .input-radio:checked+.lbl:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.radio-box-common .lbl {
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
}

.radio-box-common .lbl:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 2px solid #c7c7cc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: 0px;
    z-index: 10;
}

.radio-box-common .lbl:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #f99d39;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.form-row-link {
    padding: 8px 0px 8px 0px;
}

.form-row-link:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.form-row-link a {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    color: #898c90;
}

@media (min-width: 1025px) {
    .form-row-link a:hover {
        color: #f99d39;
    }
}

.form-row-link .back-link {
    padding-left: 23px;
    float: left;
    position: relative;
}

.form-row-link .back-link:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0px;
    background: url('../images/icon-arrow-left.png') 0px 0px no-repeat;
    background-color: #898c90;
    width: 14px;
    height: 14px;
}

@media (min-width: 1025px) {
    .form-row-link .back-link:hover:before {
        background-color: #f99d39;
    }
}

.join-form .form-controls {
    position: relative;
}

.join-form .inp-email {
    width: 90%;
    height: 34px;
    outline: none;
    padding: 7px 60px 7px 10px;
    font-size: 11px;
    line-height: 20px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    border: none;
    border: solid 1px #D5D5D5;
    margin-left: 20px;
}

.join-form .inp-email::-webkit-input-placeholder {
    color: #a3a2a2;
}

.join-form .inp-email:-moz-placeholder {
    color: #a3a2a2;
}

.join-form .inp-email::-moz-placeholder {
    color: #a3a2a2;
}

.join-form .inp-email:-ms-input-placeholder {
    color: #a3a2a2;
}

.join-form .inp-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 34px;
    background: #52555A;
    color: #ffffff;
    font-size: 13px;
    outline: none;
    border: none;
}

@media (min-width: 1025px) {
    .join-form .inp-submit:hover {
        background: #898c90;
    }
}

.join-form i {
    font-size: 12px;
    line-height: 24px;
    display: block;
}

.subscribe-form {
    padding-top: 19px;
    padding-bottom: 76px;
    color: #ffffff;
}

.subscribe-form .section-title {
    color: #ffffff;
    margin-bottom: 13px;
}

.subscribe-form .section-title:before {
    background-color: #ffffff;
}

.subscribe-form p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
}

.subscribe-form .inp-controls {
    position: relative;
    width: 100%;
    max-width: 460px;
    padding-right: 140px;
}

.subscribe-form .inp-email {
    background: #ffffff;
    border: none;
    width: 100%;
    height: 40px;
    padding: 8px 13px 8px 13px;
    font-size: 13px;
    line-height: 24px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    outline: none;
}

.subscribe-form .inp-email::-webkit-input-placeholder {
    color: #898c90;
}

.subscribe-form .inp-email:-moz-placeholder {
    color: #898c90;
}

.subscribe-form .inp-email::-moz-placeholder {
    color: #898c90;
}

.subscribe-form .inp-email:-ms-input-placeholder {
    color: #898c90;
}

.subscribe-form .btn-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 130px;
    height: 40px;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 13px 8px 13px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    background: #898c90;
    border: none;
    outline: none;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .subscribe-form .btn-submit:hover {
        background: #f99d39;
    }
}

.subscribe-form .btn-submit .fa {
    font-size: 16px;
    line-height: 24px;
    margin-left: 10px;
}

@media (max-width: 369px) {
    .subscribe-form .inp-controls {
        padding-right: 0px;
    }
    .subscribe-form .btn-submit {
        position: relative;
        width: 100%;
    }
}

.form-row-input {
    margin-bottom: 24px;
}

.form-row-input label {
    font-size: 14px;
    line-height: 23px;
    margin: 0px 0px 2px 0px;
    display: block;
    color: #898C90;
    font-weight: 600;
}

.form-row-input .required {
    color: red;
    font-size: 12px;
}


/*-----------------------------------------------------------------------
6. Navigation
*/

@media (min-width: 1025px) {
    .main-menu-wrap .menumobile-close-btn {
        display: none;
    }
    .main-menu-wrap .menu {
        margin: 0px;
        font-size: 0px;
        line-height: 0px;
    }
    .main-menu-wrap .menu>li {
        display: inline-block;
        position: relative;
        margin-left: 38px;
    }
    .main-menu-wrap .menu>li:first-child {
        margin-left: 0px;
    }
    .main-menu-wrap .menu>li.simple-menu:first-child {
        margin-left: 0px;
    }
    .main-menu-wrap .menu>li.simple-menu:first-child>.sub-menu {
        left: 0px;
        right: auto;
    }
    .main-menu-wrap .menu>li:hover>a,
    .main-menu-wrap .menu>li.current-menu-item>a {
        border-bottom-color: #f99d39;
        color: #f99d39;
    }
    .main-menu-wrap .menu>li.menu-item-has-children>a {
        padding-right: 17px;
        position: relative;
    }
    .main-menu-wrap .menu>li.menu-item-has-children>a:before {
        content: "\f107";
        font-family: 'FA';
        color: #ffffff;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        width: 12px;
        height: 12px;
        background: #dbddde;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 1px;
    }
    .main-menu-wrap .menu>li>a {
        display: block;
        font-size: 16px;
        line-height: 26px;
        padding: 12px 0px 10px 0px;
        color: #898c90;
        text-transform: uppercase;
        border-bottom: 2px solid transparent;
    }
    .main-menu-wrap .menu>li.simple-menu {
        position: relative;
    }
    .main-menu-wrap .menu>li.simple-menu>.sub-menu {
        position: absolute;
        top: 100%;
        left: auto;
        right: 0px;
        transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        -moz-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
    }
    .main-menu-wrap .menu>li.simple-menu>.sub-menu .sub-menu {
        position: absolute;
        top: 0px;
        left: 100%;
    }
    .main-menu-wrap .menu>li.simple-menu>.sub-menu.js__sub_menu_left {
        right: auto;
        left: 0px;
    }
    .main-menu-wrap .menu>li.simple-menu>.sub-menu.js__sub_menu_left .sub-menu {
        transform: translate(-20px, 0);
        -webkit-transform: translate(-20px, 0);
        -moz-transform: translate(-20px, 0);
        -o-transform: translate(-20px, 0);
        -ms-transform: translate(-20px, 0);
    }
    .main-menu-wrap .menu>li.simple-menu .sub-menu {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        visibility: hidden;
        background: #ffffff;
        min-width: 270px;
        padding: 23px 27px 9px 27px;
        border: 1px solid #f2f2f2;
        -webkit-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
        box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }
    .main-menu-wrap .menu>li.simple-menu .sub-menu .sub-menu {
        transform: translate(20px, 0);
        -webkit-transform: translate(20px, 0);
        -moz-transform: translate(20px, 0);
        -o-transform: translate(20px, 0);
        -ms-transform: translate(20px, 0);
    }
    .main-menu-wrap .menu>li.simple-menu .sub-menu>li {
        position: relative;
    }
    .main-menu-wrap .menu>li.simple-menu .sub-menu a {
        font-weight: 400;
    }
    .main-menu-wrap .menu li:hover>.sub-menu {
        transform: translate(0, 0) !important;
        -webkit-transform: translate(0, 0) !important;
        -moz-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible;
    }
    .main-menu-wrap .menu li li:hover>a {
        color: #f99d39;
    }
    .main-menu-wrap .menu .mega-menu-wrap {
        position: initial;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu {
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 99;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        background: #ffffff;
        -webkit-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
        box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
        padding: 44px 29px 30px 29px;
        transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
        -moz-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
        -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
        -o-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -webkit-transform-origin: top center;
        -moz-transform-origin: top center;
        -o-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        visibility: hidden;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title {
        position: relative;
        color: #333333;
        font-size: 18px;
        line-height: 28px;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 10px;
        margin: 0px 0px 23px 0px;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:after {
        content: "";
        display: block;
        width: 35px;
        height: 2px;
        background: #333333;
        position: absolute;
        left: 0px;
        bottom: 0px;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title a {
        color: #333333;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:hover {
        color: #f99d39;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:hover:after {
        background: #f99d39;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:hover a {
        color: #f99d39;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .adv a {
        margin: 8px 0px 12px 0px;
        display: block;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .adv .button-adv {
        width: 100%;
        height: 70px;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
        background: #f99d39;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600;
        padding: 18px 15px 18px 15px;
    }
    .main-menu-wrap .menu .mega-menu-wrap .mega-menu .adv .button-adv:hover {
        background: #ffcd02;
    }
    .main-menu-wrap .menu .mega-menu-wrap:hover>.mega-menu {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible;
        transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }
    .main-menu-wrap .menu .sub-menu {
        margin: 0px;
    }
    .main-menu-wrap .menu .sub-menu li {
        padding-bottom: 14px;
    }
    .main-menu-wrap .menu .sub-menu a {
        font-size: 14px;
        line-height: 26px;
        font-weight: 400;
        color: #898c90;
        position: relative;
        padding-left: 0px;
        display: flex;
        line-height: 22px;
        vertical-align: middle;
        align-items: center;
    }
    /*.main-menu-wrap .menu .sub-menu a:before {
		content: "\f105";
		font-family: 'FA';
		font-weight: 400;
		font-size: 18px;
		line-height: 26px;
		position: absolute;
		top: 0px;
		left: 0px;
	}*/
    .main-menu-wrap .menu .sub-menu a img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        margin-right: 10px;
    }
    .menumobile-navbar-wrapper {
        display: none;
    }
    .mobile-sticky {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .main-menu-wrap .menu>li {
        margin-left: 15px;
    }
}

@media (min-width: 1025px) {
    .main-menu-wrap .menu .sub-menu a:hover {
        color: #f99d39;
    }
}


/* Menu Sticky */

.mobile-sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 75px;
    z-index: 80;
    padding: 10px;
    background: #fff;
    transform: translate(0, -120%);
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
}

.mobile-sticky .container {
    position: relative;
    height: 100%;
}

.mobile-sticky .left-side {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-sticky .right-side {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-sticky .logo img {
    max-height: 35px;
    width: auto;
}

@media (max-width: 349px) {
    .mobile-sticky .logo img {
        max-width: 200px;
    }
}

@media (max-width: 309px) {
    .mobile-sticky .logo img {
        max-width: 150px;
    }
}

.mobile-sticky.js__active {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}


/* Menu Mobile */

.menumobile-toggle {
    border: none;
    background: none;
    width: 44px;
    height: 44px;
    outline: none;
    position: relative;
}

.menumobile-toggle .icon-bar {
    width: 32px;
    height: 4px;
    display: block;
    background: #898c90;
    position: absolute;
    top: 20px;
    left: 6px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.menumobile-toggle .icon-bar:nth-child(1) {
    transform: translate(0, -8px);
    -webkit-transform: translate(0, -8px);
    -moz-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
}

.menumobile-toggle .icon-bar:nth-child(3) {
    transform: translate(0, 8px);
    -webkit-transform: translate(0, 8px);
    -moz-transform: translate(0, 8px);
    -o-transform: translate(0, 8px);
    -ms-transform: translate(0, 8px);
}

@media (min-width: 1025px) {
    .menumobile-toggle {
        display: none;
    }
}

@media (max-width: 1024px) {
    html.js__menu_active {
        overflow: hidden;
        height: 100%;
    }
    .userProfile {
        background-color: #FFF;
        text-align: center;
        box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
        margin: 10px 0px;
        padding: 30px 10px;
    }
    html.js__menu_active .mobile-sticky {
        transform: translate(-380px, -120%);
        -webkit-transform: translate(-380px, -120%);
        -moz-transform: translate(-380px, -120%);
        -o-transform: translate(-380px, -120%);
        -ms-transform: translate(-380px, -120%);
    }
    html.js__menu_active .mobile-sticky.js__active {
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transform: translate(-380px, 0);
        -webkit-transform: translate(-380px, 0);
        -moz-transform: translate(-380px, 0);
        -o-transform: translate(-380px, 0);
        -ms-transform: translate(-380px, 0);
    }
    html.js__menu_active #wrapper {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        overflow: hidden;
        bottom: 0px;
        transform: translate(-380px, 0);
        -webkit-transform: translate(-380px, 0);
        -moz-transform: translate(-380px, 0);
        -o-transform: translate(-380px, 0);
        -ms-transform: translate(-380px, 0);
    }
    html.js__menu_active .menumobile-toggle .icon-bar:nth-child(1) {
        transform: translate(0, 0) rotate(45deg) !important;
    }
    html.js__menu_active .menumobile-toggle .icon-bar:nth-child(2) {
        transform: translate(0, 0) rotate(45deg) !important;
    }
    html.js__menu_active .menumobile-toggle .icon-bar:nth-child(3) {
        transform: translate(0, 0) rotate(-45deg) !important;
    }
    .menu-navbar-wrapper {
        margin: 0px;
        height: 0px;
        width: 100%;
        min-height: 0px;
        padding: 0px;
        border: none;
        position: initial;
    }
    .main-menu-wrap {
        display: none;
    }
    .menumobile-navbar {
        right: 0px;
        top: 0px;
        position: fixed;
        width: 380px;
        height: 100%;
        background: #222;
        z-index: 10;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        overflow: auto;
    }
    .menumobile-navbar #menu-mobile {
        padding: 0px;
    }
    .menumobile-navbar #menu-mobile .arrow {
        display: none;
    }
    .menumobile-navbar #menu-mobile ul li {
        display: block;
        margin: 0px;
    }
    .menumobile-navbar #menu-mobile ul li a {
        color: #fff;
        text-align: left;
        display: block;
        margin: 0px;
        text-decoration: none;
    }
    .menumobile-navbar #menu-mobile .menu {
        line-height: 18px;
    }
    .menumobile-navbar #menu-mobile .menu li {
        display: block;
        padding: 0px;
        width: 100%;
    }
    .menumobile-navbar #menu-mobile .menu>li {
        display: block;
        margin: 0px;
        position: relative;
        border-bottom: 1px solid #3B3B3B;
    }
    .menumobile-navbar #menu-mobile .menu>li>a {
        font-size: 14px;
        padding: 8px 25px 8px 15px;
        color: #fff;
        text-align: left;
        display: block;
        margin: 0px;
        text-decoration: none;
    }
    .menumobile-navbar #menu-mobile .menu>li>.sub-menu {
        background: #313131;
        padding: 10px 15px 10px 15px;
    }
    .menumobile-navbar #menu-mobile .menu>li>.sub-menu a {
        display: block;
        font-size: 14px;
        padding: 8px 10px 8px 10px;
        color: #fff;
        text-align: left;
        margin: 0px;
        text-decoration: none;
    }
    .menumobile-navbar #menu-mobile .menu>li>.sub-menu .sub-menu {
        padding-left: 20px;
    }
    .menumobile-navbar #menu-mobile .menu>li>.sub-menu li {
        border-bottom: 1px dashed #777;
    }
    .menumobile-navbar #menu-mobile .menu>li>.sub-menu li:last-child {
        border-bottom: none;
    }
    .menumobile-navbar #menu-mobile .menu>li .sub-menu {
        display: none;
    }
    .menumobile-navbar #menu-mobile .menu>li.js__menu_active>a,
    .menumobile-navbar #menu-mobile .menu>li .js__menu_active>a {
        color: #ffcb05;
        background: #3B3B3B;
    }
    .menumobile-navbar #menu-mobile .menu .menu-item-has-children {
        position: relative;
    }
    .menumobile-navbar #menu-mobile .menu .menu-item-has-children>a {
        padding-right: 25px;
    }
    .menumobile-navbar #menu-mobile .menu .menu-item-has-children>a+.drop-down-icon:after {
        content: '\f103';
        font-family: 'FA';
        position: absolute;
        right: 0px;
        top: 0px;
        line-height: 36px;
        width: 36px;
        text-align: center;
        z-index: 99;
        color: #fff;
    }
    .menumobile-navbar #menu-mobile .menu .menu-item-has-children .drop-down-icon.js__active:after {
        content: '\f102';
    }
    .menumobile-navbar .menumobile-close-btn {
        text-align: center;
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        cursor: pointer;
        padding: 4px 0px 4px 0px;
        background: #323232;
    }
    .menumobile-navbar .menumobile-close-btn .fa {
        line-height: 26px;
    }
    .menumobile-navbar .menumobile-close-btn .fa:before {
        display: block;
        position: relative;
        top: -2px;
    }
}

@media (max-width: 499px) {
    html.js__menu_active .mobile-sticky {
        transform: translate(-240px, -120%);
        -webkit-transform: translate(-240px, -120%);
        -moz-transform: translate(-240px, -120%);
        -o-transform: translate(-240px, -120%);
        -ms-transform: translate(-240px, -120%);
    }
    html.js__menu_active .mobile-sticky.js__active {
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transform: translate(-240px, 0);
        -webkit-transform: translate(-240px, 0);
        -moz-transform: translate(-240px, 0);
        -o-transform: translate(-240px, 0);
        -ms-transform: translate(-240px, 0);
    }
    html.js__menu_active #wrapper {
        transform: translate(-240px, 0);
        -webkit-transform: translate(-240px, 0);
        -moz-transform: translate(-240px, 0);
        -o-transform: translate(-240px, 0);
        -ms-transform: translate(-240px, 0);
    }
    .menumobile-navbar {
        width: 240px;
    }
}


/*-----------------------------------------------------------------------
7. Header
*/

.header {
    position: relative;
    z-index: 20;
}

.header.with-border {
    border-bottom: 1px solid #e6e6e6;
}

.header.with-border .middle.middle-ver-2 {
    margin: 0px;
}

.header .container {
    position: relative;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
}

.header .top {
    padding: 8px 0px 7px 0px;
    font-size: 13px;
    line-height: 24px;
    border-bottom: 1px solid #ecf0f1;
    z-index: 30;
    position: relative;
}

.header .top .left-side {
    float: left;
}

.header .top .right-side {
    float: right;
}

.header .top .drop-down-wrap {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    color: #8e8e93;
}

.header .top .drop-down-wrap .fa {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 16px;
    line-height: 24px;
    width: 17px;
    text-align: right;
}

.header .top .drop-down-wrap .drop-down-current {
    position: relative;
    cursor: pointer;
}

.header .top .drop-down-wrap .drop-down-current a {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #8e8e93;
}

.header .top .drop-down-wrap .drop-down-current a img {
    position: absolute;
    top: 6px;
    left: 0px;
}

.header .top .drop-down-wrap .drop-down-list {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 7px;
    z-index: 30;
    min-width: 102px;
    border: 1px solid #ecf0f1;
    border-top: 2px solid #f99d39;
    transform: translate(-50%, 15px);
    -webkit-transform: translate(-50%, 15px);
    -moz-transform: translate(-50%, 15px);
    -o-transform: translate(-50%, 15px);
    -ms-transform: translate(-50%, 15px);
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.header .top .drop-down-wrap .drop-down-list:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 100%;
    left: 0px;
}

.header .top .drop-down-wrap .drop-down-list li {
    position: relative;
    display: block;
    border-top: 1px solid #ecf0f1;
}

.header .top .drop-down-wrap .drop-down-list li span {
    display: inline-block;
}

.header .top .drop-down-wrap .drop-down-list li:first-child {
    border-top: none;
}

.header .top .drop-down-wrap .drop-down-list a {
    display: block;
    padding: 5px 10px 5px 10px;
    background: #ffffff;
    color: #34383d;
    white-space: nowrap;
}

@media (min-width: 1025px) {
    .header .top .drop-down-wrap .drop-down-list a:hover {
        background: #f7f9f9;
    }
    .header .top .drop-down-wrap .drop-down-list a:hover {
        color: #f99d39;
    }
    .header .top .drop-down-wrap:hover .drop-down-list {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        visibility: visible;
    }
}

@media (max-width: 1024px) {
    .header .top .drop-down-wrap.js__active .drop-down-list {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        visibility: visible;
    }
}

.header .top .drop-down-language .drop-down-current a {
    padding-left: 24px;
}

.header .top .drop-down-language .drop-down-list a {
    padding-left: 37px;
}

.header .top .drop-down-language .drop-down-list a img {
    position: absolute;
    top: 11px;
    left: 10px;
}

.header .top .menu {
    font-size: 0px;
    line-height: 0px;
    margin-bottom: 0px;
}

.header .top .menu a {
    font-size: 13px;
    line-height: 24px;
    color: #8e8e93;
    display: inline-block;
}

@media (min-width: 1025px) {
    .header .top .menu a:hover {
        color: #333333;
    }
}

.header .top .menu li {
    display: inline-block;
    position: relative;
}

.header .top .menu li:hover>.sub-menu {
    position: absolute;
    top: 5px;
    left: auto;
    right: 0px;
    transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    display: block;
    z-index: 9999;
    background-color: #FFF;
    width: 200px;
    -webkit-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
    padding: 15px;
}

.header .top .menu li ul.sub-menu li {
    margin: 0px;
    display: block;
    line-height: 26px;
    padding: 5px 10px;
}

.header .top .menu li ul.sub-menu li:hover {
    background-color: #FFFAF5;
}

.header .top .menu li ul.sub-menu li:before {
    content: inherit !important;
}

.header .top .menu li ul.sub-menu li a {
    margin: 0px;
    padding: 0px;
}

.header .top .menu li:before {
    content: "|";
    font-size: 12px;
    line-height: 24px;
    color: #dbddde;
    display: inline-block;
    padding: 0px 12px 0px 12px;
}

.header .top .menu li:first-child:before {
    display: none;
}

.header .top .menu ul {
    display: none;
}

.header .top.dark-style {
    background: #333333;
}

.header .top.dark-style .drop-down-wrap .drop-down-current a {
    color: #bdbdbf;
}

.header .top.dark-style .drop-down-wrap .fa {
    color: #4b4d4e;
}

.header .top.dark-style .menu li:before {
    color: #595959;
}

.header .top.dark-style .menu a {
    color: #bdbdbf;
}

@media (min-width: 1025px) {
    .header .top.dark-style .menu a:hover {
        color: #ffffff;
    }
}

@media (max-width: 599px) {
    .header .top .left-side {
        width: 100%;
        text-align: center;
    }
    .header .top .right-side {
        width: 100%;
        text-align: center;
    }
    .header .top .drop-down-wrap {
        margin: 0px 8px 0px 8px;
    }
}

.header .middle {
    position: relative;
    padding: 22px 185px 22px 290px;
    margin-top: 10px;
}

.header .middle .logo {
    position: absolute;
    left: 0px;
    height: 35px;
}

@media (min-width: 992px) {
    .header .middle .logo {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 991px) {
    .header .middle .logo {
        top: 22px;
    }
}

.header .middle .logo img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 82px;
    width: auto;
}

@media (max-width: 399px) {
    .header .middle .logo {
        max-width: 180px;
    }
}

.header .middle .search-form {
    position: relative;
    padding: 6px 41px 6px 136px;
    border: 2px solid #dbddde;
}

.header .middle .search-form .select-category {
    position: absolute;
    top: 6px;
    left: 0px;
    width: 136px;
    height: 37px;
}

.header .middle .search-form .select-category .select2-container--default .select2-selection--single {
    border: none;
    height: 37px;
    background: none;
}

.header .middle .search-form .select-category .select2-container--default .select2-selection__rendered {
    line-height: 29px;
    color: #8e8e93;
    padding-right: 36px;
    padding-left: 14px;
}

.header .middle .search-form .select-category .select2-container--default .select2-selection__arrow {
    width: 36px;
    text-align: center;
}

.header .middle .search-form .select-category .select2-container--default .select2-selection__arrow:before {
    content: "\f107";
    font-family: 'FA';
    font-size: 24px;
    line-height: 26px;
    color: #dbddde;
}

.header .middle .search-form .select-category .select2-container--default .select2-selection__arrow b {
    display: none;
}

.header .middle .search-form .select-category .select2-container {
    min-width: 100%;
}

.header .middle .search-form .inp-search {
    width: 100%;
    height: 29px;
    padding-left: 17px;
    padding-right: 17px;
    outline: none;
    border: none;
    border-left: 1px solid #dbddde;
    color: #34383d;
}

.header .middle .search-form .inp-search::-webkit-input-placeholder {
    color: #898c90;
}

.header .middle .search-form .inp-search:-moz-placeholder {
    color: #898c90;
}

.header .middle .search-form .inp-search::-moz-placeholder {
    color: #898c90;
}

.header .middle .search-form .inp-search:-ms-input-placeholder {
    color: #898c90;
}

@media (max-width: 479px) {
    .header .middle .search-form {
        padding: 43px 6px 6px 6px;
    }
    .header .middle .search-form .select-category {
        width: calc(100% - 12px);
    }
    .header .middle .search-form .select-category .select2-container {
        min-width: 100%;
        border-bottom: 1px solid #dbddde;
    }
    .header .middle .search-form .inp-search {
        border-left: none;
        height: 29px;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .header .middle .search-form .inp-submit {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
    }
}

.header .middle .inp-submit {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 35px;
    height: 35px;
    background: #626365;
    outline: none;
    cursor: pointer;
    border: none;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .header .middle .inp-submit:hover {
        background: #F99D39;
    }
}

.header .middle .inp-submit .fa {
    font-size: 18px;
    line-height: 35px;
}

.header .middle .right-side {
    position: absolute;
    top: 24px;
    right: 0px;
    text-align: right;
    font-size: 0px;
    line-height: 0px;
}

.header .middle .right-side>li {
    display: inline-block;
    position: relative;
}

.header .middle .right-side>li>a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    font-size: 18px;
    line-height: 36px;
    border: 2px solid #dbddde;
    text-align: center;
    color: #898c90;
}

.header .middle .right-side>li>a .num {
    position: absolute;
    top: -13px;
    right: -9px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    background: #ffcd02;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media (min-width: 1025px) {
    .header .middle .right-side>li>a:hover {
        color: #ffffff;
        background: #898c90;
        border-color: #898c90;
    }
}

.header .middle .right-side>li.js__active>a {
    color: #ffffff;
    background: #898c90;
    border-color: #898c90;
}

.header .middle .right-side>li.js__active .cart-list-container {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.header .middle .right-side .cart-list-container {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0px;
    margin-top: 10px;
    width: 340px;
    background: #ffffff;
    text-align: left;
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 2px 9px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.header .middle .right-side .cart-list-container .cart-list-content {
    border: 1px solid #f2f2f2;
    border-bottom: none;
    padding: 2px 20px 2px 20px;
}

.header .middle .right-side .cart-list-container .cart-list li {
    position: relative;
    padding: 25px 30px 30px 90px;
    min-height: 125px;
    border-bottom: 1px solid #ecf0f1;
}

.header .middle .right-side .cart-list-container .cart-list li:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.header .middle .right-side .cart-list-container .cart-list .thumb {
    position: absolute;
    top: 30px;
    left: 10px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .header .middle .right-side .cart-list-container .cart-list .thumb:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }
}

.header .middle .right-side .cart-list-container .cart-list .title {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 1025px) {
    .header .middle .right-side .cart-list-container .cart-list .title:hover {
        color: #f99d39;
    }
}

.header .middle .right-side .cart-list-container .cart-list .quantity {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #898c90;
    display: block;
}

.header .middle .right-side .cart-list-container .cart-list .quantity .amount {
    font-size: 16px;
    line-height: 18px;
    color: #f99d39;
}

.header .middle .right-side .cart-list-container .cart-list .mini-cart-remove {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 24px;
    color: #bbb;
    text-align: center;
    width: 30px;
}

@media (min-width: 1025px) {
    .header .middle .right-side .cart-list-container .cart-list .mini-cart-remove:hover {
        color: #f99d39;
    }
}

.header .middle .right-side .cart-list-container .cart-list .mini-cart-remove .fs {
    line-height: 24px;
}

@media (max-width: 479px) {
    .header .middle .right-side .cart-list-container {
        width: 240px;
    }
    .header .middle .right-side .cart-list-container .cart-list-content {
        padding: 2px 12px 2px 20px;
    }
}

.header .middle .right-side .cart-list-subtotal {
    padding: 22px 10px 22px 10px;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
}

.header .middle .right-side .cart-list-subtotal:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.header .middle .right-side .cart-list-subtotal strong {
    font-weight: 600;
}

.header .middle .right-side .cart-list-bottom {
    padding: 5px 20px 5px 20px;
    background: #f99d39;
    font-size: 14px;
    line-height: 24px;
    display: block;
}

@media (min-width: 1025px) {
    .header .middle .right-side .cart-list-bottom:hover {
        background: #333333;
    }
}

.header .middle .right-side .cart-list-bottom:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.header .middle .right-side .cart-list-bottom span {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    display: block;
    padding: 5px 10px 5px 10px;
}

.header .middle .right-side .cart-list-bottom .fa {
    font-size: 14px;
    line-height: 24px;
}

.header .middle .right-side .menumobile-toggle {
    border: 2px solid #dbddde;
    margin-left: 8px;
    width: 40px;
    height: 40px;
    padding: 0px;
}

.header .middle .right-side .menumobile-toggle .icon-bar {
    width: 24px;
    height: 3px;
    top: 18px;
}

.header .middle .right-side .menumobile-toggle .icon-bar:nth-child(1) {
    transform: translate(0, -6px);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
}

.header .middle .right-side .menumobile-toggle .icon-bar:nth-child(3) {
    transform: translate(0, 6px);
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
}

.header .middle .right-side .search-toggle {
    border: 2px solid #dbddde;
    position: relative;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    width: 40px;
    height: 40px;
}

.header .middle .right-side .search-toggle a {
    border: none;
    width: 36px;
    height: 36px;
    margin: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 30;
}

.header .middle .right-side .search-toggle .search-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    background: #ffffff;
    z-index: 20;
    color: #898c90;
}

.header .middle .right-side .search-toggle .search-container .inp-search {
    width: 100%;
    height: 36px;
    font-size: 14px;
    padding-left: 14px;
    color: #898c90;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background: none;
    border: none;
    outline: none;
}

.header .middle .right-side .search-toggle .search-container .inp-search::-webkit-input-placeholder {
    color: #898c90;
}

.header .middle .right-side .search-toggle .search-container .inp-search:-moz-placeholder {
    color: #898c90;
}

.header .middle .right-side .search-toggle .search-container .inp-search::-moz-placeholder {
    color: #898c90;
}

.header .middle .right-side .search-toggle .search-container .inp-search:-ms-input-placeholder {
    color: #898c90;
}

.header .middle .right-side .search-toggle .search-container .btn-submit {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    border: none;
    background: none;
    padding: 0px;
    outline: none;
}

.header .middle .right-side .search-toggle .search-container .btn-submit .fa {
    line-height: 36px;
}

.header .middle .right-side .search-toggle.js__active {
    width: 780px;
    border-color: #898c90;
}

@media (max-width: 1199px) {
    .header .middle .right-side .search-toggle.js__active {
        width: 635px;
    }
}

@media (max-width: 1024px) {
    .header .middle .right-side .search-toggle.js__active {
        width: 570px;
    }
}

@media (max-width: 991px) {
    .header .middle .right-side .search-toggle.js__active {
        width: 340px;
    }
}

@media (max-width: 767px) {
    .header .middle .right-side .search-toggle.js__active {
        width: 220px;
    }
}

@media (max-width: 399px) {
    .header .middle .right-side .search-toggle.js__active {
        width: 100%;
    }
}

.header .middle .right-side .search-toggle.js__active a {
    z-index: 10;
    background: #ffffff;
    color: #898c90;
}

.header .middle .right-side .search-toggle.js__active .search-container .inp-search {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (min-width: 1025px) {
    .header .middle .right-side .search-toggle:hover {
        border-color: #898c90;
    }
}

.header .middle.middle-ver-2 {
    padding-left: 260px;
    padding-right: 140px;
    margin-bottom: 10px;
}

.header .middle.middle-ver-2 .main-menu-wrap .menu .mega-menu-wrap .mega-menu {
    margin-top: 10px;
}

.header .middle.middle-ver-2 .main-menu-wrap .menu .mega-menu-wrap .mega-menu:before {
    content: "";
    position: absolute;
    top: -33px;
    left: 0px;
    width: 100%;
    height: 33px;
}

@media (max-width: 1199px) {
    .header .middle.middle-ver-2 {
        padding-left: 210px;
    }
}

@media (max-width: 1024px) {
    .header .middle.middle-ver-2 {
        padding-top: 80px;
    }
    .header .middle.middle-ver-2 .logo,
    .header .middle.middle-ver-2 .right-side {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 991px) {
    .header .middle {
        padding: 100px 0px 22px 0px;
    }
}

@media (max-width: 599px) {
    .header .middle.middle-ver-2 {
        padding-top: 120px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .header .middle.middle-ver-2 .logo {
        top: 21px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .header .middle.middle-ver-2 .right-side {
        top: 80px;
        text-align: center;
        width: 100%;
        left: 0px;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
    .header .middle.middle-ver-2 .right-side li {
        text-align: left;
    }
    .header .middle.middle-ver-2 .right-side .cart-list-container {
        margin-right: -120px;
    }
}

@media (max-width: 399px) {
    .header .middle.middle-ver-2 .right-side {
        padding-right: 48px;
        padding-left: 96px;
    }
    .header .middle.middle-ver-2 .right-side .user-wrap {
        position: absolute;
        top: 0px;
        left: 40px;
    }
    .header .middle.middle-ver-2 .right-side .cart-list-wrap {
        position: absolute;
        top: 0px;
        left: -8px;
    }
    .header .middle.middle-ver-2 .right-side .cart-list-container {
        right: auto;
        left: 0px;
        margin-right: 0px;
    }
    .header .middle.middle-ver-2 .right-side .search-toggle {
        float: right;
    }
    .header .middle.middle-ver-2 .right-side .menumobile-toggle-wrap {
        position: absolute;
        right: 0px;
        top: 0px;
    }
}

.header .bottom:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.header .bottom .left-side {
    float: left;
}

.header .bottom .right-side {
    float: right;
    padding: 12px 0px 12px 0px;
    font-size: 16px;
    line-height: 26px;
    color: #626365;
}

.header .bottom .right-side a {
    color: #ffcd02;
}

@media (min-width: 1025px) {
    .header .bottom .right-side a:hover {
        color: #e74c3c;
    }
}

@media (max-width: 1024px) {
    .header .bottom .left-side {
        float: right;
    }
    .header .bottom .right-side {
        float: left;
    }
}

.top-wrapper .header {
    border-bottom: 1px solid rgba(244, 244, 244, 0.2);
}

.top-wrapper .header .middle {
    margin: 0px;
}

.top-wrapper .header .middle.middle-ver-2 .main-menu-wrap .menu .mega-menu-wrap .mega-menu {
    margin-top: 0px;
}

.top-wrapper .header .middle .right-side .search-toggle {
    border-color: rgba(219, 221, 222, 0.3);
}

@media (min-width: 1025px) {
    .top-wrapper .header .middle .right-side .search-toggle:hover {
        border-color: #ffffff;
    }
}

.top-wrapper .header .middle .right-side .search-toggle a {
    background: none;
    color: #ffffff;
}

.top-wrapper .header .middle .right-side .search-toggle .search-container {
    background: none;
}

.top-wrapper .header .middle .right-side .search-toggle .btn-submit {
    color: #ffffff;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.top-wrapper .header .middle .right-side .search-toggle.js__active {
    background: #ffffff;
    border-color: #ffffff;
}

.top-wrapper .header .middle .right-side .search-toggle.js__active .btn-submit {
    color: #333333;
}

.top-wrapper .header .middle .right-side>li>a {
    color: #ffffff;
    border-color: rgba(219, 221, 222, 0.3);
}

@media (min-width: 1025px) {
    .top-wrapper .header .middle .right-side>li>a:hover {
        color: #333333;
        border-color: #ffffff;
        background-color: #ffffff;
    }
}

.top-wrapper .header .middle .right-side>li.js__active>a {
    color: #333333;
    border-color: #ffffff;
    background-color: #ffffff;
}

.top-wrapper .header .middle .right-side .menumobile-toggle {
    border-color: rgba(219, 221, 222, 0.3);
}

.top-wrapper .header .middle .right-side .menumobile-toggle .icon-bar {
    background: #ffffff;
}

@media (min-width: 1025px) {
    .top-wrapper .header .middle {
        padding-bottom: 0px;
        padding-top: 0px;
    }
}

.top-wrapper .main-menu-wrap .menu>li>a {
    color: #ffffff;
    padding-bottom: 32px;
    padding-top: 32px;
}

.top-wrapper .main-menu-wrap .menu>li.current-menu-item>a,
.top-wrapper .main-menu-wrap .menu>li:hover>a {
    color: #ffffff;
    border-bottom-color: #ffffff;
}

.top-wrapper .main-menu-wrap .menu>li.menu-item-has-children>a:before {
    background-color: rgba(255, 255, 255, 0.3);
}

.top-wrapper .rev_slider_wrapper .tparrows {
    width: 60px;
    height: 60px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.top-wrapper .rev_slider_wrapper .tparrows:before {
    background: none;
}

.top-wrapper .rev_slider_wrapper .tparrows:after {
    content: "\f177";
    font-family: 'FA';
    color: #ffffff;
    font-size: 18px;
    line-height: 32px;
    background: none;
}

.top-wrapper .rev_slider_wrapper .tparrows.tp-rightarrow:after {
    content: "\f178";
    background: none;
}

@media (max-width: 1199px) {
    .top-wrapper .rev_slider_wrapper .tparrows {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1025px) {
    .top-wrapper .rev_slider_wrapper .tparrows:hover {
        border-color: #ffffff;
    }
}

@media (max-width: 1024px) {
    .top-wrapper .rev_slider_wrapper .tparrows:before {
        border-color: #ffffff;
    }
}


/*-----------------------------------------------------------------------
8. Footer
*/

.footer {
    background: #313741;
    color: #ffffff;
}

.footer .col-md-4 {
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
}

.footer .footer-shipping .item-service {
    max-width: inherit;
    display: block;
}

.footer .top {
    padding: 50px 0px 50px 0px;
}

.footer .bottom {
    padding: 17px 0px 17px 0px;
    background: #2B3039;
}

.footer .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}

.footer .widget {
    padding-bottom: 20px;
}

.footer .widget_nav_menu li,
.footer .widget_pages li,
.footer .widget_meta li,
.footer .widget_categories li,
.footer .widget_archive li {
    margin-bottom: 8px;
    padding: 0px;
    border-top: none;
}

.footer .widget_nav_menu a,
.footer .widget_pages a,
.footer .widget_meta a,
.footer .widget_categories a,
.footer .widget_archive a {
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .footer .widget_nav_menu a:hover,
    .footer .widget_pages a:hover,
    .footer .widget_meta a:hover,
    .footer .widget_categories a:hover,
    .footer .widget_archive a:hover {
        color: #f99d39;
    }
}

.footer p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 13px;
}

.footer .contact-list li {
    font-size: 13px;
    line-height: 22px;
    position: relative;
    padding: 11px 10px 10px 27px;
}

.footer .contact-list li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;
}

.footer .contact-list .fa {
    font-size: 15px;
    line-height: 25px;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #f99d39;
}

.footer .contact-list a {
    color: #ffffff;
}

@media (min-width: 1025px) {
    .footer .contact-list a:hover {
        color: #f99d39;
    }
}

.footer .join-form {
    padding-top: 2px;
    margin-bottom: 14px;
}

.footer .social-list {
    font-size: 0px;
    margin: 0px -4px 0px -4px;
}

.footer .social-list li {
    width: calc(100% / 6);
    padding: 0px 4px 10px 4px;
    display: inline-block;
    text-align: center;
}

.footer .social-list a {
    display: inline-block;
    max-width: 37px;
    width: 100%;
    height: 33px;
    font-size: 13px;
    line-height: 33px;
    color: #313741;
    background: #FFF;
    border-radius: 3px;
}

@media (min-width: 1025px) {
    .footer .social-list a:hover {
        color: #FFF;
        background: #2B3039;
    }
}

@media (max-width: 767px) {
    .footer .social-list li {
        width: 45px;
    }
}

.footer .copyright {
    text-align: left;
    font-size: 13px;
    line-height: 22px;
}

@media (max-width: 767px) {
    .footer .copyright {
        text-align: center;
    }
}

.footer .copyright .fa {
    font-size: 13px;
    line-height: 22px;
}

.footer .copyright a {
    color: #f99d39;
}

@media (min-width: 1025px) {
    .footer .copyright a:hover {
        text-decoration: underline !important;
    }
}

.footer .payment-list {
    font-size: 0px;
    text-align: right;
}

@media (max-width: 767px) {
    .footer .payment-list {
        text-align: center;
        padding-top: 10px;
    }
}

.footer .payment-list li {
    display: inline-block;
    margin-left: 4px;
}

.footer .payment-list li:first-child {
    margin-left: 0px;
}


/*-----------------------------------------------------------------------
9. Title
*/

.section-white-title {
    text-align: center;
    float: none;
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 70px;
}

.section-white-title:before {
    content: "";
    width: 35px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ffffff;
}

.single-title-border-bottom {
    color: #333333;
    font-size: 24px;
    line-height: 34px;
    position: relative;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    margin-bottom: 20px;
}

.single-title-border-bottom:before {
    content: "";
    width: 37px;
    height: 2px;
    background: #333333;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.title-box-center {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 50px;
    display: block;
    position: relative;
}

.title-box-center span {
    display: inline-block;
    padding: 6px 43px 6px 43px;
    position: relative;
    z-index: 20;
    background: #ffffff;
}

.title-box-center span:before {
    content: "";
    border: 2px solid #dbddde;
    position: absolute;
    top: 0px;
    left: 26px;
    bottom: 0px;
    right: 26px;
}

.title-box-center:before {
    content: "";
    background: #dbddde;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-large-title {
    padding: 20px 0px 20px 0px;
    color: #333333;
    background: #f2f2f2;
}

.page-large-title .title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 700;
}

.page-large-title .woocommerce-breadcrumb span {
    color: #484848;
    padding: 0px 8px 0px 8px;
}

.page-large-title .woocommerce-breadcrumb a {
    color: #979797;
    padding: 0px 8px 0px 8px;
}

@media (min-width: 1025px) {
    .page-large-title .woocommerce-breadcrumb a:hover {
        color: #f99d39;
    }
}

.page-large-title .woocommerce-breadcrumb a:first-child {
    padding-left: 0px;
    color: #979797;
}

.page-large-title .woocommerce-breadcrumb a:first-child:hover {
    color: #f99d39;
}


/*-----------------------------------------------------------------------
10. Hover
*/

.light-effect {
    position: relative;
    overflow: hidden;
    display: block;
}

.light-effect:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -200%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transform: skew(45deg);
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -o-transform: skew(45deg);
    -ms-transform: skew(45deg);
}

.light-effect:hover:after {
    left: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.dark-effect {
    display: inline-block;
    position: relative;
    background: #333333;
}

.dark-effect img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .dark-effect:hover img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
}

.shipping_address {
    padding-left: 10px;
}

.shipping_address h4 {
    font-weight: bold;
    margin-bottom: 10px;
}

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

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

.mb-50 {
    margin-bottom: 50px;
}

.cart-sum {
    margin: 0px 10px 50px;
}


/*--------------------------10-1. How It Work */

.howitWork h2 {
    width: 100%;
    text-align: center;
    color: #52555A
}

.howitWork .row {
    display: flex;
}

.howitWork .col-md-6 {
    display: flex;
}

.howitWork p {
    max-width: 700px;
    margin: 0px auto;
    color: #898C90;
}

.forSteps {
    text-align: left;
    margin: 30px 0px 70px;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #ECECEC;
    background-color: #FFF;
}

.forSteps h3 {
    font-size: 22px;
    color: #F99D39;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.forSteps .title {
    text-align: left;
}

.forSteps .item-why-choose-us {
    padding-left: 105px;
}

.forSteps .item-why-choose-us .thumb {
    width: 86px;
    height: 96px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 0px;
    border: 0px solid #dbddde;
}

.item-why-choose-us .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px;
    color: #52555A;
    font-weight: 600;
    text-transform: none;
    padding-top: 15px;
}

.section-last .section-title {
    color: #31353B;
}


/*-----------------------------------------------------------------------
11. Sections
*/

.section-common {
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 0 25px !important;
}

.section-title {
    color: #9a9a9a;
    font-size: 32px;
    line-height: 34px;
    position: relative;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    margin-bottom: 0px;
    padding-left: 0px;
}


/*.section-title:before {
	content: "";
	width: 37px;
	height: 2px;
	background: #333333;
	position: absolute;
	left: 15px;
	bottom: 0px;
}*/

.section-title.small-spacing {
    margin-bottom: 0px;
}

.section-title.center {
    width: 100%;
    text-align: center;
}

.section-title.center:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-adv .item-adv {
    display: block;
    margin: 30px auto 0px;
    float: none;
}

.section-adv-large .item-adv-large {
    margin-bottom: 22px;
}

.section-isotope-product.tab-product-wrap .tab-controls {
    float: right;
    padding-top: 8px;
    margin-bottom: 35px;
}

.section-services {
    text-align: center;
}

.section-services .item-service {
    margin-top: 30px;
    text-align: left;
}

.section-blog {
    text-align: center;
    background-color: #f5f5f5;
    margin-top: 0px;
}

.section-blog .section-title {
    padding-top: 21px;
}

.section-map {
    background: #f2f2f2;
    position: relative;
}

.section-last {
    padding-bottom: 50px;
}

.section-logos {
    text-align: center;
}

.section-images-full {
    font-size: 0px;
}

.section-images-full li {
    max-width: 20%;
    display: inline-block;
}

@media (max-width: 991px) {
    .section-images-full li {
        max-width: 100%;
    }
}

.testimonial {
    text-align: center;
}

.section-testimonials {
    color: #ffffff;
}

.section-testimonials .testimonials-wrap {
    padding-top: 72px;
    background: #333333;
    padding-bottom: 122px;
}

.section-testimonials .testimonials-wrap>.background {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
}

.section-testimonials .slides {
    width: calc(100% - 165px);
    float: left;
}

.section-testimonials .slides .slick-dots {
    position: absolute;
    top: 100%;
    left: 165px;
    right: 0px;
    text-align: center;
    margin-top: 50px;
    font-size: 0px;
}

.section-testimonials .slides .slick-dots li {
    display: inline-block;
    margin: 0px 5px 10px 5px;
}

.section-testimonials .slides .slick-dots button {
    width: 12px;
    height: 12px;
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    border: none;
    outline: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.section-testimonials .slides .slick-dots .slick-active button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

@media (max-width: 991px) {
    .section-testimonials .slides {
        width: calc(100% - 100px);
    }
    .section-testimonials .slides .slick-dots {
        left: 100px;
    }
}

.section-testimonials .slides-thumb {
    float: right;
    width: 75px;
}

.section-testimonials .slides-thumb a {
    display: block;
    background: #333333;
    position: relative;
    overflow: hidden;
}

.section-testimonials .slides-thumb a:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 10;
    border: 1px solid #ffffff;
    width: 81px;
    height: 81px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.section-testimonials .slides-thumb a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    opacity: 0.45;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.section-testimonials .slides-thumb .slick-slide {
    padding-bottom: 20px;
    border: none;
}

@media (min-width: 1025px) {
    .section-testimonials .slides-thumb .slick-slide:hover a:before {
        transform: scale(0.85, 0.85);
        -webkit-transform: scale(0.85, 0.85);
        -moz-transform: scale(0.85, 0.85);
        -o-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
    }
    .section-testimonials .slides-thumb .slick-slide:hover a img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.section-testimonials .slides-thumb .slick-current a:before {
    transform: scale(0.85, 0.85);
    -webkit-transform: scale(0.85, 0.85);
    -moz-transform: scale(0.85, 0.85);
    -o-transform: scale(0.85, 0.85);
    -ms-transform: scale(0.85, 0.85);
}

.section-testimonials .slides-thumb .slick-current a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.section-testimonials .slides-thumb .slick-arrow {
    position: absolute;
    top: 100%;
    left: 0px;
    font-size: 0px;
    background: none;
    border: none;
    outline: none;
    width: 50%;
}

.section-testimonials .slides-thumb .slick-arrow:before {
    content: "\f177";
    font-family: 'FA';
    font-size: 16px;
    line-height: 18px;
    color: #c7c7cc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.section-testimonials .slides-thumb .slick-arrow.slick-next {
    right: 0px;
    left: auto;
}

.section-testimonials .slides-thumb .slick-arrow.slick-next:before {
    content: "\f178";
}

@media (min-width: 1025px) {
    .section-testimonials .slides-thumb .slick-arrow:hover:before {
        color: #ffffff;
    }
}

@media (max-width: 659px) {
    .section-testimonials .slides {
        width: 100%;
    }
    .section-testimonials .slides .content {
        padding-top: 0px;
    }
    .section-testimonials .slides .slick-dots {
        left: 0px;
    }
    .section-testimonials .slides-thumb {
        display: none;
    }
}

@media (max-width: 991px) {
    .section-featured-product .product-grid {
        margin-top: 20px;
    }
    .section-featured-product .tab-product-wrap .tab-controls {
        margin-bottom: 0px;
    }
    .section-isotope-product.tab-product-wrap .tab-controls {
        width: 100%;
        text-align: left;
    }
}


/*-----------------------------------------------------------------------
12. Advertisement
*/


/* .item-adv */

.item-adv {
    position: relative;
    color: #898c90;
    max-width: 370px;
    min-height: 162px;
    display: block;
    margin: 0px auto 0px;
    float: none;
}

.item-adv:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.item-adv:before {
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid #ecf0f1;
    position: absolute;
    top: 0px;
    left: 0px;
}

.item-adv .thumb {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10;
}

.item-adv .content {
    width: 100%;
    max-width: 280px;
    padding: 30px 15px 30px 15px;
    float: right;
    text-align: center;
    position: relative;
    z-index: 10;
}

.item-adv .title {
    margin: 0px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    line-height: 30px;
}

.item-adv p {
    font-size: 14px;
    line-height: 17px;
    color: #898c90;
    margin-bottom: 22px;
}

.item-adv .btn-common {
    font-family: 'Montserrat', sans-serif;
    color: #aaaaad;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 15px 3px 15px;
    border: 2px solid #333333;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    display: inline-block;
}

.item-adv .btn-common.btn-border-rose {
    border-color: #ff4981;
}

.item-adv .btn-common.btn-border-magento {
    border-color: #418298;
}

.item-adv .btn-common.btn-border-yellow {
    border-color: #ffcd02;
}

.item-adv .btn-common.btn-border-blue {
    border-color: #41bedd;
}

@media (min-width: 1025px) {
    .item-adv .btn-border-rose:hover {
        background: #ff4981;
        color: #ffffff;
    }
    .item-adv .btn-border-magento:hover {
        background: #418298;
        color: #ffffff;
    }
    .item-adv .btn-border-yellow:hover {
        background: #ffcd02;
        color: #ffffff;
    }
    .item-adv .btn-border-blue:hover {
        background: #41bedd;
        color: #ffffff;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .item-adv .content {
        max-width: 220px;
    }
    .item-adv .title {
        font-size: 20px;
    }
    .item-adv p {
        font-size: 11px;
        margin-bottom: 15px;
    }
    .item-adv .btn-common {
        font-size: 12px;
        line-height: 22px;
        padding: 1px 8px 1px 8px;
    }
}

@media (max-width: 359px) {
    .item-adv .content {
        max-width: 220px;
    }
    .item-adv .title {
        font-size: 20px;
    }
    .item-adv p {
        font-size: 11px;
        margin-bottom: 15px;
    }
    .item-adv .btn-common {
        font-size: 12px;
        line-height: 22px;
        padding: 1px 8px 1px 8px;
    }
}


/* .item-adv-large */

.item-adv-large {
    background: #f2f2f2;
    width: 100%;
    height: 300px;
    color: #333333;
    position: relative;
    display: block;
    overflow: hidden;
}

.item-adv-large:hover {
    color: #333333;
}

.item-adv-large .thumb {
    position: absolute;
    bottom: 0px;
    right: 50%;
    margin-right: 5px;
}

.item-adv-large .content {
    position: absolute;
    top: 85px;
    left: 50%;
    margin-left: 40px;
}

.item-adv-large .title-border-bottom {
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 20px;
    position: relative;
}

.item-adv-large .title-border-bottom:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 35px;
    height: 2px;
    background: #f99d39;
}

.item-adv-large .title {
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 700;
}

.item-adv-large .desc {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 4px;
}

.item-adv-large .text {
    margin-bottom: 22px;
    padding-right: 15px;
}

.item-adv-large .btn-common {
    display: inline-block;
    min-width: 108px;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 8px 3px 8px;
    border: 2px solid #333333;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .item-adv-large .btn-common:hover {
        background: #333333;
        color: #ffffff;
    }
}

@media (max-width: 1199px) {
    .item-adv-large .content {
        margin-left: 10px;
    }
}

@media (max-width: 479px) {
    .item-adv-large .thumb {
        display: none;
    }
    .item-adv-large .content {
        left: 0px;
        margin-left: 0px;
        text-align: center;
        width: 100%;
    }
    .item-adv-large .title-border-bottom:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .item-adv-large .text {
        padding-right: 0;
    }
}

.adv-main-content {
    margin-bottom: 50px;
}


/*-----------------------------------------------------------------------
13. Contact
*/

.item-contact {
    display: inline-block;
    text-align: center;
    margin-bottom: 23px;
}

.item-contact .item-icon {
    min-height: 40px;
    margin-bottom: 22px;
}

.item-contact p {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 0px;
}

.item-contact a {
    color: #333333;
}

@media (min-width: 1025px) {
    .item-contact a:hover {
        color: #f99d39;
    }
}

.contact-info {
    padding-top: 9px;
}

.contact-info .title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #f99d39;
    margin-bottom: 5px;
}

.contact-info p {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 16px;
}

.contact-info a {
    color: #333333;
}

@media (min-width: 1025px) {
    .contact-info a:hover {
        color: #f99d39;
    }
}

.contact-info .time {
    display: inline-block;
    width: 80px;
}


/*-----------------------------------------------------------------------
14. Images
*/

.item-images {
    margin-top: -30px;
}

.item-images .item-image {
    margin-top: 30px;
}

.item-images-grids {
    position: relative;
    margin: 0px -15px -30px -15px;
}

.item-images-grid {
    display: block;
    margin-bottom: 30px;
    padding: 0px 15px 0px 15px;
    float: left;
}


/*-----------------------------------------------------------------------
15. Logo
*/

.item-logo {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 165px;
    height: 85px;
    border: 1px solid #e3e3e3;
    margin-bottom: 31px;
}

.item-logo:focus {
    outline: none;
}

.item-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    display: inline-block;
}

@media (min-width: 1025px) {
    .item-logo:hover {
        border-color: #f99d39;
    }
}


/*-----------------------------------------------------------------------
16. Quotes
*/


/* .quotes-wrap */

.quotes-wrap {
    position: relative;
    background: #000;
    padding: 85px 0px 85px 0px;
}

.quotes-wrap .background {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-attachment: fixed;
}

.quotes-wrap .container {
    position: relative;
    z-index: 20;
}

.quotes-wrap .slick-dots {
    position: absolute;
    top: 100%;
    left: 0px;
    font-size: 0px;
    line-height: 0px;
    text-align: center;
    width: 100%;
    margin-top: 54px;
}

.quotes-wrap .slick-dots li {
    display: inline-block;
    margin: 0px 5px 0px 5px;
}

.quotes-wrap .slick-dots button {
    display: block;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
    border: none;
    outline: none;
}

.quotes-wrap .slick-dots .slick-active button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.quotes-wrap .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0px;
    background: none;
    outline: none;
    border: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.quotes-wrap .slick-arrow:before {
    content: "\f053";
    font-family: 'FA';
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}

.quotes-wrap .slick-arrow.slick-next {
    right: -25px;
}

.quotes-wrap .slick-arrow.slick-next:before {
    content: "\f054";
}

.quotes-wrap .slick-arrow.slick-prev {
    left: -25px;
}

.quotes-wrap .text-content p {
    color: inherit;
}

@media (min-width: 1025px) {
    .quotes-wrap .slick-arrow:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .quotes-wrap .slick-arrow {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.quotes-wrap .slick-slider {
    width: 100%;
    max-width: 970px;
    display: block;
    margin: 0px auto 0px;
    float: none;
}

@media (max-width: 429px) {
    .quotes-wrap .item-quote {
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }
    .quotes-wrap .item-quote .thumb {
        position: relative;
        display: block;
        margin: 0px auto 10px;
        float: none;
    }
    .quotes-wrap .item-quote .star-rating {
        display: block;
        margin: 0px auto 10px;
        float: none;
    }
}


/* .item-quote */

.item-quote {
    max-width: 940px;
    position: relative;
    padding-left: 110px;
    color: #ffffff;
    padding-bottom: 10px;
}

.item-quote .thumb {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, 0.1);
}

.item-quote .star-rating {
    background: none;
    margin-bottom: 2px;
}

.item-quote .star-rating span:before {
    background: none;
}

.item-quote p {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 4px;
}

.item-quote .author {
    font-size: 14px;
    line-height: 22px;
}

.item-quote .author .from {
    font-size: 15px;
    color: #d2d2d2;
    font-style: italic;
}

.item-quote .author .location {
    font-size: 15px;
    font-style: italic;
}

.item-quote.item-dark {
    text-align: left;
    min-height: 115px;
}

.item-quote.item-dark .star-rating {
    display: inline-block;
}

.item-quote.item-dark .author {
    display: inline-block;
    line-height: 24px;
    margin-right: 12px;
}


/*-----------------------------------------------------------------------
17. Recent post
*/

.item-recent-post {
    padding-top: 19px;
    display: block;
    padding-bottom: 1px;
}

.item-recent-post:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.item-recent-post .thumb {
    float: left;
    margin-right: 10px;
    background: #4a4a4a;
}

.item-recent-post .thumb img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .item-recent-post .thumb:hover img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
        -moz-opacity: 0.65;
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
}

.item-recent-post .title {
    color: #333333;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-top: 6px;
    margin-bottom: 5px;
}

@media (min-width: 1025px) {
    .item-recent-post .title:hover {
        color: #f99d39;
    }
}

.item-recent-post .post-date {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #bbbbbb;
}


/*-----------------------------------------------------------------------
18. Service
*/


/* .item-service */

.item-service {
    display: inline-block;
    width: 100%;
    max-width: 360px;
    padding: 26px 15px 26px 120px;
    position: relative;
    border: 1px solid #e3e3e3;
}

.item-service.with-number>* {
    z-index: 10;
}

.item-service.with-number:before {
    content: attr(data-number);
    color: #898c90;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 120px;
    font-size: 100px;
    line-height: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
    -moz-opacity: 0.12;
    -khtml-opacity: 0.12;
    opacity: 0.12;
    font-weight: 700;
}

.item-service .title {
    position: relative;
    color: #52555A;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
    font-weight: 700;
    padding-left: 20px;
}

.item-service p {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
    color: #898c90;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    padding-left: 20px;
}

.item-service .thumb {
    width: 100px;
    font-size: 67px;
    line-height: 77px;
    position: absolute;
    left: 20px;
    text-align: center;
    color: #d7d7d7;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    border-right: solid 1px #C5C5C5;
    padding-right: 20px;
}

@media (min-width: 1025px) {
    .item-service:hover {
        border-color: #f99d39;
    }
    .item-service:hover .thumb {
        color: #f99d39;
    }
    .item-service:hover p {
        color: #f99d39;
    }
}

@media (max-width: 1024px) {
    .item-service .thumb {
        color: #f99d39;
    }
}


/* .item-service-2 */

.item-service-2 {
    color: #ffffff !important;
    text-align: center;
    padding: 31px 15px 33px 15px;
    background: #333333;
    margin-bottom: 30px;
}

.item-service-2 .title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px;
    font-weight: 600;
    text-transform: uppercase;
}

.item-service-2 .desc {
    font-size: 14px;
    line-height: 24px;
}

.item-service-2.red-style {
    background-color: #e74c3c;
}

.item-service-2.green-style {
    background-color: #f99d39;
}

.item-service-2.yellow-style {
    background-color: #ffcd02;
}


/*------------------------------------------------------------------
19. Social
*/

.item-square-social-list {
    font-size: 0px;
}

.item-square-social-list li {
    margin-left: 10px;
    display: inline-block;
    padding-top: 16px;
}

.item-square-social-list li:first-child {
    margin-left: 0px;
}

.item-square-social-list li a {
    display: block;
    font-size: 17px;
    line-height: 26px;
    color: #ffffff !important;
    background: #bbbbbb;
    width: 24px;
    height: 24px;
    text-align: center;
}

@media (min-width: 1025px) {
    .item-square-social-list li a:hover {
        background: #333333;
    }
}

.mb-100 {
    margin-bottom: 100px;
}


/*-----------------------------------------------------------------------
20. Star Rating
*/

.star-rating {
    font-size: 0px;
    line-height: 0px;
    display: block;
    position: relative;
    width: 75px;
    background: #ffffff;
    z-index: 1;
}

.star-rating:before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: 'FA';
    font-size: 14px;
    line-height: 27px;
    display: block;
    letter-spacing: 1px;
    color: #dbddde;
}

.star-rating span {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
    overflow: hidden;
}

.star-rating span:before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: 'FA';
    font-size: 14px;
    line-height: 27px;
    display: block;
    letter-spacing: 1px;
    color: #ffcd02;
    width: 75px;
    background: #ffffff;
}


/*-----------------------------------------------------------------------
21. Parrallax
*/

.fixed-wrapper {
    position: relative;
}

.fixed-wrapper>* {
    position: relative;
    z-index: 10;
}

.fixed-wrapper>.background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-attachment: fixed;
}

.fixed-wrapper.left>.background {
    background-position: left center;
    background-attachment: initial;
}

.background-over-right {
    z-index: 10 !important;
    position: absolute !important;
    right: 0px;
    top: 0px;
    height: 100%;
}

.background-over-right:before {
    width: 10000px;
    height: 100%;
    background: #ffffff;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
}

.cat-thumb {
    margin-bottom: 20px;
}

.cat-thumb i {
    font-size: 20px;
    line-height: 34px;
}

.cat-thumb a {
    display: flex;
    padding: 8px;
    color: #52555A;
    border: solid 2px #E2E2E2;
    border-radius: 5px;
    line-height: 18px;
    align-items: center;
    min-height: 76px;
    position: relative;
    padding-right: 30px;
}

.subcat .cat-thumb a {
    padding-right: 45px;
}

.cat-thumb .fc_icon {
    position: absolute;
    right: 10px;
    width: 34px;
    height: 34px;
    background-color: #ECF0F1;
    text-align: center;
    line-height: 34px;
    border-radius: 100%;
    font-weight: bold;
}

.cat-thumb a:hover {
    border: solid 2px #F99D39;
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px rgba(66, 66, 66, 0.2), 0 2px 8px 4px rgba(66, 66, 66, 0.1);
}

.cat-thumb a:hover .fc_icon {
    background-color: #F99D39;
    color: #FFF;
}

.cat-thumb img {
    max-width: 49px;
    border-radius: 3px;
    border: solid 1px #E2E2E2;
    margin-right: 10px;
}


/*-----------------------------------------------------------------------
22. Testimonial
*/

.item-testimonial:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.item-testimonial .thumb {
    float: left;
    margin-right: 30px;
    max-width: 210px;
}

.item-testimonial .content {
    float: left;
    max-width: calc(100% - 240px);
    padding-top: 33px;
}

.item-testimonial .title {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 600;
}

.item-testimonial .author {
    font-size: 13px;
    line-height: 15px;
    font-style: italic;
    color: #d2d2d2;
}

.item-testimonial a {
    color: #ffffff;
}

.item-testimonial .description {
    margin-top: 17px;
    position: relative;
    padding-top: 25px;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
}

.item-testimonial .description:before {
    content: "";
    width: 35px;
    height: 2px;
    background: #f99d39;
    position: absolute;
    top: 0px;
    left: 0px;
}

.item-testimonial .star-rating {
    background: none;
}

.item-testimonial .star-rating span:before {
    background: none;
}

@media (max-width: 499px) {
    .item-testimonial .thumb {
        display: block;
        margin: 0px auto 30px;
        float: none;
    }
    .item-testimonial .content {
        float: none;
        width: 100%;
        max-width: 100%;
    }
}


/*-----------------------------------------------------------------------
23. Why choose us
*/

.item-why-choose-us {
    padding-left: 69px;
    position: relative;
    margin-bottom: 39px;
}

.item-why-choose-us .thumb {
    width: 49px;
    height: 49px;
    text-align: center;
    position: absolute;
    top: 7px;
    left: 0px;
    border: 2px solid #dbddde;
}

.item-why-choose-us .thumb .item {
    position: absolute;
    font-size: 26px;
    line-height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #f99d39;
}

.item-why-choose-us .title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 7px;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
}

.item-why-choose-us p {
    font-size: 14px;
    line-height: 20px;
    color: #8e8e93;
    font-weight: 600;
}

.why-choose-us {
    padding-right: 455px;
    position: relative;
}

.why-choose-us .item-why-choose-us {
    padding-right: 50px;
}

.why-choose-us .images-right {
    background-color: #f99d39;
    position: absolute;
    top: 7px;
    right: 0px;
    width: 398px;
    height: 286px;
}

.why-choose-us .images-right img {
    max-width: 1000px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

@media (max-width: 1199px) {
    .why-choose-us {
        padding-right: 0px;
    }
    .why-choose-us .images-right {
        display: none;
    }
    .why-choose-us .item-why-choose-us {
        padding-right: 0px;
    }
}


/*-----------------------------------------------------------------------
24. Product Grid Styles
*/


/* .products-grid */

.products-grid>* {
    text-align: center;
}

.product-grid {
    /* max-width: 270px; */
    display: inline-block;
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    height: 100%;
    width: 100%;
}

.product-grid .thumb {
    position: relative;
    overflow: hidden;
}

.product-grid .thumb a {
    display: block;
}

a.customMd_class {
    /* height: 330px; */
    border: solid 2px #ECF0F1;
    border-radius: 5px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.customMd_class img {
    background-size: contain;
    object-fit: contain;
    height: 330px;
    display: block;
    width: 100%;
}

.product-grid .thumb img {
    border-radius: 5px;
    border: solid 2px #ECF0F1;
}

.product-grid .thumb img:hover {
    border-color: #F99D39;
}

@media (min-width: 1025px) {
    .product-grid .thumb:hover .controls,
    .product-grid .thumb:hover .add_to_cart_button {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
    .product-grid .thumb:hover .timer-view {
        transform: translate(0, -32px);
        -webkit-transform: translate(0, -32px);
        -moz-transform: translate(0, -32px);
        -o-transform: translate(0, -32px);
        -ms-transform: translate(0, -32px);
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .product-grid .thumb:hover .timer-view {
        transform: translate(0, -54px);
        -webkit-transform: translate(0, -54px);
        -moz-transform: translate(0, -54px);
        -o-transform: translate(0, -54px);
        -ms-transform: translate(0, -54px);
    }
}

.product-grid .attribute-list {
    margin: 0px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.product-grid .attribute-list li {
    margin-bottom: 6px;
}

.product-grid .attribute-list span {
    display: block;
    /* min-width: 54px; */
    font-size: 12px;
    line-height: 22px;
    padding: 1px 5px 1px 5px;
    border: 2px solid #898c90;
    color: #898c90;
    text-transform: uppercase;
    font-weight: 700;
}

.product-grid .attribute-list .label-red {
    color: #e74c3c;
    border-color: #e74c3c;
}

.product-grid .attribute-list .label-yellow {
    color: #ffcd02;
    border-color: #ffcd02;
}

.product-grid .attribute-list .label-blue {
    color: #41bedd;
    border-color: #41bedd;
}

.product-grid .attribute-list .label-coral {
    color: #f6bb42;
    border-color: #f6bb42;
}

.product-grid .controls {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    font-size: 0px;
    background: rgba(0, 0, 0, 0.8);
    transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.product-grid .controls li {
    display: inline-block;
    margin: 0px 10px 0px 10px;
}

.product-grid .controls a {
    display: block;
    font-size: 10px;
    line-height: 22px;
    position: relative;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .product-grid .controls a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.product-grid .controls .fa {
    font-size: 12px;
    line-height: 22px;
    margin-right: 7px;
}

.product-grid .add_to_cart_button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 15px;
    border: 2px solid #f99d39;
    color: #f99d39;
    width: 36px;
    height: 36px;
    font-size: 0px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    transform: translate(10px, 0px);
    -webkit-transform: translate(10px, 0px);
    -moz-transform: translate(10px, 0px);
    -o-transform: translate(10px, 0px);
    -ms-transform: translate(10px, 0px);
}

.product-grid .add_to_cart_button:before {
    content: "\f07a";
    font-family: 'FA';
    font-size: 16px;
    line-height: 32px;
}

@media (min-width: 1025px) {
    .product-grid .add_to_cart_button:hover {
        color: #ffffff;
        background: #f99d39;
    }
}

.product-grid .content {
    display: block;
    padding-bottom: 24px;
    position: relative;
}

.product-grid .title {
    font-size: 13px;
    line-height: 22px;
    margin: 10px 0px 0px 0px;
    font-weight: 600;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    color: #52555A;
}

@media (min-width: 1025px) {
    .product-grid .title:hover {
        color: #f99d39;
    }
}

.product-grid .category {
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #c7c7cc;
    display: inline-block;
    color: #c7c7cc;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .product-grid .category:hover {
        color: #f99d39;
        border-bottom-color: #f99d39;
    }
}

.product-grid .price {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #f99d39;
    display: block;
    padding-top: 2px;
}

.product-grid .price span {
    padding: 0px 2px 0px 2px;
}

.product-grid .price ins {
    text-decoration: none;
}

.product-grid .price del {
    font-weight: 300;
    color: #898c90;
}

.summary .price del {
    font-weight: 300;
    color: #898c90;
}

.product-grid .star-rating {
    position: absolute;
    bottom: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-grid .star-rating:before,
.product-grid .star-rating span:before {
    line-height: 17px;
}

.product-grid .timer-view {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 7px 7px 2px 7px;
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.product-grid .timer-view .box {
    display: inline-block;
    margin-left: 13px;
}

.product-grid .timer-view .timer-day {
    margin-left: 0px;
}

.product-grid .timer-view .date-title {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: block;
}

.product-grid .timer-view .timer-number {
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    color: #fff;
    background: #2b2b2b;
    display: block;
}

.product-grid .remove-item-wishlist {
    position: absolute;
    right: -5px;
    top: -14px;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    border: 4px solid #ffffff;
    background: #333333;
    color: #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 20;
}

.product-grid.wishlist-type .thumb:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #333333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
}

@media (min-width: 1025px) {
    .product-grid:hover .remove-item-wishlist,
    .product-grid:focus .remove-item-wishlist {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .product-grid:hover .thumb:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
    .product-grid .remove-item-wishlist:hover {
        background: #e74c3c;
    }
}


/*-----------------------------------------------------------------------
25. Product List Styles
*/

.product-list {
    display: block;
    margin-bottom: 50px;
}

.product-list:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.product-list .thumb {
    position: relative;
    overflow: hidden;
    max-width: 270px;
    float: left;
    text-align: center;
}

.product-list .thumb img {
    border: solid 2px #ECF0F1;
    border-radius: 5px;
}

.product-list .thumb img:hover {
    border-color: #F99D39;
}

@media (min-width: 1025px) {
    .product-list .thumb:hover .controls,
    .product-list .thumb:hover .add_to_cart_button {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
    .product-list .thumb:hover .timer-view {
        transform: translate(0, -32px);
        -webkit-transform: translate(0, -32px);
        -moz-transform: translate(0, -32px);
        -o-transform: translate(0, -32px);
        -ms-transform: translate(0, -32px);
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .product-list .thumb:hover .timer-view {
        transform: translate(0, -54px);
        -webkit-transform: translate(0, -54px);
        -moz-transform: translate(0, -54px);
        -o-transform: translate(0, -54px);
        -ms-transform: translate(0, -54px);
    }
}

.product-list .attribute-list {
    margin: 0px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.product-list .attribute-list li {
    margin-bottom: 6px;
}

.product-list .attribute-list span {
    display: block;
    min-width: 54px;
    font-size: 12px;
    line-height: 22px;
    padding: 1px 5px 1px 5px;
    border: 2px solid #898c90;
    color: #898c90;
    text-transform: uppercase;
    font-weight: 700;
}

.product-list .attribute-list .label-red {
    color: #e74c3c;
    border-color: #e74c3c;
}

.product-list .attribute-list .label-yellow {
    color: #ffcd02;
    border-color: #ffcd02;
}

.product-list .attribute-list .label-blue {
    color: #41bedd;
    border-color: #41bedd;
}

.product-list .attribute-list .label-coral {
    color: #f6bb42;
    border-color: #f6bb42;
}

.product-list .controls {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    font-size: 0px;
    background: rgba(0, 0, 0, 0.8);
    transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.product-list .controls li {
    display: inline-block;
    margin: 0px 10px 0px 10px;
}

.product-list .controls a {
    display: block;
    font-size: 10px;
    line-height: 22px;
    position: relative;
    z-index: 10;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .product-list .controls a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.product-list .controls .fa {
    font-size: 12px;
    line-height: 22px;
    margin-right: 7px;
}

.product-list .content {
    display: block;
    float: right;
    width: calc(100% - 300px);
}

.product-list .desc {
    padding-top: 23px;
    border-top: 1px solid #eeedee;
    margin-bottom: 43px;
    color: #898c90;
}

.product-list .title {
    font-size: 18px;
    line-height: 28px;
    margin: 22px 0px 0px 0px;
    font-weight: 600;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    color: #333333;
}

.product-list .title a {
    color: #333333;
}

@media (min-width: 1025px) {
    .product-list .title a:hover {
        color: #f99d39;
    }
}

.product-list .post-meta {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 23px;
}

.product-list .post-meta a {
    color: #333333;
    padding: 0px 7px 0px 7px;
}

@media (min-width: 1025px) {
    .product-list .post-meta a:hover {
        color: #f99d39;
    }
}

.product-list .post-meta a:first-of-type {
    padding-left: 0px;
}

.product-list .price {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #e74c3c;
    display: block;
    margin-bottom: 7px;
}

.product-list .price span {
    padding: 0px 2px 0px 2px;
}

.product-list .price ins {
    text-decoration: none;
}

.product-list .price del {
    font-weight: 300;
    color: #898c90;
}

.product-list .star-rating {
    display: inline-block;
    margin-top: 4px;
    margin-right: 3px;
}

.product-list .star-rating:before,
.product-list .star-rating span:before {
    line-height: 17px;
}

.product-list .timer-view {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 7px 7px 2px 7px;
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.product-list .timer-view .box {
    display: inline-block;
    margin-left: 13px;
}

.product-list .timer-view .timer-day {
    margin-left: 0px;
}

.product-list .timer-view .date-title {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    color: #2b2b2b;
    display: block;
}

.product-list .timer-view .timer-number {
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    color: #fff;
    background: #2b2b2b;
    display: block;
}

.product-list .add_to_cart_button {
    width: 160px;
    height: 40px;
    font-size: 16px;
    line-height: 26px;
    padding: 7px;
    text-align: center;
    background: #333333;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

.venderSearch {
    margin-bottom: 100px;
}

.venderSearch .product-list .add_to_cart_button {
    width: 230px;
}

.venderSearch .product-list .content {
    width: calc(100% - 230px);
}

.venderSearch .product-list .post-meta {
    margin-bottom: 10px;
}

.venderSearch .product-list .title {
    margin: 15px 0px 0px 0px;
}

.venderSearch .product-list .desc {
    margin-bottom: 10px;
    padding-top: 10px;
}

.venderSearch .row {
    padding: 0px 8px;
}

.venderSearch .product-list {
    border-bottom: solid 1px #eeedee;
    padding-bottom: 20px;
    margin-bottom: 0px;
    padding-top: 20px;
}

.venderSearch .product-list:nth-child(odd) {
    background-color: #FFF;
    padding: 10px;
}

@media (min-width: 1025px) {
    .product-list .add_to_cart_button:hover {
        background: #f99d39;
    }
}

@media (max-width: 699px) {
    .product-list .thumb {
        display: block;
        margin: 0px auto 0px;
        float: none;
    }
    .product-list .content {
        width: 100%;
    }
}


/*-----------------------------------------------------------------------
26. Product Details
*/

.product-detail .images {
    position: relative;
    padding-left: 92px;
    margin-bottom: 20px;
}

.product-detail .woocommerce-main-image {
    display: block;
    background: #eeedee;
    text-align: center;
    position: relative;
}

.product-detail .woocommerce-main-image:before {
    content: '\f065';
    font-family: 'FA';
    width: 35px;
    height: 35px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #898c90;
    color: #898c90;
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    z-index: 20;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .product-detail .woocommerce-main-image:hover:before {
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        background: #898c90;
        color: #ffffff;
    }
}

.type {
    margin-bottom: 20px;
}

.type select {
    margin: 0px;
    padding: 5px;
    border-radius: 0px;
    width: 100%;
}

.product-detail .thumbnails {
    width: 76px;
    height: calc(100% + 20px);
    position: absolute;
    top: -10px;
    left: 0px;
    z-index: 1
}

.product-detail .thumbnails .zoom {
    display: block;
    height: 25%;
    padding: 10px 0px 10px 0px;
    position: relative;
}

.product-detail .thumbnails .zoom:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    bottom: 10px;
    background: #eeedee;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: 10;
}

.product-detail .thumbnails .zoom.js__active img {
    z-index: 20;
}

.product-detail .thumbnails img {
    max-height: 100%;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    background: #eeedee;
}

.product-single .images {
    padding-left: 120px;
}

.product-single .thumbnails {
    width: 100px;
}

.product-single .thumbnails .zoom {
    padding: 15px 0px 15px 0px;
    overflow: hidden;
}

.product-single .thumbnails img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: calc(100% - 30px);
    background: #eeedee;
}

@media (max-width: 559px) {
    .product-detail .images {
        padding-left: 0px;
    }
    .product-detail .thumbnails {
        width: 100%;
        position: relative;
        top: 0px;
    }
    .product-detail .thumbnails:after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        clear: both;
        overflow: hidden;
    }
    .product-detail .thumbnails .zoom {
        height: auto;
        float: left;
        margin-right: 20px;
    }
    .product-detail .thumbnails img {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        position: relative;
        top: 0px;
        left: 0px;
    }
}


/*-----------------------------------------------------------------------
27. Summary
*/

.summary {
    padding-bottom: 17px;
}

.summary.summary-single {
    padding-bottom: 0px;
}

.summary .product_title {
    font-size: 24px;
    line-height: 34px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 3px;
}


/* .summary .summary-top {
    margin-bottom: 16px;
} */

.summary .summary-top .star-rating {
    display: inline-block;
    margin-right: 5px;
}

.summary .summary-top a {
    color: #898c90;
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 1025px) {
    .summary .summary-top a:hover {
        color: #f99d39;
    }
}

.summary .summary-top>span {
    padding: 0px 5px 0px 5px;
    font-size: 14px;
    line-height: 24px;
}

.summary .summary-bottom {
    /* margin-top: 15px;
    border-top: 1px solid #eeedee;
    padding-top: 24px; */
    padding-bottom: 20px;
}

.summary .summary-bottom .text-list {
    font-size: 14px;
    line-height: 24px;
    color: #898c90;
    margin-top: 12px;
}

.summary .summary-bottom .text-list:first-child {
    margin-top: 0px;
}

.summary .summary-bottom .text-list strong {
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
    font-size: 16px;
}

.summary .summary-bottom .text-list a {
    color: #898c90;
}

@media (min-width: 1025px) {
    .summary .summary-bottom .text-list a:hover {
        color: #f99d39;
    }
}

.summary .summary-bottom .text-list .split {
    padding: 0px 8px 0px 8px;
}

.summary .price {
    color: #f99d39;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.summary .product_meta {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

.summary .product_meta span {
    display: inline-block;
    color: #898c90;
    /* position: absolute;
    top: 0px;
    left: 0px; */
}

.summary .product_meta li {
    /* position: relative; */
    /* padding-left: 160px; */
    color: #333333;
    min-height: 24px;
}
.product-meta-li li {
    display: flex;
    align-items: center;
}
.product-meta-lft {
    -webkit-box-flex: 0;
  -ms-flex: 0 0 165px;
  flex: 0 0 165px;
  max-width: 165px;
}
.product-meta-rgt {
    -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.var-select-lft {
    padding-top: 5px;
}

.summary .description {
    padding: 20px 0px 14px 0px;
    color: #898c90;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px solid #eeedee;
    border-bottom: 1px solid #eeedee;
    margin-bottom: 30px;
}

.summary .description p {
    margin-bottom: 10px;
}

.summary .variants {
    font-size: 0px;
    padding-bottom: 20px;
}

.summary .variants li {
    position: relative;
    padding-left: 50px;
    min-height: 32px;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 20px;
}

.summary .variants li .text {
    position: absolute;
    top: 4px;
    left: 0px;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    max-width: 48px;
}

.summary .variants li:last-child {
    margin-right: 0px;
}

.summary .variants .lbl-variant {
    height: 32px;
    min-width: 32px;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.summary .variants .lbl-variant .lbl-radio {
    display: none;
}

.summary .variants .variant-size .lbl-variant {
    text-align: center;
}

.summary .variants .variant-size .lbl-variant .lbl-text {
    display: block;
    border: 2px solid #dbddde;
    color: #898c90;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.summary .variants .variant-size .lbl-variant .lbl-radio:checked+.lbl-text {
    color: #fff;
    background: #f99d39;
    border-color: #f99d39;
}

.summary .variants .variant-color .lbl-variant .lbl-text {
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
}

.summary .variants .variant-color .lbl-variant .lbl-text:after {
    content: "";
    width: 32px;
    height: 32px;
    border: 2px solid #dbddde;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.summary .variants .variant-color .lbl-variant .lbl-text:before {
    content: "";
    width: 28px;
    height: 28px;
    border: 5px solid #ffffff;
    position: absolute;
    top: 2px;
    left: 2px;
    background: transparent;
}

.summary .variants .variant-color .lbl-variant .lbl-radio:checked+.lbl-text:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.summary .quantity {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    /* margin-bottom: 15px; */
    border: 1px solid #bbbbbb;
}

.summary .quantity input[type="number"] {
    width: 90px;
    height: 38px;
    outline: none;
    text-align: center;
    border: none;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.summary .quantity button {
    position: absolute;
    right: -1px;
    width: 20px;
    height: 21px;
    outline: none;
    cursor: pointer;
    font-size: 10px;
    border: 1px solid #bbbbbb;
    padding: 0px;
}

.summary .quantity button.fa-plus {
    top: -1px;
    color: #333333;
    background: #f1f1f1;
}

.summary .quantity button.fa-minus {
    bottom: -1px;
    color: #bbbbbb;
    background: #ffffff;
}

.summary .single_add_to_cart_button {
    font-size: 12px;
    line-height: 33px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    padding: 0 10px;
    outline: none;
    border: none;
    border-radius: 6px;
    margin-top: 10px;
}

@media (min-width: 1025px) {
    .summary .single_add_to_cart_button:hover {
        background: #f1592a;
    }
}


/*------------------------------------------------------------------
28. Tabs
*/


/* .woocommerce-tabs */

.woocommerce-tabs .tabs {
    font-size: 0px;
}

.backBace .woocommerce-tabs .tabs {
    font-size: 0px;
    border-bottom: solid 1px #ECF0F1;
    margin: 0px -5px;
}

.woocommerce-tabs .tabs li {
    display: inline-block;
    margin-right: 50px;
}

.backBace .button {
    border: solid 2px #BDC3CC;
    color: #8C95A2;
    padding: 10px 20px;
    max-width: 100px;
    margin-top: 10px;
    background-color: transparent;
    text-transform: uppercase !important;
    float: left;
}

.backBace .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.backBace .button:hover {
    border: solid 2px #F99D39;
    color: #F99D39;
}

.backBace .text-content {
    margin-bottom: 10px;
}

.woocommerce-tabs .tabs li:last-child {
    margin-right: 0px;
}

@media (max-width: 599px) {
    .woocommerce-tabs .tabs li {
        display: block;
    }
}

.woocommerce-tabs .tabs a {
    padding: 8px 0px 8px 0px;
    display: block;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    font-weight: 600;
    color: #898c90;
    text-transform: none;
}

@media (min-width: 1025px) {
    .woocommerce-tabs .tabs a:hover {
        color: #f99d39;
    }
}

.woocommerce-tabs .tabs a:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background: #898c90;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.woocommerce-tabs .tabs a.js__active:before {
    width: 100%;
    background-color: #f99d39;
}

.woocommerce-tabs .panel {
    padding: 10px 0px 15px 0px;
    display: none;
    background-color: transparent;
}

.woocommerce-tabs .panel.js__active {
    display: block;
}


/* .tab-product-wrap */

.tab-product-wrap .tab-controls {
    font-size: 0px;
    text-align: center;
    margin-bottom: 20px;
}

.tab-product-wrap .tab-controls li {
    display: inline-block;
    margin-right: 17px;
    padding-bottom: 15px;
}

.tab-product-wrap .tab-controls a {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 20px 8px 20px;
    display: block;
    text-transform: uppercase;
    color: #c7c7cc;
    border: 2px solid #dbddde;
    font-weight: 600;
}

@media (min-width: 1025px) {
    .tab-product-wrap .tab-controls a:hover {
        color: #f99d39;
        border-color: #f99d39;
    }
}

.tab-product-wrap .tab-controls a.js__active {
    color: #f99d39;
    border-color: #f99d39;
}

@media (max-width: 479px) {
    .tab-product-wrap .tab-controls a {
        font-size: 12px;
        padding: 3px 5px 3px 5px;
    }
    .tab-product-wrap .tab-controls li {
        margin-right: 10px;
    }
    .tab-product-wrap .tab-controls li:last-child {
        margin-right: 0px;
    }
}

.tab-product-wrap .tab-contents {
    position: relative;
}

.tab-product-wrap .tab-contents .tab-content {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: -999;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    max-width: 100%;
}

.tab-product-wrap .tab-contents .tab-content.js__active {
    position: relative;
    z-index: 10;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


/*-----------------------------------------------------------------------
29. Blog Grid Styles
*/

.related-article {
    border-bottom: 1px solid #f2f2f2;
}

.item-blog-grid {
    display: inline-block;
    max-width: 370px;
    padding-bottom: 24px;
    outline: none;
}

.item-blog-grid:focus {
    outline: none;
}

.item-blog-grid .thumb {
    display: block;
    background: #ffffff;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
}

.item-blog-grid .thumb img {
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    display: block;
    margin: 0px auto 0px;
    float: none;
}

.item-blog-grid .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: #69696c;
    margin-bottom: 5px;
}

.item-blog-grid .post-meta {
    font-size: 0px;
}

.item-blog-grid .post-meta li {
    display: inline-block;
    padding: 0px 18px 0px 18px;
    color: #bbbbbb;
    font-size: 12px;
    line-height: 22px;
}

.item-blog-grid .post-meta li .fa {
    margin-right: 8px;
    line-height: 22px;
}

.item-blog-grid .desc {
    font-size: 14px;
    line-height: 24px;
    color: #898c90;
    margin-bottom: 7px;
}

.item-blog-grid .readmore {
    font-size: 13px;
    line-height: 23px;
    font-weight: 700;
    color: #333333;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .item-blog-grid .readmore:hover {
        color: #f99d39;
    }
}

.item-blog-grid .readmore .fa {
    font-size: 16px;
    line-height: 23px;
    margin-left: 8px;
}

.item-blog-grid.full-info .title {
    color: #333333;
}

.item-blog-grid.full-info .post-meta {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 12px;
    color: #bbbbbb;
    border-bottom: 1px solid #ececee;
    margin-bottom: 13px;
}

.item-blog-grid.large {
    max-width: 570px;
}

.item-blog-grid.single-blog {
    padding-bottom: 40px;
}

.item-blog-grid.single-blog .title {
    font-weight: 700;
}

@media (min-width: 480px) {
    .item-blog-grid.single-blog {
        overflow: hidden;
        max-width: 100%;
    }
    .item-blog-grid.single-blog .thumb img {
        max-width: 350px;
    }
}

@media (min-width: 1025px) {
    .item-blog-grid:hover .thumb img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
    }
    .item-blog-grid.hover-all-block .thumb {
        background: #333333;
        position: relative;
    }
    .item-blog-grid.hover-all-block .thumb:before {
        content: "";
        width: 51px;
        height: 51px;
        background: url('../images/icon-plus.png') 0px 0px no-repeat;
        transform: scale(0.5, 0.5);
        -webkit-transform: scale(0.5, 0.5);
        -moz-transform: scale(0.5, 0.5);
        -o-transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -26px;
        margin-left: -26px;
        z-index: 10;
    }
    .item-blog-grid.hover-all-block .title {
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }
    .item-blog-grid.hover-all-block:hover .thumb:before {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .item-blog-grid.hover-all-block:hover .thumb img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55.00000000000001)";
        -moz-opacity: 0.55;
        -khtml-opacity: 0.55;
        opacity: 0.55;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
    .item-blog-grid.hover-all-block:hover .title {
        color: #f99d39;
    }
}


/*-----------------------------------------------------------------------
30. Blog List Styles
*/


/* .item-blog-list */

.item-blog-list {
    display: block;
    padding-bottom: 50px;
    margin: 0px -15px 0px -15px;
}

.item-blog-list:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.item-blog-list .thumb {
    display: block;
    background: #ffffff;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 0px 15px 0px 15px;
}

.item-blog-list .content {
    float: right;
    padding: 0px 15px 0px 15px;
    width: 50%;
    padding-top: 23px;
}

.item-blog-list .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333;
    font-weight: 700;
    margin-bottom: 2px;
}

.item-blog-list .title a {
    color: #333333;
}

@media (min-width: 1025px) {
    .item-blog-list .title a:hover {
        color: #f99d39;
    }
}

.item-blog-list .post-meta {
    font-size: 12px;
    line-height: 22px;
    padding-bottom: 8px;
    color: #bbbbbb;
    border-bottom: 1px solid #ececee;
    margin-bottom: 13px;
}

.item-blog-list .desc {
    font-size: 14px;
    line-height: 24px;
    color: #898c90;
    margin-bottom: 7px;
}

.item-blog-list .readmore {
    font-size: 13px;
    line-height: 23px;
    font-weight: 700;
    color: #333333;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

@media (min-width: 1025px) {
    .item-blog-list .readmore:hover {
        color: #f99d39;
    }
}

.item-blog-list .readmore .fa {
    font-size: 16px;
    line-height: 23px;
    margin-left: 8px;
}

@media (max-width: 619px) {
    .item-blog-list .thumb {
        width: 100%;
        text-align: center;
    }
    .item-blog-list .content {
        width: 100%;
    }
}


/* .blog-list */

.blog-list li:nth-child(even) .item-blog-list .thumb {
    float: right;
}

.blog-list li:nth-child(even) .item-blog-list .content {
    float: left;
}


/*-----------------------------------------------------------------------
31. Blog Detail
*/

.blog-detail .main-image {
    margin-bottom: 21px;
}

.blog-detail .top {
    padding-bottom: 24px;
    border-bottom: 1px solid #ececee;
    margin-bottom: 23px;
}

.blog-detail .top .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.blog-detail .top .post-meta {
    font-size: 12px;
    line-height: 22px;
    color: #bbbbbb;
}

.blog-detail .top .post-meta a {
    color: #bbbbbb;
}

@media (min-width: 1025px) {
    .blog-detail .top .post-meta a:hover {
        color: #69696c;
    }
}

.blog-detail .top .post-meta .split {
    padding: 0px 6px 0px 6px;
}

.blog-detail .bottom {
    margin-top: 24px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ececee;
}

.blog-detail .author-info {
    background: #f2f2f2;
    padding: 23px 32px 23px 32px;
    font-size: 18px;
    line-height: 28px;
    color: #898c90;
    margin-bottom: 45px;
}

.blog-detail .author-info:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.blog-detail .author-info .name {
    color: #f99d39;
    font-weight: 700;
}

@media (min-width: 1025px) {
    .blog-detail .author-info .name:hover {
        color: #898c90;
    }
}

.blog-detail .author-info .split {
    padding: 0px 5px 0px 5px;
}

.blog-detail .author-info p {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding-top: 9px;
}

.blog-detail .author-info .thumb {
    float: left;
    margin-right: 23px;
    margin-top: 7px;
}

@media (max-width: 479px) {
    .blog-detail .author-info {
        text-align: center;
    }
    .blog-detail .author-info .thumb {
        display: block;
        margin: 7px auto 15px;
        float: none;
    }
    .blog-detail .author-info p {
        text-align: left;
    }
}

.blog-detail .simple-list {
    color: #898c90;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}

.blog-detail .simple-list .lbl {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.blog-detail .simple-list a {
    color: #898c90;
}

@media (min-width: 1025px) {
    .blog-detail .simple-list a:hover {
        color: #f99d39;
    }
}

@media (max-width: 991px) {
    .blog-detail .simple-list {
        text-align: left;
    }
}


/*-----------------------------------------------------------------------
32. Comment
*/


/* .comment-list */

.comment-list .comment-body {
    padding-left: 130px;
    position: relative;
    padding-bottom: 23px;
    border-bottom: 1px solid #ececee;
    margin-bottom: 30px;
}

.comment-list .comment-body:before {
    content: "";
    width: 2px;
    position: absolute;
    top: 0px;
    left: 100px;
    bottom: 30px;
    background: #f2f2f2;
}

.comment-list .comment-body .avatar {
    position: absolute;
    top: 0px;
    left: 0px;
}

.comment-list .comment-body .comment-author a {
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    color: #f99d39;
    font-weight: 600;
}

@media (min-width: 1025px) {
    .comment-list .comment-body .comment-author a:hover {
        color: #898c90;
    }
}

.comment-list .comment-body .comment-metadata {
    font-size: 14px;
    line-height: 24px;
}

.comment-list .comment-body .comment-metadata a {
    color: #898c90;
}

@media (min-width: 1025px) {
    .comment-list .comment-body .comment-metadata a:hover {
        color: #f99d39;
    }
}

.comment-list .comment-body .comment-metadata a .date {
    color: #333333;
}

.comment-list .comment-body .comment-metadata a .split {
    padding: 0px 4px 0px 4px;
}

.comment-list .comment-body .comment-reply-link {
    font-size: 14px;
    line-height: 24px;
    padding: 4px;
    background: #f99d39;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
}

@media (min-width: 1025px) {
    .comment-list .comment-body .comment-reply-link:hover {
        background: #898c90;
    }
}

@media (max-width: 479px) {
    .comment-list .comment-body {
        padding-left: 0px;
        padding-top: 105px;
    }
    .comment-list .comment-body:before {
        display: none;
    }
    .comment-list .comment-body .avatar {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .comment-list .comment-body .comment-reply-link {
        position: relative;
        display: block;
        margin-top: 10px;
    }
}

.comment-list>.comment {
    position: relative;
}

.comment-list>.comment .comment {
    margin-left: 130px;
}

@media (max-width: 767px) {
    .comment-list>.comment .comment {
        margin-left: 20px;
    }
}

@media (max-width: 479px) {
    .comment-list>.comment .comment {
        margin-left: 0px;
    }
}

.comment-list>.comment:last-child:before {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #ffffff;
    z-index: 10;
}


/* .comment-respond */

#respond {
    padding-top: 72px;
    border-top: 1px solid #ececee;
    margin-top: 50px;
}

.comment-respond .controls {
    display: block;
}

.comment-respond .lbl {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 24px;
}

.comment-respond .required {
    font-size: 14px;
    color: #e74c3c;
}

.comment-respond .inp-text {
    width: 100%;
    height: 40px;
    border: 1px solid #bbbbbb;
    font-size: 14px;
    line-height: 24px;
    padding: 7px 14px 7px 14px;
    outline: none;
    margin-bottom: 23px;
    color: #f99d39;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.comment-respond .inp-text::-webkit-input-placeholder {
    color: #bbbbbb;
}

.comment-respond .inp-text:-moz-placeholder {
    color: #bbbbbb;
}

.comment-respond .inp-text::-moz-placeholder {
    color: #bbbbbb;
}

.comment-respond .inp-text:-ms-input-placeholder {
    color: #bbbbbb;
}

.comment-respond .inp-text:focus {
    border-color: #f99d39;
}

.comment-respond .inp-textarea {
    height: 150px;
}

.comment-respond .inp-submit {
    width: 150px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #f99d39;
    border: none;
    outline: none;
}

@media (min-width: 1025px) {
    .comment-respond .inp-submit:hover {
        background: #898c90;
    }
}


/*-----------------------------------------------------------------------
33. Text Content
*/

.text-content {
    font-size: 14px;
    line-height: 22px;
    color: #EEEEEE;
}

.text-content a {
    color: #f99d39;
}

@media (min-width: 1025px) {
    .text-content a:hover {
        color: #333333;
    }
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6,
.text-content .h1,
.text-content .h2,
.text-content .h3,
.text-content .h4,
.text-content .h5,
.text-content .h6 {
    margin-bottom: 24px;
    color: #333333;
    font-weight: 700;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content .h1,
.text-content .h2,
.text-content .h3 {
    margin-top: 20px;
}

.text-content h4,
.text-content h5,
.text-content h6,
.text-content .h4,
.text-content .h5,
.text-content .h6 {
    margin-top: 10px;
}

.text-content h1,
.text-content .h1 {
    font-size: 36px;
    line-height: 46px;
}

.text-content h2,
.text-content .h2 {
    font-size: 30px;
    line-height: 40px;
}

.text-content h3,
.text-content .h3 {
    font-size: 24px;
    line-height: 34px;
}

.text-content h4,
.text-content .h4 {
    font-size: 18px;
    line-height: 28px;
}

.text-content h5,
.text-content .h5 {
    font-size: 14px;
    line-height: 24px;
}

.text-content h6,
.text-content .h6 {
    font-size: 10px;
    line-height: 20px;
}

.text-content p {
    margin-bottom: 24px;
    color: #777;
}

.text-content>* {
    max-width: 100%;
}

.text-content>*:last-child {
    margin-bottom: 0px;
}

.text-content ul {
    margin-left: 0px;
    margin-bottom: 24px;
    padding-left: 10px;
}

a.readMore {
    background-image: url(../images/re.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
}

a.readMore:hover {
    color: #FFF;
}

.text-content ul li {
    padding-left: 20px;
    position: relative;
    color: #333333;
}

.text-content ul li:before {
    content: '\f00c';
    width: 7px;
    height: 7px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: "FontAwesome 5 Free";
    color: #02D626;
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.text-content h4 {
    margin-bottom: 0px;
}

.text-content ul ul,
.text-content ul ol {
    margin-bottom: 0px;
}

.text-content ol {
    margin-left: 30px;
    margin-bottom: 24px;
    list-style: decimal inside;
    color: #333333;
}

.text-content ol ul,
.text-content ol ol {
    margin-bottom: 0px;
}

.text-content blockquote {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding: 28px 30px 26px 85px;
    border-left: 4px solid #f99d39;
    background: url("../images/icon-quote.png") 63px 24px no-repeat;
}

.text-content blockquote:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.text-content blockquote p {
    margin-bottom: 0px;
}

.text-content blockquote .author {
    float: right;
    margin-right: 45px;
    color: #898c90;
}

@media (max-width: 479px) {
    .text-content blockquote {
        padding: 25px 15px 25px 15px;
        background: none;
    }
    .text-content blockquote .author {
        margin-right: 0px;
    }
}

.text-content figcaption {
    padding: 5px;
    font-style: italic;
    color: #333333;
}

.text-content table {
    border: 1px solid #dbddde;
    margin-bottom: 24px;
}

.text-content table th,
.text-content table td {
    padding: 5px 10px 5px 10px;
    border: 1px solid #dbddde;
}

.text-content table thead {
    background: #f2f2f2;
    color: #333333;
}

.text-content dl {
    margin-bottom: 24px;
}

.text-content dd,
.text-content dt {
    line-height: 24px;
}

.text-content dd {
    margin-bottom: 10px;
}

.text-content dt {
    color: #333333;
}

.text-content address {
    font-style: italic;
    line-height: 24px;
    margin-bottom: 24px;
}

.text-content del,
.text-content strike {
    color: #e74c3c;
}


/*-----------------------------------------------------------------------
34. Shop Filter
*/


/* .shop-filter */

.sidebar {
    padding-top: 55px;
    margin-top: 105px;
    padding: 20px;
    background-color: #FFF;
}

.shop-filter {
    padding-bottom: 0px;
}

.shop-filter:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.shop-filter>* {
    margin-bottom: 20px;
}


/*-----------------------------------------------------------------------
35. Shop Ordering
*/


/* .shop-ordering */

.shop-ordering {
    float: right;
    margin-right: 10px;
}

.shop-ordering .lbl-select {
    float: left;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 0px 5px 0px;
    color: #898c90;
    margin-right: 13px;
}

.shop-ordering .select2-container {
    float: left;
    max-width: 170px;
    min-width: 170px;
}

.shop-ordering .select2-container .select2-selection {
    min-width: 100%;
    height: 35px;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #f9f9f9;
}

.shop-ordering .select2-container .select2-selection__rendered {
    font-size: 14px;
    line-height: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #333333;
}

.shop-ordering .select2-container .select2-selection__arrow {
    width: 35px;
    height: 33px;
    position: absolute;
    right: 0px;
    top: 1px;
    text-align: center;
}

.shop-ordering .select2-container .select2-selection__arrow>* {
    display: none;
}

.shop-ordering .select2-container .select2-selection__arrow:before {
    content: "\f107";
    font-family: 'FA';
    font-size: 18px;
    line-height: 33px;
}


/*-----------------------------------------------------------------------
36. Shop Type
*/


/* .shop-type */

.shop-type {
    float: right;
}

.shop-type li {
    float: left;
    margin-left: 12px;
}

.shop-type li:first-child {
    margin-left: 0px;
}

.shop-type li a {
    width: 35px;
    height: 35px;
    background: #f2f2f2;
    position: relative;
    overflow: hidden;
    display: block;
}

.shop-type li a img {
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.shop-type li a.active {
    background-color: #f99d39;
}

.shop-type li a.active img {
    top: -35px;
}


/*-----------------------------------------------------------------------
37. Result Count
*/


/* .woocommerce-result-count */

.woocommerce-result-count {
    float: left;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 0px 5px 0px;
    margin-left: 0px;
    color: #898c90;
}

@media (max-width: 1199px) {
    .woocommerce-result-count {
        margin-left: 35px;
    }
}

@media (max-width: 722px) {
    .shop-ordering {
        width: 100%;
    }
    .woocommerce-result-count {
        margin-left: 0px;
        width: 100%;
    }
    .shop-type {
        width: 100%;
    }
}


/*-----------------------------------------------------------------------
38. Checkout
*/


/* .woocommerce-checkout-review-order */

.woocommerce-checkout-review-order {
    padding-top: 7px;
}


/* .woocommerce-checkout-review-order-table */

.woocommerce-checkout-review-order-table {
    border: 2px solid #c7c7cc;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: 1px solid #eeeeee;
}

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table tfoot th {
    width: 100px;
    padding-right: 20px;
    text-align: right;
}

.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table tfoot td {
    padding-left: 25px;
}

.woocommerce-checkout-review-order-table thead {
    text-transform: uppercase;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

.woocommerce-checkout-review-order-table thead th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.woocommerce-checkout-review-order-table tbody .product-name {
    color: #000;
}

.woocommerce-checkout-review-order-table tbody .product-total {
    color: #333333;
}

.woocommerce-checkout-review-order-table tbody th,
.woocommerce-checkout-review-order-table tbody td {
    padding-top: 9px;
    padding-bottom: 9px;
}

.woocommerce-checkout-review-order-table tfoot {
    color: #333333;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
    padding-top: 9px;
    padding-bottom: 9px;
}

.woocommerce-checkout-review-order-table tfoot th {
    font-size: 16px;
    line-height: 24px;
}

.woocommerce-checkout-review-order-table tfoot .order-total td,
.woocommerce-checkout-review-order-table tfoot .order-total th {
    font-size: 18px;
    line-height: 34px;
    font-weight: 700;
    background: #f2f2f2;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/*Check Box*/

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: 22px;
    line-height: 22px;
    width: 22px;
}

input[type=checkbox] {
    display: inline-block;
}


/* .woocommerce-checkout-payment */

.woocommerce-checkout-payment {
    border: 2px solid #c7c7cc;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 23px 20px 14px 50px;
    margin-bottom: 10px;
}

.woocommerce-checkout-payment li {
    padding-bottom: 14px;
    position: relative;
}

.woocommerce-checkout-payment li input[type="radio"] {
    display: none;
}

.woocommerce-checkout-payment li input[type="radio"]:checked+label+.payment_box {
    display: block;
}

.woocommerce-checkout-payment li input[type="radio"]:checked+label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.woocommerce-checkout-payment li input[type="radio"]:checked+label[for="payment_method_paypal"] {
    margin-bottom: 0px;
}

.woocommerce-checkout-payment li input[type="radio"]:checked+label[for="payment_method_paypal"]+.payment_box {
    margin-bottom: 66px;
}

.woocommerce-checkout-payment li label {
    color: #333333;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
}

.woocommerce-checkout-payment li label:before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    top: 6px;
    left: -31px;
    border: 2px solid #c7c7cc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.woocommerce-checkout-payment li label:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #f99d39;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: -28px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.woocommerce-checkout-payment li label[for="payment_method_paypal"] {
    margin-bottom: 66px;
}

.woocommerce-checkout-payment li label[for="payment_method_paypal"] img {
    position: absolute;
    left: -31px;
    bottom: 14px;
    max-width: 200px;
}

.woocommerce-checkout-payment li label[for="payment_method_paypal"] .about_paypal {
    position: absolute;
    left: 185px;
    bottom: 23px;
    color: #333333;
    font-weight: 400;
    width: 110px;
}

@media (min-width: 1025px) {
    .woocommerce-checkout-payment li label[for="payment_method_paypal"] .about_paypal:hover {
        color: #898c90;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .woocommerce-checkout-payment li label[for="payment_method_paypal"] img {
        max-width: 135px;
    }
    .woocommerce-checkout-payment li label[for="payment_method_paypal"] .about_paypal {
        left: 115px;
        bottom: 15px;
    }
}

@media (max-width: 399px) {
    .woocommerce-checkout-payment li label[for="payment_method_paypal"] img {
        max-width: 135px;
    }
    .woocommerce-checkout-payment li label[for="payment_method_paypal"] .about_paypal {
        left: 115px;
        bottom: 15px;
    }
}

.woocommerce-checkout-payment .payment_box {
    display: none;
    padding: 12px 17px 12px 17px;
    background: #f2f2f2;
    margin-top: 15px;
    position: relative;
}

.woocommerce-checkout-payment .payment_box:before {
    content: "";
    width: 20px;
    height: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2;
    position: absolute;
    top: -10px;
    left: 20px;
}

.woocommerce-checkout-payment .payment_box p {
    color: #898c90;
    font-size: 14px;
    line-height: 26px;
}


/*------------------------------------------------------------------
39. Cart
*/


/* .shop-cart-table */

.shop-cart-table {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.shop-cart-table th,
.shop-cart-table td {
    border: 1px solid #bbbbbb;
    padding: 28px 5px 28px 5px;
    vertical-align: middle;
}

.shop-cart-table thead th {
    background: #f1f1f1;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px 12px 5px;
}

.shop-cart-table tbody .product-thumbnail {
    border-right: none;
    padding-left: 30px;
    width: 125px;
}

.shop-cart-table tbody .product-name {
    border-left: none;
    padding-left: 10px;
    text-align: left;
}

.shop-cart-table tbody .product-name .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 8px;
}

@media (min-width: 1025px) {
    .shop-cart-table tbody .product-name .title:hover {
        color: #898c90;
    }
}

.shop-cart-table tbody .product-name p {
    color: #898c90;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

.shop-cart-table tbody .product-name .variation {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
}

.shop-cart-table tbody .product-name .variation dt {
    display: inline-block;
    color: #898c90;
    font-weight: 400;
}

.shop-cart-table tbody .product-name .variation dd {
    display: inline-block;
    color: #333333;
    margin-right: 20px;
    font-size: 14px;
    line-height: 20px;
}

.shop-cart-table tbody .product-name .variation p {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin: 0px;
    font-weight: 600;
}

.shop-cart-table tbody .product-name-wrap {
    display: inline-block;
    max-width: 210px;
}

.shop-cart-table tbody .product-price,
.shop-cart-table tbody .product-subtotal {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
}

.shop-cart-table tbody .remove {
    width: 20px;
    height: 24px;
    background: url('../images/icon-trash.png') 0 0 no-repeat;
    display: block;
    margin: 0px auto 0px;
    float: none;
}

@media (min-width: 1025px) {
    .shop-cart-table tbody .remove:hover {
        background-image: url('../images/icon-trash-red.png');
    }
}

.shop-cart-table .quantity {
    display: inline-block;
    position: relative;
    border: 1px solid #bbbbbb;
}

.shop-cart-table .quantity input[type="number"] {
    width: 90px;
    height: 38px;
    outline: none;
    text-align: center;
    border: none;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}

.shop-cart-table .quantity button {
    position: absolute;
    right: -1px;
    width: 20px;
    height: 21px;
    outline: none;
    cursor: pointer;
    font-size: 10px;
    border: 1px solid #bbbbbb;
    padding: 0px;
}

.shop-cart-table .quantity button.fa-plus {
    top: -1px;
    color: #333333;
    background: #f1f1f1;
}

.shop-cart-table .quantity button.fa-minus {
    bottom: -1px;
    color: #bbbbbb;
    background: #ffffff;
}

@media (max-width: 991px) {
    .shop-cart-table tbody .product-thumbnail {
        padding-left: 10px;
    }
    .shop-cart-table .quantity input[type="number"] {
        width: 55px;
        text-align: left;
        padding-left: 5px;
    }
}

@media (max-width: 699px) {
    .shop-cart-table th,
    .shop-cart-table td {
        border: none;
        display: block;
        padding: 0px;
        text-align: left;
        width: calc(100% - 105px);
        float: right;
    }
    .shop-cart-table thead {
        display: none;
    }
    .shop-cart-table .cart_item {
        display: block;
        border: 1px solid #bbbbbb;
        margin-top: 30px;
        padding: 28px 45px 28px 15px;
        position: relative;
    }
    .shop-cart-table .cart_item:after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        clear: both;
        overflow: hidden;
    }
    .shop-cart-table .cart_item:first-child {
        margin-top: 0px;
    }
    .shop-cart-table tbody .product-thumbnail {
        width: 105px;
        padding-left: 0px;
        margin-bottom: 15px;
        float: left;
    }
    .shop-cart-table tbody .product-name {
        margin-bottom: 10px;
        padding-left: 0px;
    }
    .shop-cart-table tbody .product-name-wrap {
        max-width: 100%;
    }
    .shop-cart-table tbody .remove {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .shop-cart-table .quantity input[type="number"] {
        width: 60px;
        text-align: left;
        padding-left: 15px;
    }
    .shop-cart-table *[data-title] {
        padding-bottom: 10px;
    }
    .shop-cart-table *[data-title]:before {
        content: attr(data-title) ": ";
        font-weight: 700;
        color: #000;
        display: inline-block;
        width: 80px;
    }
}

@media (max-width: 399px) {
    .shop-cart-table th,
    .shop-cart-table td {
        width: 100%;
    }
}


/* .middle-cart */

.middle-cart>div {
    padding-top: 20px;
}

.middle-cart .right-side {
    padding-top: 0px;
}

.middle-cart .right-side a {
    margin-left: 10px;
    text-align: center;
    margin-top: 20px;
}

.middle-cart .right-side .btn-process-to-checkout {
    width: 205px;
}

.middle-cart .right-side .btn-white-border-dark {
    width: 135px;
}

@media (max-width: 1199px) {
    .middle-cart .coupon {
        width: 450px;
    }
}

@media (max-width: 991px) {
    .middle-cart>div {
        width: 100% !important;
    }
    .middle-cart .right-side a {
        margin-right: 10px;
        margin-left: 0px;
    }
}


/* .coupon */

.coupon {
    position: relative;
    padding-right: 160px;
    width: 585px;
    max-width: 100%;
}

.coupon .btn-coupon {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
}

@media (max-width: 399px) {
    .coupon {
        padding-right: 0px;
    }
    .coupon .btn-coupon {
        position: relative;
        width: 100%;
    }
}


/* .shop-cart-tota */

.shop-cart-total {
    border: 2px solid #c7c7cc;
    padding: 0px 28px 0px 28px;
    margin-top: 7px;
    margin-bottom: 15px;
}

.shop-cart-total .shop-cart-total-table {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    text-transform: uppercase;
}

.shop-cart-total .shop-cart-total-table th,
.shop-cart-total .shop-cart-total-table td {
    border-top: 1px solid #eeeeee;
    font-weight: 600;
    padding: 14px 0px 14px 0px;
}

.shop-cart-total .shop-cart-total-table td {
    text-align: right;
}

.shop-cart-total .shop-cart-total-table tr:first-child>* {
    border-top: none;
}

.shop-cart-total .shop-cart-total-table .cart-grand-total th,
.shop-cart-total .shop-cart-total-table .cart-grand-total td {
    font-weight: 700;
}

.shop-cart-total .shop-cart-total-table .cart-grand-total td {
    color: #f99d39;
    font-size: 16px;
}


/*-----------------------------------------------------------------------
40. Wishlist
*/

.wishlist-control .btn-add-all-to-cart {
    width: 170px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.wishlist-control .btn-clear-list {
    width: 125px;
    margin-bottom: 30px;
}


/*-----------------------------------------------------------------------
41. Sidebar
*/

.sidebar .widget {
    margin-bottom: 22px;
}

.sidebar .widget input {
    width: 100%;
    height: 40px;
    border: solid 1px #dedede;
    padding-left: 10px;
    padding-right: 10px;
}

.sidebar .widget input::focus {
    border: solid 1px #cccccc;
}

.sidebar .widget .section-title {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 11px;
}

.sidebar .widget .section-title:before {
    background-color: #f99d39;
}


/*------------------------------------------------------------------
42. Search Widget
*/

.widget_search {
    padding-bottom: 20px;
}

.widget_search .searchform {
    position: relative;
}

.widget_search .inp-search {
    border: 2px solid #dbddde;
    padding: 6px 36px 6px 12px;
    outline: none;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    color: #333333;
    font-size: 13px;
    line-height: 24px;
    width: 100%;
}

.widget_search .inp-search::-webkit-input-placeholder {
    color: #898c90;
}

.widget_search .inp-search:-moz-placeholder {
    color: #898c90;
}

.widget_search .inp-search::-moz-placeholder {
    color: #898c90;
}

.widget_search .inp-search:-ms-input-placeholder {
    color: #898c90;
}

.widget_search .inp-search:focus {
    border-color: #f99d39;
}

.widget_search .btn-search {
    font-size: 0px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 26px;
    height: 26px;
    background: url('../images/icon-arrow-right.png') 0px 0px no-repeat;
    background-position: center center;
    border: none;
}

@media (min-width: 1025px) {
    .widget_search .btn-search:hover {
        background-image: url('../images/icon-arrow-right-hover.png');
        background-color: #f99d39;
    }
}


/*-----------------------------------------------------------------------
43. Instagram Widget
*/

.widget_instagram {
    font-size: 0px;
}

.widget_instagram ul {
    margin-left: -11px;
    padding-top: 19px;
    padding-bottom: 9px;
}

.widget_instagram li {
    padding-left: 11px;
    display: inline-block;
    margin-bottom: 11px;
    max-width: 33.33%;
}

.widget_instagram a {
    display: block;
    background: #4a4a4a;
}

@media (min-width: 1025px) {
    .widget_instagram a img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }
    .widget_instagram a:hover img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
        -moz-opacity: 0.65;
        -khtml-opacity: 0.65;
        opacity: 0.65;
    }
}


/*-----------------------------------------------------------------------
44. List Widget
*/

.widget_nav_menu ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_categories ul li,
.widget_archive ul li {
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #898c90;
    padding: 14px 0px 14px 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.widget_nav_menu ul li:after,
.widget_pages ul li:after,
.widget_meta ul li:after,
.widget_categories ul li:after,
.widget_archive ul li:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    clear: both;
    overflow: hidden;
}

.widget_nav_menu ul li:first-child,
.widget_pages ul li:first-child,
.widget_meta ul li:first-child,
.widget_categories ul li:first-child,
.widget_archive ul li:first-child {
    border-top: none;
}

@media (min-width: 1025px) {
    .widget_nav_menu ul li:hover,
    .widget_pages ul li:hover,
    .widget_meta ul li:hover,
    .widget_categories ul li:hover,
    .widget_archive ul li:hover {
        color: #f99d39;
    }
    .widget_nav_menu ul li:hover a,
    .widget_pages ul li:hover a,
    .widget_meta ul li:hover a,
    .widget_categories ul li:hover a,
    .widget_archive ul li:hover a {
        color: #f99d39;
    }
}

.widget_nav_menu a,
.widget_pages a,
.widget_meta a,
.widget_categories a,
.widget_archive a {
    float: left;
    color: #333333;
}


/*-----------------------------------------------------------------------
45. Price Filter Widget
*/

.widget-price-filter .filter-submit {
    width: 100px;
    height: 35px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    margin-top: 23px;
}

@media (min-width: 1025px) {
    .widget-price-filter .filter-submit:hover {
        background: #898c90;
    }
}


/*----------------------------------------------------------------------
46. Recent Post Widget
*/

.widget_recent_post ul {
    padding-bottom: 20px;
}


/*------------------------------------------------------------------
47. Color Filter
*/

.color-option {
    padding-top: 19px;
}

.color-option .lbl-radio {
    display: none;
}

.color-option .lbl-variant {
    height: 32px;
    min-width: 32px;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.color-option .lbl-variant .lbl-text {
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
}

.color-option .lbl-variant .lbl-text:after {
    content: "";
    width: 32px;
    height: 32px;
    border: 2px solid #dbddde;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.color-option .lbl-variant .lbl-text:before {
    content: "";
    width: 28px;
    height: 28px;
    border: 5px solid #ffffff;
    position: absolute;
    top: 2px;
    left: 2px;
    background: transparent;
}

.color-option .lbl-variant .lbl-radio:checked+.lbl-text:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}


/*-----------------------------------------------------------------------
48. Size Filter
*/

.size-option {
    padding-top: 19px;
    padding-bottom: 18px;
}

.size-option .lbl-variant {
    text-align: center;
    height: 32px;
    min-width: 32px;
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.size-option .lbl-variant .lbl-text {
    display: block;
    border: 2px solid #dbddde;
    color: #898c90;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.size-option .lbl-variant .lbl-radio {
    display: none;
}

.size-option .lbl-variant .lbl-radio:checked+.lbl-text {
    color: #fff;
    background: #f99d39;
    border-color: #f99d39;
}


/*-----------------------------------------------------------------------
49. Popup
*/

html.js__popup_opening {
    overflow: hidden;
}

.popup {
    position: fixed;
    top: 7%;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    overflow: auto;
    text-align: center;
}

.popup .popup-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    background: #333333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    width: 100%;
    height: 100%;
}

.popup .popup-body {
    position: relative;
    display: inline-block;
    text-align: left;
    z-index: 20;
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 100%;
}

.popup.js__active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
}

.popup .single-title-border-bottom {
    margin-bottom: 20px;
}

.popup .popup-close-btn {
    border: 3px solid #ffffff;
    text-align: center;
    position: absolute;
    top: -13px;
    right: 3px;
    width: 38px;
    height: 38px;
    background: #333333;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.popup .popup-close-btn .fa {
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .popup .popup-close-btn:hover {
        background: #e74c3c;
    }
}

.popup .popup-inside {
    background: #ffffff;
    padding: 30px;
}

.popup.popup-images .popup-inside {
    margin: 0px 15px 0px 15px;
    padding: 15px;
}


/*-----------------------------------------------------------------------
50. Revolution Slider
*/

@media(max-width: 379px) {
    .rev_slider_wrapper,
    .forcefullwidth_wrapper_tp_banner {
        display: none!important;
    }
}

.rev_slider_wrapper {
    margin: 0px autopx 0px autopx;
    background-color: transparent;
    padding: 0px;
    z-index: 10;
    position: relative;
}

.rev_slider_wrapper>.rev_slider {
    display: none;
}

.rev_slider_wrapper .shop-deal {
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
    color: #f99d39;
    font-family: 'Montserrat', sans-serif;
}

.rev_slider_wrapper .shop-deal-2 {
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.rev_slider_wrapper .title-border-bottom {
    padding-bottom: 5px;
}

.rev_slider_wrapper .title-border-bottom:after {
    content: "";
    width: 37px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #c7c7cc;
}

.rev_slider_wrapper .title-border-bottom-2 {
    padding-bottom: 5px;
}

.rev_slider_wrapper .title-border-bottom-2:after {
    content: "";
    width: 37px;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
}

@media (max-width: 479px) {
    .rev_slider_wrapper .title-border-bottom:after,
    .rev_slider_wrapper .title-border-bottom-2:after {
        width: 15px;
        height: 1px;
    }
}

.rev_slider_wrapper .big-sale-title {
    white-space: nowrap;
    font-size: 58px;
    line-height: 68px;
    font-weight: 900;
    color: #4a4a4a;
    font-family: 'Montserrat', sans-serif;
}

.rev_slider_wrapper .big-sale-title-red {
    white-space: nowrap;
    font-size: 58px;
    line-height: 68px;
    font-weight: 900;
    color: #e74c3c;
    font-family: 'Montserrat', sans-serif;
}

.rev_slider_wrapper .p-text {
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #4a4a4a;
    font-family: 'Open Sans', sans-serif;
}

.rev_slider_wrapper .p-text-white {
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

.rev_slider_wrapper .btn-check-it-out {
    white-space: nowrap;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    background-color: #f99d39;
    padding: 12px 35px 12px 35px;
    border-color: #000000;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

.rev_slider_wrapper .big-sale-title-2 {
    white-space: nowrap;
    font-size: 58px;
    line-height: 68px;
    font-weight: 900;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.rev_slider_wrapper .p-text-2 {
    white-space: nowrap;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

.rev_slider_wrapper .btn-check-it-out-2 {
    white-space: nowrap;
    font-size: 18px;
    line-height: 17px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    background-color: rgba(0, 0, 0, 0);
    padding: 12px 35px 12px 35px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

.rev_slider_wrapper .tp-bannertimer {
    visibility: hidden !important;
}

.rev_slider_wrapper .tparrows {
    width: 45px;
    height: 120px;
    position: absolute;
    transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    margin-left: 15px;
    background: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.rev_slider_wrapper .tparrows:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.rev_slider_wrapper .tparrows:after {
    content: "";
    width: 18px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url('../images/slides/arrow-left.png') 0px 0px no-repeat;
}

.rev_slider_wrapper .tparrows.tp-rightarrow {
    transform: translate(-100%, -50%) !important;
    -webkit-transform: translate(-100%, -50%) !important;
    -moz-transform: translate(-100%, -50%) !important;
    -o-transform: translate(-100%, -50%) !important;
    -ms-transform: translate(-100%, -50%) !important;
    margin-left: -15px;
}

.rev_slider_wrapper .tparrows.tp-rightarrow:after {
    background: url('../images/slides/arrow-right.png') 0px 0px no-repeat;
}

@media (min-width: 1025px) {
    .rev_slider_wrapper .tparrows:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .rev_slider_wrapper .tparrows:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@media (min-width: 480px) {
    .rev_slider_wrapper.rev_no_pag .tp-bullets {
        display: none;
    }
}


/*-----------------------------------------------------------------------
51. Slick
*/

.slick-wrap {
    margin: 0px -15px 0px -15px;
}

.slick-wrap .slick-track .slick-slide {
    padding: 0px 5px 0px 5px;
}

.slick-middle-arrow .slick-arrow {
    width: 40px;
    height: 35px;
    background: none;
    border: 2px solid #dbddde;
    outline: none;
    font-size: 0px;
    position: absolute;
    top: 105px;
    left: -10px;
    margin-top: -18px;
    z-index: 20;
}

.featurBusiness .slick-middle-arrow .slick-arrow {
    top: 44px;
}

.profileWidget .slick-slide {
    padding: 0px 0px 0px 0px !important;
}

.slick-middle-arrow .slick-arrow:before {
    content: "\f177";
    font-family: 'FA';
    font-size: 14px;
    line-height: 31px;
    color: #dbddde;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.slick-middle-arrow .slick-arrow.slick-next {
    right: -10px;
    left: auto;
}

.slick-middle-arrow .slick-arrow.slick-next:before {
    content: "\f178";
}

@media (min-width: 1025px) {
    .slick-middle-arrow .slick-arrow:hover {
        border-color: #333333;
    }
    .slick-middle-arrow .slick-arrow:hover:before {
        color: #333333;
    }
}

.slick-top-arrow .slick-arrow {
    position: absolute;
    top: -85px;
    right: 65px;
    left: auto;
    margin-top: 0px;
    font-size: 0px;
    display: block;
    width: 40px;
    height: 35px;
    text-align: center;
    border: 2px solid #dbddde;
    background: none;
    outline: none;
}

.slick-top-arrow .slick-arrow:before {
    font-size: 12px;
    line-height: 33px;
    content: "\f053";
    font-family: 'FA';
    color: #bbbbbb;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.slick-top-arrow .slick-arrow:hover {
    background: #f99d39;
    border-color: #f99d39;
}

.slick-top-arrow .slick-arrow:hover:before {
    color: #ffffff;
}

.slick-top-arrow .slick-arrow li {
    display: inline-block;
    margin-left: 9px;
}

.slick-top-arrow .slick-arrow.slick-next {
    right: 15px;
}

.slick-top-arrow .slick-arrow.slick-next:before {
    content: "\f054";
}

.slick-middle-arrow .slick-dots,
.slick-top-arrow .slick-dots {
    font-size: 0px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.slick-middle-arrow .slick-dots li,
.slick-top-arrow .slick-dots li {
    display: inline-block;
    margin: 0px 1px 10px 1px;
}

.slick-middle-arrow .slick-dots button,
.slick-top-arrow .slick-dots button {
    display: block;
    background: #dbddde;
    width: 42px;
    height: 5px;
    cursor: pointer;
    outline: none;
    border: none;
}

@media (min-width: 1025px) {
    .slick-middle-arrow .slick-dots button:hover,
    .slick-top-arrow .slick-dots button:hover {
        background: #bbbbbb;
    }
}

.slick-middle-arrow .slick-dots .slick-active button,
.slick-top-arrow .slick-dots .slick-active button {
    background: #bbbbbb;
}

.slick-arrow-long .slick-arrow:before {
    content: "\f177";
    font-size: 18px;
    color: #c7c7cc;
}

.slick-arrow-long .slick-arrow.slick-next:before {
    content: "\f178";
}


/*-----------------------------------------------------------------------
52. Range Slider
*/

.filter-slider {
    width: 100%;
    height: 77px;
    position: relative;
    padding: 41px 0px 23px 0px;
    overflow: hidden;
    color: #333333;
}

.filter-slider:before {
    content: "";
    position: absolute;
    top: 45px;
    left: 5px;
    right: 5px;
    background: #bbbbbb;
    z-index: 10;
    height: 4px;
}

.filter-slider:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 45px;
    background: #ffffff;
    z-index: 60;
    width: 5px;
    height: 4px;
}

.filter-slider .noUi-base {
    position: absolute;
    top: 0px;
    left: 13px;
    right: 5px;
    z-index: 20;
    height: 77px;
}

.filter-slider .noUi-base .noUi-origin {
    position: absolute;
    top: 41px;
    width: 100%;
}

.filter-slider .noUi-base .noUi-origin:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0px;
    width: 100%;
    height: 4px;
}

.filter-slider .noUi-base .noUi-connect {
    z-index: 20;
}

.filter-slider .noUi-base .noUi-connect:before {
    background: #f99d39;
}

.filter-slider .noUi-base .noUi-background {
    z-index: 30;
}

.filter-slider .noUi-base .noUi-background:before {
    background: #bbbbbb;
}

.filter-slider .noUi-base .noUi-handle {
    width: 13px;
    height: 13px;
    background: #f99d39;
    margin-left: -13px;
    position: relative;
    z-index: 40;
}

.filter-slider .noUi-base .noUi-handle span {
    position: absolute;
    top: -27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}


/*-----------------------------------------------------------------------
53. Google Map
*/

.map-absolute {
    position: absolute !important;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 10;
}

@media (max-width: 767px) {
    .map-absolute {
        width: 100% !important;
        height: 200px;
        position: relative !important;
    }
}

.map-full {
    width: 100%;
    height: 650px;
}

@media (max-width: 991px) {
    .map-full {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .map-full {
        height: 300px;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-top: 15px;
    }
}


/*-----------------------------------------------------------------------
54. Dark Themes
*/

.style-dark .header .top .drop-down-wrap .drop-down-current a {
    color: #333333;
}

.style-dark .header .top .drop-down-wrap .drop-down-list {
    border-top-color: #333333;
}

.style-dark .header .top .drop-down-wrap .drop-down-list li {
    border-top-color: #ecf0f1;
}

.style-dark .header .top .drop-down-wrap .drop-down-list a {
    background-color: #ffffff;
    color: #34383d;
}

@media (min-width: 1025px) {
    .style-dark .header .top .drop-down-wrap .drop-down-list a:hover {
        background-color: #f7f9f9;
    }
}

@media (min-width: 1025px) {
    .style-dark .header .top .drop-down-wrap .drop-down-list a:hover {
        color: #ff5a00;
    }
}

.style-dark .header .top .menu a {
    color: #333333;
}

@media (min-width: 1025px) {
    .style-dark .header .top .menu a:hover {
        color: #ff5a00;
    }
}

.style-dark .header .top .menu li:before {
    color: #d7d7d7;
}

.style-dark .header .middle .search-form {
    border-color: #dbddde;
}

.style-dark .header .middle .search-form .select-category .select2-container--default .select2-selection__rendered {
    color: #8e8e93;
}

.style-dark .header .middle .search-form .select-category .select2-container--default .select2-selection__arrow:before {
    color: #dbddde;
}

.style-dark .header .middle .search-form .inp-search {
    border-left-color: #dbddde;
    color: #34383d;
}

.style-dark .header .middle .search-form .inp-search::-webkit-input-placeholder {
    color: #898c90;
}

.style-dark .header .middle .search-form .inp-search:-moz-placeholder {
    color: #898c90;
}

.style-dark .header .middle .search-form .inp-search::-moz-placeholder {
    color: #898c90;
}

.style-dark .header .middle .search-form .inp-search:-ms-input-placeholder {
    color: #898c90;
}

@media (max-width: 479px) {
    .style-dark .header .middle .search-form .select-category .select2-container {
        border-bottom-color: #dbddde;
    }
}

.style-dark .header .middle .inp-submit {
    background-color: #f99d39;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .header .middle .inp-submit:hover {
        background-color: #898c90;
    }
}

.style-dark .header .middle .right-side>li>a {
    border-color: #333333;
    color: #333333;
}

.style-dark .header .middle .right-side>li>a .num {
    background-color: #ff5a00;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .header .middle .right-side>li>a:hover {
        color: #ffffff;
        background-color: #333333;
        border-color: #333333;
    }
}

.style-dark .header .middle .right-side>li.js__active>a {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
}

.style-dark .header .middle .right-side .cart-list-container {
    background: #ffffff;
}

.style-dark .header .middle .right-side .cart-list-container .cart-list-content {
    border-color: #f2f2f2;
}

.style-dark .header .middle .right-side .cart-list-container .cart-list li {
    border-bottom-color: #ecf0f1;
}

.style-dark .header .middle .right-side .cart-list-container .cart-list .title {
    color: #333333;
}

@media (min-width: 1025px) {
    .style-dark .header .middle .right-side .cart-list-container .cart-list .title:hover {
        color: #f99d39;
    }
}

.style-dark .header .middle .right-side .cart-list-container .cart-list .quantity {
    color: #898c90;
}

.style-dark .header .middle .right-side .cart-list-container .cart-list .quantity .amount {
    color: #f99d39;
}

.style-dark .header .middle .right-side .cart-list-container .cart-list .mini-cart-remove {
    color: #bbb;
}

@media (min-width: 1025px) {
    .style-dark .header .middle .right-side .cart-list-container .cart-list .mini-cart-remove:hover {
        color: #f99d39;
    }
}

.style-dark .header .middle .right-side .cart-list-subtotal {
    color: #333333;
}

.style-dark .header .middle .right-side .cart-list-bottom {
    background-color: #f99d39;
}

.style-dark .header .middle .right-side .cart-list-bottom a {
    color: #ffffff;
    background-color: transparent;
}

.cart-list {
    position: relative;
}

.cart-list .check {
    position: absolute;
    left: -15px;
    top: 50px;
}

@media (min-width: 1025px) {
    .style-dark .header .middle .right-side .cart-list-bottom a:hover {
        background-color: #333333;
    }
}

.style-dark .header .middle .right-side .menumobile-toggle {
    border-color: #333333;
}

.style-dark .header .middle .right-side .search-toggle {
    border-color: #333333;
}

.style-dark .header .middle .right-side .search-toggle .search-container {
    color: #333333;
}

.style-dark .header .middle .right-side .search-toggle .search-container .inp-search {
    color: #333333;
}

.style-dark .header .middle .right-side .search-toggle .search-container .inp-search::-webkit-input-placeholder {
    color: #333333;
}

.style-dark .header .middle .right-side .search-toggle .search-container .inp-search:-moz-placeholder {
    color: #333333;
}

.style-dark .header .middle .right-side .search-toggle .search-container .inp-search::-moz-placeholder {
    color: #333333;
}

.style-dark .header .middle .right-side .search-toggle .search-container .inp-search:-ms-input-placeholder {
    color: #333333;
}

.style-dark .header .middle .right-side .search-toggle.js__active {
    border-color: #333333;
}

.style-dark .header .middle .right-side .search-toggle.js__active a {
    color: #333333;
    background-color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .header .middle .right-side .search-toggle:hover {
        border-color: #333333;
    }
}

.style-dark .header .bottom .right-side {
    color: #333333;
}

.style-dark .header .bottom .right-side a {
    color: #ff5a00;
}

@media (min-width: 1025px) {
    .style-dark .header .bottom .right-side a:hover {
        color: #333333;
    }
}

.style-dark .footer {
    background-color: #333333;
    color: #ffffff;
}

.style-dark .footer .bottom {
    background: #3d3d3d;
}

.style-dark .footer .menu a {
    color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .footer .menu a:hover {
        color: #ff5a00;
    }
}

.style-dark .footer .contact-list li:before {
    background-color: #ffffff;
}

.style-dark .footer .contact-list .fa {
    color: #ffffff;
}

.style-dark .footer .contact-list a {
    color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .footer .contact-list a:hover {
        color: #ff5a00;
    }
}

.style-dark .footer .social-list a {
    color: #ffffff;
    background-color: #3d3d3d;
}

@media (min-width: 1025px) {
    .style-dark .footer .social-list a:hover {
        color: #3d3d3d;
        background-color: #ffffff;
    }
}

.style-dark .footer .copyright {
    color: #bbbbbb;
}

.style-dark .footer .copyright a {
    color: #ffffff;
}

.style-dark .join-form .inp-email {
    color: #333333;
}

.style-dark .join-form .inp-email::-webkit-input-placeholder {
    color: #a3a2a2;
}

.style-dark .join-form .inp-email:-moz-placeholder {
    color: #a3a2a2;
}

.style-dark .join-form .inp-email::-moz-placeholder {
    color: #a3a2a2;
}

.style-dark .join-form .inp-email:-ms-input-placeholder {
    color: #a3a2a2;
}

.style-dark .join-form .inp-submit {
    background: #3d3d3d;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

@media (min-width: 1025px) {
    .style-dark .join-form .inp-submit:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.style-dark .menumobile-toggle .icon-bar {
    background: #333333;
}

@media (min-width: 1025px) {
    .style-dark .main-menu-wrap .menu>li:hover>a,
    .style-dark .main-menu-wrap .menu>li.current-menu-item>a {
        border-bottom-color: #333333;
        color: #333333;
    }
    .style-dark .main-menu-wrap .menu>li.menu-item-has-children>a:before {
        color: #ffffff;
        background-color: #bbbbbb;
    }
    .style-dark .main-menu-wrap .menu>li>a {
        color: #333333;
    }
    .style-dark .main-menu-wrap .menu>li.simple-menu .sub-menu {
        background-color: #ffffff;
        border-color: #f2f2f2;
    }
    .style-dark .main-menu-wrap .menu li li:hover>a {
        color: #ff5a00;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu {
        background-color: #ffffff;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title {
        color: #333333;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:after {
        background-color: #333333;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title a {
        color: #333333;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:hover {
        color: #ff5a00;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:hover:after {
        background-color: #ff5a00;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .title:hover a {
        color: #ff5a00;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .adv .button-adv {
        background-color: #333333;
        color: #ffffff;
    }
    .style-dark .main-menu-wrap .menu .mega-menu-wrap .mega-menu .adv .button-adv:hover {
        background-color: #ff5a00;
    }
    .style-dark .main-menu-wrap .menu .sub-menu a {
        color: #333333;
    }
}

@media (min-width: 1025px) and (min-width: 1025px) {
    .style-dark .main-menu-wrap .menu .sub-menu a:hover {
        color: #ff5a00;
    }
}

.style-dark .section-title {
    color: #333333;
}

.style-dark .section-title:before {
    background: #333333;
}

.style-dark .product-grid .attribute-list span {
    border-color: #898c90;
    color: #898c90;
}

.style-dark .product-grid .controls a {
    color: #ffffff;
}

.style-dark .product-grid .add_to_cart_button {
    border-color: #f99d39;
    color: #f99d39;
}

@media (min-width: 1025px) {
    .style-dark .product-grid .add_to_cart_button:hover {
        color: #ffffff;
        background-color: #f99d39;
    }
}

.style-dark .product-grid .title {
    color: #333333;
}

@media (min-width: 1025px) {
    .style-dark .product-grid .title:hover {
        color: #ff5a00;
    }
}

.style-dark .product-grid .category {
    border-bottom-color: #c7c7cc;
    color: #c7c7cc;
}

@media (min-width: 1025px) {
    .style-dark .product-grid .category:hover {
        color: #f99d39;
        border-bottom-color: #f99d39;
    }
}

.style-dark .product-grid .price {
    color: #f99d39;
}

.style-dark .product-grid .price del {
    color: #898c90;
}

.style-dark .product-detail .woocommerce-main-image:before {
    border-color: #898c90;
    color: #898c90;
}

@media (min-width: 1025px) {
    .style-dark .product-detail .woocommerce-main-image:hover:before {
        background: #898c90;
        color: #ffffff;
    }
}

.style-dark .summary .product_title {
    color: #333333;
}

.style-dark .summary .summary-top a {
    color: #898c90;
}

@media (min-width: 1025px) {
    .style-dark .summary .summary-top a:hover {
        color: #f99d39;
    }
}

.style-dark .summary .price {
    color: #f99d39;
}

.style-dark .summary .product_meta span {
    color: #898c90;
}

.style-dark .summary .product_meta li {
    color: #333333;
}

.style-dark .summary .description {
    color: #898c90;
}

.style-dark .summary .variants li .text {
    color: #333333;
}

.style-dark .summary .variants .variant-size .lbl-variant .lbl-text {
    border-color: #dbddde;
    color: #898c90;
}

.style-dark .summary .variants .variant-size .lbl-variant .lbl-radio:checked+.lbl-text {
    background: #f99d39;
    border-color: #f99d39;
}

.style-dark .summary .variants .variant-color .lbl-variant .lbl-text:after {
    border-color: #dbddde;
}

.style-dark .summary .variants .variant-color .lbl-variant .lbl-text:before {
    border-color: #ffffff;
}

.style-dark .summary .quantity {
    border-color: #bbbbbb;
}

.style-dark .summary .quantity input[type="number"] {
    color: #333333;
}

.style-dark .summary .quantity button {
    border-color: #bbbbbb;
}

.style-dark .summary .quantity button.fa-plus {
    color: #333333;
    background-color: #f1f1f1;
}

.style-dark .summary .quantity button.fa-minus {
    color: #bbbbbb;
    background-color: #ffffff;
}

.style-dark .summary .single_add_to_cart_button {
    background-color: #333333;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .summary .single_add_to_cart_button:hover {
        background-color: #f99d39;
    }
}

.style-dark .tab-product-wrap .tab-controls a {
    color: #c7c7cc;
    border-color: #c7c7cc;
}

@media (min-width: 1025px) {
    .style-dark .tab-product-wrap .tab-controls a:hover {
        color: #333333;
        border-color: #333333;
    }
}

.style-dark .tab-product-wrap .tab-controls a.js__active {
    color: #333333;
    border-color: #333333;
}

.style-dark .item-blog-grid .thumb {
    background-color: #ffffff;
}

.style-dark .item-blog-grid .title {
    color: #333333;
}

.style-dark .item-blog-grid .post-meta li {
    color: #bbbbbb;
}

.style-dark .item-adv {
    color: #333333;
}

.style-dark .item-adv:before {
    border-color: #ecf0f1;
}

.style-dark .item-adv p {
    color: #333333;
}

.style-dark .item-adv .btn-common {
    color: #333333;
    border-color: #333333;
}

@media (min-width: 1025px) {
    .style-dark .item-adv .btn-common:hover {
        color: #ffffff;
        background: #333333;
    }
}

.style-dark .item-adv-large {
    background-color: #f2f2f2;
    color: #333333;
}

.style-dark .item-adv-large:hover {
    color: #333333;
}

.style-dark .item-adv-large .title-border-bottom:before {
    background: #f99d39;
}

.style-dark .item-adv-large .btn-common {
    border-color: #333333;
}

@media (min-width: 1025px) {
    .style-dark .item-adv-large .btn-common:hover {
        background-color: #333333;
        color: #ffffff;
    }
}

.style-dark .item-service {
    border-color: #e3e3e3;
}

.style-dark .item-service .title {
    color: #333333;
}

.style-dark .item-service p {
    color: #333333;
}

.style-dark .item-service .thumb {
    color: #333333;
}

@media (min-width: 1025px) {
    .style-dark .item-service:hover {
        border-color: #333333;
    }
    .style-dark .item-service:hover .thumb {
        color: #333333;
    }
    .style-dark .item-service:hover p {
        color: #333333;
    }
}

@media (max-width: 1024px) {
    .style-dark .item-service .thumb {
        color: #333333;
    }
    .product-grid .remove-item-wishlist {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.style-dark .quotes-wrap {
    background: #f1f1f1;
}

.style-dark .quotes-wrap .background {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    -moz-opacity: 0.05;
    -khtml-opacity: 0.05;
    opacity: 0.05;
}

.style-dark .quotes-wrap .slick-dots button {
    background-color: #898c90;
}

.style-dark .item-quote {
    color: #4a4a4a;
}

.style-dark .item-quote .author .from {
    color: #898c90;
}

.style-dark .item-quote .thumb {
    border-color: rgba(0, 0, 0, 0.05);
}

.style-dark .item-logo {
    border-color: #e3e3e3;
}


/* custom styling */

.footer-shipping .item-service {
    background-color: #fff;
    border-radius: 8px;
}

.footer-shipping {
    margin-bottom: 40px;
    display: flex;
}

@media (min-width: 1025px) {
    .style-dark .item-logo:hover {
        border-color: #898c90;
    }
}

.style-dark .btn-ajax-loading {
    border-color: #333333;
    color: #333333;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

@media (min-width: 1025px) {
    .style-dark .btn-ajax-loading:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

.style-dark .popup .popup-overlay {
    background-color: #333333;
}

.style-dark .popup .popup-close-btn {
    border-color: #ffffff;
    background-color: #333333;
}

.style-dark .popup .popup-close-btn .fa {
    color: #ffffff;
}

@media (min-width: 1025px) {
    .style-dark .popup .popup-close-btn:hover {
        background-color: #e74c3c;
    }
}

.style-dark .popup .popup-inside {
    background-color: #ffffff;
}

.style-dark .slick-middle-arrow .slick-arrow {
    border-color: #dbddde;
}

.style-dark .slick-middle-arrow .slick-arrow:before {
    color: #dbddde;
}

@media (min-width: 1025px) {
    .style-dark .slick-middle-arrow .slick-arrow:hover {
        border-color: #f99d39;
    }
    .style-dark .slick-middle-arrow .slick-arrow:hover:before {
        color: #f99d39;
    }
}

.style-dark .slick-top-arrow .slick-arrow {
    border-color: #bbbbbb;
}

.style-dark .slick-top-arrow .slick-arrow:before {
    color: #bbbbbb;
}

.style-dark .slick-top-arrow .slick-arrow:hover {
    background: #ffffff;
    border-color: #333333;
}

.style-dark .slick-top-arrow .slick-arrow:hover:before {
    color: #333333;
}

.style-dark .slick-middle-arrow .slick-dots button,
.style-dark .slick-top-arrow .slick-dots button {
    background-color: #dbddde;
}

@media (min-width: 1025px) {
    .style-dark .slick-middle-arrow .slick-dots button:hover,
    .style-dark .slick-top-arrow .slick-dots button:hover {
        background-color: #bbbbbb;
    }
}

.style-dark .slick-middle-arrow .slick-dots .slick-active button,
.style-dark .slick-top-arrow .slick-dots .slick-active button {
    background-color: #bbbbbb;
}

.style-dark .slick-arrow-long .slick-arrow:before {
    color: #bbbbbb;
}


/*------------------------------------------------------------------
55. Misc
*/

.width150 {
    width: 150px;
}

.width300 {
    width: 300px;
}

.width580 {
    width: 580px;
}

.width1200 {
    width: 1200px;
}

.line-through {
    text-decoration: line-through;
}

@media (max-width: 1024px) {
    .ban_content h2 {
        line-height: 45px;
        padding: 0px 30px;
        font-size: 28px;
        color: #575757;
    }
    .product-grid .thumb .controls,
    .product-grid .thumb .add_to_cart_button {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
    .product-grid .controls li {
        display: inline-block;
        margin: 0px 4px 0px 3px;
    }
}

@media (max-width: 768px) {
    .footer-shipping {
        margin-bottom: 40px;
        display: inherit;
    }
    .item-service {
        max-width: 100%;
        margin-bottom: 10px;
        min-height: 174px;
    }
    .backBace {
        padding: 15px;
    }
    .woocommerce-tabs .tabs li {
        margin: 0px 5px !important;
    }
    .product-grid .remove-item-wishlist {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .section-blog .section-title {
        padding-left: 0px;
    }
    .howitWork .row {
        display: inherit;
    }
    .forSteps {
        margin: 20px 0px 20px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .fc_faq .woocommerce-tabs .tabs li {
        margin: 5px 5px !important;
        width: 99%;
    }
    .shop-ordering {
        width: 100%;
        padding: 0px 0px;
        margin-right: 0px;
    }
    .fc_faq .woocommerce-tabs .tabs a {
        padding: 10px 10px;
        font-size: 12px;
    }
    .topBanner {
        display: inherit;
    }
    .ban_content h2 {
        line-height: 45px;
        padding: 40px 30px;
        font-size: 28px;
        color: #575757;
    }
    .shop-ordering .select2-container {
        float: left;
        max-width: 100%;
        min-width: 170px;
        width: 100% !important;
    }
    .venderSearch .product-list .content {
        width: calc(100% - 10px);
    }
}

@media (max-width: 480px) {
    .fc_faq .woocommerce-tabs .tabs li {
        margin: 5px 5px;
        width: 100%;
    }
    .item-service {
        min-height: 142px;
    }
    .page-large-title .title,
    .sigtitle {
        font-size: 16px;
    }
    .header .top .right-side {
        display: inherit;
        text-align: center;
        float: none;
        margin: 0px 0px 0px 0px;
    }
}

@media (max-width: 280px) {
    .header .middle .right-side .cart-list-container {
        width: 220px;
        right: -10px;
    }
    .footer .widget {
        padding-bottom: 20px;
        padding-left: 10px;
    }
    .header .middle .right-side .cart-list-container .cart-list-content {
        padding: 2px 0px 2px 20px;
    }
    .fc_faq .woocommerce-tabs .tabs li {
        margin: 5px 0px !important;
    }
    .backBace .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .text-content p {
        padding-left: 10px;
    }
    .a.readMore {
        margin-left: 10px;
    }
    .row {
        padding: 5px;
    }
    .shop-ordering .select2-container {
        float: left;
        max-width: 100%;
        min-width: 170px;
        width: 100% !important;
    }
    .shop-ordering {
        width: auto;
        padding-left: 10px;
    }
    .woocommerce-result-count {
        margin-left: 10px;
    }
    .shop-type {
        padding-left: 10px;
    }
    .sellerContent .shop-filter input {
        width: 100%;
        margin-bottom: 10px;
    }
    .termsText p {
        padding: 10px;
    }
    .footer .item-service .thumb {
        width: 60px;
        left: 10px;
        padding-right: 10px;
    }
    .footer .item-service {
        padding-left: 60px;
    }
}

.fc_forumCube {
    color: #FFF;
}

.fc_forumCube:hover {
    color: #f99d39;
}


/*radeo button*/

.products_fillter [type="radio"]:checked,
.products_fillter [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.products_fillter [type="radio"]:checked+label,
.products_fillter [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.products_fillter [type="radio"]:checked+label:before,
.products_fillter [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.products_fillter [type="radio"]:checked+label:after,
.products_fillter [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #f99d39;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.products_fillter [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.products_fillter [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.products_fillter {
    padding-right: 20px;
}

.products_fillter h3 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: bold;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    padding: 15px;
}

.products_fillter [type="radio"]:checked+label,
.products_fillter [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 0px;
    width: 100%;
    font-weight: normal
}

.products_fillter [type="radio"]:checked+label:before,
.products_fillter [type="radio"]:not(:checked)+label:before {
    right: 0px;
    left: inherit;
}

.products_fillter [type="radio"]:checked+label:after,
.products_fillter [type="radio"]:not(:checked)+label:after {
    top: 3px;
    right: 3px;
    left: inherit;
}

.products_fillter ul li {
    border-bottom: solid 1px #e8e8e8;
    padding: 10px 10px 7px;
}

.userProfile {
    background-color: #FFF;
    text-align: center;
    border: solid 1px #eaeaea;
    padding: 30px 10px 50px;
}

.userProfile img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0px auto;
    border: solid 4px #eaeaea;
}

.userProfile h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0px 0px 0px;
    font-weight: 600;
}

.userProfile .star-rating {
    display: inline-block;
    top: 82%;
    bottom: inherit;
}

.userProfile .category {
    margin-bottom: 10px;
    color: #ffcd02;
}


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


/*        SIDEBAR       */


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

.sidebar input[type="checkbox"]:checked+label::before {
    color: #c09578;
}

.sidebar input[type="checkbox"]:checked+label::before {
    display: inline-block;
    top: 5px;
    left: 2px;
    width: 15px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #222;
    position: absolute;
    z-index: 2;
    padding: 0;
    line-height: 14px;
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    font-family: "FontAwesome 5 Free";
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.widget {
    margin-bottom: 45px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget .widgettitle {
    font-size: 14px;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 25px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 0.1em;
    z-index: 1;
    padding-left: 40px;
    padding-top: 5px;
    ;
}

.widget .widgettitle::before {
    content: "";
    width: 32px;
    border-top: 1px solid #333;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 14px;
}

.widget .widgettitle::after {
    content: "";
    width: 18px;
    border-top: 1px solid #333;
    position: absolute;
    display: inline-block;
    margin-right: 10px;
    left: 0;
    top: 10px;
}

.widget ul,
.widget ol {
    padding: 0;
    margin: 0;
}

.widget li {
    list-style: none;
    line-height: 28px;
}

.widget a {
    color: #555555;
}

.sidebar .price-slider-wrapper {
    padding-top: 10px;
}

.sidebar input[type="checkbox"] {
    display: none;
}

.sidebar .label-text {
    cursor: pointer;
    font-size: 14px;
    color: #555;
    margin: 0;
    padding-left: 25px;
    position: relative;
    font-weight: normal;
}

.sidebar input[type="checkbox"]+label::after {
    position: absolute;
    z-index: 1;
    content: "";
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: solid 1px #eeeeee;
    border-radius: 0;
}

.widget-socials .social-list {
    overflow: hidden;
}

.widget-socials .social-list .social-item {
    font-size: 23px;
    color: #222;
    display: inline-block;
    float: left;
    padding: 0 15px;
    margin-bottom: 10px;
}

.widget-socials .social-list .social-item:first-child {
    padding-left: 0;
}

.widget-socials .social-list .social-item:last-child {
    padding-right: 0;
}

.widget-post .widget-post-item {
    overflow: hidden;
    margin-bottom: 20px;
}

.widget-post .widget-post-item:last-child {
    margin-bottom: 0;
}

.widget-post .widget-post-item .thumb-blog {
    width: 100px;
    float: left;
}

.widget-post .widget-post-item .post-content {
    overflow: hidden;
    padding-left: 10px;
}

.widget-post .widget-post-item .cat {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #aaaaaa;
    line-height: normal;
    margin-top: 0;
}

.widget-post .widget-post-item .cat a:not(:hover) {
    color: inherit;
}

.widget-post .widget-post-item .post-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 20px;
    margin-top: 6px;
}

.widget-post .widget-post-item .post-title a {
    color: #333333;
}

.widget-post .widget-post-item .post-title span {
    color: #aaaaaa;
    display: none;
}

.widget-tags .tagcloud {
    overflow: hidden;
    margin: 0;
    width: 100%;
}

.widget-tags .tag-cloud-link {
    color: #888888;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    line-height: 26px;
    text-transform: capitalize;
    border-radius: 0;
}

.widget-tags .tag-cloud-link a {
    color: #888888;
}

.widget .view-all:not(:hover) {
    color: #aaa;
    text-decoration: underline;
}

.woof_Widget .widget:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    border-radius: 0;
}


/*sidebar shop*/

.list-brand {
    border-top: none;
}

.woof_Widget {
    border-radius: 0;
}

.widget_filter_price .ui-widget-content {
    background: #ddd;
    border-radius: 2px;
    height: 4px;
    border: none;
    position: relative;
}

.widget_filter_price .ui-slider .ui-slider-range {
    background: #f99d39;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.widget_filter_price .ui-slider .ui-slider-handle {
    width: 0;
    height: 0;
    border: none;
    top: -6px;
    border-radius: 1em;
    cursor: ew-resize;
    margin-left: -0.3em;
    outline: 0 none;
    position: absolute;
    z-index: 2;
    border-color: #c09578 transparent;
}

.widget_filter_price .ui-slider .ui-slider-handle::before {
    content: '';
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #f99d39 transparent;
}

.widget_filter_price .price-slider-amount {
    margin-top: 25px;
    font-size: 13px;
    color: #666666;
    overflow: hidden;
}

.woof_Widget .price-slider-amount span {
    display: inline-block;
    font-size: 15px;
    color: #0a0a0a;
    border: 1px solid #eeeeee;
    padding: 4px 10px;
    font-weight: 700;
    border-radius: 0;
}

.woof_Widget .price-slider-amount span:first-child {
    margin-right: 10px;
}

.widget-color .list-color a {
    display: inline-block;
    height: 27px;
    margin-top: 3px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 26px;
    line-height: 23px;
    border-radius: 0;
}

.widget-color .list-color .color1 {
    border: 1px solid #eeeeee;
}

.widget-color .list-color .color2 {
    background: #0a0a0a;
}

.widget-color .list-color .color3 {
    background: #4a5365;
}

.widget-color .list-color .color4 {
    background: #84664d;
}

.widget-color .list-color .color5 {
    background: #d27d53;
}

.widget-color .list-color .color6 {
    background: #719271;
}

.widget-color .list-color .color7 {
    background: #5f8ea9;
}

.list-color a.active::before,
.list-color a:hover::before {
    color: #fff;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    width: 100%;
    line-height: 27px;
}

.list-color .colo1.active::before,
.list-color .colo1:hover::before {
    color: #0a0a0a;
}

.tag-cloud-link a:hover,
.tag-cloud-link.active a {
    color: #111111;
}


/*sidebar Details page*/

.sidebar-details .widget {
    position: relative;
}

.sidebar-details .widget .slick-slider {
    position: static;
}

.sidebar-details .widget.widget-related-products .slick-slider {
    margin-top: 20px;
}

.sidebar-details .widget .slick-slider .slick-arrow {
    width: 35px;
    height: 35px;
    line-height: 31px;
    text-align: center;
    background: none;
    color: #aaaaaa;
    font-size: 20px;
}

.sidebar-details .widget .slick-slider .slick-arrow:first-child {
    right: 45px;
}

.widget-related-products .product-item {
    margin-bottom: 0;
}

.sidebar-details .widgettitle {
    margin-bottom: 0;
}

.sidebar-details .widget-categories .widgettitle {
    margin-bottom: 0;
}

.sidebar-details .widget-banner {
    text-align: center;
}

.sidebar-details .widget-banner img {
    border-radius: 0;
}

.Testimonial-inner {
    padding: 17px 22px 20px;
    border: 1px solid #f3f3f3;
    border-radius: 0;
}

.Testimonial-inner .comment {
    font-size: 14px;
    color: #555555;
    margin-bottom: 25px;
    position: relative;
    padding-top: 30px;
}

.Testimonial-inner .comment::before {
    content: '“';
    font-size: 60px;
    font-family: Georgia;
    color: #aaaaaa;
    position: absolute;
    top: 0;
    line-height: 1;
}

.Testimonial-inner .author {
    overflow: hidden;
}

.Testimonial-inner .author .avt {
    float: left;
    width: 41px;
}

.Testimonial-inner .author .avt img {
    border-radius: 50%;
}

.Testimonial-inner .author .name {
    overflow: hidden;
    padding-left: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}

.Testimonial-inner .author .name span {
    font-size: 13px;
    font-weight: normal;
    color: #aaaaaa;
    display: block;
    letter-spacing: 0;
}


/*newlletter-widget*/

.newsletter-widget {
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 32px;
    border: 1px solid #F1F1F1;
    position: relative;
    border-radius: 0;
}

.newsletter-widget:before {
    font-family: 'FontAwesome';
    content: "\f003";
    font-size: 150px;
    color: #f5f5f5;
    position: absolute;
    top: 15px;
    left: 32px;
    line-height: normal;
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.newsletter-widget .newsletter-form-wrap {
    position: relative;
    z-index: 2
}

.newsletter-widget .title {
    font-size: 20px;
    color: #222;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 0;
}

.newsletter-widget .subtitle {
    font-size: 15px;
    color: #555;
    line-height: 20px;
    margin-bottom: 60px;
}

.newsletter-widget .email,
.newsletter-widget .submit-newsletter {
    width: 100%;
    text-align: center
}

.newsletter-widget .email {
    margin-bottom: 10px;
}


/*input[type="checkbox"] {
    display: none;
}*/

.label-text {
    cursor: pointer;
    font-size: 14px;
    color: #555;
    margin: 0;
    padding-left: 25px;
    position: relative;
    font-weight: normal;
}

input[type="checkbox"]+label::after {
    position: absolute;
    z-index: 1;
    content: "";
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: solid 1px #b5b5b5;
    border-radius: 0;
}


/*.checkbox.companyPolicy input[type="checkbox"] + label::after {
    display: none;
}
.checkbox input[type="checkbox"]:focus+label::before, .checkbox input[type="radio"]:focus+label::before {
    outline: none;
}*/

.onlyCheckBoxes span {
    float: right;
}

input[type="checkbox"]:checked+label::before {
    display: inline-block;
    top: 5px;
    left: 2px;
    width: 15px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #222;
    position: absolute;
    z-index: 2;
    padding: 0;
    line-height: 14px;
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    font-family: "FontAwesome 5 Free";
    font: normal normal normal 14px/1 FA;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
    .woocommerce-tabs .panel.js__active {
        overflow-x: auto;
    }
    .sidebar {
        padding-left: 10px;
        padding-right: 10px;
    }
    .userProfile {
        margin: 0px auto
    }
    .section-title {
        padding-left: 15px;
    }
}


/* 21.01.21  TM-16.16*/

.file-upload {
    position: relative;
}

.image-upload-wrap {
    position: relative;
}

.logo-upload-sec {
    padding-top: 0;
    height: 130px;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

.drag-text h3 {
    font-weight: 500;
    text-transform: uppercase;
    color: #898C90;
    line-height: 126px;
    font-size: 16px;
}

.file-upload-image {
    max-height: 88px;
    max-width: 130px;
    margin: auto;
    padding: 8px 0;
    object-fit: cover;
    height: 88px;
}

.remove-image {
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 0 10px;
    border-radius: 4px;
    border-bottom: 0;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    height: 30px;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}


/* 21.01.21 TM-16.16*/

input[type="checkbox"]:checked+label::before,
input[type="checkbox"]+label::after {
    display: none;
}

.onlyCheckBoxes .label-text {
    padding-left: 10px;
    line-height: 30px !important;
}

.input-fields {
    border: 1px solid #DBDDDE;
    width: 100%;
    height: 40px;
    display: block;
    padding: 7px 9px 7px 9px;
    outline: none;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.m-b-2 {
    margin-bottom: 2px;
}

.p-l-0 {
    padding-left: 0 !important;
}

.red {
    color: red;
}


/* 05.02.21 Home slider*/

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.slider-twxt .registerNow {
    /* margin-left: 55px; */
    padding-left: 55px;
}

.slider-pic {
    position: relative;
}

.slider-pic::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.slider-home .owl-dots {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.slider-home .owl-dots .owl-dot.active span {
    background: #F99D39 !important;
}

.slider-home .owl-dots .owl-dot span {
    background: #fff !important;
}

.slider-home .owl-dots button {
    outline: 0;
}

.slider-twxt .ban_content span {
    color: #F99D39;
    text-decoration: underline;
}


/* End 05.02.21 Home slider*/

.video-js {
    width: 100%;
    height: 400px !important;
}

.video-js .vjs-tech {
    position: static;
}

.slider-Video .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slider-pic img {
    height: 450px;
    object-fit: cover;
}

.slick-middle-arrow .slick-dots {
    margin-top: 15px;
}

.bannArea {
    /* padding: 40px; */
    position: relative;
}

.bannArea .slick-middle-arrow .slick-arrow {
    top: 50%;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bannArea .slick-middle-arrow .slick-arrow.slick-next {
    right: 0;
}
.bannArea .slick-middle-arrow .slick-arrow.slick-prev {
    left: 0;
}


/* wishlist color */

li.wishlist.active a i {
    color: red;
}

.noItem {
    /* max-width: 100%; */
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15)0 0 15px -5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 30px 20px;
    margin: 0 auto 30px;
    color: #666;
}

.paginate_view {
    font-size: 14px !important;
}

.paginate_view span {
    /* float: left; */
    border: #eee 1px solid;
    padding: 5px 15px;
    margin: 0 5px;
}

.paginate_view a {
    /* float: right; */
    padding: 6px 15px;
    background: #f5e6e6;
    color: #333;
    margin: 0 5px;
}

.paginate_view {
    margin-top: 20px;
}

.search_css {
    float: right;
    width: auto;
    position: relative;
}

.sellerContent .shop-filter .search_css input {
    float: none !important;
    height: 40px;
}

.search_css button {
    position: absolute;
    right: 0;
    height: 41px;
    top: 4px;
    border: none !important;
    width: 40px;
    vertical-align: middle;
    padding: 13px 0;
    background-color: transparent;
    font-size: 18px;
    color: #626365;
}

.search_css button:focus {
    outline: none;
}

.bigWithThumb {
    width: 100%;
    position: relative;
    /* border: #d7d7d7 1px solid; */
    padding: 10px 10px 10px 102px;
}

.bigWithThumb>a>img {
    max-width: 100%;
    display: block;
    max-height: 400px;
}

.smallThumb {
    width: 82px;
    position: absolute;
    left: 10px;
    top: 10px;
    height: calc(100% - 10px);
    overflow: hidden;
}

.smallThumb a {
    display: block;
    /* padding: 10px; */
    width: 100%;
    text-align: center;
    position: relative;
    border: #d7d7d7 1px solid;
}

.smallThumb li.active a {
    border-color: #f99d39;
}

.smallThumb a img {
    display: inline-block;
    max-width: 100%;
    max-height: 82px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

.bigWithThumb>a {
    height: 452px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.smallThumb ul li {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.mdPrv {
    display: block;
    font-size: 25px;
    text-align: center;
    position: absolute;
    width: 100%;
    background: rgba(140, 37, 37, 0.5);
    box-shadow: rgba(0, 0, 0, .3) 0 7px 10px -5px;
    color: #fff;
    top: -20px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    cursor: pointer;
    z-index: 3;
}

.mdNxt {
    display: block;
    font-size: 25px;
    text-align: center;
    position: absolute;
    width: 100%;
    background: rgba(140, 37, 37, 0.5);
    box-shadow: rgba(0, 0, 0, .3) 0 -7px 10px -5px;
    color: #fff;
    bottom: -20px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    cursor: pointer;
    z-index: 3;
}


/* .mdPrv.deactive,
.mdNxt.deactive {
    cursor: no-drop;
    background: rgba(168, 163, 163, 0.5);
    box-shadow: none;
} */

.smallThumb:hover .mdPrv,
.smallThumb:hover .mdNxt {
    opacity: 1;
    visibility: visible;
}

.smallThumb:hover .mdPrv {
    top: 0;
}

.smallThumb:hover .mdNxt {
    bottom: 11px;
}

.imageFixedHight {
    width: 450px;
    padding: 0 15px;
    float: left;
}

.contentFixedHight {
    width: calc(100% - 450px);
    padding: 0 15px;
    float: left;
}

.transformElement {
    transition: all ease-in-out .1s;
    -webkit-transition: all ease-in-out .1s;
    -moz-transition: all ease-in-out .1s;
    -ms-transition: all ease-in-out .1s;
    -o-transition: all ease-in-out .1s;
}

.popup-wrap {
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999999;
}

.popup-wrap .popup-content {
    background: #fff;
    width: 100%;
    max-width: 400px;
    /* margin: 50px auto; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -1px 2px 9px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: -1px 2px 9px 0px rgb(0 0 0 / 15%);
    box-shadow: -1px 2px 9px 0px rgb(0 0 0 / 15%);
    padding: 20px 15px;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.info-clk i {
    color: #000;
}

.popup-content .close {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 1;
}

.popupCon img {
    display: block;
    width: 100%;
}

.close i {
    color: red;
    font-size: 20px;
}

.sendMsg h3 {
    font-weight: 700;
    padding-bottom: 15px;
}

.sendMsg .customerMessages {
    height: 100px;
    resize: none;
    border-color: #ddd;
    padding: 15px;
}

.rating5 {
    float: left;
    width: 115px;
}

.rating5Wrap {
    margin-top: 15px;
}

.rating5 span {
    float: right;
    position: relative;
}

.rating5 span input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}

.rating5 span label {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #FFF;
    font-size: 30px;
    margin-right: 2px;
    line-height: 20px;
    background-image: url('../../../common/images/star-off.png');
    background-repeat: no-repeat;
}

.rating5 span:hover~span label,
.rating5 span:hover label,
.rating5 span.checked label,
.rating5 span.checked~span label {
    background-image: url('../../../common/images/star-on.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.clear-fix {
    clear: both;
}

.w-100 {
    width: 100%;
    float: left;
}


/* 22.03.21 */

.comment-item-user {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100%;
    margin-right: 15px;
}

.comment-item-user h4 {
    color: #52555A;
    font-size: 14px;
    padding: 0;
    font-weight: 600;
}

.comment-item-desc {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.reply-comment-item .comment-item-body {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px solid #d2d2d2;
    text-align: right;
}

.comment-item-body p {
    color: #777;
    font-size: 14px;
}

.comment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.reply-comment-item {
    margin-top: 20px;
}

.reply-comment-date p {
    font-size: 12px;
    padding-top: 10px;
}

.product-inner-wrap img {
    background-size: contain;
    object-fit: contain;
    height: 73px;
    display: block;
    width: 100%;
}

.product-var-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 10px);
    flex: calc(20% - 10px);
    max-width: calc(20% - 10px);
    padding: 5px;
    border: #d7d7d7 1px solid;
    margin: 0 5px 10px;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.product-var-box:hover {
    -webkit-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
}

.product-var-box h4 {
    font-size: 15px;
    color: #000;
    padding: 5px 0;
    font-weight: 600;
}

.product-var-box p {
    font-size: 14px;
    color: #f99d39;
    font-weight: 600;
}

.product-var-box.active {
    border: 1px solid #fea500;
    -webkit-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
}

.product-inner-wrap {
    margin: 15px 0 20px 0;
}

.summary .quantity input::-webkit-outer-spin-button,
.summary .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.summary .quantity input[type=number] {
    -moz-appearance: textfield;
}

.color-wrap-head h4 {
    font-size: 14px;
    color: #000;
    padding: 5px 0;
    font-weight: 600;
    /* text-align: center; */
}

.color-wrap-top .color-box,
.color-wrap-row .color-box {
    /* -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px; */
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.color-wrap-top .available-qty-box,
.color-wrap-row .available-qty-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 50%;
    max-width: 50%;
}


/* .color-wrap-row .available-qty-box {
    padding: 0 8px 0 0;
} */

.color-wrap-top .discount-qty-box,
.color-wrap-row .discount-qty-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
}

.color-wrap-top .or-text,
.color-wrap-row .or-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    padding-left: 8px;
}

.color-wrap-top .normal-qty-box,
.color-wrap-row .normal-qty-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
    max-width: 95px;
    padding: 0 8px;
}

.or-text span {
    font-weight: 600;
    text-align: center;
    display: block;
    line-height: 2.2;
    font-size: 16px;
    text-transform: uppercase;
}

.color-wrap-row .quantity {
    margin-right: 0;
}

.width-100 {
    width: 100%;
}


/* .color-box li{
    border: 1px solid transparent;
    padding: 2px 5px;
    display: inline-block;
    line-height: 1;
}
.active .color-box li{
    border: 1px solid #FF6600;
    padding: 2px 5px;
} */

.color-box li span {
    font-family: 'FA';
    font-weight: 900;
    font-size: 25px;
    padding: 0px 5px 0px 0px;
    /* padding: 0px 5px 0px 5px; */
    cursor: pointer;
    line-height: 1.4;
}

.color-box li {
    display: flex;
    align-items: center;
}

.discount-qty-box .discount-select {
    height: 35px;
    padding: 5px;
    border: #d7d7d7 1px solid;
    font-weight: 600;
    cursor: pointer;
}

.available-qty-box span {
    height: 35px;
    /* border: #d7d7d7 1px solid; */
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
}

.left-align span {
    text-align: left;
    padding-left: 0;
}

.color-box-scroll {
    max-height: 220px;
    overflow-y: auto;
}

.color-wrap-row {
    border: 1px solid transparent;
    /* padding: 5px; */
    padding: 5px 5px 5px 0;
    cursor: pointer;
    align-items: center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.normal-qty-box .quantity input[type="number"] {
    width: 100%;
    height: 33px;
    padding: 5px 23px 5px 3px;
}

.normal-qty-box .quantity button {
    height: 18px;
}

.color-wrap-row+.color-wrap-row {
    margin-top: 8px;
}

.color-wrap-row.active {
    border: 1px solid #fea500;
    -webkit-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    padding-left: 8px;
}

.cart-gap {
    margin-top: 20px;
    margin-bottom: 23px;
}

.color-wrap-top {
    /* border-top: 1px solid #eeedee; */
    padding-top: 10px;
    padding-bottom: 5px;
    width: calc(100% - 6px);
}

.price-negotiation-btn {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    color: #f99d39;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
}

.shipping-table {
    width: 600px;
}

.shipping-table .table {
    margin-bottom: 0;
}

.table-bordernone,
.table-bordernone tr th,
.table-bordernone tr td {
    border: none !important;
}

.table-bordernone thead {
    background: transparent !important;
}

.shipping-table h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0;
}

.table-bordernone tr th:first-child,
.table-bordernone tr td:first-child {
    padding-left: 0;
}


/* .shipping-table+.shipping-table {
    margin-top: 10px;
} */

.table-bordernone tr th:not(:first-child) {
    text-align: center;
}

.modal-color-wrap-top .negotion-color-box,
.modal-color-wrap-row .negotion-color-box {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.modal-color-wrap-top .negotion-qty,
.modal-color-wrap-row .negotion-qty {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
}

.modal-color-wrap-top .negotion-price,
.modal-color-wrap-row .negotion-price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    padding: 0 8px;
}

.modal-color-wrap-top .available-qty-box,
.modal-color-wrap-row .available-qty-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    max-width: 125px;
}

.negotion-color-box li {
    /* text-align: center; */
    display: flex;
    align-items: center;
}

.negotion-color-box li span {
    font-family: 'FA';
    font-weight: 900;
    font-size: 25px;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    line-height: 1.4;
    /* font: 25px/1.4 FA; */
}

.input-area .negotion-input {
    height: 35px;
    border: #d7d7d7 1px solid;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    width: 100%;
}

.input-area input::placeholder {
    font-weight: 400;
    font-size: 12px;
}

.modal-color-wrap-row {
    border: #d7d7d7 1px solid;
    padding: 5px;
    cursor: pointer;
    /* max-width: 485px; */
    align-items: center;
}

.modal-color-wrap-row.active {
    border: 1px solid #fea500;
    -webkit-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 15%);
}

.modal-color-wrap-row+.modal-color-wrap-row {
    margin-top: 8px;
}

.modal-product-dead h4 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

.modal-product-dead h5 {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 0;
}

.modal-product-dead p {
    color: #999;
    font-size: 14px;
    padding-bottom: 10px;
}

.negotion-modal h4.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 22px;
    color: #f9ad5f;
    font-weight: 600;
}

.negotion-modal .modal-footer .modal-submit {
    background: #f7941d;
    border: none;
    box-shadow: none;
    outline: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: none;
}

.type-message h5 {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
}

.type-message textarea {
    resize: none;
    border: #d7d7d7 1px solid;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
}

.modal-color-box-scroll {
    max-height: 220px;
    overflow-y: auto;
    padding-right: 2px;
}

.modal-color-box-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #e4e4e4;
}

.modal-color-box-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.modal-color-box-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f99d39;
}

.rt-gap .modal-color-wrap-top {
    width: calc(100% - 10px);
}


/* PopUp */

.new-cart-right {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    z-index: 30;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.new-cart-right.new-cart-show {
    opacity: 1;
    visibility: visible;
}

.new-cart-show .new-cart-details {
    right: 0;
}

.new-cart-details {
    background: #fff;
    width: 100%;
    height: 100%;
    max-width: 400px;
    -webkit-box-shadow: -1px 2px 9px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: -1px 2px 9px 0px rgb(0 0 0 / 15%);
    box-shadow: -1px 2px 9px 0px rgb(0 0 0 / 15%);
    /* padding: 20px 15px; */
    position: fixed;
    right: -400px;
    top: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 30;
}

.new-cart-details i {
    color: #000;
}

.new-cart-details .close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.close i {
    color: red;
    font-size: 20px;
}


/* End PopUp */

.new-cart-header {
    padding: 8px 0;
    -webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
}

.back-btn {
    position: absolute;
    left: 5px;
    background: transparent;
    border: none;
    box-shadow: none;
    top: 0px;
}

.back-btn i {
    color: #f99d39;
    font-size: 38px;
}

.cart-info {
    text-align: center;
    color: #f99d39;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}

.cart-product-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
}
.cart-product-img img {
    height: 60px;
    object-fit: contain;
}

.cart-product-name {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
}

.cart-product-name h6 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.new-cart-body {
    padding: 10px;
    overflow-y: auto;
    height: 520px;
}

.new-cart-product-row+.new-cart-product-row {
    margin-top: 10px;
}

.new-cart-product-row {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 4px 3px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 0px 4px 3px rgb(0 0 0 / 7%);
    box-shadow: 0px 0px 4px 3px rgb(0 0 0 / 7%);
    padding: 5px;
}

.new-cart-product {
    border-bottom: #d7d7d7 1px solid;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

.order-pro-color-wrap {
    padding-top: 2px;
}

.order-pro-color-wrap li span {
    font-family: 'FA';
    font-weight: 900;
    font-size: 17px;
    line-height: 1;
    margin-right: 5px;
}

.order-pro-color-wrap li {
    font-size: 13px;
    color: #000;
    display: flex;
    align-items: center;
}

.cart-item-quantity,
.cart-item-price {
    font-size: 13px;
    font-weight: 600;
}

.item-closeBtn a {
    line-height: 1;
    display: block;
    padding-right: 2px;
}

.item-closeBtn a i {
    font-size: 14px;
    color: #f00;
}

.h-100vh {
    height: 100vh;
}

.new-cart-footer li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.new-cart-footer {
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .1);
    border-bottom: 1px solid #f3f3f3;
    display: table;
    width: 100%;
}

.new-cart-footer h6 {
    font-weight: 600;
    padding-left: 10px;
}

.new-cart-footer h5 {
    font-weight: 600;
    padding-top: 3px;
    padding-left: 10px;
    color: #f99d39;
}

/* button.proceed-btn {
    display: block;
    width: 100%;
    border: none;
    box-shadow: none;
    height: 50px;
    background: #fea500;
    color: #fff;
    font-size: 18px;
} */

.proceed-btn {
    display: block;
    width: 100%;
    border: none;
    box-shadow: none;
    background: #fea500;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    padding: 0 0 0 10px;
}

.proceed-btn i {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    padding-left: 4px;
    display: inline-block;
}

.proceed-btn:hover{
    color: #fff;
}


/* Oder ager cart ta off kra */

.js__active .cart-list-container {
    display: none;
}


/* End Oder ager cart ta off kra */

.var-select-lft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px;
    /* max-width: 175px; */
}

.var-select-rgt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    max-width: 320px;
    padding-top: 5px;
    padding-bottom: 6px;
}
.service-rent-select-wrap {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.var-select-lft h4 {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
}

.var-select-rgt .var-select-rgt-slt {
    height: 35px;
    padding: 5px;
    border: #d7d7d7 1px solid;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 6px;
    font-size: 13px;
}

.lft-gap-color h4 {
    text-align: left;
}

.add-gap .color-wrap-top {
    width: calc(100% - 25px);
}

.negotion-modal .var-select-wrap {
    padding: 10px 0;
}

.zoom-box .viewer-box {
    z-index: 9;
}

.zoom-box .viewer-box>img {
    max-width: inherit;
}


/* 20.04.2021 */

.color-multi {
    padding-top: 10px;
}

.color-multi h4 {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
}

.color-multi .one-color-name {
    color: #000;
}

ul.color-multi-box {
    padding: 10px 0 0 0;
}

.color-multi-box a {
    display: table-cell;
    width: 50px;
    object-fit: cover;
    border: #d7d7d7 1px solid;
    padding: 2px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.color-multi-box li img {
    display: block;
    width: 100%;
}

.color-multi-box li:not(:last-child) {
    margin: 0 5px 5px 0;
}

.color-multi-box .active a {
    border-color: #f99d39;
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
}

.color-multi-box .inactives a {
    border: 1px #d7d7d7 dashed;
}

.color-multi-box .inactives a img {
    opacity: 0.5;
}

.var-select-rgt-li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
}

.var-select-rgt-li ul {
    border: #d7d7d7 1px solid;
    margin-top: 10px;
    max-height: 122px;
    overflow-y: auto;
}

.var-select-rgt-li li {
    padding: 5px;
}

.var-select-rgt-li li:hover {
    background: #f1f1f1;
}

.var-select-rgt-li li a {
    color: #333;
    display: block;
}

.var-select-rgt-li li.active {
    background: #f1f1f1;
}

.product-sliderbox #thumbs .owl-item {
    width: 50px !important;
    border: #d7d7d7 1px solid;
    padding: 2px;
    height: 40px;
}

.product-sliderbox #big {
    margin-bottom: 10px;
}

.product-sliderbox #thumbs .active {
    border-color: #f99d39;
    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
}

.product-sliderbox #thumbs .active.current {
    border-color: #d7d7d7;
}


/* End 20.04.2021 */

.simpleLens-thumbnails-container {
    display: flex;
    justify-content: center;
}

.simpleLens-thumbnails-container a {
    height: 50px;
    width: 50px;
}

.design-wrap {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.xoom-box-sticky-1 {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 100px;
}

.product-btn-loader-wrap {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.product-btn-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #007bff;
}

.social-icon-new li {
    line-height: 1;
}

.social-icon-new li a {
    padding: 5px;
}

.design-main-width {
    width: 950px;
    margin: 0 auto;
}

.crtbtn-new {
    width: 100%;
}

.xzoom-thumbs-left img.xzoom {
    display: block;
    width: 100% !important;
}

.quantity-control {
    position: relative;
}

.quantity-control .qty-btn {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    outline: none;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    padding: 0px;
    color: #333333;
    background: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
}

.quantity-control .btn1 {
    top: 0;
}

.quantity-control .btn2 {
    bottom: 0;
}

.quantity-control .qtyInput-show {
    height: 40px;
    border: 1px solid #bbbbbb;
    border-radius: 0px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    padding: 5px 23px 5px 5px;
}

.quantity-control input[type=number]::-webkit-inner-spin-button,
.quantity-control input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}


/* Firefox */

.quantity-control input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.quantity-control .qtyInput-show:focus {
    box-shadow: none;
}

.bulk-qty-popup {
    display: inline-block;
    width: 100%;
    margin-left: 10px;
}

.bulk-qty-popup .bulk-qty-btn {
    border: none;
    background: transparent;
    margin-top: 6px;
    outline: none;
    font-size: 14px;
    color: #f99d39;
    font-weight: 600;
    padding: 0;
}

.bulk-qty-modal .modal-dialog {
    width: 450px;
}

.bulk-qty-modal .table tr th,
.bulk-qty-modal .table tr td {
    border: none;
    padding: 3px 0;
}

.bulk-qty-modal .table {
    margin-bottom: 0;
}

.bulk-qty-modal .modal-title {
    color: #f99d39;
}

.color-vartion-modal li h4 {
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}

.color-vartion-modal li h4 .color-name-text {
    color: #000;
}

.color-vartion-modal li:not(:first-child) {
    padding-left: 20px;
}

.color-vartion-modal {
    padding-bottom: 10px;
}

.size-price-slider {
    border: 1px solid #d7d7d7;
    padding: 10px 0;
}

.price-slider-box h4 {
    color: #f99d39;
    font-weight: 600;
    font-size: 13px;
    margin-top: 2px;
}

.price-slider .owl-nav .owl-prev,
.price-slider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.price-slider .owl-nav .owl-prev,
.price-slider .owl-nav .owl-next {
    height: 17px;
    width: 17px;
    background: #4d585a;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);
}

.price-slider .owl-nav .owl-next {
    right: -10px;
}

.price-slider .owl-nav .owl-prev {
    left: -10px;
}

.var-select-rgt-slt option:disabled {
    color: #e6e6e6;
}

.newVariations .disabled {
    color: #bbb;
}

.box-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 35px;
}

.xzoom-img-wrap {
    display: block;
    height: 100%;
}

.xzoom-img-wrap-box {
    display: table-cell;
    vertical-align: middle;
    height: 450px;
}

.size-price-slider .owl-stage {
    padding-right: 0 !important;
}

.mainSidebars {}

.color-box-front-wrap {
    padding: 15px;
    border: #ddd 1px solid;
    margin-bottom: 15px;
}

.social-icon-new {
    margin: 20px 0 10px;
}

.socialShare .social-icon-new li a {
    color: #f9a141;
}

.socialShare .social-icon-new li a:hover {
    color: #333;
}

.socialShare .text-list a {
    color: #333;
    text-decoration: underline !important;
}

.bulkHeading {
    padding-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
}

.price-slider-box p {
    font-size: 12px;
}

.xzoom-thumbs-left .xzoom-thumbs {
    max-height: 100%;
    overflow-x: auto;
}


/* Hide scrollbar for Chrome, Safari and Opera */

.xzoom-thumbs-left .xzoom-thumbs::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */

.xzoom-thumbs-left .xzoom-thumbs {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


/* *********xzoom-thumbs-btm Scroll********* */

.xzoom-thumbs-btm .xzoom-gallery {
    margin-left: 0px;
    margin-bottom: 0px;
}

.xzoom-thumbs-btm .xzoom-thumbs ul {
    justify-content: inherit;
}

.xzoom-thumbs-btm .xzoom-thumbs li:not(:last-child) {
    margin-right: 5px;
}

.xzoom-thumbs-btm .xzoom-thumbs li a {
    display: block;
    height: 50px;
    width: 50px;
}

.xzoom-thumbs-btm .xzoom-thumbs .btm-thumb-img {
    width: 100%;
    overflow-x: auto;
}

.xzoom-thumbs-btm .btm-thumb {
    margin-bottom: 0;
    position: relative;
}

.xzoom-thumbs-btm .btm-thumb span {
    display: block;
}

.xzoom-thumbs-btm .btm-thumb .scroll-arrow {
    position: absolute;
    height: 17px;
    width: 17px;
    background: #f99d39;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: #fff;
    font-size: 15px;
    display: block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 15%);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.show-arrow .scroll-arrow {
    opacity: 1 !important;
    visibility: visible !important;
}

.xzoom-thumbs-btm .btm-thumb .scroll-arrow-left {
    left: -9px;
}

.xzoom-thumbs-btm .btm-thumb .scroll-arrow-right {
    right: -9px;
}

.xzoom-thumbs-left .scroll-arrow {
    display: none;
}


/* Hide scrollbar for Chrome, Safari and Opera */

.xzoom-thumbs-btm .xzoom-thumbs .btm-thumb-img::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */

.xzoom-thumbs-btm .xzoom-thumbs .btm-thumb-img {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


/* **********End xzoom-thumbs-btm Scroll******** */

.product-grid .attribute-list li {
    margin-bottom: 0 !important;
    float: left;
    margin-right: 5px;
}

.subCategory {
    padding: 15px 0;
}

.mb-0 {
    margin-bottom: 0;
}

.pv-20 {
    padding: 20px 0;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.relatedProduct {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.relatedProduct .slick-wrap {
    margin: 0;
}

.relatedProduct h2 {
    font-size: 32px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
}

.xzoom-preview,
.xzoom-source {
    z-index: 99991;
}

.content.hoverItems {
    position: absolute;
    bottom: -57px;
    width: 100%;
    opacity: 0;
    -webkit-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.ovrHidden {
    overflow: hidden;
}

.product-grid:hover .content.hoverItems {
    opacity: 1;
    bottom: 10px;
}

.product-grid .hoverUlCls .star-rating {
    position: static;
    transform: translate(0);
    margin: 5px 0 0;
    background-color: transparent;
}

.product-grid .hoverUlCls .star-rating::before,
.product-grid .hoverUlCls .star-rating span:before {
    background-color: transparent;
}

.product-grid .hoverUlCls .price del {
    color: #fff;
}

.additional-info-tab h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0;
}

.additional-info-tab p {
    margin: 0;
    font-size: 15px;
}

.additional-info-tab p span {
    color: #f99d39;
    font-weight: 600;
}

.woocommerce-tabs .popup-content-bigger {
    max-width: 900px !important;
    top: 50px !important;
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

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

.negotion-modal .modal-product-dead h4 {
    font-size: 16px;
}

.negotion-modal .modal-color-wrap-top .negotion-qty h4,
.negotion-modal .modal-color-wrap-top .negotion-price h4,
.negotion-modal .modal-color-wrap-top .available-qty-box h4 {
    text-align: center;
}

.downloadbleHeading {
    color: #f99d39;
    font-weight: 700;
    font-size: 18px;
}

.woocommerce-tabs.js__tab {
    padding-top: 20px;
}

.text-list.price-negotiation {
    padding: 15px;
    border: #ddd 1px solid;
    background: #f5f5f5;
}

.downloadbls {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    color: #f6bb42;
    font-size: 9px;
    font-weight: 700;
    line-height: 24px;
    border: 2px solid #f6bb42;
    text-transform: uppercase;
    padding: 0 5px;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}

.product-grid .thumb:hover .downloadbls {
    opacity: 0;
    visibility: hidden;
}
.uni-banner-wrap {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.uni-banner-wrap .ban_content h2 {
    color: #fff;
}

.negotiation-boxcolor-front {
    height: 20px;
    width: 20px;
    margin-left: 5px;
}
.color-wrap2-font {
    padding-top: 6px;
}
.color-wrap2-font li {
    color: #898c90;
    font-weight: 400;
}

/* Service */
.service-box-wrap a {
    display: block;
    border: solid 1px #ECF0F1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.service-img {
    display: block;
    border-bottom: solid 1px #ECF0F1;
}
.service-img img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 200px;
    object-position: center;
}
.service-box-wrap a h4 {
    font-size: 13px;
    font-weight: 600;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    color: #52555A;
    text-align: center;
    padding: 16px 0;
}
.service-wrap-page {
    padding-top: 15px;
    padding-bottom: 60px;
}
.service-box-wrap:hover a h4{
    color: #f99d39;
}
.service-box-wrap {
    margin-bottom: 30px;
    overflow: hidden;
}
.service-select-page {
    padding-top: 15px;
    padding-bottom: 60px;
}
.service-select-view {
    border: solid 1px #ECF0F1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.service-select-img {
    display: block;
    border-bottom: solid 1px #ECF0F1;
}
.service-select-img img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 200px;
    object-position: center;
}
.service-select-view h4 {
    font-size: 13px;
    font-weight: 600;
    color: #52555A;
    text-align: center;
    padding: 0;
}
.provider-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px;
    display: block;
    overflow: hidden;
}
.provider-logo img {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.provider-name {
    -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding: 0 15px;
}
.seller-view {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px;
}
.provider-name h4{
    font-size: 16px;
    font-weight: 600;
    color: #52555A;
    padding-bottom: 8px;
}
.fc_review2 {
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    padding-left: 5px;
}
.seller-view .seller-view-btn {
    font-size: 12px;
    line-height: 33px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
    text-align: center;
}
.seller-view .seller-view-btn:hover {
    background: #f1592a;
}
.service-provider-wrap {
    border: solid 1px #ECF0F1;
    padding: 15px;
    margin-bottom: 30px;
}
.provider-star-rating li {
    color: #dbddde;
    line-height: 1;
}
.provider-star-rating li.active{
    color: #f99d39;
}
.provider-star-rating li:not(:last-child){
    margin-right: 3px;
}
/* End Service */
.mt-60{
    margin-top: 60px;
}
.pt-15{
    padding-top: 15px;
}
.frmSearch {
    border: 1px solid #a8d4b1;
    background-color: #c6f7d0;
    margin: 2px 0px;
    padding:40px;
    border-radius:4px;
}

.left-top-fixed {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 12px;
}
.service-select-view h5 {
    font-size: 14px;
    font-weight: 600;
    color: #52555A;
    text-align: center;
    padding: 10px 0;
}
.seller-select-btn {
    font-size: 12px;
    line-height: 33px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
    text-align: center;
}
.seller-select-btn:hover {
    background: #f1592a;
    color: #fff;
}
.headings {
    padding: 10px;
}

.serDesRadio li.radio{
    width: 20px;
}

.serDesRadio li.radio label {
    padding: 0;
}

.serDesRadio {
    /* margin-top: 15px; */
    border-top: #ddd 1px dashed;
    padding-top: 15px;
}
.serDesRadio + .serDesRadio {
    margin-top: 15px;
}
.serDesRadio ul li h6 {
	font-size: 14px;
	font-weight: bold;

}
.serDesRadio li.radio input[type="radio"] {
    display: none;
}

.serDesRadio li.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}
.serDesRadio li.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}


.serDesRadio li.radio input[type="radio"]:checked + label::after {

    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);

}

.serDesRadio li.radio label::after {
	background-color: #FF6600;
}

.serDesRadio ul li:not(.radio){
    width: 33.333%;
    padding: 0 15px;
}
.serDes {
	padding: 15px;
	background: #f9f9f9;
	border: #ddd 1px solid;
	margin-top: 20px;
}
.serDes h3 {
	font-weight: bold;
	font-size: 18px;
    margin-bottom: 10px;
}

.serDes h4 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
	border-bottom: #ddd 1px dashed;
	padding-bottom: 10px;
}
.service-Negotiable {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding: 0 10px;
    background: #f6bb42;
    letter-spacing: 1px;
}
.serDes:first-child .serDesRadio ul li:not(.radio) {
    padding-left: 0;
}
.sel-qty {
    font-weight: bold;
    line-height: 18px;
    padding-right: 5px;
}
.crt-update-wrap {
    text-align: right;
}
.crt-update-wrap .crt-update-btn {
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    color: #ffffff !important;
    text-transform: uppercase;
    background: #f99d39;
    border: none;
    outline: none;
    padding: 0 28px;
    display: inline-block;
}
.crt-update-wrap .crt-update-btn:hover {
    background: #898c90;
}

/* Start cart 11.08.2021 */
.box-head-wrap {
    color: #000;
    background: #c5c5c5;
    height: 48px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.box-body-wrap {
    padding: 15px;
    border: #d7d7d7 1px solid;
    border-top: none;
    background: #fff;
}
.billing-name {
    font-size: 16px;
    text-transform: capitalize;
    color: #333333;
    font-weight: 600;
    padding-top: 7px;
}
.addPin {
    padding-top: 5px;
}
.addPin p{
    font-size: 14px;
    color: #676767;
}
.address-type a {
    color: #696969;
    font-size: 13px;
    text-transform: capitalize;
    padding-left: 15px;
}
.box-min-wrap + .box-min-wrap{
    margin-top: 15px;
}
.custom-colmn-gap {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.custom-colmn-gap [class*="col-"]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.address-type {
    font-size: 18px;
    text-transform: uppercase;
    color: #f99d39;
    font-weight: 600;
}
.choose-add-box {
    height: 100%;
}
.choose-add-box .addPin p{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.choose-add-select .choose-add-select-btn {
    background: #f99d39;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
}
.choose-add-select .selected-address {
    background: #0D9B03;
}
.choose-add-select-btn i{
    display: none;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    padding-right: 5px;
}
.choose-add-select .selected-address i {
    display: inline-block;
}
.add-shipping-btn {
    background: #f1592a;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
}
.add-shipping-btn:hover {
    background: #313741;
    color: #fff;
}
.address-input .address-input-style {
    background-color: #fff;
    height: 40px;
    border: #bdbbbb 1px solid;
    font-size: 14px;
    color: #111111;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.select-wrap .select-wrap-style{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer;
    background: url(../public/common/images/angle-arrow-down.png) right 15px center #fff no-repeat;
    background-size: 12px;
    background-color: #fff;
    height: 40px;
    border: #bdbbbb 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.add-adress .add-shipping-btn {
    display: inline-block;
    outline: none !important;
    border: none;
    box-shadow: none;
}
.order-product-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    max-width: 160px;
}
.order-product-name {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
}
.order-product-img img {
    height: 100px;
    object-fit: contain;
}
.order-product-name h6 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.order-product-name .order-pro-color-wrap li:not(:last-child){
    margin-right: 8px;
}
.orderr-wrap-bdr {
    border: #d7d7d7 1px solid;
    padding: 8px;
}
.order-product + .order-product {
    margin-top: 15px;
    border-top: #d7d7d7 1px solid;
    padding-top: 15px;
}
.orderr-wrap-bdr + .orderr-wrap-bdr{
    margin-top: 15px;
}
.order-shipping h4 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin: 0;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #f99d39;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
 }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.addresstype {
    color: #000;
    font-weight: 600;
}
.addresstype p{
    color: #f99d39;
}
.order-scroll ul {
    max-height: 105px;
    overflow-y: auto;
    padding-right: 2px;
}

.order-scroll ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #e4e4e4;
}

.order-scroll ul::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}

.order-scroll ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f99d39;
}
.order-price .sellPrice {
    color: #f99d39;
    font-weight: 700;
    font-size: 16px;
}
.order-price .cut-price {
    font-weight: 500;
    color: #898c90;
    font-size: 16px;
    padding-left: 4px;
}
.product-soldBy {
    color: #999;
    font-size: 13px;
}
.sell-qty p strong{
    color: #000;
}
.sell-qty p{
    color: #999;
    font-weight: 600;
    font-size: 13px;
}
.qty-input-order-style {
    background-color: #fff;
    height: 30px;
    border: #bdbbbb 1px solid;
    font-size: 14px;
    color: #111111;
    padding: 1px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    max-width: 80px;
}
.sell-qty strong {
    padding-right: 5px;
}
.qty-change a{
    padding-left: 5px;
    color: #f99d39;
}
.qty-input-order li a{
    padding: 0 5px;
    color: #f99d39;
}
.when-availabe-doubleShipping {
    display: flex;
    width: 100%;
    padding-top: 15px;
}
.when-availabe-doubleShipping .order-national-shipping,
.when-availabe-doubleShipping .order-international-shipping{
    -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}
.when-availabe-doubleShipping .order-national-shipping{
  padding-right: 15px;
}
.when-availabe-doubleShipping .order-international-shipping{
    padding-left: 15px;
}
.free-delivery {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin: 0;
}
/* .sell-qty {
    padding-top: 5px;
} */
/* 16.08 */
.place-order-wrap .table tbody tr td {
    border: none;
    padding: 3px 0;
}
.place-order-wrap-total{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.place-order-wrap .table tfoot tr td {
    border: none;
    padding: 5px 0;
    font-size: 20px;
    color: #f99d39;
    font-weight: 600;
}
.place-order-btn {
    background: #f99d39;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    border: none;
    box-shadow: none;
    outline: none !important;
    width: 100%;
    text-transform: uppercase;
}
.place-order-btn:hover {
    background: #313741;
    color: #fff;
}
.sticky-place-order {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 10px;
}
.qty-input-order {
    padding-left: 5px;
}
/* End cart 11.08.2021 */
.delivery_type {
    height: 35px;
    padding: 5px;
    border: #d7d7d7 1px solid;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 6px;
    font-size: 13px;
    /* max-width: 180px; */
}

.order-SucsCncl-heading {
    text-align: center;
}
.order-SucsCncl-heading h2 {
    font-size: 35px;
    font-weight: 700;
}
.payment-succs h2{
    color: #0D9B03;
}
.order-SucsCncl-heading h3 {
    font-size: 20px;
    padding-top: 20px;
}
.order-SucsCncl-heading h3 span {
    font-weight: 700;
    color: #f99d39;
}
.order-SucsCncl-heading .order-SucsCncl-icon{
    font-size: 85px;
    display: block;
    padding: 0;
    line-height: 1;
}
.payment-succs .order-SucsCncl-icon {
    color: #0D9B03;
}
.order-cancel .order-SucsCncl-icon {
    color: #f00;
}
.order-cancel h2{
    color: #f00;
}

.order-SucsCncl-btn-wrap {
    text-align: center;
}
.order-SucsCncl-btn {
    background: #f99d39;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    text-transform: uppercase;
}
.order-SucsCncl-btn:hover {
    background: #313741;
    color: #fff;
}
.location-select {
    height: 35px;
    padding: 5px;
    border: #d7d7d7 1px solid;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 6px;
    font-size: 14px;
    width: 100%;
}
.location-select-row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.location-select-row [class*="col-"]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.location-select-btn {
    font-size: 12px;
    line-height: 33px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    outline: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    width: 100%;
}
.location-select-btn:hover {
    background: #f1592a;
}
.location-select-wrap label{
    text-transform: capitalize;
}
.gap-pb {
    padding-bottom: 20px;
}





/* Tabs */
@media (min-width: 768px) {
    .service-Tabs .panel-heading {
        display: none;
    }
    .service-Tabs .panel {
        border: none;
        box-shadow: none;
    }
    .service-Tabs .panel-collapse {
        height: auto !important;
    }
    .service-Tabs .panel-collapse.collapse {
        display: block;
    }
}
@media (max-width: 767px) {
    .service-Tabs .tab-content .tab-pane {
      display: block;
    }
    .service-Tabs .nav-tabs {
      display: none;
    }
    .service-Tabs .panel-title a {
      display: block;
    }
    .service-Tabs .panel {
      margin: 0;
      box-shadow: none;
      border-radius: 0;
      margin-top: -2px;
    }
    .service-Tabs .tab-pane:first-child .panel {
      border-radius: 5px 5px 0 0;
    }
    .service-Tabs .tab-pane:last-child .panel {
      border-radius: 0 0 5px 5px;
    }
}
.service-Tabs .nav-tabs>li>a {
    display: block;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    color: #898c90;
    margin: 0;
    border: none;
    padding: 10px 0;
}
.service-Tabs .nav-tabs>li.active>a, .service-Tabs .nav-tabs>li.active>a:focus {
    cursor: pointer;
    border: none;
    background: transparent;
}
.service-Tabs li:not(:last-child){
    margin-right: 25px;
}
.service-Tabs .nav-tabs a:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background: #898c90;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.service-Tabs .nav-tabs li.active a:before {
    width: 100%;
    background-color: #f99d39;
}
.service-Tabs .nav>li>a:focus, .service-Tabs .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #898c90;
    border: none;
}
.service-Tabs .panel-default>.panel-heading {
    color: #fff;
    background-color: #f99d39;
    font-size: 16px;
    font-weight: 700;
}
.service-Tabs .nav-tabs {
    border-bottom: none;
}
.service-Tabs .panel-body {
    padding: 10px;
}
.service-Tabs .serDesRadio li:first-child{
    padding-left: 0;
}
.service-Tabs .panel-body h2 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}
.service-Tabs .panel-body h2:not(:first-child){
    padding-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}


.success-order-head {
    background: #6f6f6f;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    padding: 15px;
}
.success-order-head h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 10px;
}
.success-order-head p {
    color: #fff;
    font-size: 16px;
}
.success-order-body {
    padding: 15px;
    border: #d7d7d7 1px solid;
}
.success-order-number {
    -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.success-order-print-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px;
}
.success-order-number h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 3px;
    font-size: 20px;
}
.success-order-number h3 span{
    color: #f99d39;
}
.success-order-number p{
    color: #000;
    font-size: 14px;
}
.srv-des {
    /* border: #d7d7d7 1px solid;
    padding: 3px; */
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.srv-des p {
    height: 145px;
    overflow-y: auto;
}
.srv-des p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.srv-des p::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.srv-des p::-webkit-scrollbar-thumb {
    background-color: #f99d39;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.print-button-content {
    background: #f99d39;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: none !important;
    box-shadow: none;
    border: none;
    width: 100%;
}
.print-button-content:hover {
    background: #313741;
    color: #fff;
}
.success-order-details-box h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 20px;
    border-bottom: #d7d7d7 1px solid;
    margin-bottom: 10px;
}
.success-order-print-wrap {
    margin-bottom: 10px;
}
.success-shipment-details p {
    font-size: 14px;
    color: #676767;
}
.success-shipment-details .billing-name {
    padding: 0 0 5px 0;
}
.shipping-method-wrap {
    padding-top: 7px;
}
.shipping-method-wrap p{
    font-size: 14px;
    color: #676767;
}
.shipping-method-wrap h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    padding-bottom: 7px;
}
.success-order-details-box + .success-order-details-box{
    margin-top: 10px;
}
.arrives-product {
    border: #d7d7d7 1px solid;
    padding: 15px;
}
.arrives-product + .arrives-product{
    margin-top: 10px;
}
.bdr-bb-none {
    border-bottom: none !important;
}
.mb-mb-none {
    margin: 0 !important;
}
.sucess-order-details p {
    margin: 0;
    font-size: 14px;
}
.free-return-membr {
    background: #d0d0d0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 15px;
}
.free-return-membr h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding-bottom: 5px;
}
.free-return-membr p {
    color: #444;
    font-size: 14px;
}
.need-help-wrap {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 15px;
    margin-top: 20px;
    border: #d7d7d7 1px solid;
}
.need-help-wrap h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 7px;
    font-size: 17px;
}
.need-help-wrap li{
    position: relative;
}
.need-help-wrap li::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f99d39;
}
.need-help-wrap li a {
    color: #444;
    font-size: 14px;
    padding-left: 16px;
}
.help-more-btn {
    display: inline-block;
    text-transform: capitalize;
    color: #f99d39;
}
.pay-card-wrap span {
    display: block;
    width: 60px;
}
.pay-card-wrap span img{
    display: block;
    width: 100%;
}
.pay-card-wrap p {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding-top: 5px;
}
.serviceListLoader {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255, .7);
    height: 100%;
    width: 100%;
    z-index: 2;
}
.serviceListLoader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 53px;
    line-height: 1;
    z-index: 2;
    color: rgba(89, 135, 197, 1);
}



/* Start New Dashboard Css */

.listColumnLeft {
    background-color: #fff;
    border: #eaeaea 1px solid;
}
.listColumnLeft ul li {
    width: 100%;
    list-style: none;
}
.listColumnLeft ul li:not(:last-child) {
    border-bottom: #eaeaea 1px solid;
}
.listColumnLeft ul li a {
    display: block;
    padding: 0 15px;
    line-height: 3;
    color: #666;
    font-weight: 600;
    position: relative;
    z-index: 1;
    font-size: 13px;
    text-transform: capitalize;
}
.listColumnLeft ul li a::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    background: #f6f6f6;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.listColumnLeft>ul>li.active>a::before, .listColumnLeft ul li a:hover::before {
    width: 100%;
}
.listColumnLeft ul li a i {
    margin-right: 10px;
    color: #f99d39;
    font-weight: 900;
}
.default-add-wrap h3 {
    color: #f99d39;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 8px;
}
.owner-name {
    font-size: 14px;
    text-transform: capitalize;
    color: #333333;
    font-weight: 600;
}
.default-addPin p {
    font-size: 14px;
    color: #676767;
    margin: 0;
}
.dashboard-heading-rgt h3 {
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 25px;
}
.dashboard-heading-small h4 {
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: #d7d7d7 1px solid;
    margin-bottom: 10px;
}
.box-detailsWrap + .box-detailsWrap{
    margin-top: 15px;
}
.edit-contact-info {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.edit-contact-info li a{
    color: #f99d39;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
}
.edit-contact-info li:not(:first-child){
    padding-left: 10px;
}
.edit-contact-info li:not(:last-child){
    padding-right: 10px;
    border-right: 1px solid #d7d7d7;
}
.subscribe-edit {
    color: #f99d39;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    padding-top: 10px;
}
.manage-add {
    color: #f99d39;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
    padding-left: 10px;
}
.dashboard-sec-wrap {
    padding: 30px 0;
}
.contact-person-pic span {
    display: block;
    width: 120px;
    height: 120px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    object-fit: cover;
}
.contact-person-pic span img{
    display: block;
    width: 100%;
}
.passInput {
    background-color: #fff;
    height: 40px;
    border: #bdbbbb 1px solid;
}
.password-show-wrap .showPassowrd2 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    display: block;
    line-height: 1;
    color: #000;
}
.pass-save-btn {
    display: inline-block;
    border: none;
    background-color: #f99d39;
    border-radius: 4px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 16px;
}
.pass-save-btn:hover{
    background: #0d0d0e;
}
/* End New Dashboard Css */

.box-detailsWrap .required {
    line-height: 1;
}
.box-detailsWrap .frm-txtare .textarea {
    resize: none;
}
.box-detailsWrap .adminBoxImgUpload .form-group label i {
    line-height: 35px;
}
.d-none {
    display: none!important;
}
.box-detailsWrap p.mentionedImgSize {
    padding: 5px 0 20px;
}
.box-detailsWrap .file-upload-btn {
    background: #f99d39;
    border-color: #f99d39;
}
.box-detailsWrap .profile-update-btn {
    display: inline-block;
    border: none;
    background-color: #f99d39;
    border-radius: 4px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 15px;
}
.box-detailsWrap .profile-update-btn:hover {
    background: #0d0d0e;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}
.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.pt-20{
    padding-top: 20px;
}

/* .listColumnLeft ul li {
    position: relative;
}
.listColumnLeft li > ul {
	position: absolute;
	left: 100%;
	top: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	width: 210px;
	box-shadow: rgba(0,0,0,.2) 0 4px 27px -5px;
}

.listColumnLeft li:hover > ul {
    opacity: 1;
    visibility: visible;
} */
.slideContent-menu {
    border-top: #eaeaea 1px solid;
}
.slide-menu-i {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 1;
    line-height: 1;
}
.slideContent-menu li a{
    padding-left: 30px !important;
}
.slide-menu {
    position: relative;
}
.mg-bt-15 {
    margin-bottom: 15px;
}
.customer-return-wrap .mt-5 {
    margin-top: 5px;
}
.menu li a i {
    position: inherit !important;
    margin-right: 10px;
}
/* item-icon-box-row Start 30.08.2021*/
.item-icon-box-wrap{
    display: block;
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 15px;
    -moz--border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75);
    -moz-box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75);
    box-shadow: 0px 10px 20px 0px rgba(229, 229, 229, 0.75);
}
.item-icon-box {
    height: 70px;
    width: 70px;
    line-height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background: #efefef;
    font-size: 30px;
    color: #999;
}
.item-icon-box-wrap:hover .item-icon-box i{
    color: #f99d39;
}
.item-content-box h3 {
    font-size: 16px;
    color: #999;
    text-transform: capitalize;
}
.item-content-box h4{
    font-size: 30px;
    color: #f99d39;
    font-weight: 700;
}
.item-icon-box-row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.item-icon-box-row [class*="col"]{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.item-icon-box i.fa {
    line-height: 70px;
}
/* item-icon-box-row End 30.08.2021*/

.color-text-yellow{
    color: #f99d39 !important;
}
.manage-box-detailsWrap + .manage-box-detailsWrap{
    margin-top: 15px;
    border-bottom: #eaeaea 1px solid;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.newAddressSec {display: none;}
.shows {
    display: block;
}
/* Return Product Start 31.08.2021*/
.return-product-wrap {
    border: #d7d7d7 1px solid;
    padding: 15px;
}
.return-product-wrap + .return-product-wrap {
    margin-top: 10px;
}
.return-product-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    max-width: 130px;
}
.return-product-name {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
}
.return-product-img img {
    height: 100px;
    object-fit: contain;
}
.return-product-img a{
    display: block;
}
.return-heading-box h3 {
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 10px;
}
.return-rgt-box {
    border: #d7d7d7 1px solid;
    padding: 15px;
}
.return-rgt-box + .return-rgt-box {
    margin-top: 15px;
}
.chk-status-btn {
    background: #f1592a;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    text-transform: uppercase;
}
.chk-status-btn:hover {
    background: #313741;
    color: #fff;
}
.return-rgt-box h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
.return-rgt-box h4:not(:first-child){
    padding-top: 10px;
}
.return-rgt-box p {
    color: #999;
    font-size: 15px;
    padding-top: 10px;
}
.return-rgt-box p a{
    color: #f99d39;
}
.return-rgt-box li {
    position: relative;
}
.return-rgt-box li a {
    color: #444;
    font-size: 14px;
    padding-left: 16px;
}
.return-rgt-box li::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f99d39;
}
.return-rgt-box ul{
    padding-top: 10px;
}
.reason-wrap .select-wrap-style{
    border-radius: 0px;
}
.reason-return-btn {
    background: #f1592a;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    outline: none !important;
    box-shadow: none;
    border: none;
    cursor: pointer;
}
.reason-return-btn:hover {
    background: #313741;
    color: #fff;
}
.return-accordian .panel-title {
    line-height: 1;
}
.return-accordian .panel-title a{
    color: #000;
    font-size: 15px;
    font-weight: 700;
    display: block;
    position: relative;
}
.return-accordian .panel-title a i{
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #f99d39;
}
.return-accordian {
    border: #d7d7d7 1px solid;
    padding: 15px;
    margin-top: 15px;
}
.return-accordian .panel-body p {
    color: #999;
    font-size: 15px;
}
.return-accordian .panel-body p a {
    color: #f99d39;
}
.return-accordian .panel-body li {
    position: relative;
}
.return-accordian .panel-body li a {
    color: #444;
    font-size: 14px;
    padding-left: 16px;
}
.return-accordian .panel-body li::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f99d39;
}
.return-accordian .panel-body ul{
    padding-top: 10px;
}
/* Return Product End 31.08.2021*/




.wishlist-icon {
    display: block;
    position: absolute;
    right: -15px;
    top: 15px;
    opacity: 0;
    visibility: hidden;
}
.wishlist-icon a {
    height: 35px;
    width: 35px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    border: none;

}
.wishlist-icon a i {
    line-height: 1;
    vertical-align: middle;
}
.service-box-wrap:hover .wishlist-icon {
    right: 30px;
    opacity: 1;
    visibility: visible;
}
.wishlist-icon a.active{
    color: red;
}

.negotiation-boxcolor {
    display: block;
    height: 20px;
    width: 20px;
    margin: 0 auto;
}

.msg-wrap-main {
	border: 1px solid #c4c4c4;
}
.msg-wrap {
	margin: 5px 5px 0 0;
}
.msg-history {
    height: 516px;
    overflow-y: auto;
	padding: 10px 7px 10px 10px;
	margin-bottom: 10px;
}
.user-img img {
    display: block;
    height: 40px;
    width: 40px;
    object-fit: cover;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
}
.outgoing-msg .user-img img{
	margin-left: 8px;
}
.incoming-msg .user-img img{
	margin-right: 8px;
}
.sent-msg, .received-msg {
    min-width: 100px;
}
.sent-msg p {
    background: #F1592A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
	text-align: right;
}
.time-date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 0;
}
.sent-msg .time-date {
    text-align: right;
}
.received-msg p {
    background: #00aeef;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}
.input-msg-write {
    position: relative;
}
.input-msg-write .write-msg {
    border: 1px solid #c4c4c4;
    height: 50px;
    resize: none;
    font-size: 14px;
    padding-right: 50px;
}

/* / Hide scrollbar for Chrome, Safari and Opera / */
.input-msg-write .write-msg::-webkit-scrollbar {
    display: none;
}

/* / Hide scrollbar for IE, Edge and Firefox / */
.input-msg-write .write-msg {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.msg-send-btn {
    background: #00aeef;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    width: 33px;
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	outline: none !important;
}
.type-msg-wrap {
    padding: 10px 7px 10px 10px;
}
.msg-history-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #e4e4e4;
}
.msg-history-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}
.msg-history-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #00aeef;
}
.form-error {
    border: 1px solid red !important;
}
.can-ret-btn .return-choose-btn {
    display: block;
    text-align: center;
}
.color-font {
    font-family: "FA";
}
.complete-order-pic img {
    display: block;
    width: 50px;
    margin: 0 auto;
}
.btn-sm {
    line-height: 1.2;
}
.box-detailsWrap .dataTables_length .custom-select{
    padding: 5px;
}
.global-btn-wrap .global-btn {
    font-size: 12px;
    line-height: 33px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    border: none;
    box-shadow: none;
    outline: none !important;
    margin-bottom: 15px;
}
.global-btn-wrap .global-btn:hover {
    background: #f1592a;
    color: #fff;
}
.padd-top-20 {
    padding-top: 20px;
}
.order-btn-details li a {
    line-height: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    background: #fff;
    color: #4a4a4a;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
    display: block;
    padding: 0 8px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.order-btn-details li + li {
    margin-top: 8px;
}
.order-btn-details li a:hover{
    background: #f99d39;
    color: #fff;
}
.order-selling-qty-price {
    padding-top: 10px;
}
.order-return-text {
    color: #000;
    font-size: 13px;
    padding-top: 8px;
    font-weight: 600;
}
.mdl-txtare {
    resize: none;
    border-color: #ddd;
    padding: 15px;
}
.seller-feedback .modal-header .close, .product-review .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px #f00 solid;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 23px;
    text-align: center;
    color: #f00;
    opacity: 1;
}
.product-review .rating5Wrap{
    margin-bottom: 15px;
}
.seller-feedback .modal-header h5, .product-review .modal-header h5{
    font-weight: 700;
    font-size: 24px;
}



/* .checkboxUs {
    padding-left: 20px;
} */
.checkboxUs label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
}
.checkboxUs label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #f99d39;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkboxUs label::after {
    display: inline-block;
    position: absolute !important;
    width: 17px !important;
    height: 17px !important;
    left: 0 !important;
    top: 0 !important;
    margin-left: -20px;
    padding-left: 1px;
    padding-top: 1px;
    font-size: 11px;
    color: #f99d39;
    border-color: #f99d39 !important;
}
.checkboxUs input[type="checkbox"],
.checkboxUs input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.checkboxUs input[type="checkbox"]:focus + label::before,
.checkboxUs input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkboxUs input[type="checkbox"]:checked + label::after,
.checkboxUs input[type="radio"]:checked + label::after {
    /* font-family: "FontAwesome"; */
    font-family: "FA";
    content: "\f00c";
    display: block;
}
.checkboxUs input[type="checkbox"]:disabled + label,
.checkboxUs input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.checkboxUs input[type="checkbox"]:disabled + label::before,
.checkboxUs input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkboxUs.checkbox-circle label::before {
    border-radius: 50%;
}
.checkboxUs.checkbox-inline {
    margin-top: 0;
}
.columns-2 {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}
.columns-3 {
    -moz-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;
}
.columns-4 {
    -moz-column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
    column-count: 4;
    column-gap: 1em;
}
.rating-filter li a i {
    color: #f99d39;
    font-size: 18px;
}
.rating-filter li a i:not(:last-child) {
    padding-right: 5px;
}
.filter-wrp-box h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    /* background: #e8e8e8; */
    padding: 15px;
    cursor: pointer;
    position: relative;
}
.filter-wrp-box + .filter-wrp-box{
    margin-top: 10px;
}
.filter-wrp-body{
    padding: 15px;
}
.gap-top-btm {
    padding: 40px 0;
}
.country-list {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 5px;
}
.country-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.country-list::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.country-list::-webkit-scrollbar-thumb {
    background-color: #f99d39;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.filter-wrp-box li.checkboxUs {
    display: block;
    background: #f5f5f5;
}
.filter-wrp-box li.checkboxUs +  li.checkboxUs {
    margin-top: 6px;
}
.filter-top-wrap-lft {
    -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.filter-top-wrap-rgt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.filter-top-wrap-rgt .shop-ordering{
    margin: 0;
}
.filter-top-wrap-rgt .shop-ordering .select2-container .select2-selection {
    height: 30px;
}
.filter-top-wrap-rgt .shop-ordering .select2-container .select2-selection__rendered {
    line-height: 20px;
}
.filter-top-wrap-rgt .shop-ordering .select2-container {
    max-width: 150px;
    min-width: 150px;
}
.filter-top-wrap-rgt .shop-ordering .lbl-select {
    font-size: 13px;
    line-height: 20px;
    margin-right: 5px;
}

/* .filterpage-sec .downloadbls {
    right: auto;
    top: 42px;
    left: 10px;
    background: #fff;
} */
.filter-top-wrap {
    padding: 0 15px 8px;
}
.serviceEveryDay {
    display: block;
    line-height: 25px;
    font-size: 12px;
    font-weight: 600;
    background: #f99d39;
    color: #fff;
    padding: 0 10px;
    margin-top: 5px;
    border-radius: 3px;
    text-align: center;
}
.serviceEveryDay:hover {
    background: #f1592a;
    color: #fff;
}
p.fromToDate {
    color: #000;
    font-weight: 600;
    font-size: 13px;
}

.contact-mdl-btn li a {
    font-size: 12px;
    line-height: 33px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    border-radius: 6px;
    display: block;
    height: 33px;
    box-shadow: none;
}
.contact-mdl-btn li a:hover {
    background: #f1592a;
    color: #ffffff;
}
.contact-mdl-btn li + li{
    margin: 0 0 0 10px;
}
/* .contact-mdl-btn li:not(:last-child) {
    margin-right: 10px;
} */
.data-shipping-small label, .data-shipping label{
    font-weight: 600;
    color: #333;
}
.data-shipping-small p {
    /* border: #bdbbbb 1px solid; */
    margin: 0 0 10px 0;
    /* padding: 4px 10px; */
    border-radius: 3px;
}
.border-P {
    /* border: #bdbbbb 1px solid;
    padding: 4px 5px 4px 10px; */
    border-radius: 3px;
    margin-bottom: 10px;
}
.data-shipping p {
    margin: 0;
    max-height: 59px;
    overflow-y: auto;
}
.data-shipping p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.data-shipping p::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.data-shipping p::-webkit-scrollbar-thumb {
    background-color: #f99d39;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#shippingInfoData button.close, .problemWithOrder button.close{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #f00;
    opacity: 1;
}
#shippingInfoData h5.modal-title, #btnModalModalLabel {
    font-weight: 600;
    font-size: 18px;
}





.radioSrvStyl {
    border-top: #ddd 1px dashed;
    padding: 10px 10px 10px 20px;
}
.radioSrvStyl .serDesRadio {
    border-top: none;
    padding-top: 0;
}
.radioSrvStyl label {
    width: 100%;
}
.radioSrvStyl input:checked + label {
    color: #f99d39;
}
.hiddens{
    display: none;
}

.filter-wrp-box {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    background: #fff;
}
.reasonBox .writeReason{
    resize: none;
    padding: 6px 12px;
    border: #bdbbbb 1px solid;
    border-radius: 0px;
}
.reasonBox p {
    display: inline-block;
    padding: 10px 0;
}
.filter-wrp-box h4::after {
    content: "\f068";
    position: absolute;
    /* font-family: "FontAwesome"; */
    font-family: 'FA';
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f99d39;
    line-height: 20px;
    height: 20px;
    width: 20px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
}
.filter-wrp-box h4.deactive::after {
    content: "\f067";
}
.slideDn-toggle.active{
    color: #f99d39;
}
.price-range-slider {
    width: 100%;
    padding: 0 0 10px 0;
}
.price-range-slider .range-value {
    margin: 0;
}
.price-range-slider .range-bar {
    border: none !important;
    background: #000;
    height: 3px;
    margin-left: 8px;
    padding: 2px !important;
}
.price-range-slider .range-bar .ui-slider-range {
    background: #f99d39;
}
.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 0 0 15px 0;
    padding: 0;
}
.price-range-slider .range-value input:focus-visible{
    outline: none !important;
}
.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #fff;
    border: 2px solid #f99d39;
    height: 17px;
    width: 17px;
    top: -0.52em;
    cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
    background: #f99d39;
}
.price-range-slider{
    padding: 15px;
}
.addrs-edit-dlt {
    padding: 0 0 0 10px;
}
.addrs-edit-dlt .addrs-edit {
    padding: 0 5px;
    font-size: 14px;
    color: #f99d39;
    display: inline-block;
    text-align: center;
    font-weight: 600;
}
.addrs-edit-dlt .addrs-delet {
    color: #dc3545;
    border: none;
    padding: 0 3px;
    cursor: pointer;
    box-shadow: none;
    outline: none !important;
    background: transparent;
}
.editAddress-mmodal .modal-header .close{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #f00;
    border: 1px solid #f00;
    height: 20px;
    width: 20px;
    line-height: 18px;
    text-align: center;
    font-size: 15px;
    opacity: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.editAddress-mmodal .modal-header .modal-title{
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.default-add-wrap {
    padding-bottom: 10px;
}
.return-qty-number .quantity-control .qtyInput-show {
    height: 35px;
}
.return-qty-number .quantity-control .qty-btn {
    width: 18px;
    height: 18px;
    font-size: 16px;
    line-height: 16px;
}
.return-qty-number .quantity-control {
    padding-left: 10px;
}
.return-qty-number {
    padding-top: 5px;
}
.restock-fee-details p {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: right;
    padding: 0 10px 0 0;
}
.restock-fee-details strong {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    text-align: right;
}
.restock-fee-details {
    width: 100%;
    padding: 10px 0;
}
.rtn-confirm-btn{
    text-align: right;
}
.rtn-confirm-btn .reason-return-btn {
    display: inline-block;
}
.prod-sellercont-btn {
    font-size: 15px;
    line-height: 40px;
    background: #f99d39;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    margin-top: 10px;
    display: block;
    text-align: center;
}
.prod-sellercont-btn:hover{
    background: #f1592a;
    color: #ffffff;
}
.prod-sellercont-btn:focus{
    color: #ffffff;
}
#prod-sellercont .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px #f00 solid;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 23px;
    text-align: center;
    color: #f00;
    opacity: 1;
}
#prod-sellercont .modal-header h5 {
    font-weight: 700;
    font-size: 24px;
}
.diration-dateinput {
    height: 35px;
    padding: 5px;
    border: #d7d7d7 1px solid;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 6px;
    font-size: 13px;
}
.time-diration-date {
    padding-top: 5px;
    padding-bottom: 6px;
}
.aval-service-radio {
    margin-top: 0;
    margin-bottom: 0;
}
.srv-des-wrap {
    padding-top: 15px;
}
.srv-des-wrap h4 {
    font-size: 15px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 8px;
}
.srv-provider-det .product_meta {
    margin-bottom: 0;
}
.normal-qty2 .quantity-control .qty-btn {
    position: inherit;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.normal-qty2 .quantity-control .qtyInput-show {
    height: 30px;
    padding: 5px;
}




.order-text-lft p, .order-text-mdl p{
    margin: 0;
}
.order-text-lft {
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    max-width: 280px;
}
.order-text-wrap {
    padding-bottom: 10px;
}
.order-text-lft h4, .order-text-mdl h4, .order-text-rgt h4{
    margin: 0;
}
.order-text-mdl p {
    font-weight: 600;
}
.order-text-mdl {
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    text-align: center;
}
.order-text-rgt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    text-align: center;
}
.gap-btm {
    padding-bottom: 30px;
}
.service-timetype{
    display: inline-block;
    font-size: 10px;
    vertical-align: bottom;
}

.service-list-filter>ul>li{
    margin-top: 6px;
}
.region-location {
    padding: 5px 10px 10px 30px;
    background: #f5f5f5;
}
.price-service {
    font-size: 16px;
    font-weight: 700;
    color: #f99d39;
    display: block;
    text-align: center;
    padding-bottom: 15px;
}
.price-service del {
    font-weight: 300;
    color: #898c90;
    padding-right: 10px;
}
.service-box-wrap.h4-gap a h4 {
    padding: 16px 0 5px 0;
}
.service-page-heading h3{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 700;
}
.service-list-filter .checkboxUs input[type="checkbox"]:checked + label::after,
.service-list-filter .checkboxUs input[type="radio"]:checked + label::after {
    font-family: "FA";
}


.msg-wrappage {
    -webkit-box-shadow: 0px 10px 20px 0px rgb(229 229 229 / 75%);
    -moz-box-shadow: 0px 10px 20px 0px rgb(229 229 229 / 75%);
    box-shadow: 0px 10px 20px 0px rgb(229 229 229 / 75%);
    width: 1050px;
    max-width: 100%;
    margin: 0 auto 0;
}
.msg-wrappage .masg-order {
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.07);
}
.msg-wrappage .msg-wrap-main {
    border: none;
}
.msg-wrappage .type-msg-wrap{
    background-color: rgba(0,0,0,.07);
}
.msg-wrappage .msg-history {
    height: 350px;
    overflow-y: auto;
    padding: 10px 7px 10px 10px;
    margin-bottom: 10px;
}
.rating-filter .checkboxUs label i{
    color: #f99d39;
}
.productListLoader .serviceListLoader-inner {
    position: absolute;
    left: 50%;
    top: 23%;
    -webkit-transform: translate(-50%, -23%);
    -moz-transform: translate(-50%, -23%);
    transform: translate(-50%, -23%);
}
.shop-ordering {
    display: flex;
    width: 100%;
}
.shop-ordering .orderby {
    height: 30px;
    padding: 0;
    width: 148px;
    border-color: #bbbbbb;
}
.additionalCharge {
    font-size: 11px;
    color: #000;
    font-weight: 600;
}
.srv-provider-det .product-meta-lft {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
}
.srv-provider-det .product-meta-rgt a{
    color: #000;
    font-weight: 600;
}
.buy-again-wrap .buy-again-btn {
    line-height: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    background: #f99d39;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.buy-again-wrap .buy-again-btn i{
    line-height: 28px;
    padding-right: 10px;
}
.buy-again-wrap {
    padding-top: 5px;
}
.order-date-number {
    font-size: 15px !important;
}
.slider-arrow .owl-nav .owl-prev, .slider-arrow .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    height: 30px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: 2px solid #dbddde;
    color: #dbddde;
}
.slider-arrow .owl-nav .owl-prev i, .slider-arrow .owl-nav .owl-next i{
    line-height: 26px;
}
.slider-arrow .owl-nav .owl-prev:hover, .slider-arrow .owl-nav .owl-next:hover{
    color: #000;
    border-color: #000;
}
.slider-arrow .owl-nav .owl-prev {
    left: -20px;
}
.slider-arrow .owl-nav .owl-next {
    right: -20px;
}
.sliderHading {
    padding: 0 0 15px 0;
}
.service-slider-sec .service-box-wrap {
    margin-bottom: 0;
}
.service-slider-sec {
    padding-bottom: 60px;
}


/* 22.09.21 */
.filter-wrp-box li.radioUs {
    display: block;
    background: #f5f5f5;
}
.filter-wrp-box li.radioUs +  li.radioUs {
    margin-top: 6px;
}
.radioUs input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radioUs label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
 .radioUs label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #f99d39;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radioUs label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #f38a1a;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radioUs input[type="radio"]:checked + label::after {
    display: block;
}
.radioUs input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radioUs input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radioUs input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radioUs input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radioUs input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.seller-user-det h4{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}
.seller-user-det p{
    color: #000;
}
.pl-0 {
    padding-left: 0!important;
}
.timeStamp {
    display: inline-block;
    font-size: 13px;
    vertical-align: baseline;
}
.service-cat {
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #c7c7cc;
    color: #c7c7cc;
    text-align: center;
    margin: 0 10px 5px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.services a:hover .service-cat {
    color: #f99d39;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.prblm-odr-modal .radioUs input[type="checkbox"], .prblm-odr-modal .radioUs input[type="radio"] {
    height: inherit;
    line-height: inherit;
}
.prblm-odr-modal {
    padding-bottom: 15px;
}
.prblm-odr-modal li + li{
    margin: 0 0 0 8px;
}
.visit-seller-modal .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px #f00 solid;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 23px;
    text-align: center;
    color: #f00;
    opacity: 1;
}
.visit-seller-modal h5.modal-title {
    font-weight: 600;
    font-size: 18px;
}
.incoming-msg, .outgoing-msg {
    margin-bottom: 10px;
}
.notic-time {
    display: block;
    font-size: 10px;
    line-height: 1;
}
.notifi-sub-menu .sub-menu li a {
    display: block !important;
}
.noti-icon {
    display: inline-block;
}
.notification-num {
    position: absolute;
    top: -5px;
    right: -6px;
    height: 22px;
    width: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 10px;
    background-color: #ffcd02;
    border-radius: 50%;
    display: block;
    text-align: center;
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 25%);
    font-weight: bold;
}
.msg-src-lft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
    margin: 0 10px 0 0 !important;
}
.msg-src-rgt {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.faq-send-msg-btn {
    display: block;
    background: #f99d39;
    line-height: 48px;
    padding: 0 10px;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.faq-send-msg-btn:hover{
    color: #fff;
    background: #000;
}
.src-gap {
    margin-top: 15px;
}
.resub-munu li a {
    padding-left: 50px !important;
}
.noti-bell-icon {
    display: inline-block;
    margin-left: -5px;
}
.noti-bell-icon i {
    color: #000 !important;
    line-height: 20px;
    margin: 0 !important;
}
.noti-bell-icon .notification-num {
    top: -10px;
    right: -16px;
}