/*
* ----------------------------------------------------------------------------------------
Author       : Credencys
Template Name:
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL CSS STYLE
* 02.Home CSS
* 03.Accordion CSS
* 04.Logo Slider
* ----------------------------------------------------------------------------------------
*/

/*----------01.GLOBAL CSS STYLE------------*/
/* @import url('https://p.typekit.net/p.css?s=1&k=bbl7zgb&ht=tk&f=18308.18309.24539.24540.24543.24544.24547.24548&a=87535111&app=typekit&e=css');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); */


/*font-family: 'Roboto', sans-serif;*/
 
body {
    font-weight: 300;
    font-family: 'FS Emeric';
    color:#2E3831;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #f9f9f3;
}
a:hover{
    color: #54B898;
}
a:focus,
a:active{
    outline: none;
}
.section{
    padding: 100px 0px;
}

.main-title{
    margin-bottom: 20px;
}
img { max-width: 100%;}

h2 span ,.products-of-the-week h2 em{font-family: 'Utopia'; font-weight: 700;}
h2 span.desc-block{font-family: 'FS Emeric'; font-weight: 300;}
h1,h2,h3,h4,h5,h6{font-family: 'FS Emeric';}
/*Font Face*/
@font-face {
    font-family: 'Utopia';
    /*src: url('https://nu-find.com/bundles/global/fonts/Utopia-SemiboldItalicOsF.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/Utopia-SemiboldItalicOsF.woff') format('woff');*/
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

.form-control:focus{box-shadow:none;}

/* Header css */
.bg-dark-green { background-color: #383734!important;}


.navbar-brand span{font-size:30px;vertical-align:middle;letter-spacing: 0.6px;margin-left: 3px;font-weight: 300;line-height: normal;
    display:inline-block;margin-top:1px; display: none;}
.main-nav { padding-bottom: 0;}
.navbar-dark .navbar-toggler{position:absolute;right:0;border:0;outline:0;}
.top-nav {padding:53px 0px ​0px 0px; min-height:45px;}
.top-nav ul { display: flex; list-style: none; margin: 0; padding: 0; flex-wrap: wrap;}
.top-nav ul li { margin-right: 20px;}
.top-nav ul li a{ display: inline-block; color: #F9F9F3; position: relative; font-size: 19px;font-style: normal;font-weight: 300;}
.top-nav ul li a.active{ text-decoration: underline;}
.top-nav ul li a:after{ position: absolute; right: -8px; top:7px; content: ""; height: 15px; width: 1px; background-color: #fff;}
.top-nav ul li:last-child a:after{ display: none;}

.usr-logged .menu-container .nav-item .nav-link.lifi {
    color: #F3F1EE;
    opacity: .5;
    background: none;
}
.white-bx {
    background: #fff;
    font-weight: 300 !important;
    
}
.plcss{
    font-weight: 600 !important;
}

.bgcss{
    background: #ffffff !important;
    border: 1px solid gray !important;
}
.qlcss{
    width: 100%;
    margin-bottom: 10px !important;
}
#profile-info.your-respository table {
    border-collapse: collapse !important;
    border-top: medium !important;
    border-bottom: medium !important;
}
.moqcss{
    border: 1px solid gray !important;
  text-align: left;
  padding: 8px;
}
.usr-logged .menu-container .nav-item .nav-link.lifi .fa {
    margin-right: 2px;
    font-size: 12px;
}

.menu-container .nav-item:hover .nav-link.lifi {
    background-color: #F2EFED!important;
    color: #383734 !important;
    opacity: 1;
    border-color: #F2EFED;
}

.navbar-expand-lg{flex-wrap:wrap}
.navbar-container{border:2px solid #F9F9F3;display:block;width:100%;text-align:center;padding:16px 24px;position:relative}
.menu-container{justify-content:flex-end;background-color:#383734;position:absolute;top:100%;width:calc(100% + 4px);z-index:2;border:0px solid #F2EFED;
    font-size:20px;left:-2px}
.menu-container .nav-item{border-left:2px solid #F2EFED;text-align:center;font-weight:600;min-width:205px}
.menu-container .nav-item .nav-link{display:flex;height:100%;justify-content:center;align-items:center;color:white; font-family: 'FS Emeric'; font-weight: 700;}
.menu-container .nav-item:hover .nav-link{background-color:#F2EFED;border-color:#F2EFED;color:#383734;}
/* .menu-container .nav-item:last-child .nav-link{background-color:#688563;font-family: 'utopia'; text-transform:capitalize; font-style: italic;} */
.usr-logged .menu-container .nav-item:first-of-type{border:0}
.usr-logged .menu-container .navbar-nav{width:100%}
.usr-logged .menu-container{font-size:18px}
.usr-logged .menu-container .nav-item{flex:1;min-width:auto}
.usr-logged .menu-container .nav-item:first-child{border-left:0}
/* .usr-logged .menu-container .nav-item:last-child, .usr-logged .menu-container .nav-item:nth-last-child(2){font-weight:300;}
.usr-logged .menu-container .nav-item:nth-last-child(2) .nav-link{background-color:#688563;font-family: 'utopia'; text-transform:capitalize; font-style: italic;} */

/*.menu-container .nav-item:hover .main-sub-menu{display:block}*/
.main-sub-menu{position:absolute;top:100%;left:-2px;width:calc(100% + 4px);background:rgba(242, 239, 237, .97);color:#2E3831;border:1px solid #F2EFED;
    text-align:left;display:none;box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.18); box-shadow:none;}
.main-sub-menu .menu-column{width:12%;display:inline-block;vertical-align:top;padding-right:1%}
.main-sub-menu .menu-column .menu-img{width:80px;height:80px;margin-bottom:10px;margin-top:10px}
.main-sub-menu .sub-row{padding:36px}
.main-sub-menu .sub-row:nth-child(2){background-color:#fff;}
.main-sub-menu h3{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    text-transform: capitalize;
    color: #383734;
    padding:0;
    margin-bottom: 5px;
}
.main-sub-menu.curate-menu h3, .main-sub-menu.signature-menu h3{font-size:25px;font-weight:bold;}
.main-sub-menu ul{padding:0}
.main-sub-menu li{list-style:none;font-size:17px;font-weight:300}
.main-sub-menu li a{
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    text-transform: capitalize;
    color: #383734;
    text-align: left;
    padding: 0;}

.main-sub-menu.curate-menu li a, .main-sub-menu.signature-menu li a {
    font-size:25px;
    font-family: 'FS Emeric';
}

.search-box{position:absolute;left:24px;top:16px}
.search-box button{width:36px;height:36px;display:inline-block;background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/search-icon.svg);background-size:100%;
    border:0;background-color:transparent;cursor:pointer;vertical-align:bottom;background-repeat: no-repeat;}
.search-box input{border:0;background:transparent;border-bottom:1px solid #fff;outline:0;color:white;font-family:'FS Emeric';font-size:16px;
    font-weight:300;text-align:left;padding:6px 5px}
.head-right-group{position:absolute;right:24px;top:16px}
.head-right-group ul li{list-style:none;display:inline-block;margin-right:10px}
.browse-categories{background:#F9F9F3;padding:162px 0}
.browse-categories .container-fluid{max-width:1376px}
.browse-categories .icon-box{margin-bottom:25px}
.browse-categories .tool-box-list{border:0}
.browse-categories .tl-box span{color:white;background:#2E3831;font-size:20px;font-weight:300;width:186px;height:50px;text-align:center;
    line-height:50px;display:inline-block;transition:background-color .15s ease-in-out}
.browse-categories .tool-box-list li a{display:block;width:100%;height:100%;text-decoration:none}
.browse-categories .tool-box-list li a:hover span{background:#54b898}
.browse-categories ul.tool-box-list li{border:2px solid #2e3831;border-right:0;height:328px}
.browse-categories ul.tool-box-list li:nth-child(4), .browse-categories ul.tool-box-list li:last-child{border-right:2px solid #2e3831}
.smart-curations{background:#ECECE5;padding:131px 0}
.smart-curations .container-fluid{max-width:1707px;padding-left:50px}
.left-curation-box{background-color:#2e3831;color:#F9F9F3;margin-top:-60px;z-index:2;padding:0}
.right-curation-box{background-color:white;margin-bottom:-100px;margin-left:-60px;z-index:1;border:2px solid #2e3831;position:relative}
.right-curation-box span{text-transform:uppercase;position:absolute;bottom:0;right:0;font-size:25px;letter-spacing:3px;color:#F9F9F3;
    background-color:#2e3831;font-weight:600;padding:19px 32px}
.right-curation-box span i{font-size:33px;vertical-align:top}
.right-curation-box img{position:absolute;transform: scale(1.11);left: -21px;top: -46px;}
.left-curation-box h3{text-transform:uppercase;font-size:30px;letter-spacing:3.6px;font-weight:300;text-align:center;padding:82px 40px;
    border-bottom:2px solid #F9F9F3}
.left-curation-box h3 span{font-size:45px;letter-spacing:5.4px;display:block;width:100%;font-weight:600}
.left-curation-box p{font-size:20px;letter-spacing:2px;line-height:40px;padding:100px 40px}



/**** NEW Changes 6-30-2021 ****/
#brief-info .bg .img.s9 {
    bottom: 155px;
}

@media (max-width: 991px){}
/*Modal common css*/
@media (min-width: 992px){
    .modal-lg {
        max-width: 859px;
    }
}
.modal-content {
    background-clip: padding-box;
    border: 2px solid #2e3831;
    border:none;
    border-radius: 0;
    outline: 0;
}
.book-a-demo .modal-body h2 { font-size: 30px; color: #2e3831; font-weight: 700; text-transform: uppercase; margin-bottom: 25px;}
.book-a-demo .modal-body p {
    font-size: 30px;
    color: #2e3831;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 1.5px;
}
.book-a-demo .modal-body {
    padding:150px 124px 66px;
}

/*End Modal common css*/

/*----------02. Home CSS------------*/
.home-page-title h2 {
    color: #383734;
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 0;
}
.home-page-title {
    padding: 36px 0 25px 0;
}

.hero-banner {position: relative;}
.hero-banner img{ width: 100%;}
.banner-caption-box {
    position: absolute;
    top: 50%;
    width: 758px;
    border: 2px solid #2E3831;
    background-color: #F9F9F3;
    height: 536px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%) !important;
    left: 12%;
}
/* .banner-caption-box::before {
    position: absolute;
    content: "";
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/made-in-india.svg);
    height: 171px;
    width: 171px;
    top: 55%;
    left: -129px;
    transform: translateY(-55%);
} */
.made-in-logo {
    position: absolute;
    left: -130px;
    bottom: 162px;
}

.banner-caption-box a.btn-book-demo{margin:75px 0 0 0}
.main-title {
    margin-bottom: 60px;
    font-size: 30px;
    color: #F9F9F3;
    font-weight: 700;
    line-height: 37px;
    position: relative;
    letter-spacing: 3.6px;
    text-transform: uppercase;
}
.cap-text {
    /*padding-top: 30px;*/
    position: relative;
}
.cap-text::after{
    background: #54B898;
    width: 162px;
    content: "";
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -36px;
}

.cap-bottom-text {
    border-top: 2px solid #2E3831;
    width: 100%;
}
.B2B-text, .MSE-text{display: block;text-align: center;font-size: 30px;text-transform: uppercase;color: #2E3831E0;line-height: 37px;letter-spacing:3px;
    font-weight: 300;}
.cap-text h1{margin: 0;color: #2E3831E0;font-size: 60px;font-weight: 900;text-transform: uppercase;line-height: 60px;padding: 22px 0 24px;letter-spacing: 6.3px;
    text-align: center;}
.cap-bottom-text p {
    margin-bottom: 0;
    display: block;
    height: 100%;
    padding: 25px 0 0;
    text-align: center;
    font-size: 27px;
    letter-spacing: 0.33px;
    font-family: 'FS Emeric';
    font-weight: 300;
}

.main-title:after {
    background: #EF9217;
    width: 162px;
    content: "";
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -36px;
}
.smart-way-sec p {
    color: #F9F9F3;
    font-weight: 300;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 40px;
}
.btn-white {
    background: #ECECE5;
    color: #2E3831;
    font-size: 20px;
    line-height: 25px;
    border-radius: 0;
    font-weight: 700;
    max-width: 457px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-transform: uppercase;
}
.btn-white:hover{
    background: #2E3831;
    color: #ECECE5;
    border: 2px solid #ECECE5;
}
.smart-way-sec { background-color: #2E3831; padding: 120px 0 80px;}
.smart-way-sec p strong{font-weight:700}

/*Source to shelf sction css*/
.souce-to-shelf-sec { background-color: #F9F9F3; padding: 126px 124px;}
.souce-to-shelf-sec h2{color:#2E3831;text-align: center;}
.souce-to-shelf-sec h2::after{background:#54B898}
.souce-to-shelf-sec .tool-kit-box{border:2px solid #2E3831;background:#ecece5;margin-top:75px}
.tool-kit-box .nav-tabs{border:0}
.tool-kit-box .nav-tabs .nav-item{flex:1}
.tool-kit-box .nav-tabs .nav-item .nav-link{font-size:25px;letter-spacing:3px;text-transform:uppercase;font-weight:600;text-align: center;
    background-color:#54B898;color:white;border-radius:0;padding:24px 10px;border:2px solid #2E3831;border-top:0;border-right:0}
.tool-kit-box .nav-tabs .nav-item:first-child .nav-link{border-left:0}
.tool-kit-box .nav-tabs .nav-item .nav-link:hover,.tool-kit-box .nav-tabs .nav-item .nav-link.active{background-color:transparent;color:#2E3831}
.tool-kit-box .nav-tabs .nav-item .nav-link.active{border-bottom:0}
.tool-box-list {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: center;
    /*align-items: center;*/
}

ul.tool-box-list li{width:25%;height:400px;display:flex;align-items:center;justify-content:center;padding:30px}
ul.tool-box-list li:nth-child(4), ul.tool-box-list li:last-child {
    border-right: 0;
}


.tl-box {
    text-align: center;
}
.tl-box h3{font-size:22px;line-height: 25px;font-weight:700;text-transform: uppercase; margin-bottom: 0;letter-spacing:0.44px}
.icon-box{margin-bottom:37px}
.tl-box p{font-size:20px;line-height:normal;margin-bottom:0;font-weight:300}
/*Source to shelf sction css*/

/*home ware brands css*/
.home-ware-brands-sec {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/home-ware-brand-bg.png);
    background-size: cover;
    height: 1080px;
    display: flex;
    align-items: center;
    background-attachment: fixed;
}
.white-box {
    width: 949px;
    margin: 0 auto;
    background: #F9F9F3;
    border: 0.72px solid #2E3831;
}
.home-brand-typo{ text-align: center; padding: 40px 0 20px;}
.home-brand-typo p { color: #2E3831; font-size: 20px; line-height: 30px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 700;}
.home-brand-typo h2{ font-size: 40px; line-height: 30px; letter-spacing: 4.8px; color: #2E3831; text-transform: uppercase; font-weight: 200; margin: 0 0 22px;}

.home-brand-slider ,.home-hand-pick-slider{ /*display: flex; flex-wrap: wrap;*/ margin: 0; padding: 0; border-top: 0px solid #2E3831;}
.home-brand-slider li, .home-hand-pick-slider li { width: auto; height: 208px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #2E3831;}
.home-brand-slider.owl-carousel .owl-item img, .home-hand-pick-slider.owl-carousel .owl-item img { width: auto; height: 100%;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    outline: 0 none;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    color: #F9F9F3;
}
.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow.svg);
    content: " ";
    position: absolute;
    top: 5px;
    left: -4px;
    height: 38px;
    width: 18px;
    background-repeat: no-repeat;
}
.owl-carousel .owl-nav button.owl-prev:hover .fa-angle-left:before, .recently-viewed-sec .owl-carousel .owl-nav button.owl-prev:hover .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
}
.owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow.svg);
    content: " ";
    position: absolute;
    top: 5px;
    right: -4px;
    height: 38px;
    width: 18px;
    background-repeat: no-repeat;
}
.owl-carousel .owl-nav button.owl-next:hover .fa-angle-right::before, .recently-viewed-sec .owl-carousel .owl-nav button.owl-next:hover .fa-angle-right::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
}

.recently-viewed-sec .owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-white.svg);
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
}
.recently-viewed-sec .owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-white.svg);
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
}
.home-brand-slider.owl-carousel .owl-prev,.home-brand-slider.owl-carousel .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 40px;

}
.home-brand-slider.owl-carousel .owl-prev {
    left: -35px;

}
.home-brand-slider.owl-carousel .owl-next {
    right: -35px;
}
.home-brand-slider.owl-carousel .owl-nav .fa {
    font-size: 40px;
    font-weight: 300;
}
/*End home ware brands css*/

/*map section*/
.india-from-one-platform {
    background-color: #2E3831;
    padding: 100px 75px;
}
.india-from-one-platform h2{
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 49px;
    border: 2px solid #fff;
    margin-bottom: 0;
    border-bottom: 0;
    padding: 10px 0;
    letter-spacing: 4px;
    min-height: 117px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.two-col-box {
    border: 2px solid #fff;
    border-bottom: 0 none;}
.col-box {
    height: 100%;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;

}

.col-box h3 {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    font-weight: 700;
    padding: 60px 0;
    text-transform: uppercase;
}
/* .in-map-image::before {
    position: absolute;
    content: "";
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/smart-sourcing-logo.svg);
    height: 184px;
    width: 180px;
    top: 24%;
    left: -70px;
    transform: translateY(-55%);
    background-size: cover;
} */
.smar-sol-logo {
    position: absolute;
    left: -70px;
    top: 100px;
}
.in-map-image , .map-image{ text-align: center;}
.map-image img {width: 100%;}
/*end map*/

/*subscription*/
.subscription-section {
    background: #F9F9F3;
    padding: 100px 0;
}
.subscription-section h2 {
    font-size: 40px;
    color: #2E3831;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 16px;
}
.subscribe-box{ border: 2px solid #2E3831;}
.subscribe-box .subscr-head{ text-align: center;     border-bottom: 2px solid #2E3831;
    padding: 20px 0;
    background-color: #E1DFD8;
}
.subscr-content h4 {
    font-size: 26px;
    line-height: 32px;
    color: #2E3831;
    letter-spacing: 1.3px;
    margin: 18px 0 30px;
    font-weight: 400;
}
.subscr-content {
    padding: 20px 10px 10px 20px;
    min-height: 477px;
    background: #fff;
}
.sub-text{font-size:30px;font-weight: 300; text-align: center; color: #2E3831;width:75%;margin:100px auto 30px auto;}

.subscr-head .level-title {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-bottom: 7px;
    letter-spacing: 1px;
}
.subscr-head h3{ letter-spacing: 1.5px; color: #2E3831; line-height: 37px; font-size: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: 0;}
.subscr-head h3 span { display: inline-block; font-weight: 400;}
.access-to-list{ margin: 0; padding: 0; list-style: none;}
.access-to-list li { font-size: 20px; line-height: 25px;color: #2E3831; margin-bottom: 8px; position: relative; padding-left: 18px;}
.access-to-list li strong { color: #2E3831;}
.access-to {
    margin: 5px 0 8px;
    font-size: 20px;
    font-weight: 400;
}
.access-to-list li:after{ position: absolute; content: "✓"; left: 0; top: 0; font-weight: 700;}
a.btn-book-demo{background:#2E3831;color: #fff;font-weight:600;font-size:20px;text-transform: uppercase;width:207px;text-align:center;margin:0 auto;
    height:54px;display: flex;align-items: center; justify-content: center; margin-top: 70px;}
a.btn-book-demo:hover{background-color:#54B898;  text-decoration: none;}
.thanks-icon { text-align: right;}
@media (min-width: 1200px){
    .subscription-section .container {
        max-width: 1362px;
    }
}
/*end subscription*/


/*---------- Footer------------*/
.footer-top{
    background-color: #383734;
    padding: 70px 40px 75px 40px;
}

@font-face {
    font-family: 'utopia';
    src: url('https://nu-find.com/bundles/global/fonts/utopia.eot');
    src: url('https://nu-find.com/bundles/global/fonts/utopia.eot') format('embedded-opentype'),
    /*url('https://nu-find.com/bundles/global/fonts/utopia.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/utopia.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/utopia.ttf') format('truetype'),
    url('https://nu-find.com/bundles/global/fonts/utopia.svg#utopia') format('svg');*/
}

 


@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/SofiaPro-Regular.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/SofiaPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/SofiaPro-Light.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/SofiaPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/SofiaPro-Bold.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/SofiaPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-Book.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-Light.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-BoldItalic.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-Bold.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-BookItalic.woff2') format('woff2'),
        url('https://nu-find.com/bundles/global/fonts/3SWebsite/FSEmeric-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


footer h3{ font-family: 'FS Emeric'; font-size: 25px; letter-spacing: 2.5px; line-height: 30px; color: #F2EFED; text-transform: uppercase; font-weight: bold; margin-bottom: 25px;}
.f-txt-content p { font-family: 'FS Emeric'; color: #F2EFED; font-size: 20px; font-weight: 300;}
.footer-social-links { display: flex; margin: 0; padding: 0; list-style: none;}
.footer-social-links  li{ margin-right: 20px;}
.footer-social-links  li a img { width: 34px;}
.f-txt-content {
    border-right: 2px solid #F9F9F3;
    height: 100%;
}
.f-txt-content a { color: #F9F9F3;}
.f-txt-content a:hover {
    opacity: 0.7;
}

.footer-form ::-webkit-input-placeholder {
    color:rgba(224,220,214,0.5);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#E0DCD6;
    color:rgba(224,220,214,0.5);
    font-family: 'FS Emeric';
}

.footer-form select {
    color:#E0DCD6;
    color:rgba(224,220,214,0.5);
}
.footer-form .form-group { margin-bottom: 0;font-family: 'FS Emeric'; font-weight: 300;}
.footer-form .form-control { border-radius: 0; background-color: transparent; font-size: 16px; color:#E0DCD6; color:rgba(224,220,214,0.5);border-color: #F9F9F3; color: #F9F9F3;font-family: 'FS Emeric'; font-weight: 300;}
.footer-form .form-control option { color: #E0DCD6;color:rgba(224,220,214,0.5);font-family: 'FS Emeric'; font-weight: 300;}
.btn-send {
    border-radius: 0;
    width: 100%;
    font-size: 16px;
    text-transform: capitalize;
    background-color: #F2EFED;
    color:#383734;
    letter-spacing:1.92px;
    font-family: 'FS Emeric';
    font-weight: bold;
}
.btn-send:hover{
    background-color: #54B898;
    color: #fff;
}

textarea.form-control {
    height: 215px;
}

footer .row >.col, footer .row >[class*=col-] {
    padding-right: 20px;
    padding-left: 20px;
}
.copyright-text {
    background: #000000;
    color: #F9F9F3;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    height: 67px;
    font-family: 'FS Emeric';
}

.footer ul.links {
    padding:0;
}

.footer ul.links li {
    margin-bottom:10px;
}

.footer ul.links a {
    color:#F2EFED;
    font-weight:300;
    font-size:20px;
    text-decoration:underline;
    font-family: 'FS Emeric';
}


/*select 2 css*/
.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 34px;
}
span.select2-selection.select2-selection--single {
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #F9F9F3 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 10px;
    width: 25px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #F9F9F3 transparent;
    border-width: 0 6px 8px 6px;
}
/*End select 2 css*/

/*Common form design*/
.form-commom-design { border: 1px solid #2e3831; margin: 50px 0;}
.form-commom-design .form-group { margin-bottom: 0;}
.form-commom-design .form-control { border-radius: 0; background-color: #fff; border:1px solid #2e3831; color: #2e3831; font-size: 20px; }
.form-commom-design .form-control option { color: #2e3831;}
.form-commom-design .btn-send {
    border-radius: 0;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    border: 1px solid #2e3831;
    background-color: #2e3831;
    color: #fff !important;
}
.form-commom-design .btn-send:hover{
    background-color: #54B898;
    color: #fff;
}
button.close {
    background: none;
    color: #fff;
    font-weight: 300;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 41px;
    width: 26px;
    height: 26px;
    opacity: 1;
    z-index: 1;
    line-height: 21px;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #fff;
    outline: none;
    text-decoration: none;
    opacity: .75;
}
.form-commom-design .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #2e3831;
    border-radius: 0;
    height: 38px;
}
.form-commom-design .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2e3831;
    line-height: 34px;
    padding-left: 13px;
    font-size: 20px;
}
.form-commom-design span.select2-selection.select2-selection--single {
    outline: none;
}
.form-commom-design .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2e3831 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.form-commom-design .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 10px;
    width: 25px;
}

.form-commom-design .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #383734 transparent;
    border-width: 0 6px 8px 6px;
}
.form-commom-design .select2-container { width: 100% !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #383734 !important;
    color: white !important;
}

.form-commom-design ::-webkit-input-placeholder { /* Edge */
    color: #2e383145 !important;
}

.form-commom-design :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2e383145 !important;
}

.form-commom-design  ::placeholder {
    color: #2e383145 !important;
}

/*---------- Loader css------------*/
.bs-loader-inner{
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    font-size: 40px;
    z-index: 99999;
    
}
.bs-loader i{
    height: 40px;
    
}

/*---------- portfolio with filter css------------*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;

    border-radius: 5px;
    text-align: center;

    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;

    border-radius: 5px;
    text-align: center;
    color: #ffffff;


}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

/*404 page*/
.four-zero-four-page {text-align: center; padding: 80px 0;}
.four-zero-four-page h1 {
    font-size: 152px;
    font-weight: 900;
    color: #2e3831;
    line-height: 150px;
}
.four-zero-four-page p { font-size: 26px; line-height: 31px; font-weight: 400; text-transform: uppercase; letter-spacing:1.2px;}
a.go-to-home-btn {
    background: #54B898;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    max-width: 230px;
    text-decoration: none;
}
a.go-to-home-btn:hover{
    background: #2E3831;
    color: #fff;
}

/*owl carousel defalut css*/

.owl-carousel .owl-prev, .owl-carousel .owl-next {
    position: absolute;
    top: 43%;
    transform: translateY(-43%);
}
.owl-carousel .owl-prev{
    left: 14px;
}
.owl-carousel .owl-next {
    right: 14px;
}
.owl-nav button{
    background: transparent;
    color: #fff;
    border: none;
    font-size: 50px;
    height: 45px;
    width: 18px;
}
.owl-nav button:hover{
    color: #54B898;
}
.owl-nav button:focus{
    outline: none;
}

.owl-carousel .owl-dots{
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.owl-carousel .owl-dots .owl-dot{
    background: rgba(255,255,255,0);
    border: 2px solid #f9f9f3;
    margin: 0 5px;
    padding: 0px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}
.owl-carousel .owl-dots .owl-dot:focus{
    outline: none;
}
.owl-carousel .owl-dots .owl-dot.active{
    background: #fff;
}

/*End owl carousel defalut css*/

/*home page css*/
.btn { border-radius: 0;}
.section-title h2{
    letter-spacing: 2.5px;
    color: #383734;
    font-size: 50px;
    line-height: 49px;
    font-weight: 700;
    font-family: 'Utopia';
    font-style: italic;
}
.product-box { max-width: 351px; margin: 0 auto;}
/* .product-img { background: #f9f9f3;} */
/* .product-img { background: #F2EFED;} */
.pro-btn-dv { margin-top: -25px; position: relative;}
.product-btn {
    background-color: #F2EFED;
    border: 0 none;
    color: #383734;
    max-width: 100%;
    width: 100%;
    height: 60px;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 auto;
}
.product-btn:hover, .product-box:hover .product-btn{
    background-color: #E0DCD6;
    color: #383734;
}
.product-factory .section-title h2{
        color: #F2EFED;
        padding-left: 90px;
        font-size: 50px;
        font-style: unset;
        font-family: 'FS Emeric';
}
.product-factory{
    background: #A7A39F !important;
}
.mt-70 {
    margin-top: 70px;
}
.owl-padding {
    padding: 0 40px;
}
.recently-viewed-sec {
    background-color:#64605D;
}
.recently-viewed-sec .section-title h2 { color:#F2EFED; font-family: 'FS Emeric'; font-weight:600;
 text-transform:capitalize; font-size:50px; padding-left:90px; font-style:unset; }

/* Signup page */
.signup .hero-banner .banner-caption-box{height:auto; opacity: 1;}
.hero-banner .tab-placeholder{padding:84px}
.hero-banner .user-tabs{border:1px solid #2E3831;width:100%}
.hero-banner .nav-tabs .nav-item{width:50%}
.hero-banner .nav-tabs .nav-link{background-color: #ECECE5;border:0;border-radius:0;text-transform:uppercase;font-size:20px;
    letter-spacing: 2.4px;font-weight:600;text-align:center;height:96px;line-height:96px;padding: 0;color:#2E3831 !important}
.hero-banner .nav-tabs .nav-link.active{background-color: #2E3831;color:white !important}
.hero-banner .form-group{margin:0;position:relative}
.hero-banner form input.form-control{border-radius: 0;font-size:20px;height:60px;border-color:#2E3831;border:0;border-top:1px solid #2E3831}
.hero-banner #login input.form-control{height:90px;}
/*.hero-banner #resetpsw form input.form-control{height:240px}*/
.hero-banner form .btn{font-size:20px;font-weight: 700;text-transform: uppercase;letter-spacing:2.4px;height:96px;line-height:93px;
    width:100%;text-align: center;color:white;background-color:  #2E3831;border:0}
.forgot-pass{position:absolute;font-size:12px;color:#2E3831;right:0;font-weight:300;right:30px;top:42px}

/* breadcrumb */
.breadcrumb{background:none; margin-bottom: 0px; padding-bottom: 0px; padding-left: 0;}
.quotes .breadcrumb {
    margin-bottom: 6px;
}

.breadcrumb ul{padding:0;margin: 0;}
.breadcrumb ul li{list-style:none;display: inline-block;color:#383734;font-size: 15px;}
.breadcrumb ul li::before{content:">";margin:0 5px;display:inline-block}
.breadcrumb ul li:first-child::before{content:""; margin: 0;}
.breadcrumb ul li:last-child { font-weight: 700 !important; color: #383734;}
.breadcrumb-item+.breadcrumb-item::before {
    content: '>';
    color: #000;
    margin: 0;
}
 

.page-title{font-size:40px;font-weight:600; color:#383734;font-family: 'FS Emeric';}

/* product listing */
.col-left.sidebar{background:#F2EFED;}
.col2-left-layout h5{background:#383734;color:#F2EFED;font-size:23px;font-weight:600;height:74px;line-height:74px;padding:0 28px;margin:0;
    font-family: 'utopia';}
.block{font-size:17px;color:#2E3831;padding:24px 28px 0;float:left;width:100%}
.block .shades li {margin-bottom:5px;}
.block-title{font-size:24px; margin-bottom:6px;font-family: 'FS Emeric';color:#383734; font-weight: 700;}

label.container{float:left;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
    width:33.33%;height:43px;line-height:43px;text-align:center;margin:0}
.two-item label.container{width:50%}
label.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#E0DCD6;font-weight:300;font-family: 'FS Emeric'; color:#383734; font-size:15px;}
.container:hover input ~ .checkmark{background-color:#ECECE5}
.container input:checked ~ .checkmark {background-color: #383734;color:#F2EFED;}

.product-item{color:#2E3831}
.product-item:hover{text-decoration:none}
.product-img{position: relative;}
.product-img .agenda{background:#E0DCD6;color:#383734;position:absolute;left:0;
    font-family: 'FS Emeric';bottom:0;font-size:17px;font-weight:700;padding:12px 15px;
    display: inline-block;
    min-width: 122px;
    text-align: center;}
.product-img .new-product{position: absolute;top:0;left:0;color:#FFFFFF;background:#E7C15E;font-size:17px;font-weight:700;padding:12px 15px; min-width:122px;text-align:center;
    font-family: 'utopia'; font-weight:400;}
.product-img .wishlist, .board-level-wishlist-icon .wishlist{width:20px;height:23px;background:url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/wishlist-icon.svg');background-size: 100%;position: absolute;right:0;top:0;background-repeat: no-repeat;}
.product-img .socio-share{width:25px;height:25px;background:url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/share-icon.svg');background-size: 100%;position: absolute;right:0;bottom:0}
.product-desc{padding:15px 12px}
.catalog-listing-params .product-desc {
    padding: 15px 12px;
    background: #F2EFED;
}
.product-desc h6{
    font-size: 20px;
    color: #383734;
    line-height: 31px;
    font-weight: 700;
    margin: 0;
    font-family: 'FS Emeric';
}
.product-desc .material{font-size:23px;font-weight: 300;margin-bottom:5px;}
.product-desc .prod-gist{color:#383734;font-family: 'FS Emeric';font-size:16px; font-weight:300;}
.product-desc .shades{padding:0;display: inline-block;margin:0;vertical-align:middle;}
.product-desc .shades li{list-style: none;display: inline-block;margin-right:3px;border-radius:50%;}
.product-desc .plus-styles{color:#383734;font-family: 'FS Emeric';font-size:18px;font-weight:400;display: inline-block;vertical-align: middle;margin-left:10px;}

/* signup page */
.how-it-works{background-color:#F297A1}
.how-it-works h2::after{background:#54B898}
.how-it-works .row{margin-top:150px}
.how-it-works .col-box{border:2px solid white;text-align: center;padding:25px;transition: all 0.5s ease;}
.how-it-works .col-box:hover{background-color: white;}
.how-it-works .col-box:hover span{color:#F297A1}
.how-it-works .col-box span{color:white;font-size:190px;font-weight:200;line-height:normal}
.how-it-works .col-box h3{color:#2E3831;font-size:22px;padding:0;letter-spacing:0.44px;}
.how-it-works .col-box p{font-size:22px;font-weight:300;margin:0;line-height:normal}
.how-it-works-content{}
section.no-padding{padding:0 !important}

.dark-pop .modal-content{background-color:#fff;
    color:#A7A39F;
    font-size:20px;
    padding:45px;
    min-height:545px;
    letter-spacing:1px;
    border-radius: 8px;
}
.dark-pop .modal-content a {
    color:#A7A39F;
}
.dark-pop h2{color:#383734;font-size:30px;font-weight:700;position: relative;letter-spacing: 1px;
     
    font-weight: 700; text-align:center; margin-bottom:0px; }
.dark-pop #signup_success h2{color:#D19688;font-size:30px;position: relative;letter-spacing: 1.5px;
    font-family: 'FS Emeric';
    font-weight: bold; text-align:center; margin-bottom:0px; }
.dark-pop #signup_success p {
    color:#383734;
    font-size:20px;
    font-family: 'FS Emeric';
    line-height:31px;
    margin-bottom:30px;
}
.dark-pop #signup_success .pop-form-wrapper {
    margin:40px 0 0;
}

.dark-pop #signup_success p b {
    font-family: 'FS Emeric';
    font-weight: 700;
}

.dark-pop button.close{background:white;opacity:1; 
    color:#2E3831;font-weight:100;font-size:72px;
    width:27px;height:27px;line-height:22px; top:30px; right:30px;}
.dark-pop .close:not(:disabled):not(.disabled):focus, .dark-pop .close:not(:disabled):not(.disabled):hover{color:#2E3831}
.pop-form-wrapper{margin: 60px 0 0;position:relative}
.form-input-wrapper{border: 1px solid #f9f9f3;}
.pop-form-wrapper .form-control{height:50px;border-radius:99px;background-color: #F2EFED;
    border: 1px solid #FFFFFF;color: #A7A39F;
    font-size: 15px;font-family: 'FS Emeric';letter-spacing: 1px;margin-bottom: 10px;}
.pop-form-wrapper .form-group { margin-bottom: 0; position: relative;}
.pop-form-wrapper .btn-wrapper{margin-top:15px}
.pop-form-wrapper button{background:#688563;color:white; text-transform: uppercase;font-size:15px;font-weight:400;
    padding: 10px 12px;letter-spacing:1px; border-radius: 99px; text-decoration: none !important;}
.select2-container{width:100% !important; z-index:999;}
.section-padding{padding:126px 60px}
.dark-pop h3{color:#A7A39F;font-weight:400;font-family: 'FS Emeric';font-size:20px;letter-spacing:1px; text-align:center; margin:17px 0;}
.dark-pop .checkmark{background-color:#F2EFED;border:1px solid #fff;font-family: 'FS Emeric';color:#A7A39F;font-weight:400}
.dark-pop label.container{width:100%;height:60px;line-height:60px;}
.dark-pop .container input:checked ~ .checkmark{background-color:#383734;color: #fff !important;}
.dark-pop .container:hover input ~ .checkmark{background-color:#383734;color: #fff !important;border-color:#fff!important;}
#retailer{display:none;animation-iteration-count: 1;}
.btn-previous::before {content:'';width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;
    border-right:10px solid white;display: inline-block;float:left;margin-top:5px;}
.btn-next::before{content:'';width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;
    border-left:10px solid white;display:inline-block;float:right;margin-top:5px}
.selected {

    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;

    display: block !important;
}

.dismiss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
    display: none;
}
.intl-tel-input.allow-dropdown .selected-flag{
    border-radius: 99px 0 0 99px;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}
.hidden {
    display: none !important;
}
.btn.disabled {
    opacity: 0.3;
    pointer-events: none;
}
.ques-no{font-size:14px;letter-spacing:0.7px;font-weight:600;position: absolute;top:-40px}
.ques-no strong{font-weight:600}
.file-upload{opacity:0;position:absolute;width:100%;}
.file-upload-label{display:block;cursor:pointer}
.file-upload-label::after{content:"";width:25px;height:25px;background:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/papericon.png) center center no-repeat;background-color:#F9F9F3;
    border-radius:50%;position: absolute;right:23px;top:6px;cursor:pointer;pointer-events: none;}
.remove-file{display:none;content:"";width:25px;height:25px;background:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/remove-file-icon.svg) center center no-repeat;background-color:#F9F9F3;
    border-radius:50%;position: absolute;right:25px;top:17px;cursor:pointer}
.remove-file.attached{display: block;}


/*** SHOP PAGE 08/04/2021 **/
.bread-info {
    padding-top:45px;
    padding-bottom:25px;
}

.bread-info p {
    color:#2E3831;
    font-size:16px;
    padding:0 24px;
}

#shop-page h6 {
    color:#64605D;
    font-size:23px;
    font-weight:400;
    margin-top:0;
    display:inline-block;
    width:100%;
    font-family: 'FS Emeric';
}

#shop-page h2 {
    color:#383734;
    font-size: 40px;
    font-family: 'utopia';
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0px;
}

#shop-page h2 span {
    color:#2E3831;
    font-size:30px;
    font-weight:400;
}

#shop-page p {
    font-size: 23px;
    font-weight: 400;
    font-family: 'FS Emeric';
    color:#383734;
    margin-bottom:12px;
}

#shop-page .card {
    border:none;
    border-radius:0;
    background:none;
    margin-bottom:3px;
}

#shop-page .card-header {
    border:none;
    border-radius:0;
    background:none;
    padding:0;
}

#shop-page .card-header button {
    display:inline-block;
    width:100%;
    background:#ECECE5 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up.png) 97% 50% no-repeat;
    text-align:left;
    color:#2E3831;
    padding:10px 15px;
    letter-spacing:3px;
    font-size: 25px;
    font-weight: 300;
    text-transform:uppercase;
}

#shop-page .card-header button.collapsed {
    background:#ECECE5 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down.png) 97% 50% no-repeat;
}

#shop-page .card-body {
    padding:5px 13px 0px 13px;
}

#shop-page .inf h3 {
    color:#383734;
    font-size:17px;
    font-family: 'FS Emeric';
    font-weight:bold;
    background:#F2EFED;
    margin-bottom:0px;
    line-height:59px;
    min-height:59px;
    height:100%;
    padding:0 15px;
}

#shop-page .inf .stt {
    padding:2px 2px;
}

#shop-page .inf .bgs {
    display:inline-block;
    width:100%;
    background:#F2EFED;
    margin-bottom:2px;
    padding:0 15px;
    padding-top:15px;
    padding-bottom:10px;
    min-height:59px;
    height:100%;
}

#shop-page .inf span {
    border:1px solid #2E3831;
    color:#2E3831;
    display:inline-block;
    background:#fff;
}

#shop-page .inf span label {
    display:inline-block;
    line-height:34px;
    width:34px;
    text-align:center;
    color:#2E3831;
    font-size:19px;
    margin:0;
}

#shop-page .inf span input {
    display:inline-block;
    line-height:34px;
    width:54px;
    text-align:center;
    color:#696F6A;
    font-size:19px;
    border:none;
    border-left:1px solid #2E3831;
    border-radius:0;
}

#shop-page .inf span input.lt {
    width:60px;
}

#shop-page .bt {
    margin-bottom:20px;
}

#shop-page h4 input {
    color:#696F6A;
    font-size:14px;
}

#shop-page h4 {
    display:inline-block;
    color:#696F6A;
    font-size:11px;
}

#shop-page h4 input {
    display:inline-block;
    line-height:20px;
    width:70px;
    font-size:16px;
    text-align:center;
    vertical-align:middle;
    margin-right:5px;
    border-radius:0;
    border:1px solid #2E3831;
}

input,select,textarea {
    outline:none;
}

#shop-page .link {
    display:inline-block;
    width:100%;
    background:#2E3831;
    line-height:30px;
    color:#F9F9F3;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    position:relative;
    letter-spacing:2px;
}

#shop-page .link .lts {
    position:absolute;
    top:2px;
    left:4px;
}

#shop-page .link .rts {
    position:absolute;
    top:5px;
    right:4px;
    max-width:9px;
}

.sp-none {
    padding:0;
}

#shop-page .btns {
    margin-top:0px;
}

#shop-page .btns a.add-cart {
    line-height:54px;
    display:inline-block;
    width:100%;
    color:#F2EFED;
    background:#688563;
    font-size:23px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    margin-bottom:10px;
}

#shop-page .btns a {
    vertical-align:middle;
}

#shop-page .btns .pdd {
    color: #383734;
    font-size: 17px;
    font-family: 'FS Emeric';
    font-weight: bold;
    letter-spacing:0.85px;
}

#shop-page .owl-dots {
    display:none;
}

#shop-page .btns a img {
    max-width:51px;
}

#shop-page #sync1 {
    padding-left:80px;
}

div#sync2 {
    position: absolute;
    top: 0;
    left: 15px;
    width: 81px;
    height: 100%;
}

#shop-page .inf .rd-imgs .bgs  img {
    width:25px;
    height:25px;
}

#shop-page .inf .rd-imgs .bgs a {
    margin-right:2px;
}

#shop-page .inf .rd-imgs .bgs a:last-child img {
    margin-right:15px;
}

#shop-page .inf .rd-imgs .bgs {
    color:#383734;
    font-size:20px;
    font-family: 'FS Emeric';
    font-weight: 300;
}

#shop-page .inf .dime p {
    color:#2E3831;
    font-size:18px;
    margin-bottom:20px;
    margin-top:10px;
    font-weight: 300;
}

#shop-page .inf .dime p e.cust  {
}


#shop-page .inf .dime  em.cst {
    font-size:23px;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-style:normal;
}

#shop-page .inf .noti textarea{font-size:23px;color:#696F6A;font-weight:100;height:140px;margin-bottom:10px;background:transparent;border:none;padding:0}
#shop-page .inf .noti .file-upload-label{font-size:23px;color:#8c918c;font-weight:bold;background:transparent;border:none;letter-spacing:1.15px;padding:5px 0}
#shop-page .inf .noti .file-upload-label::after{right:5px}
#shop-page .inf .noti .remove-file{right:5px}
#shop-page .inf .noti .remove-file.attached{display:block !important;background:#cdcec9 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/remove-file-product.svg) center center no-repeat;border:none}
#shop-page .inf .findi h3 {
    padding:0 15px;
    color: #383734;
    font-size: 17px;
    font-family: 'FS Emeric';
    font-weight: bold;
}

#shop-page .inf .findi h3 span {
    font-size: 23px;
    color:#818780;
    font-weight:300;
    border:none;
    background:none;
}

#shop-page .inf .findi h3 a{background:#ef9217;color:#fff;display:inline-block;padding:3px 25px;text-transform:uppercase;font-size:17px;line-height:30px;
    margin-left:15px;letter-spacing:2.04px;}

#shop-page .inf .findi h3 a{
    background:#E7C15E;
    color:#FFFFFF;
    line-height:41px;
    font-family: 'FS Emeric';
    font-weight: bold;
    letter-spacing:2.04px;
    padding:0 40px;
    float:right;
    min-width:260px;
    margin-top:9px;
    text-align:center;
}

/**** ***/
#part-info {
    padding:150px 0;
}

#part-info .bg {
    background:#2E3831;
    padding:50px;
    position:relative;
    z-index:9;
    padding-top:40px;
}

#part-info .bg h6 {
    color:#F9F9F3;
    font-size:12px;
    font-weight:300;
    margin:0;
}

#part-info .bg h2 {
    color:#F9F9F3;
    font-size:24px;
    font-weight:300;
    margin:0;
    margin-top:7px;
    margin-bottom:25px;
    line-height:1;
}

#part-info .bg h2 span {
    font-size:12px;
    font-weight:600;
}

#part-info .bg h2 span em {
    font-style:normal;
    font-weight:300;
}

#part-info .bg p {
    color:#F9F9F3;
    font-size:12px;
    font-weight:300;
    margin:0;
    letter-spacing:2px;
    margin-bottom:25px;
}


#part-info .bg .l-btn {
    line-height:30px;
    padding:0 15px;
    display:inline-block;
    color:#2E3831;
    background:#F9F9F3;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}


#part-info .img img {
    margin-top:70px;
    margin-left:-120px;
}

.slick-list.draggable {
    margin-top:0px;
    background: #F2EFED;
    margin-bottom: 10px;
}





/*USE CSS for Slider*/

.vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}
.banner-slider .slider.slider-for {
    /* max-width: 90%;
    padding-left: 100px; */
}
.banner-slider .slider.slider-nav {
    max-width: 16%;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
    /* width: 100%;
    float: left; */
}
.banner-slider .slider.slider-nav {
    height: 610px;
    overflow: hidden;

}
.slider-banner-image {
    height: 610px;
}
.banner-slider .slider.slider-nav {
    padding: 20px 0 0;
    width:85px;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{
    max-width: 178px;
    height: 110px;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width:100%;
    object-fit: cover;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
    border: 0;
    outline: 0;
}
.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
}
.slider-nav .slick-slide.slick-current span {
    color: #196DB6;
}
.slider-nav .slick-slide {
    text-align: center;
}
.slider-nav .slick-slide span {
    font-size: 14px;
    display: block;
    padding: 5px 0 15px;
}
.slick-arrow {
    width: 100%;
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}
.slick-prev {
    top: 0;
}
.slick-next {
    bottom: 0;
    background-color: #fff;
}
.slick-list {
    margin-top:20px;
    /* height: 100% !important; */
}

.slider.thumb-image  .slick-slide {
    border:0px;
    margin-right: 10px;
}
.slick-prev.slick-arrow {
    background:#2E3831;
    height:41px;
    background:#2E3831 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up-black.png) 50% 50% no-repeat;
    background-size:18px auto;
}
.slick-next.slick-arrow {
    background:#2E3831;
    height:41px;
    background:#2E3831 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down-black.png) 50% 50% no-repeat;
    background-size:18px auto;
}

.slider.thumb-image  .slick-slide.slick-current .thumbImg {
    border:2px solid #2E3831;
    width: 100px;
    height: 100px;
    
}
.slider.thumb-image  .slick-slide .thumbImg {
    width: 100px;
    height: 100px;
    
}
.slider.thumb-image  .slick-slide  .thumbImg img {
    width:100px !important;
    height: 95px;
    object-fit: contain;
}

.thumb-image .slick-slide>div {
    display:inline-block;
    width:100%;
    float:left;
}

.thumbnail-image {
    width:100%;
    float:left;
}



/*End USE CSS for Slider*/

@media screen and (max-width : 991px) {

    .banner-slider .slider.slider-for,
    .banner-slider .slider.slider-nav {
        max-width: 100%;
        float: none;
    }
    .banner-slider .slider.slider-for {
        padding-right: 0;
    }
    .banner-slider .slider.slider-nav {
        height: auto;
    }
    .slider-banner-image {
        height: 500px;
    }
    .slider.slider-nav.thumb-image {
        padding: 10px 30px 0;
    }
    .slider-nav .slick-slide span {
        padding: 5px 0;
    }
    .slick-arrow {
        padding: 0;
        width: 30px;
        height: 30px;
        top: 50%;
        bottom: 0;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    .slick-prev {
        left: 0;
        right: unset;
    }
    .slick-next {
        left: unset;
        right: 0;
        background-color: transparent;
    }
    .vehicle-detail-banner .car-slider-desc {
        max-width: 340px;
    }
    .bid-tag {
        padding: 10px 0 15px;
    }
    .slider.slider-nav.thumb-image {
        white-space: nowrap;
    }
    .thumbnail-image.slick-slide {
        padding: 0px 5px;
        min-width: 75px;
        display: inline-block;
        float: none;
    }
}


@media screen and (max-width : 767px) {
    .slider-banner-image {
        height: 400px;
    }
    .slider.slider-nav.thumb-image {
        padding: 0px 20px 0;
        margin: 10px 0px 0;
    }
    .slider-nav .slick-slide.thumbnail-image .thumbImg {
        max-width: 140px;
        height: 80px;
    }
    .slick-prev.slick-arrow {
        background-position: center 10px;
    }
    .slick-next.slick-arrow {
        background-position: center 10px, center;
    }
    .slider-nav .slick-slide span {
        font-size: 12px;
        white-space: normal;
    }
    .flush-xs-mob {
        padding: 0 !important;
    }
    .global_supplier_suppliers h2 .no-style, .shop-factory h2 .no-style{
        font-size: 35px !important;
    }
}

@media screen and (max-width: 580px) {
    .slider-banner-image {
        height:340px;
    }
}

@media screen and (max-width : 480px) {
    .slider-banner-image {
        height:280px;
    }
}


/* Media Css */
@media only screen and (max-width: 767px) {
    #part-info .img img {
        margin-top:20px;
        margin-left:0px;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1169px) {
    #part-info .img img {
        margin-left: -40px;
    }


}

/******** NEW CSS 4-9-2021 ********/

#shop-page h4 {
    display:inline-block;
    color:#696F6A;
    font-size: 15px;
    line-height:30px;
}

#shop-page h4 input {
    display:inline-block;
    line-height:30px;
    width:180px;
    font-size:20px;
    text-align:center;
    vertical-align:middle;
    margin-right:5px;
    border-radius:0;
    border:1px solid #2E3831;
}

#shop-page h4 input::-webkit-input-placeholder {
    color:#2E3831;
}


#shop-page .inf.fts p {
    margin:10px 0 25px 0;
}

#shop-page .inf span label {
    width: auto;
    min-width: 34px;
    padding: 0 9px;
    float: left;
}

#shop-page .btns a.add-cart {
    line-height: 54px;
    font-size: 23px;
    vertical-align: top;
    margin-left:0px;
    margin-right:1px;
    width:calc(100%);
}

#shop-page .btns a {
    vertical-align: top;
    display:inline-block;
    float: left;
    margin-left:5px;
}

#shop-page .btns a img {
    max-width: 56px;
    vertical-align: top;
    margin-top:-1.5px;
}

#shop-page .labels {
    border-top:2px solid #E0DCD6;
    padding:0;
}

#shop-page .labels a:first-child {
    border:1px solid #FFFFFF;
}

#shop-page h6 {
    margin-top:10px;
}

#shop-page .labels a {
    display:inline-block;
    border:1px solid #FFFFFF;
    color:#383734;
    line-height:43px;
    text-align:center;
    font-size:18px;
    min-width:110px;
    padding:0 10px;
    font-family: 'utopia';
    font-weight:400;
    border-left:0;
    margin-top:-2px;
    background:#E0DCD6;
    margin-left:-4px;
}

#shop-page .inf .last span {
    margin-right:10px;
    margin-bottom:10px;
}

/*#shop-page .inf .last span input {
    width:120px;
    font-size:16px;
}*/
#shop-page .inf .last span input{color:#696F6A;font-size:18px;min-width: 29px;padding: 0 5px;float:left;border:0;width:46px}

#shop-page .inf .last span .lt {
    font-size:18px;
    color: #2E3831;
    border-left: 1px solid #2E3831;
    padding:0 5px;
}

#part-info .bg h6 {
    color:#F9F9F3;
    font-size:17px;
    font-weight:300;
    margin:0;
}

#part-info .bg h2 {
    font-size:45px;
    margin-top:15px;
    margin-bottom:25px;
    line-height: .6;
}

#part-info .bg h2 span {
    font-size:17px;
    letter-spacing:1.3px;
}

#part-info .bg p {
    font-size:17px;
    margin-bottom:35px;
}

#part-info .bg .l-btn {
    line-height:35px;
    padding:0 15px;
    font-size:13px;
    font-weight:bold;
}

#shop-page h6 {
    margin-top: 0px;
    margin-bottom: 35px;
}

#shop-page h2 {
    margin-top: 20px;
    margin-bottom:10px;
}

#shop-page .inf .rd-imgs .bgs img {
    width: 34px;
    height: 34px;
}

#shop-page .inf .dime p {
    font-size:20px;
}

#shop-page .inf span {
    background:none;
}

#shop-page .link {
    font-size:17px;
    margin-top:5px;
    margin-bottom:15px;
}

#shop-page .bgs .infin {
    color:#2E3831;
    font-size:23px;
    display:inline-block;
    vertical-align:middle;
    font-family: 'FS Emeric';
}

#shop-page .bgs .infin input {
    border:1px solid #2E3831;
    height:30px;
    width:183px;
    text-align:center;
    color:#696F6A;
    font-size:18px;
    font-family: 'FS Emeric';
    font-weight:300;
    text-align:center;
    text-transform:uppercase;
    margin:0;
    margin-right:5px;
    background:none;
}


#shop-page .ttd .bgs h5 {
    color:#2E3831;
    font-size:23px;
    font-family: 'FS Emeric';
    margin:0 0 7px 0;
    line-height:29px;
}

#shop-page .inf span input, #shop-page h4 input {
    background:none;
}

#shop-page .ttd .bgs p em {
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
    font-style:normal;
}

#shop-page .ttd .bgs p em img {
    margin-top:-5px;
    margin-right:10px;
    vertical-align:middle;
}

#shop-page .ttd .bgs p {
    color:#2E3831;
    font-size:18px;
    font-family: 'FS Emeric';
    font-weight:300;
    margin:0;
}

.slider-nav .slick-list.draggable {
    margin-top:20px;
}

#cart-btn {
    position:relative;
    display:inline-block;
}

#cart-btn>a {
    display:inline-block;
    position:relative;
}

#cart-btn>a>span {
    display:inline-block;
    position:relative;
    color:#F9F9F3;
    font-size:14px;
    font-weight:bold;
    position:absolute;
    top:0;
    left: 0;
    padding: 3px 0 0 6px;
    width:100%;
    text-align:center;
}

.cart-div.active {
    display:block;
}

.cart-div {
    float:left;
    width:490px;
    min-height:225px;
    background:#FFFFFF;
    position:fixed;
    top:0px;
    right:0px;
    z-index:999;
    border:2px solid #FFFFFF;
    padding:0px 15px;
    padding-bottom:0;
    display:none;
}

.cart-div .img-div {
    display:inline-block;
    width:100%;
    background:#fff;
    padding:15px 5px;
}

.cart-div h3 {
    color: #383734;
    font-family: 'FS Emeric';
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 45px;
    margin-bottom: 25px;
    padding-left:20px;
}

.cart-div h3 span {
    color: #383734;
    font-size: 20px;
    font-weight: 400;
}

.cart-div .cre {
    display:inline-block;
    background:#2E3831;
    width:195px;
    height:47px;
    color:#F9F9F3;
    font-size:13px;
    padding-top:5px;
    padding-left:40px;
    font-weight:300;
    letter-spacing:.8px;
    position:relative;
    margin-bottom: 30px;
}

.cart-div .s-btn.ft {
    background:#E0DCD6;
}

.cart-div .s-btn {
    display:inline-block;
    background:#F2EFED;
    width:100%;
    height:50px;
    line-height:50px;
    color:#383734;
    font-size:15px;
    padding-left:25px;
    font-family: 'FS Emeric';
    font-weight:bold;
    letter-spacing:0px;
    position:relative;
    margin-bottom: 3px;
    text-align:left;
}

.cart-div .cre img {
    position:absolute;
    top:50%;
    margin-top:-7px;
    left:15px;
}

.cart-div .see-cart {
    display:inline-block;
    background:#383734;
    width:100%;
    line-height:50px;
    color:#F2EFED;
    font-size:15px;
    text-align:center;
    letter-spacing:0px;
    font-family: 'FS Emeric';
    font-weight:bold;
    position:relative;
}

.bree p {
    color:#383734;
    font-size:20px;
    line-height:40px;
    font-family: 'FS Emeric';
}

.bree p .dropdown {
    display:inline-block;
    vertical-align:middle;
    margin:0;
    margin-left:18px;
    margin-top: 10px;
}


.bree p .dropdown-toggle {
    margin:0;
    padding:0;
    line-height:40px;
    width:131px;
    border:none;
    box-shadow:none;
    background:#E0DCD6;
    color:#383734;
    font-size:16px;
    font-family: 'FS Emeric';
    font-weight:bold;
}

.bree p .dropdown-toggle:hover, .bree p .dropdown-toggle:focus {
    background:#A7A39F;
    outline:none;
    color:#fff;
    box-shadow:none;
}

.bree p .dropdown .dropdown-menu {
    width:131px;
    background:none;
    border:none;
    padding:0;
    margin:0;
    box-shadow:none;
    outline:none;
    transform:none !important;
    top:43px !important;
    z-index: 99;

}

.bree p .dropdown .dropdown-item {
    line-height:40px;
    width:131px;
    border:none;
    box-shadow:none;
    background:#E0DCD6;
    color:#383734;
    font-size:13px;
    font-family: 'FS Emeric';
    text-align:center;
    padding:0;
    text-transform:uppercase;
    letter-spacing:1.5px;
    border-top:3px solid #fff;
}
.select-box .bree p .dropdown .dropdown-item {
    white-space: pre-wrap;
    min-height: 42px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-break: anywhere;
    padding: 5px;
}

.bree p .dropdown .dropdown-item:hover, .bree p .dropdown .dropdown-item.active {
    background:#383734;
    color:#F2EFED;
    border-top:3px solid #2E3831;
}


.col2-left-layout h5 {
    font-weight:bold;
}

#product-infos .styles .container input:checked ~ .checkmark {
    background-color: #2E3831;
    color: white;
}

#product-infos .styles .checkmark {
    font-family: 'Halant', serif;
    font-size:20px;
    color:#2E3831;
    font-weight:500;
    letter-spacing:3.2px;
}

#product-infos .styles .checkmark {
    font-family: 'Halant', serif;
}

#product-infos .styles .checkmark.s-2 {
    font-family: 'Nunito', sans-serif;
    font-size:20px;
    letter-spacing:1.6px;
    font-weight:300;
}

#product-infos .styles .checkmark.s-3 {
    font-family: 'Alegreya Sans', sans-serif;
    letter-spacing:2.8px;
}

#product-infos .styles .checkmark.s-4 {
    font-family: 'Amiko', sans-serif;
    font-size:15px;
    font-weight:bold;
    letter-spacing:0px;
}

#product-infos .styles .checkmark.s-5 {
    font-family: 'BioRhyme', serif;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.2px;
}

#product-infos .styles .checkmark.s-6 {
    font-family: 'Belleza', sans-serif;
    letter-spacing:0px;
    font-weight:400;
}

#product-infos .styles .checkmark.s-7 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size:22px;
    font-weight:bold;
    letter-spacing:2.64px;
}

#product-infos .styles .checkmark.s-8 {
    font-family: 'BioRhyme', serif;
    font-size:18px;
    font-weight:300;
    letter-spacing:2.88px;
}



.product-item  {
    float:left;
    width:100%;
}

.product-img {
    position:relative;
}
.product-factory .product-img , .recently-viewed-slider .product-img {
    padding: 35px;
}

.product-img .agenda {
    position:relative;
}

.product-item .agei-posi {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
}


.product-img .new-product.b-seller {
    background:#2e3831;
}

.product-img .wishlist, .board-level-wishlist-icon .wishlist {
    right: 10px;
    top: 15px;
    z-index: 999;
}

.product-desc h6 {
    margin-top:10px;
}

.product-img .socio-share {
    right: 15px;
    bottom: 15px;
}

.pagi ul{
    list-style:none;
    display:inline-block;
    padding:0;
    margin:0;
    margin-top:100px;
    margin-bottom:120px;
}
.pagi .product_pagi{
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-align: center;
    background: #F2EFED;
    margin: 0 auto;
    width: auto;
    padding: 8px 2px 8px 15px;
    border-radius: 99px;
}
.pagi ul li {
    display:inline-block;
    margin-left:-5px;
    vertical-align:top;
}

.pagi ul li a, .pagi ul li input {
    display:inline-block;
    width:63px;
    line-height:63px;
    border:1px solid #2E3831;
    border-left:none;
    color:#2E3831;
    font-size:27px;
    font-weight:300;
    text-align:center;
    vertical-align:top;
}

.pagi ul li a.arr-1, .pagi ul li a.arr-2  {
    font-size:28px;
}


.pagi ul li a:hover, .pagi ul li a.active {
    background: #383734;
    color:#F9F9F3;
}

#shop-page .inf .bgs .progress {
    border: none;
    color:  #383734;
    display: -ms-flexbox;
    display: flex;
    display:inline-block;
    background: none;
    width:80px;
    height:24px;
    border-radius:0;
    background:none;
    border-top:2px solid  #383734;
    border-bottom:2px solid  #383734;
    vertical-align:middle;
    padding:0 2px;
    margin-top: -5px;
    margin-right: 10px;
}

#shop-page .inf .bgs .progress .progress-bar {
    background: none;
    display: flex;
    display:inline-block;
    height: 24px;
    margin-top: -2px;
    background:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/line-repeat.png) 50% 50% repeat-x;
}


.col2-left-layout .spss {
    margin-bottom:25px;
}

.col2-left-layout .spss .item {
    padding-top:50px;
    padding-left:40px;
}

.col2-left-layout .spss  .owl-carousel .owl-dots  {
    display:none;
}

.col2-left-layout .spss .sdlir {
    padding-left:90px;
    padding-right:50px;
}

.col2-left-layout .spss .owl-item {
    vertical-align:middle;
}

.col2-left-layout .spss .sdlir .item {
    padding-left:24px;
    vertical-align:middle;
}

.col2-left-layout .flider .item img {
    min-height:450px;
}

.col2-left-layout .flider .item img.bddd {
    border:1px solid #2E3831;
}


.col2-left-layout .flider .bgs-info {
    background: #383734;
    padding: 50px;
    position: absolute;
    /*top:-50px;*/
top:-25px;
    left:-40px;
    z-index: 9;
    padding-top: 40px;
}

.col2-left-layout .flider .bgs-info h6 {
    color: #F2EFED;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    letter-spacing:2.04px;
    font-family: 'FS Emeric';
}

.col2-left-layout .flider .owl-nav {
    display:none !important;
}

/* .col2-left-layout #syncs1-2.flider .bgs-info h2 {
    font-family: 'Halant', serif;
    letter-spacing:6.3px;
}

.col2-left-layout #syncs1-3.flider .bgs-info h2 {
    letter-spacing:2.64px;
}

.col2-left-layout #syncs1-4.flider .bgs-info h2 {
    font-family: 'Belleza', sans-serif;
    letter-spacing:0;
} */

.col2-left-layout .flider  .bgs-info h2 {
    color: #F2EFED;
    font-weight: 300;
    margin: 0;
    font-size: 44px;
    margin-top: 15px;
    margin-bottom: 25px;
    letter-spacing:7.04px;
    line-height: 1;
}

.col2-left-layout .flider .bgs-info h2 span {
    font-size: 17px;
    font-weight: 400;
    font-family: 'FS Emeric';
    letter-spacing:2.04px;
}

.col2-left-layout .flider .bgs-info h2 span em {
    font-style: normal;
    font-weight: 300;
    font-family: 'FS Emeric';
}


.col2-left-layout .flider .bgs-info p {
    color: #F2EFED;
    font-weight: 300;
    margin: 0;
    letter-spacing: 2px;
    font-size: 17px;
    margin-bottom: 35px;
    font-family: 'FS Emeric';
    letter-spacing:1.7px;
}

.col2-left-layout .flider .bgs-info .l-btn {
    display: inline-block;
    color: #383734;
    background: #F2EFED;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    padding: 0 24px;
    font-size: 13px;
    font-family: 'FS Emeric';
    letter-spacing:1.56px;
}

.col2-left-layout .sdlir {
    z-index:9999;
    margin-top:-110px;
    display: none;
}

.col2-left-layout .sdlir .p-name {
    border-top:1px solid #2E3831;
    text-align:center;
    background:#fff;
    color:#2E3831;
    font-size:16px;
    font-weight:bold;
    line-height:35px;
}

.col2-left-layout .sdlir .bdr {
    display:inline-block;
    width:99%;
    border:1px solid #2E3831;
}

.col2-left-layout .sdlir .sds {
    margin-top:-50px;
}

.col2-left-layout .sdlir .fds {
    margin-top:-50px;
}

.col2-left-layout .sdlir  button .fa {
    font-size:12px !important;
}

.col2-left-layout .sdlir  button.owl-prev {
    top:70%;
    left:80px;
}

.col2-left-layout .sdlir  button.owl-next {
    top:70%;
    right:00px;
}

.pagi.top-none ul {
    margin-top:0;
}

.col2-left-layout .flider .item img.bddd {
    /* right:10px; */
    position: relative;
}




/* Media Css */

@media only screen and (max-width: 767px) {

    .cart-div {
        width:300px;
        right:-60px;
    }

    .col2-left-layout h5 {
        font-size: 17px;
        font-weight: 700;
        height: 60px;
        line-height: 60px;
    }


    .col2-left-layout h5 {
        font-size: 17px;
        font-weight: 700;
        height: 60px;
        line-height: 60px;
        padding-left:15px;
    }

    .block {
        padding-left:15px;
    }

    .block-title {
        font-size: 20px;
    }

    label.container {
        font-size:12px;
        width:auto;
        min-width:50px;
        padding:0 15px;
    }

    #product-infos .styles .checkmark {
        font-size: 10px !important;
        letter-spacing: .7px;
    }

    .product-img .agenda {
        font-size: 12px;
        padding: 12px 9px;
    }

    .pagi ul li a {
        width: 32px;
        line-height: 32px;
        font-size: 12px;
    }

    .pagi ul li a.arr-1, .pagi ul li a.arr-2 {
        font-size: 17px;
    }

    .breadcrumb {
        padding:0;
    }

    #shop-page .product-item {
        margin-bottom:20px;
    }

    #shop-page .btns a.add-cart {
        width:100%;
        margin-top:0px;
        margin-bottom:15px;
    }

    #shop-page .btns {
        margin-top: 15px;
    }

    #shop-page .card-header button {
        font-size: 18px !important;
    }

    #shop-page .labels a {
        font-size: 13px !important;
        min-width: 72px;
        padding: 0 10px;
    }

    .left-curation-box h3 span {
        font-size: 28px;
    }

    .section-title h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .browse-categories ul.tool-box-list li {
        border: 2px solid #2e3831 !important;
        border-bottom:none!important;
    }

    .browse-categories ul.tool-box-list li:last-child {
        border-bottom: 2px solid #2e3831 !important;
    }

    .col2-left-layout .flider .bgs-info {
        position:relative;
        top:0;
        left:0;
        margin-bottom:15px;
    }

    .none-smalls{
        padding-right:0px;
        padding-left:0;
    }

    .col2-left-layout .spss .item {
        padding-top:15px;
        padding-left:0;
    }

    .col2-left-layout .spss .sdlir {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col2-left-layout .sdlir button.owl-prev {
        left: 10px;
    }

    .col2-left-layout .sdlir {
        z-index: 9999;
        margin-top: 00px;
    }

    .col2-left-layout .spss .sdlir .item {
        padding-left: 15px;
    }


    .col2-left-layout .flider .item img {
        min-height:150px;
    }



}


@media only screen and (min-width: 768px) and (max-width: 1169px) {


    .col2-left-layout h5 {
        font-size: 17px;
        font-weight: 700;
        height: 60px;
        line-height: 60px;
        padding-left:15px;
    }

    .block {
        padding-left:15px;
    }

    .block-title {
        font-size: 20px;
    }

    label.container {
        font-size:12px;
        width:auto;
        min-width:50px;
        padding:0 15px;
    }

    #product-infos .styles .checkmark {
        font-size: 10px !important;
        letter-spacing: .7px;
    }

    .product-img .agenda {
        font-size: 12px;
        padding: 12px 9px;
    }

    .pagi ul li a {
        width: 50px;
        line-height: 50px;
        font-size: 17px;
    }

    .product-desc h6 {
        font-size: 15px !important;
    }

    .product-desc .material {
        font-size: 16px;
    }

    .product-desc .prod-gist {
        font-size: 14px;
    }

    .navbar-dark .navbar-toggler {
        left: 0px;
        top: 0px !important;
        right: auto;
        position: relative;
    }


    .col2-left-layout .flider .bgs-info {
        position:relative;
        top:0;
        left:0;
        margin-bottom:15px;
    }

    .none-smalls{
        padding-right:0px;
        padding-left:0;
    }


    .col2-left-layout .flider .item img {
        min-height:100px;
    }

}


/*********** NEW CSS ************/

#profile-info .links ul {
    list-style:none;
    padding:0;
    margin:0;
    display:inline-block;
    width:100%;
}

#profile-info .links ul li {
    display:inline-block;
    width:100%;
    margin-bottom:5px;
}

#profile-info .links ul li:last-child {
    margin-bottom: 0px;
}

#profile-info .s-left {
    padding-left:55px;
}

#profile-info .links ul li a {
    display:inline-block;
    width:100%;
    color:#383734;
    font-size:23px;
    letter-spacing:1.15px;
    background:#F2EFED url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-black.png) 95% 50% no-repeat;
    line-height:73px;
    text-transform:uppercase;
    text-decoration:none;
    padding-left:28px;
    font-weight:400;
    font-family: 'FS Emeric';
}

#profile-info .links ul li a:hover, #profile-info .links ul li a.active {
    background:#383734 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-white.png) 95% 50% no-repeat;
    color:#F2EFED;
}

a, a:hover,a:focus {
    text-decoration:none;
}

#profile-info .links ul li ul {
    max-height: 350px;
    overflow-y: auto;
}


@font-face {
    font-family:"utopia-std-display";
    src:url("https://use.typekit.net/af/d00a3c/0000000000000000000130a2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/d00a3c/0000000000000000000130a2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/d00a3c/0000000000000000000130a2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
    font-family:"utopia-std-display";
    src:url("https://use.typekit.net/af/eb0db5/0000000000000000000130a3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/eb0db5/0000000000000000000130a3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/eb0db5/0000000000000000000130a3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:600;
}
#profile-info h2 {
    color:#383734;
    font-size:40px;
    font-family: "utopia-std-display",serif;
    font-weight:600;
    margin:0;
    letter-spacing:2px;
    margin-bottom:40px;
}

#profile-info h3 {
    color:#383734;
    font-size:30px;
    font-weight:400;
    font-family: 'FS Emeric';
    margin:0;
    letter-spacing:1.5px;
}

#profile-info h3 span.inf {
    display:inline-block;
    vertical-align:middle;
    border:1.4px solid #2E3831;
    width:19px;
    height:19px;
    line-height:17px;
    border-radius:50%;
    text-align:center;
    color:#2E3831;
    font-size:20px;
}

#profile-info h3 img {
    margin-top:-5px;
}

#profile-info h3 img.del {
    margin-left:4px;
    top:-3px;
    position:relative;
}

#profile-info h3.deli {
    margin-bottom:35px;
}

#profile-info p {
    color:#383734;
    font-size:30px;
    margin:0;
    letter-spacing:1.5px;
    margin-bottom:40px;
    font-family: 'FS Emeric';
}

#profile-info .btns-del {
    display:inline-block;
    vertical-align:middle;
    background:#2E3831;
    border:1px solid #2E3831;
    line-height:52px;
    min-width:233px;
    text-align:center;
    color:#F9F9F3;
    font-size:17px;
    letter-spacing:2.04px;
    text-transform:uppercase;
    font-weight:bold;
    float:left;
}

#profile-info .btns-del.dd {
    background:#E0DCD6;
    color:#383734;
    border-color:#383734;
    line-height: 52px;
    min-width: 218px;
}

#profile-info .btns-del.s-out {
    background:#ECECE5;
    color:#2E3831;
}

#profile-info .select-div {
    display:inline-block;
    min-width:218px;
    margin-top:10px;
    margin-bottom:50px;
}

#profile-info .select2-container--default .select2-selection--single .select2-selection__rendered {
    border:1px solid #2E3831;
    color:#2E3831;
    font-size:30px;
    letter-spacing:1.5px;
    height:52px;
    line-height:52px;
    padding-right: 30px;
}

#profile-info .select2-container--default .select2-selection--single {
    height:52px;
    line-height:52px;
}

#profile-info .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#2E3831;
    font-size:30px;
    line-height:52px;
    padding:0 8px;
    font-family: 'FS Emeric';
}

#profile-info .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2E3831 transparent transparent transparent;
    border-style: solid;
    border-width: 13px 7.5px 0px 7.5px;
    margin-top:3px;

}

#profile-info .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #2E3831 transparent;
    border-width: 0 7.5px 13px 7.5px;
}

#profile-info .noti h2 {
    margin-bottom:60px;
}

#profile-info .noti h3 {
    margin-bottom:40px;
}

#profile-info .noti .switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
    margin:0px;
    margin-right:15px;
    vertical-align:sub;
}

#profile-info .noti .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#profile-info .noti .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#profile-info .noti .switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 2px;
    bottom: 2px;
    background-color: #F9F9F3;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius:50%;
}

#profile-info .noti input:checked + .slider {
    background-color: #2E3831;
}

#profile-info .noti input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

#profile-info .noti input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
#profile-info .slider.round {
    border-radius: 34px;
}

#profile-info  .slider.round:before {
    border-radius: 50%;
}

#profile-info .members h3 {
    margin-bottom:15px;
}

#profile-info .members p {
    margin-bottom:10px;
}

#profile-info .members span {
    display:inline-block;
    border:1px solid #2E3831;
    width:43.57px;
    height:43.57px;
    border-radius:50%;
    line-height:39px;
    text-align:center;
    color:#2E3831;
    font-size:20px;
    letter-spacing:1px;
    font-weight:300;
    text-transform:uppercase;
    margin-right:7px;
}

#profile-info .members p.t-ad {
    font-weight:bold;
}

#profile-info .members p.t-ad img {
    margin-right:7px;
}


#profile-info .m-order .table thead th  {
    margin-right:7px;
    border-top:none;
    color:#2E3831;
    font-size:25px;
    letter-spacing:0.5px;
    font-weight:bold;
    border-color:#2E3831;
    border-width:3px;
    font-family: 'FS Emeric';
}

#profile-info .m-order .table thead th:first-child  {
    padding-left:0;
}

#profile-info .m-order .table tbody td  {
    border:none;
    color:#2E3831;
    font-size:25px;
    letter-spacing:1.25px;
    font-weight:400;
    padding-bottom:20px;
    font-family: 'FS Emeric';
}


#profile-info .m-order .table tbody td:first-child  {
    padding-left:0;
}

#profile-info .m-order .table tbody td:last-child  {
    text-align:center;
}

#profile-info .m-order .table tbody td  a {
    color:#2E3831;
    font-weight:400;
    font-size:25px;
}

#profile-info .m-order .table tbody tr:first-child td {
    padding-top:50px;
}


#profile-info .b-top {
    margin-top:117px;
}

#profile-info .req {
    display:inline-block;
    vertical-align:middle;
    background:#EF9217;
    line-height:52px;
    min-width:218px;
    text-align:center;
    color:#F9F9F3;
    font-size:17px;
    letter-spacing:2.04px;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:22px;
}

#profile-info .req.bkt {
    background:#2E3831;
    color:#F9F9F3;
}

.smart-create .page-title {
    margin-top:20px;
}

#smart-info {
    padding-bottom:80px;
}


#smart-info .links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    background: #F9F9F3;
    height:100%;
}

#smart-info .links ul li {
    display: inline-block;
    width: 100%;
}

#smart-info .links ul li a {
    display: inline-block;
    width: 100%;
    color: #2E3831;
    font-size: 23px;
    background: #F9F9F3;
    line-height: 73px;
    text-decoration: none;
    padding-left: 28px;
    font-weight:bold;
    text-decoration:underline;
}

#smart-info .links ul li a:hover, #smart-info .links ul li a.active {
    background: #2E3831;
    color: #F9F9F3;
    text-decoration:none;
}

.tablerow {
    display:table;
    width:100%;
    height:100%;
}

.tablecell {
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align:middle;
}

#smart-info .bdd {
    padding:0;
}

#smart-info .bg-last {
    background:#2E3831;
}

#smart-info .infs {
    position:absolute;
    bottom:15px;
    left:0;
    width:100%;
    text-align:center;
}

#smart-info .label {
    display:inline-block;
    background:#ECECE5;
    color:#2E3831;
    text-align:center;
    font-weight:bold;
    min-width:180px;
    line-height:26px;
    font-size:12px;
    text-transform:uppercase;
}

#smart-info .bdr {
    border:1px solid #2E3831;
}

#smart-info .b-right {
    border-right:1px solid #2E3831;
}

#smart-info .b-bottom {
    border-bottom:1px solid #2E3831;
}

#smart-info .rt h3 {
    color:#2E3831;
    font-size:25px;
    letter-spacing:0.75px;
    font-weight:bold;
}

#smart-info .rt p {
    color:#2E3831;
    font-size:40px;
    font-weight:100;
    letter-spacing:1.2px;
}

#smart-info .next-btt {
    margin-top:40px;
    display:inline-block;
}

#smart-info .next-btt span {
    display:inline-block;
    margin-top:20px;
    color:#F9F9F3;
    font-size:20px;
    letter-spacing:0.6px;
    font-weight:bold;
}

/* Media Css */

@media only screen and (max-width: 767px) {
    #profile-info .s-left {
        padding-left: 15px;
    }

    #profile-info .links ul li a {
        font-size: 15px;
        padding-left: 15px;
    }


    #profile-info p {
        word-break: break-all;
    }

    #profile-info h2 {
        font-size: 23px;
    }

    #profile-info h3 {
        font-size: 18px;
    }

    #profile-info p {
        font-size: 15px;
    }

    #profile-info .links ul {
        margin-bottom:40px;
    }

    #profile-info .members p.t-ad {
        margin-bottom:40px;
    }

    #profile-info .m-order .table thead th {
        font-size: 17px;
    }

    #profile-info .m-order .table tbody td, #profile-info .m-order .table tbody td a {
        font-size: 15px;
    }

    #profile-info .select2-container--default .select2-selection--single .select2-selection__rendered,
    #profile-info .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 17px;
    }

    #profile-info .noti .switch {
        margin-right: 5px;
        vertical-align: middle;
    }

    #profile-info .noti h3 {
        font-size: 15px;
    }


}


@media only screen and (min-width: 768px) and (max-width: 1169px) {
    #profile-info .links ul li a {
        font-size: 13px;
        padding-left: 13px;
    }

    #profile-info h2 {
        font-size: 30px;
    }

    #profile-info h3 {
        font-size: 24px;
    }

    #profile-info p {
        font-size: 19px;
    }

    #profile-info .s-left {
        padding-left: 30px;
    }

    #profile-info .m-order .table thead th {
        font-size: 17px;
    }

    #profile-info .m-order .table tbody td, #profile-info .m-order .table tbody td a {
        font-size: 15px;
    }

}


/************************* NEW CSS PAGE **************************/
#acco-info {
    padding:140px 0;
    background:#fff;
}

#acco-info .card {
    border: none;
    border-radius: 0;
    background: none;
    margin-bottom: 3px;
}

#acco-info .card-header {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
}

#acco-info .card-header button {
    display: inline-block;
    width: 100%;
    background: #2E3831 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up-white.png) 98% 50% no-repeat;
    text-align: left;
    color: #F9F9F3;
    padding: 5px 25px;
    letter-spacing: 3px;
    font-size: 30px;
    font-weight: 700;
    vertical-align:middle;
    text-transform: uppercase;
}

#acco-info .card-header button .incs {
}

#acco-info .card-header button a {
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    margin-left: 5px;
    line-height: 14px;
    margin-top: -10px;
}

#acco-info .card-header button a.fts {
    margin-left:20px;
}

#acco-info .card-header button.collapsed {
    background: #2E3831 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down-white.png) 98% 50% no-repeat;
}

#acco-info .card-body {
    padding:15px 0;
    padding-bottom:0;
}

#acco-info .card-body .bgs {
    background: #F9F9F3;
    padding:25px 10px;
    margin-bottom:12px;
}

#acco-info .product-item {
}

#acco-info .product-img {
    background:#FFFFFF;
}

#acco-info .product-desc {
    padding:0;
}

#acco-info .product-desc h6 {
    margin-top:0;
    color:#2E3831;
}

#acco-info .product-desc .material {
    font-size:20px;
    margin-bottom:15px;
    color:#2E3831;
}

#acco-info .product-desc .prod-gist {
    font-size: 16px;
    font-weight: 400;
    color:#2E3831;
}

#acco-info .product-desc .ed {
    display:inline-block;
    vertical-align:middle;
    margin-top:70px;
}

#acco-info .product-desc .ed a {
    margin-right:10px;
}

#acco-info .product-img {
    height:100%;
}

.none-pad {
    padding:0;
}

#acco-info .text-div {
    border:1px solid #2E3831;
    padding:0;
    margin-top:75px;
}

#acco-info .text-div .inf {
    color:#696F6A;
    font-size:18px;
    font-weight:bold;
    letter-spacing:0.9px;
    padding-bottom:10px;
}

#acco-info .text-div .inf span {
    float:right;
    font-weight:300;
    color:#696F6A;
    font-style:normal;
    line-height:22px;
}

#acco-info .text-div .inf span a {
    display:inline-block;
    margin-left:10px;
    line-height:22px;
    vertical-align:middle;
}

#acco-info .text-div .inf span a img {
    margin-top:-5px;
}

#acco-info .text-div .inf em {
    font-weight:100;
    font-style:normal;
}

#acco-info .text-div textarea {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    border:none;
    padding:10px 0px;
    resize:none;
    color:#696F6A;
    background:none;
    height:160px;
    font-weight:400;
}

#acco-info .text-div textarea::-webkit-input-placeholder {
    font-weight:100;
}

#acco-info .last-div {
    padding:0;
    padding-top:75px;
}

#acco-info .last-div h4 {
    color:#2E3831;
    font-size:18px;
    font-weight:bold;
    margin:0px;
    margin-bottom:10px;
}

#acco-info .last-div .total {
    min-height:104px;
}

#acco-info .last-div .total h4 span.ins {
    background:none;
    border:1px solid #2E3831;
    color:#2E3831;
}

#acco-info .last-div .total h4 {
    color:#2E3831;
    font-size:18px;
    font-weight:400;
    margin:0px;
    line-height:30px;
    margin-bottom:10px;
}

#acco-info .last-div .total h4 span {
    float:right;
    line-height:30px;
    background:#2E3831;
    text-align:center;
    width:136px;
    color:#F9F9F3;
    text-align:center;
    font-size:19px;
    letter-spacing:0.95px;
}

#acco-info .last-div .link {
    display: inline-block;
    width: 100%;
    background: #2E3831;
    line-height: 25px;
    color: #F9F9F3;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.65px;
    margin-top: 13px;
    text-align:center;
    padding-right:15px;
}

#acco-info .last-div .link:last-child {
    padding-right:3px;
    padding-left:15px;
}

#acco-info .last-div .link .rts {
    position: absolute;
    top: 5px;
    right: 7px;
    max-width: 7px;
}

#acco-info .last-div .link .lts {
    position: absolute;
    top: 6px;
    left: 10px;
    max-width: 12px;
}

#acco-info .last-div .in-style h4 {
    margin-bottom:5px;
}

#acco-info .last-div .in-style {
    margin-bottom:0px;
}

#acco-info .last-div .in-style span {
    border: 1px solid #2E3831;
    color: #2E3831;
    display: inline-block;
    background: none;
}

#acco-info .last-div .in-style span label {
    display: inline-block;
    line-height: 32px;
    width: 34px;
    text-align: center;
    color: #696F6A;
    font-weight:100;
    font-size: 18px;
    margin: 0;
    width: auto;
    min-width: 34px;
    padding: 0 9px;
    float: left;
}

#acco-info .last-div .in-style span label.ad {
    background:#2E3831;
    color:#fff;
}

#acco-info .last-div .in-style span input {
    display: inline-block;
    line-height: 32px;
    width: 54px;
    text-align: center;
    color: #2E3831;
    font-size: 18px;
    border: none;
    padding:0;
    border-left: 1px solid #2E3831;
    border-radius: 0;
    background: none;
    float:left;
}


#acco-info .last-div .in-style span input::-webkit-input-placeholder {
    color: #2E3831;
}

#acco-info .last-div .in-style span input.lt {
    width: 60px;
}

#acco-info .last-div .to-2 {
    min-height: 74px;
    padding-top:20px;
}


/*** ***/
#ship-details {
    padding-bottom:150px;
}

#ship-details .bg {
    background:#E1DFD8;
    padding:35px 30px;
}

#ship-details h3 {
    color:#2E3831;
    font-size:23px;
    font-weight:600;
}

#ship-details h4 {
    color:#2E3831;
    font-size:18px;
    font-weight:bold;
    margin-bottom:15px;
}

#ship-details h4 span {
    font-weight:400;
}

#ship-details .learn {
    background:#fff;
    padding:0px 10px;
    color:#2E3831;
    display:inline-block;
    font-size:13px;
    letter-spacing:0.65px;
    line-height:25px;
    padding-right:50px;
    position:relative;
}

#ship-details .learn img {
    max-width:7px;
    position:absolute;
    top:3px;
    right:10px;
}

#ship-details .tts p {
    color: #2E3831;
    font-size: 15px;
    font-family: 'FS Emeric';
    margin: 0;
}

#ship-details .tts p em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-style: normal;
}

#ship-details .tts .progress {
    border: none;
    color: #2E3831;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    background: none;
    width: 80px;
    height: 24px;
    border-radius: 0;
    background: none;
    border-top: 2px solid #2e3831;
    border-bottom: 2px solid #2e3831;
    vertical-align: middle;
    padding: 0 2px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom:10px;
}

#ship-details .tts .progress .progress-bar {
    background: none;
    display: flex;
    display: inline-block;
    height: 24px;
    margin-top: -2px;
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/line-repeat.png) 50% 50% repeat-x;
}

#ship-details .ttts h4 {
    margin-top:10px;
    margin-bottom:20px;
}

#ship-details .last {
    padding-top:40px;
}

#ship-details .last a {
    display:inline-block;
    vertical-align:middle;
    line-height:39px;
    min-width:39px;
    background:#fff;
    text-align:center;
}

#ship-details .last a img {
    max-height:20px;
}

#ship-details .last a.req {
    background:#2E3831;
    color:#F9F9F3;
    text-align:center;
    padding:0 20px;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
}

/*** ***/
@media (min-width: 1000px) {
    .edit-modal .modal-dialog {
        max-width: 1000px;
        margin: 1.75rem auto;
    }

}

.edit-modal .modal-title {
    color:#383734;
    font-family: 'FS Emeric';
    font-size:30px;
    text-transform:capitalize;
    margin-top:20px;
    margin-bottom:20px;
    font-weight: 700;
}

.edit-modal .inf .stt {
    padding: 2px 2px;
}

.edit-modal .inf h3 {
    color: #2E3831;
    font-size: 23px;
    font-family: 'FS Emeric';
    font-weight: bold;
    background: #f9f9f3;
    margin-bottom: 0px;
    line-height: 45px;
    min-height: 45px;
    height: 100%;
}

.edit-modal .inf .bgs {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 2px;
    padding: 0 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 45px;
    height: 100%;
}

.edit-modal .inf h3 {
    color: #2E3831;
    font-size: 23px;
    font-family: 'FS Emeric';
    font-weight: bold;
    background: #fff;
    margin: 0px;
    line-height: 45px;
    min-height: 45px;
    height: 100%;
}

.edit-modal .inf .rd-imgs .bgs {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 2px;
    padding: 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 45px;
    height: 100%;
    color: #2E3831;
    font-size: 23px;
    font-weight: 300;
}

.edit-modal .inf .rd-imgs .bgs a {
    margin-right: 2px;
}

.edit-modal .inf .rd-imgs .bgs img {
    width: 34px;
    height: 34px;
}

.edit-modal .inf .rd-imgs .bgs a:last-child img {
    margin-right: 15px;
}

.edit-modal .inf .dime em.cst {
    font-size: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-style: normal;
    color:#2E3831;
}

.edit-modal .inf .dime p {
    color: #2E3831;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 300;
}

.edit-modal .inf span {
    border: 1px solid #2E3831;
    color: #2E3831;
    display: inline-block;
    background: none;
}

.edit-modal .inf span label {
    display: inline-block;
    line-height: 34px;
    width: 34px;
    text-align: center;
    color: #2E3831;
    font-size: 19px;
    margin: 0;
    width: auto;
    min-width: 34px;
    padding: 0 9px;
    float: left;
}

.edit-modal .inf span input {
    display: inline-block;
    line-height: 34px;
    width: 54px;
    text-align: center;
    color: #696F6A;
    font-weight:100;
    text-transform:uppercase;
    font-size: 19px;
    border: none;
    border-left: 1px solid #2E3831;
    border-radius: 0;
    background: none;
    padding:0;
}

.edit-modal .inf {

}

.edit-modal .text-div {
    padding: 0;
}

.edit-modal .text-div textarea {
    display: inline-block;
    width: 100%;
    font-size: 23px;
    border: none;
    padding: 10px 0px;
    resize: none;
    color: #696F6A;
    background: none;
    height: 160px;
    font-weight: 100;
}

.edit-modal .text-div .inf {
    color: #696F6A;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.9px;
    padding-bottom: 10px;
}

.edit-modal .text-div .inf span {
    float: right;
    font-weight: 300;
    color: #696F6A;
    font-style: normal;
    line-height: 22px;
    border:none;
}

.edit-modal .text-div .inf em {
    font-weight: 100;
    font-style: normal;
}

.edit-modal .text-div .inf span a {
    display: inline-block;
    margin-left: 10px;
    line-height: 22px;
    vertical-align: middle;
}

.edit-modal .text-div .inf span a img {
    margin-top: -5px;
}


.edit-modal .conf {
    display:inline-block;
    background:#2E3831;
    color:#F9F9F3;
    line-height:35px;
    text-transform:capitalize;
    font-weight:bold;
    font-size:14px;
    width:100%;
    text-align:center;
    margin-top:40px;
    margin-bottom:40px;
    border-radius: 20px;
}

 
.edit-modal button.close img {
    display: none;
}

.essential-catalog.loggedin .edit-modal button.close img {
    display: inline-block;
}

.edit-modal button.close:hover {
    background-color: #A7A39F;
    opacity: 1 !important;
}

 

.edit-modal button.close:hover:after{
    color:#fff;
}


#ship-details .tts p em {
    margin-right:20px;
}

#ship-details .tts .progress {
    display:inline-block;
    margin-right:0;
    float:none;
}

#ship-details .tts .progress.wid {
    width: 48px;
}


/***************************************** Brief Page CSS *********************************************/
#brief-info {
    padding-bottom:140px;
}

#brief-info .page-title {
    margin-top: 20px;
}

#brief-info .uplo {
    display:inline-block;
    width:100%;
    background:#37353A;
    text-align:center;
    color:#F9F9F3;
    font-size:17px;
    text-transform:uppercase;
    line-height:40px;
    font-weight:bold;
    width:300px;
}

#brief-info .uplo.yel {
    display:inline-block;
    width:100%;
    background:#E7C15E;
    text-align:center;
    color:#F3F1EE;
    font-size:23px;
    text-transform:uppercase;
    line-height:54px;
    font-family: 'FS Emeric';
    font-weight:bold;
    width:400px;
    margin-top:60px;
}

#brief-info .labi {
    display:inline-block;
    border:1px solid #37353A;
    color:#37353A;
    font-size:40px;
    font-family: 'utopia';
    font-weight:300;
    font-style: italic;
    letter-spacing:4.8px;
    line-height:72px;
    padding:0 100px;
    margin-bottom:100px;
}

#brief-info .tpr {
    margin-top:-65px;
}

#brief-info .row {
    position:relative;
}

#brief-info .bd-1 {
    background:#e1dfd8;
    height:14px;
    position:absolute;
    top:35%;
    width:80%;
    right:-30px;
    z-index:-9;
}

#brief-info .bd-2 {
    background:#e1dfd8;
    height:210px;
    position:absolute;
    top:35%;
    width:14px;
    right:-30px;
    z-index:-9;
}

#brief-info .bd-3 {
    background:#e1dfd8;
    height:14px;
    position:absolute;
    bottom:22px;
    width:calc(100% + 115px);
    right:-30px;
    z-index:-9;
}

#brief-info .bd-4 {
    background:#e1dfd8;
    height:210px;
    position:absolute;
    top:-60px;
    width:14px;
    left:-85px;
    z-index:-9;
}

#brief-info .img-al img {
    position: absolute;
    left: 12px;
    bottom: -33px;
    max-width: 80px !important;
    height: 80px;
}

#brief-info .bg {
    background:#F2EFED;
    height:298px;
    padding:30px 30px;
    padding-bottom:50px;
    margin-bottom:80px;
}

#brief-info .bg p {
    margin:0;
    color:#37353A;
    font-size:24px;
    letter-spacing:1.2px;
    line-height:29px;
    font-family: 'FS Emeric';
    font-weight:300;
}

#brief-info .bg p span {
    font-size:30px;
    letter-spacing:1.5px;
    font-family: 'FS Emeric';
    text-transform:uppercase;
    font-weight: 700;
}

/**** NEW Changes 6-30-2021 ****/
#brief-info .bg p span {
}

.edit-modal .text-div textarea {
    padding: 0px 0px;
}

#acco-info .card-body .product-img .socio-share {
    display: none;
}

#product-infos.cataloge .product-img {
    background:#f9f9f3;
    text-align:center;

}

#brief-info .spr {
    padding:0 60px;
    padding:0 112px;
}

#brief-info h4 {
    color:#E7C15E;
    font-size:19px;
    font-weight:bold;
    font-family: 'FS Emeric';
    text-transform:uppercase;
    letter-spacing:2.28px;
}

#brief-info .bg.yellow {
    background:#E7C15E;
}

#brief-info .bg.yellow p {
    color:#F3F1EE;
}

#brief-info .bg .img {
    position:absolute;
    bottom:-19px;
    right:30px;
    z-index:99;
}

#brief-info .bg .img.s2 {
    bottom:-95px;
    right:-25px;
}

#brief-info .bg .img.s3 {
    bottom:auto;
    top:-73px;
    right:-30px;
}

#brief-info .bg .img.s4 {
    bottom:auto;
    top:-90px;
    right:-70px;
}

#brief-info .bg .img.s5 {
    bottom:auto;
    top:-60px;
    right:-30px;
}

#brief-info .bg .img.s6 {
    bottom:auto;
    top:-35px;
    right:-25px;
}

#brief-info .bg .img.s7 {
    bottom:-55px;
    right:-25px;
}

#brief-info .bg .img.s8 {
    bottom:-25px;
    right:-25px;
}

#brief-info .bg .img.s9 {
    bottom: 135px;
    right: -285px;
    max-height:90px;
}



/*** ***/
/*** ***/


/* Media Css */

@media only screen and (max-width: 767px) {
    .edit-modal .inf .rd-imgs .bgs img {
        width: 24px;
        height: 34px;
    }

    .edit-modal .text-div textarea {
        font-size: 16px;
    }

    .edit-modal .text-div .inf {
        color: #696F6A;
        font-size: 13px;
    }

    .edit-modal .inf span label {
        width: auto;
        min-width: 32px;
        padding: 0 5px;
        float: left;
        font-size: 14px !important;
    }

    .edit-modal .inf .dime em.cst {
        margin:0;
        margin-bottom:5px;
        width:100%;
    }

    .edit-modal .inf span input {
        line-height: 34px;
        width: 46px;
        font-size: 14px;
    }

    #acco-info .card-header button {
        padding-top:5px;
        font-size: 15px;
    }

    #acco-info .text-div .inf {
        font-size: 12px;
    }

    #acco-info .card-header button a.fts {
        margin-top:0px;
    }

    #brief-info .spr {
        padding: 0 15px;
    }

    #brief-info .bd-1, #brief-info .bd-2, #brief-info .bd-3, #brief-info .bd-4 {
        display:none;
    }

    #brief-info {
        overflow:hidden;
    }

    #brief-info .bg {
        height:auto;
    }

    #brief-info .bg {
        right:0;
        margin-bottom:70px;
    }

    #brief-info .bg p {
        font-size: 18px;
    }

    #brief-info .bg p span {
        font-size: 26px;
    }
    #brief-info .labi {
        font-size: 20px;
        line-height: 27px;
        padding: 5px 11px;
        margin-bottom: 50px;
    }

    #brief-info .tpr {
        margin-top: 50px;
    }


}

@media only screen and (min-width: 768px) and (max-width:999px) {
    .edit-modal .modal-dialog {
        max-width: 700px;
    }

    #brief-info .spr {
        padding: 0 45px;
    }

    #brief-info .bd-1, #brief-info .bd-2, #brief-info .bd-3, #brief-info .bd-4 {
    }

    #brief-info {
        overflow:hidden;
    }

    #brief-info .bg {
        height:auto;
    }

    #brief-info .bg {
        right:0;
        margin-bottom:70px;
        padding:20px 15px;
    }

    #brief-info .bg p {
        font-size: 13px;
        line-height:1.3;
    }

    #brief-info .bg p span {
        font-size: 16px;
    }

    #brief-info .bg .img {
        max-width:50px;
    }

    #brief-info .bd-3 {
        width: calc(100% + 49px);
    }

    #brief-info .bd-4 {
        background: #e1dfd8;
        height: 210px;
        position: absolute;
        top: -60px;
        width: 14px;
        left: -19px;
        z-index: -9;
    }

    #brief-info .bg .img.s5 {
        bottom: auto;
        top: -26px;
        right: -25px;
    }

    #brief-info .bg .img.s9 {
        bottom: 40%;
        right: -26px;
        max-height: 90px;
    }

    #brief-info .bg .img.s3 {
        bottom: auto;
        top: -25px;
        right: -29px;
    }

    #brief-info .bg .img.s9 img {
        max-width: 220px;
    }

    #brief-info .bg .img.s2 {
        bottom: -142px;
        right: -25px;
    }


    #brief-info .bg .img.s4 {
        bottom: auto;
        top: -24px;
        right: -18px;
    }

    #brief-info .labi {
        font-size: 20px;
        line-height: 27px;
        padding: 5px 11px;
        margin-bottom: 150px;
    }

    #brief-info .tpr {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1169px) {

    .edit-modal .text-div .inf {
        font-size: 18px;

    }

    #brief-info .spr {
        padding: 0 45px;
    }

    #brief-info .bd-1, #brief-info .bd-2, #brief-info .bd-3, #brief-info .bd-4 {
    }

    #brief-info {
        overflow:hidden;
    }

    #brief-info .bg {
        height:auto;
    }

    #brief-info .bg {
        right:0;
        margin-bottom:70px;
        padding:20px 15px;
    }

    #brief-info .bg p {
        font-size: 13px;
        line-height:1.3;
    }

    #brief-info .bg p span {
        font-size: 16px;
    }

    #brief-info .bg .img {
        max-width:50px;
    }

    #brief-info .bd-3 {
        width: calc(100% + 49px);
    }

    #brief-info .bd-4 {
        background: #e1dfd8;
        height: 210px;
        position: absolute;
        top: -60px;
        width: 14px;
        left: -19px;
        z-index: -9;
    }

    #brief-info .bg .img.s5 {
        bottom: auto;
        top: -26px;
        right: -25px;
    }

    #brief-info .bg .img.s9 {
        bottom: 40%;
        right: -26px;
        max-height: 90px;
    }

    #brief-info .bg .img.s3 {
        bottom: auto;
        top: -25px;
        right: -29px;
    }

    #brief-info .bg .img.s9 img {
        max-width: 220px;
    }

    #brief-info .bg .img.s2 {
        bottom: -142px;
        right: -25px;
    }


    #brief-info .bg .img.s4 {
        bottom: auto;
        top: -24px;
        right: -18px;
    }
    #brief-info .labi {
        font-size: 20px;
        line-height: 27px;
        padding: 5px 11px;
        margin-bottom: 150px;
    }
    #brief-info .tpr {
        margin-top: 50px;
    }
}



/******* Cataloge page css *******/
.hide-cata {
    display:none!important;
}

#head {
    background:#2E3831;
    padding:55px 0;
}

.cata-inf {
    padding:20px 0;
    padding-bottom:80px;
}

.cata-inf h2 {
    color:#2E3831;
    font-size:40px;
    font-weight:600;
}

.cata-inf h2 span {
    font-weight:300;
}

.cata-inf h6 {
    color:#2E3831;
    font-size:25px;
    font-weight:bold;
    margin:10px 0;
}


.cataloge-page {
    background:#fff;
    color:#2E3831;
    padding-bottom:25px;
}

.cataloge-page span {
    font-weight:bold;
}



#product-infos.my-team .sidebar .black {
    padding: 24px 20px 0;
}

#product-infos.my-team .sidebar .block-title {
    font-size: 25px;
    font-family: 'FS Emeric';
    text-transform:uppercase;
    letter-spacing:2.5px;
}


#product-infos.my-team .col2-left-layout .sidebar h6 {
    font-size: 23px;
    font-family: 'FS Emeric';
    font-weight:300;
    margin-bottom:25px;
}


#product-infos.my-team .linke {
    display:inline-block;
    vertical-align:top;
    margin-top:10px;
}

#product-infos.my-team .linke a:nth-child(2) {
    margin-top:13px;
}


#product-infos.my-team .linke a:nth-child(2) span {
    bottom: -5px;
    right: -17px;
}

#product-infos.my-team .linke a:nth-child(3) {
    margin-top:10px;
}

#product-infos.my-team .linke a:nth-child(3) span {
    bottom: -3px;
    right: -10px;
}

#product-infos.my-team .linke a {
    display:inline-block;
    position:relative;
    margin-right:25px;
    vertical-align:middle;
}

#product-infos.my-team .icon-oth {
    display:inline-block;
    width:100%;
    margin-top:30px;
}

#product-infos.my-team .icon-oth a {
    display: inline-block;
    position: relative;
    color: #2E3831;
    font-size: 25px;
    margin-bottom: 23px;
}

#product-infos.my-team .icon-oth a.cre {
    font-weight:bold;
    text-transform:uppercase;
    font-size:20px;
    margin-top:20px;
}

#product-infos.my-team .icon-oth a.cre img {
    margin-right:10px;
    display:inline-block;
    vertical-align:baseline;
}

#product-infos.my-team .linke a span.red {
    background:#FF6666;
}

#product-infos.my-team .linke a span {
    position:absolute;
    bottom: -11px;
    right: -14px;
    width:26px;
    height:26px;
    font-family: 'FS Emeric';
    line-height:26px;
    text-align:center;
    background:#696F6A;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    border-radius:50%;
    opacity:1;
}

#product-infos.my-team .col2-left-layout .sidebar hr {
    display:inline-block;
    width:100%;
    border-top:1px solid #2E3831;
    margin:35px 0;
    margin-bottom:30px;
}

#product-infos.my-team .sidebar .icons-s {
    display:inline-block;
    width:100%;
}

#product-infos.my-team .sidebar .icons-s a {
    display:inline-block;
    position:relative;
    vertical-align:middle;
    color:#2E3831;
    font-size:19px;
    letter-spacing:1.9px;
    text-transform:uppercase;
    width:100%;
    margin-bottom:30px;
}

#product-infos.my-team .sidebar .icons-s a:last-child {
    margin-bottom:0;
}

#product-infos.my-team .sidebar .icons-s a span {
    display:inline-block;
    width:40px;
    margin-right:5px;
    text-align:center;
    vertical-align:bottom;
}

#product-infos.my-team .sidebar .icons-s a img {
}

#product-infos.my-team .product-item .product-img {
    position:relative;
}

#product-infos.my-team .product-item:hover .overlay-div {
    background:rgba(105,111,106,.2);
    display:block;
}

#product-infos.my-team .product-item .overlay-div {
    display:none;
}

#product-infos.my-team .product-item .product-img .overlay-div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#product-infos.my-team .product-item .product-img .line-info {
    position:absolute;
    top:14px;
    right:14px;
}

#product-infos.my-team .product-item .product-img .line-info-close {
    position:absolute;
    top:14px;
    right:14px;
}

#product-infos.my-team .product-item .product-img .cart-info {
    position:absolute;
    bottom:14px;
    right:14px;
}

#product-infos.my-team .product-item .product-img .inside-icon {
    position:absolute;
    bottom:20px;
    left:20px;
}

#product-infos.my-team .product-item .product-img .inside-icon a {
    display:inline-block;
    background:#fff;
    width:35px;
    height:35px;
    padding-top:3px;
    text-align:center;
    vertical-align:middle;
    display: inline-block;
    margin-right:1px;
}


#product-infos.my-team .product-desc {
    position:relative;
}

#product-infos.my-team .product-desc .linke {
    position:absolute;
    top:0;
    right:0;
}

#product-infos.my-team .product-item {
    margin-bottom:60px;

}

/* Media Css */

@media only screen and (max-width: 767px) {

    .cata-inf h2 {
        font-size: 20px;
    }

    .cata-inf h6 {
        font-size: 19px;
        margin: 7px 0;
    }

    .small-text-center {
        text-align:center !important;
    }

    #product-infos.my-team .sidebar .block-title {
        font-size: 19px;
    }

    #product-infos.my-team .sidebar .icons-s a {
        font-size: 15px;
    }

    #product-infos.my-team .icon-oth a {
        font-size: 18px;
    }

    #product-infos.my-team .linke a {
        margin-right: 12px;
        vertical-align: middle;
    }

    #product-infos.my-team .linke a img {
        max-width: 20px;
    }

    #product-infos.my-team .linke a span {
        bottom: -11px;
        right: -8px;
        width: 18px;
        height: 18px;
        line-height: 20px;
        font-size: 12px;
    }

    #product-infos.my-team .linke a:nth-child(2) span {
        bottom: -5px;
        right: -14px;
    }

    #product-infos.my-team .linke a:nth-child(3) img {
        max-width: 25px;
    }


}


@media only screen and (min-width: 768px) and (max-width:1169px) {
    .cata-inf h2 {
        font-size: 26px;
    }

    .cata-inf h6 {
        font-size: 19px;
        margin: 7px 0;
    }

    #product-infos.my-team .sidebar .block-title {
        font-size: 19px;
    }

    #product-infos.my-team .sidebar .icons-s a {
        font-size: 14px;
    }

    #product-infos.my-team .sidebar .icons-s a span {
        margin-right:10px;
        width:20px;
    }

    #product-infos.my-team .sidebar .icons-s a img {
        max-height:20px;
    }

    #product-infos.my-team .icon-oth a {
        font-size: 18px;
    }

    #product-infos.my-team .linke a {
        margin-right: 7px;
        vertical-align: middle;
    }

    #product-infos.my-team .linke a img {
        max-width: 17px;
    }

    #product-infos.my-team .linke a span {
        bottom: -11px;
        right: -8px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 9px;
    }

    #product-infos.my-team .linke a:nth-child(2) span {
        bottom: -5px;
        right: -11px;
    }

    #product-infos.my-team .linke a:nth-child(3) img {
        max-width: 20px;
    }

    #product-infos.my-team .linke a:nth-child(3) span {
        bottom: -6px;
        right: -7px;
    }

    #product-infos.my-team .icon-oth a.cre {
        font-size: 14px;
    }

    #product-infos.my-team .icon-oth a.cre img {
        max-width:13px;
    }

}



/******* Favourite page css *******/

#product-infos.my-team.favourite .icon-oth a.active {
    font-weight:bold;
}

#product-infos.my-team.favourite .icon-oth a {
    display:inline-block;
    width:auto;
}

#product-infos.my-team.favourite .icon-oth a span {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#product-infos.my-team.favourite .icon-oth a lable {
    top:-10px;
    position: relative;
}

#product-infos.my-team.favourite .icon-oth span.soci {
    float:right;
    position: absolute;
    top: 0;
    right: 0;
}

#product-infos.my-team.favourite .icon-oth span.soci a {
    display:inline-block;
    vertical-align:middle;
    margin-left:3px;
}

#product-infos.my-team.favourite {
    padding-bottom:120px;
}

#product-infos.my-team.favourite .icon-oth a.cre {
    margin-top:35px;
}

#product-infos .product-item .product-img .cart-info a.c-fill {
    display:none;
}

#product-infos .product-item .product-img .cart-info:hover a {
    display:none;
}

#product-infos .product-item .product-img .cart-info:hover a.c-fill {
    display:block;
}

#product-infos .product-item .product-img .cart-info.active a {
    display:none;
}

#product-infos .product-item .product-img .cart-info.active a.c-fill {
    display:block;
}

.more-products{background:#ECECE5;}
.more-products a.more-factory{color:#2E3831;font-size: 30px; letter-spacing: 1.5px;padding:12px 60px 12px 25px;font-weight:700;
    border: 2px solid #2E3831;margin-top:100px;position:relative;}
.more-products a.more-factory .fa-angle-right::before{content:"";background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);position:absolute;top:21px;
    right:28px;height:30px;width:12px;background-repeat: no-repeat;background-size: 100%;}
 

.edit-modal.wish-modal .linki a {
    width:100%;
    color:#383734;
    font-size:25px;
    letter-spacing:1.25px;
    margin-bottom:40px;
    display:inline-block;
    font-family: 'FS Emeric';
}

.edit-modal.wish-modal .linki span {
    float:right;
    position:absolute;
    top:0;
    right:15px;
}

.edit-modal.wish-modal .linki span .fill {
    display:none;
}

.edit-modal.wish-modal .linki span:hover .fill {
    display:block;
}

.edit-modal.wish-modal .linki span:hover a {
    display:none;
}

.edit-modal.wish-modal .linki span.active .fill {
    display:block;
}

.edit-modal.wish-modal .linki span.active a {
    display:none;
}



@media (min-width: 1000px) {
    .edit-modal.wish-modal .modal-dialog {
        width: 550px;
        margin: 1.75rem auto;
    }

}


@media only screen and (min-width: 767px) {
    .edit-modal .modal {
        text-align: center;
        padding: 0!important;
    }

    .edit-modal .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .edit-modal .modal-dialog {
        /*display: inline-block;
    text-align: left;
    vertical-align: middle;*/
    }


}
.edit-modal.wish-modal .sps {
    padding:0 30px;
}

.edit-modal.wish-modal .conf {
    background:#D19688;
    color:#fff;
    font-family: 'FS Emeric';
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0px;
}

.edit-modal.wish-modal .conf:hover {
    color:#fff;
}

.edit-modal.wish-modal .conf img {
    display: inline-block;
    vertical-align: initial;
    top: 1px;
    position: relative;
    margin-right: 8px;
}

.edit-modal.wish-modal .w-input {
    margin-top:50px;
    margin-bottom:20px;
}

/* .edit-modal.wish-modal .w-input input {
    border:none;
    display:inline-block;
    width:100%;
    padding:0;
    margin:0;
    border-bottom:2px solid #383734;
    color:#383734;
    font-size:25px;
    letter-spacing:1.25px;
    background:none;
    font-family: 'FS Emeric';
    height: 50px;
} */

 
.edit-modal.wish-modal .w-input ::-webkit-input-placeholder {
    color:#383734;
}

.edit-modal.wish-modal .w-input span.nu {
    display:inline-block;
    color:#383734;
    font-size:20px;
    letter-spacing:1px;
    font-family: 'FS Emeric';
}


a {
    cursor:pointer;
}

/* Media Css */

@media only screen and (max-width: 767px) {
    #product-infos.my-team.favourite .icon-oth span.soci a {
        margin-left: 2px;
    }

    .edit-modal.wish-modal .sps {
        padding: 0 0px;
    }

    .edit-modal .modal-title {
        font-size: 19px;
    }

    #product-infos.my-team .product-item {
        margin-top:0px;
        margin-bottom:40px;
    }

    #product-infos.my-team .icon-oth a.cre {
        font-size: 15px;
    }

}

@media only screen and (min-width: 768px) and (max-width:1169px) {
    #product-infos.my-team.favourite .icon-oth span.soci a {
        margin-left: 2px;
    }

    #product-infos.my-team.favourite .icon-oth span.soci a img  {
        max-height:18px;
    }
    .product-img .agenda, .product-img .new-product {
        font-size: 12px !important;
    }

}

@media only screen and (min-width: 1170px) and (max-width:1400px) {
    #product-infos.my-team.favourite .block {
        padding: 24px 10px 0;
    }


    #product-infos.my-team.favourite .icon-oth a {
        font-size: 16px;
    }

    #product-infos.my-team.favourite .icon-oth span.soci a {
        margin-left: 2px;
    }

    #product-infos.my-team.favourite .icon-oth span.soci a img  {
        max-height:18px;
    }

}


#sidebar-mobile {
    box-shadow: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow:none;
    -o-box-shadow: none;
}

#sidebar-mobile.active {
    box-shadow: 0 0 15px rgb(0 0 0 / 50%) !important;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.main-sub-menu .menu-column.half-col {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    padding-right: 1%;
}

.main-sub-menu .bg-g {
    background:#E0DCD6;
    padding:35px;
}

.main-sub-menu .bg-g .bg-w {
    background:#fff;
    padding:15px 20px;
    height:424px;
}

.main-sub-menu .bg-g .bg-w h3 {
    letter-spacing:0;
    text-transform:capitalize;
    color:#383734;
    font-size:16px;
    font-family: "utopia-std-display",serif;
    font-weight:600;
}

.main-sub-menu .bg-g .bg-w p {
    color:#383734;
    text-transform: uppercase;
    font-size:26px;
    margin-bottom:10px;
    font-family: 'FS Emeric';
}

.main-sub-menu .bg-g .labi {
    position:absolute;
    bottom:-18px;
    left:50%;
    margin-left:-126px;
    width:253px;
    text-align:center;
    line-height:31px;
    background:#E7C15E;
    color:#fff;
    font-size:14px;
    letter-spacing:0.7px;
    text-transform:uppercase;
    font-family: 'FS Emeric';
    font-weight: 700;
}

.main-sub-menu .bg-g .bg-w .al {
    position:absolute;
    left: -118px;
    top: -36px;
}

.main-sub-menu .bg-g .bg-w .al3 {
    position:absolute;
    right: -25px;
    bottom: -30px;
    width:140px;
}

.main-sub-menu .bg-g .bg-w.lts p {
    font-size:33px;
}

.main-sub-menu .bg-g .bg-w.lts h3 {
    font-size:17px;
}

.main-sub-menu .bts {
    margin-bottom:30px;
}

.main-sub-menu .bg-g .bg-w .al2 {
    position:absolute;
    right: 40px;
    top: -25px;
}

.main-sub-menu .bg-g .bg-w .al2 {
    position:absolute;
    right: 40px;
    top: -25px;
}

.main-sub-menu .lasti .bg-g {
    padding:15px;
}

.main-sub-menu .lasti .bg-g .bg-w {
    padding-top:10px;
    padding-bottom:15px;
    height:460px;
}

.main-sub-menu .lasti .bg-g .bg-w h3 {
    margin-top:40px;
}

.main-sub-menu .lasti .bg-g .bg-w h4 {
    font-family: 'Halant', serif;
    color:#2E3831;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.main-sub-menu .lasti .bg-g .bg-w .labis {
    width: 100%;
    text-align: center;
    line-height: 36px;
    background: #ECECE5;
    color: #2E3831;
    font-size: 17px;
    letter-spacing: 0.85px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-top:20px;
}


/**** MEDIA CSS ****/
@media screen and (max-width : 767px) {
    .main-sub-menu .menu-column.half-col {
        width:100%;
    }

    .main-sub-menu .bg-g .labi {
        margin-left: -70px;
        width: 140px;
        font-size: 12px;
    }

    .main-sub-menu .bg-g h3 {
        text-align: center;
        padding-left: 12px;
    }

    .main-sub-menu .bts {
        margin-bottom:40px;
    }

    .main-sub-menu .bg-g .bg-w p {
        font-size: 14px;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1169px) {
    #part-info .img img {
        margin-left: -40px;
    }


}

.usr-logged .menu-container .nav-item:nth-last-child(2) .nav-link:hover {
    background:#fff;
    color:#dfdf;
}

.col2-left-layout h5 .close-icon {
    display:inline-block;
    background:#e7b000;
    border-radius:50%;
    width:25px;
    height:25px;
    line-height:23px;
    text-align:center;
    color:#fff;
    font-size:20px;
    float:right;
    margin-top:25px;
}

#shop-page .inf .rd-imgs .bgs input {
    display:inline-block;
    vertical-align:bottom;
    margin-right: 2px;
    height: 34px;
    width: 34px;
    border-radius:50%;
    position:relative;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
}

#shop-page .inf .rd-imgs .bgs input:checked:before {
    content: '';
    border: 2px solid #000;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

#shop-page .inf .rd-imgs .bgs input.c-1 {
    background:#86674e;
}

#shop-page .inf .rd-imgs .bgs input.c-2 {
    background:#ffffff;
}

#shop-page .inf .rd-imgs .bgs input.c-3 {
    background:#86674e;
}

#shop-page .inf .rd-imgs .bgs input.c-4 {
    background:#504338;
}

#shop-page .inf .rd-imgs .bgs input.c-5 {
    background:#696f6a;
}

#shop-page .inf .rd-imgs .bgs label{margin-bottom:0}
#shop-page .inf .rd-imgs .bgs .materialText, #shop-page .inf .rd-imgs .bgs div.colorText, #shop-page .inf .rd-imgs .bgs div.finishText, #shop-page .inf .rd-imgs .bgs div.patternText{display:inline-block}

#shop-page .inf .rd-imgs .bgs input:last-child {
    margin-right: 15px;
}

 
input#addWishlist {
    margin-bottom: 10px;
}
.edit-modal.wish-modal.req-modal .w-input {
    margin-top:0;
}

.edit-modal.wish-modal.req-modal .w-input textarea {
    border: none;
    display: inline-block;
    width: 100%;
    padding:15px;
    margin: 0;
    height:324px;
    border: 10px solid #F2EFED;
    color: #383734;
    font-size: 15px;
    background: #F2EFED;
    resize:none;
    font-family: 'FS Emeric';
    float: left;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 10px;
}

.edit-modal.wish-modal.req-modal .w-input ::-webkit-input-placeholder {
    color: rgba(46,56,49,0.3);
}

.edit-modal.wish-modal.req-modal .w-input .numi {
    float: right;
    font-weight: 300;
    color: #696F6A;
    font-style: normal;
    font-size: 20px;
    color: rgba(105,111,106,0.3);
    /*position:absolute;
    bottom: 30px;
    right: 46px;*/
    position:relative;
    bottom: 0;
    right: 0;
}


.edit-modal.wish-modal.req-modal .uload-bt {
    display:inline-block;
    width:100%;
    background:#F2EFED;
    line-height:59px;
    color:#383734;
    font-size:17px;
    font-family: 'FS Emeric';
    font-weight: 700;
    padding:0 32px;
    text-align:left;
}

.edit-modal.wish-modal.thank- h4 {
    font-family: 'utopia';
    font-weight:600;
}


.edit-modal.wish-modal.thank- .brows-cont {
    display:inline-block;
    width:100%;
    background:#383734;
    line-height:59px;
    color:#F2EFED;
    font-size:20px;
    font-family: 'FS Emeric';
    font-weight: 700;
    padding:0 15px;
    text-align:center;
    text-transform:uppercase;
}

.edit-modal.wish-modal.req-modal .w-input {
    margin-bottom:0;
}

.edit-modal.wish-modal.req-modal .uload-bt img {
    float:right;
    margin-top:15px;
}

.edit-modal.wish-modal.req-modal .w-input .numi em {
    font-weight: 100;
    font-style: normal;
}

.edit-modal.wish-modal.req-modal .w-input .numi a.paper {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    text-align:center;
    top: -10px;
}


.edit-modal.wish-modal.req-modal .conf {
    background:#E7C15E;
    margin-top:0;
    color:#F2EFED;
    font-family: 'FS Emeric';
    font-weight: 700;
    cursor: pointer;
}
.edit-modal.wish-modal.req-modal .conf:hover{
     background-color: #e0dcd6;
     color:#383734;
}

.edit-modal.wish-modal .modal-body {
    padding:15px 15px 40px 15px;
}


.edit-modal.wish-modal.thank- .modal-body {
    padding:15px 40px 60px 40px;
}

.edit-modal.wish-modal.thank- .sps {
    padding:15px 25px 145px 25px;
}

.edit-modal.wish-modal.thank- .sps h3 {
    color:#383734;
    font-size:23px;
    letter-spacing:1.15px;
    font-family: 'FS Emeric';
    font-weight:400;
}

.col2-left-layout .flider .bgs-info {
    max-width: 540px;
}

.col2-left-layout .spss .owl-item {
    vertical-align: middle;
}

.col2-left-layout .sdlir .sds {
}

#shop-page .owl-carousel .owl-item img {
    max-height: 200px;
    min-height: 200px;
}

.col2-left-layout .sdlir .sds img {
    max-height: 250px;
    min-height: 250px;
}

.col2-left-layout .sdlir .fds img {
    max-height: 250px;
    min-height: 250px;
}


.edit-modal.wish-modal.req-modal .conf {
    border:none;
    outline:none;
}

.main-sub-menu .lasti.sign .bg-g {
    background:#000;
    padding:170px 30px 40px 30px;
    height:440px;
}

.main-sub-menu .cros {
    position: absolute !important;
    top: 15px;
    right: 15px;
    width: auto !important;
}

.main-sub-menu .lasti.sign .bg-g .bg-w {
    background:#fff;
    height:auto;
    padding:45px 0;
}

.main-sub-menu .lasti.sign .bg-g .bg-w h3 {
    color:#383734;
    font-size:16px;
    font-weight:300;
    margin:0;
    text-transform:inherit;
    font-family: 'FS Emeric';
    letter-spacing:0;
}

.main-sub-menu .lasti.sign .bg-g .bg-w h4 {
    color:#383734;
    font-size:30px;
    margin:10px 0;
    text-transform:capitalize;
    letter-spacing:0;
    font-family: 'utopia';
    font-weight:600;
}

.usr-logged .menu-container .nav-item:nth-last-child(2) .nav-link:hover, .usr-logged .menu-container .nav-item:last-child .nav-link:hover {
    color:#fff;
    background:#A7A39F;
}

.menu-container {
    /* z-index:99999;*/
}

#product-infos.s-products .col2-left-layout .flider .bgs-info {
    background:#fff;
    border:2px solid #2E3831;
}

#product-infos.s-products .col2-left-layout .flider .bgs-info h6 {
    color:#2E3831;
    letter-spacing:2.04px;
}

#product-infos.s-products .col2-left-layout .flider .bgs-info h2 {
    color:#2E3831;
    letter-spacing:0;
}

#product-infos.s-products .col2-left-layout .flider .bgs-info h2 span {
    margin-top:25px;
    display:inline-block;
    letter-spacing:0;
}

#product-infos.s-products .col2-left-layout .flider .bgs-info p {
    color:#2E3831;
}

#product-infos.s-products .col2-left-layout .flider .bgs-info .l-btn {
    color:#fff;
    background:#2E3831;
    letter-spacing:1.56px;
}

#product-infos.s-products .col2-left-layout .flider .bgs-info h2 b {
    font-weight:400;
}

#product-infos.s-products .col2-left-layout .t-slider .flider .bgs-info h2 {
    font-weight:100;
}


@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-Light.eot');
    src:  local('https://nu-find.com/bundles/global/fonts/Bambino New Light'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-Light'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Light.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Light.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Light.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-LightItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Light Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-LightItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-LightItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-LightItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-ThinItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Thin Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-ThinItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-ThinItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-ThinItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-HeavyItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Heavy Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-HeavyItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-HeavyItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-HeavyItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBoldItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New SemiBold Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBoldItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBoldItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBoldItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-Bold.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Bold'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-Bold'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Bold.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Bold.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-RegularItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Regular Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-RegularItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-RegularItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-RegularItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-BoldItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Bold Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-BoldItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BoldItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BoldItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBold.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New SemiBold'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBold'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBold.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBold.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-SemiBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-Black.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Black'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-Black'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Black.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Black.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Black.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-Heavy.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Heavy'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-Heavy'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Heavy.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Heavy.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Heavy.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-Regular.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Regular'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-Regular'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Regular.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Regular.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-Thin.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Thin'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-Thin'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Thin.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Thin.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Thin.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bambino New';
    src: url('https://nu-find.com/bundles/global/fonts/BambinoNew-BlackItalic.eot');
    src: local('https://nu-find.com/bundles/global/fonts/Bambino New Black Italic'), local('https://nu-find.com/bundles/global/fonts/BambinoNew-BlackItalic'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BlackItalic.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BlackItalic.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/BambinoNew-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


#product-infos.s-products .col2-left-layout .t-slider #syncs1-2.flider .bgs-info h2 {
    font-family: 'FS Emeric';
    letter-spacing: 0px;
}

@font-face {
    font-family: 'OPTIMA';
    src: url('https://nu-find.com/bundles/global/fonts/OPTIMA.eot');
    src: url('https://nu-find.com/bundles/global/fonts/OPTIMA.eot') format('embedded-opentype'),
    url('https://nu-find.com/bundles/global/fonts/OPTIMA.woff2') format('woff2'),
    url('https://nu-find.com/bundles/global/fonts/OPTIMA.woff') format('woff'),
    url('https://nu-find.com/bundles/global/fonts/OPTIMA.ttf') format('truetype'),
    url('https://nu-find.com/bundles/global/fonts/OPTIMA.svg#OPTIMA') format('svg');
}
#product-infos.s-products .col2-left-layout #syncs1-3.flider .bgs-info h2 {
    font-family: 'OPTIMA';
    letter-spacing: 0px;
}

#product-infos.s-products .col2-left-layout #syncs1.flider .bgs-info h2, #product-infos.s-products .col2-left-layout #syncs1-4.flider .bgs-info h2 {
    font-family: 'Bambino New';
    letter-spacing: 0px;
    font-weight:900;
}

#product-infos.s-products .col2-left-layout #syncs1.flider .bgs-info h2 b, #product-infos.s-products .col2-left-layout #syncs1-4.flider .bgs-info b {
    font-weight:900;
}


#product-infos.s-products .col2-left-layout .sdlir .p-name {
    text-transform:uppercase;
}

#product-infos.s-products .v-all {
    display:inline-block;
    background:#ECECE5;
    color:#2E3831;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:41px;
    padding:0 15px;
    margin-right:9px;
}

#product-infos.s-products .col2-left-layout .spss.sts #syncs1 {
    margin-top:-25px;
}


.product-img .wishlist.fill,  .board-level-wishlist-icon .wishlist.fill {
    background:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/whishlist-icon-fill.svg) 50% 50% no-repeat;
    background-size:cover;
    height: 21px;
    width: 20px;
}

.edit-modal .modal-backdrop {
    z-index: 9999999;
}

.edit-modal.modal {
    z-index: 999999;
}

#product-infos .btnsr {
    margin-top:-88px;
}

#product-infos .btnsr .v-all {
    display: inline-block;
    background: #E0DCD6;
    color: #383734;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 41px;
    padding: 0 15px;
    margin-right: 9px;
    margin-top:3px;
    min-width:374px;
    text-align:center;
    letter-spacing:1px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

#product-infos .quiz-t {
    display: inline-block;
    background: #EF9217;
    color: #F9F9F3;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0 15px;
    margin-right: 9px;
    margin-top:45px;
    min-width:230px;
    text-align:center;
}

.top-minu25 {
    margin-top: -25px;
}

#product-infos.smart-cura .page-title {
    margin-top:0px;
}

@media (min-width: 1000px) {
    .modal-width.edit-modal .modal-dialog {
        width: 1000px;
        margin: 1.75rem auto;
    }


}

#product-infos.my-team.my-team-2 .product-img {
    border:2px solid #2E3831;
    min-height:250px;
}

.team-modal.edit-modal .modal-body {
    padding:0 15px;
}

.team-modal.edit-modal .b-right {
    border-right:2px solid #2E3831;
}

.team-modal.edit-modal .modal-title {
    margin-top:45px;
    padding-bottom:30px;
    border-bottom:2px solid #2E3831;
    margin-bottom:0;
}

.p-none {
    padding:0;
}

.team-modal.edit-modal .left-c {
    padding:25px 33px;
}


.team-modal.edit-modal .left-c p {
    color: #2E3831;
    font-size: 21px;
    margin: 0;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    font-weight:400;
}

.team-modal.edit-modal .left-c p span.nam {
    display: inline-block;
    border: 1px solid #2E3831;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #2E3831;
    font-size: 13px;
    letter-spacing: 0.65px;
    font-weight: 300;
    text-transform: uppercase;
    margin-right: 7px;
}

.team-modal.edit-modal .left-c p.head {
    margin-bottom: 35px;
}


.team-modal.edit-modal .left-c p.head.sd {
    margin-top: 45px;
    margin-bottom: 15px;
}

.team-modal.edit-modal .left-c p.head {
}

.team-modal.edit-modal .left-c p.head span {
    display: inline-block;
    position: relative;
    margin-right: 17px;
    vertical-align: middle;
}

.team-modal.edit-modal .left-c p.head span em {
    position: absolute;
    bottom: -11px;
    right: -14px;
    width: 26px;
    height: 26px;
    font-family: 'FS Emeric';
    line-height: 26px;
    text-align: center;
    background: #696F6A;
    font-style:normal;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    opacity: 1;
}

.team-modal.edit-modal .scroll-height {
    height:515px;
    padding:25px 20px;
    overflow:hidden;
    overflow-y:scroll;
    background:#fff;
}

.team-modal.edit-modal .scroll-height::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    background:none;
}

.team-modal.edit-modal .scroll-height::-webkit-scrollbar {
    width: 5px;
    background:none;
    background:none;
    border-radius:5px;
    margin-right:6px;
}

.team-modal.edit-modal .scroll-height::-webkit-scrollbar-thumb {
    background:none;
    border: 5px solid #2E3831;
    background:none;
    border-radius:5px;
}

.team-modal.edit-modal .scroll-height .bd {
    border:2px solid #2E3831;
    background:#F9F9F3;
    margin-bottom:30px;
}

.team-modal.edit-modal .scroll-height p {
    color:#686E6A;
    font-size:14px;
    margin:0;
    line-height:1.4;
}

.team-modal.edit-modal .scroll-height p span {
    color:#2E3831;
    font-size:17px;
}

.team-modal.edit-modal .scroll-height .firsti {
    padding:15px 20px;
}


.team-modal.edit-modal .scroll-height .secondi {
    background:#E1DFD8;
    padding:15px 20px;
    border-top:2px solid #2E3831;
    position:relative;
}

.team-modal.edit-modal .scroll-height .secondi .al {
    position:absolute;
    top:20px;
    right:12px;
}

.team-modal.edit-modal .form-down {
    background:#2E3831;
    padding:41px 48px;
}

.team-modal.edit-modal .form-down input {
    color:#686E6A;
    display:inline-block;
    width:100%;
    padding:0 20px;
    border:none;
    box-shadow:none;
    height:60px;
    font-size:14px;
    font-family: 'FS Emeric';
    padding-right:30px;
    background:#F9F9F3 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pin-attach.png) 95% 50% no-repeat;
}

.team-modal.edit-modal .close {
    top:15px;
}

@media (min-width: 700px) {
    .edit-modal.board-modal .modal-dialog {
        width:700px;
    }

}

.edit-modal.board-modal .modal-body .modal-title {
    margin-top: 30px;
    margin-bottom: 30px;
}

.edit-modal.board-modal .modal-body {
    padding:15px 25px;
    padding-bottom:42px;
}

.edit-modal.board-modal .modal-body p {
    color:#2E3831;
    font-size:25px;
    margin:0;
    border-left:2px solid #2E3831;
    border-right:2px solid #2E3831;
    border-bottom:2px solid #2E3831;
    line-height:60px;
    padding:0 15px;
}

.edit-modal.board-modal .modal-body p img {
    float:right;
    margin-top:10px;
    max-width:35px;
}

.edit-modal.board-modal .modal-body p.ft {
    border-top:2px solid #2E3831;
    font-weight:bold;
}

.edit-modal.board-modal .modal-body .formi {
    background:#2E3831;
    padding:13px 15px 16px 15px;
}

.edit-modal.board-modal .modal-body .formi input {
    color:#2E3831;
    color:rgba(46,45,49,.5);
    width:342px;
    padding:0 10px;
    border:none;
    box-shadow:none;
    height:31px;
    font-size:20px;
    font-style:italic;
    font-family: 'FS Emeric';
    background:#FFFFFF;
    display:inline-block;
    vertical-align:top;
}

.edit-modal.board-modal .modal-body .formi label {
    display:inline-block;
    vertical-align:top;
    color:#F9F9F3;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:31px;
    margin:0 15px;
}

.edit-modal.board-modal .modal-body .formi .submit {
    border:none;
    background:none;
    padding:0;
    margin:0;
    vertical-align:top;
    line-height:31px;
    box-shadow:none;
    outline:none;
    cursor:pointer;
}

.edit-modal.board-modal .modal-body .formi .submit img {
    max-width:35px;
}

#product-infos.smart-cura .col2-left-layout #syncs1.flider .bgs-info h2 {
    letter-spacing:7.04px;
    font-family: 'Halant', serif;
    font-weight:500;
}

#product-infos.smart-cura .col2-left-layout #syncs1-2.flider .bgs-info h2 {
    letter-spacing:6.3px;
}

#product-infos.smart-cura .col2-left-layout #syncs1-3.flider .bgs-info h2 {
    letter-spacing:2.64px;
    font-size:33px;
    font-family: 'BioRhyme', serif;
    font-weight:900;
    line-height: .9;
}

#product-infos.smart-cura .col2-left-layout #syncs1-4.flider .bgs-info h2 {
    font-family: 'Belleza', sans-serif;
}

/* Media Css */
@media only screen and (max-width: 767px) {
    #shop-page .inf .rd-imgs .bgs img {
        width: 34px !important;
        height: 34px !important;
    }

    #shop-page .inf .rd-imgs .bgs input:checked:before {
        top: 0px;
    }

    #shop-page .inf .rd-imgs .bgs input {
        height: 25px;
        width: 25px;
    }

    .slider-nav .slick-slide {
    }

    .slider.slider-nav.thumb-image {
        margin-bottom:20px;
    }

    .banner-slider .slider.slider-nav {
        width:auto;
    }

    .banner-slider .slider.slider-for {
        max-width: 100% !important;
        width: 100% !important;
    }


    .owl-carousel .owl-item img {
        max-height: inherit;
        min-height: inherit;
    }

    .col2-left-layout .sdlir .sds img {
        max-height: inherit;
        min-height: inherit;
    }

    .col2-left-layout .sdlir .fds img {
        max-height: inherit;
        min-height: inherit;
    }

    .main-sub-menu .lasti.sign .bg-g {
        margin-bottom:25px;
    }

    #product-infos.s-products .v-all {
        font-size: 12px;
        margin-right: 0px;
        margin-top: 40px;
        margin-bottom: 25px;
    }

    .col2-left-layout .flider .bgs-info {
        padding: 50px 20px;
    }

    .col2-left-layout .flider .bgs-info h2 {
        font-size: 24px;
    }

    #product-infos .quiz-t {
        margin-top:0px;
        margin-bottom:20px;

    }

    #product-infos .btnsr {
        margin-top:0px;
        margin-bottom: 15px;
    }

    .top-minu25 {
        margin-top: 0px;
    }
    #product-infos .btnsr .v-all {
        min-width:100%;
        font-size:15px;
    }

    .edit-modal.board-modal .modal-body {
        padding:15px 15px;
        padding-bottom:42px;
    }

    .edit-modal.board-modal .modal-body p {
        font-size: 16px;
    }

    .edit-modal.board-modal .modal-body .formi input {
        width: 100%;
        margin-bottom:10px;
    }

    .col2-left-layout .flider .bgs-info h2, #product-infos.smart-cura .col2-left-layout #syncs1-3.flider .bgs-info h2 {
        font-size: 24px;
        line-height: 1.3;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1169px) {


    .slider.slider-nav.thumb-image {
        margin-bottom:20px;
    }

    .banner-slider .slider.slider-nav {
        width:auto;
    }

    .banner-slider .slider.slider-for {
        max-width: 100% !important;
        width: 100% !important;
    }

    /*.owl-carousel .owl-item img {
    max-height: 150px;
    min-height: 150px;
}*/

    .col2-left-layout .sdlir .sds img {
        max-height: 200px;
        min-height: 200px;
    }

    .col2-left-layout .sdlir .fds img {
        max-height: 200px;
        min-height: 250px;
    }

    .col2-left-layout .flider .bgs-info {
        padding: 50px 20px;
    }

    .col2-left-layout .flider .bgs-info h2 {
        font-size: 24px;
    }

    #shop-page .inf .rd-imgs .bgs input {
        height: 20px;
        width: 20px;
    }

    #shop-page .inf .rd-imgs .bgs input:last-child {
        margin-right: 5px;
    }

    .slick-slide.slick-current .thumbImg {
        border: 2px solid #2E3831;
    }

    .col2-left-layout .flider .bgs-info h2, #product-infos.smart-cura .col2-left-layout #syncs1-3.flider .bgs-info h2 {
        font-size: 24px;
        line-height: 1.3;
    }

}


@media only screen and (min-width: 1170px) and (max-width: 1250px) {

    .col2-left-layout .flider .bgs-info {
        padding: 50px 20px;
    }

    .col2-left-layout .flider .bgs-info h2 {
        font-size: 24px;
    }


}

@media only screen and (min-width: 992px) and (max-width: 1170px) {

    .bread-info {
        padding-top: 70px;
    }

}


@media only screen and (min-width: 992px) and (max-width: 1193px) {
    .banner-slider .slider.slider-for {
        max-width: 84% !important;
        width: 84% !important;
    }

    .slick-vertical .slick-slide.slick-current .thumbImg {
        width: 100%;
    }

}

@media only screen and (min-width: 1170px) and (max-width: 1325px) {
    .bread-info {
        padding-top: 70px;
    }
}



@media only screen and (min-width: 1441px) and (max-width: 1564px) {

    .bread-info {
        padding-top: 70px;
    }

}



/* Shruti */
span.error-msg {
    color:#F297A1;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1.8px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-weight: 300;
    padding: 0 5px;
}
#frmContactUs span.error-msg {

    position: relative;
    float: right;
    margin-top: -30px;
}

.smart-way-sec div, .smart-way-sec .pimcore_editable{color:#F9F9F3}

/* Autocomplete */
#autoComplete_results_list{padding:0!important;margin:0!important;position:absolute!important;background:white!important;z-index:999999!important;width:100%!important;box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.18)!important;}
.autoComplete_result{display:block!important;
    padding:5px 10px !important;  
    border-bottom:1px solid #d2d2d2 !important;
    text-align:left!important;
    cursor:pointer!important;
    font-size:14px!important;
    line-height:16px!important;
    height: auto !important;
}
.autoComplete_result:hover{background-color:#54b898 !important;color:white !important;}
.no_result.autoComplete_result{cursor:auto !important;background-color:white !important;color:#2e3831!important;text-align:center!important;}
.autoComplete_result:last-child{border:none!important;}





/**** NEW Changes 6-30-2021 ****/
#profile-info p {
    margin-bottom: 36px;
}

#profile-info {
    padding-bottom:50px;
}

.container-fluid.bread {
    max-width: 100%;
    padding:0 0px;
}

#profile-info h3.deli {
    margin-bottom: 36px;
}

#profile-info h3 a {
    display:inline-block;
    vertical-align:unset;
    top:-5px;
    position:relative;
}


#brief-info .bddr {
    background: #e1dfd8;
    height: 14px;
    position: absolute;
    top: 136px;
    width: 75%;
    left: 20%;
    z-index: -9;
}

#brief-info .bddr img {
    position:absolute;
    top:-33px;
    right:-80px;
}


.container-fluid.full {
    width:100% !important;
    max-width:100% !important;
}

#product-infos.favourite .block {
    padding-left:10px;
}

#brief-info .bg .img.s9 {
    bottom: 155px;
}

#acco-info .card-header button, #acco-info .card-header button:hover, #acco-info .card-header button:focus,
#acco-info .card-header button a , #acco-info .card-header button a:hover , #acco-info .card-header button a:focus  {
    text-decoration:none;
}

#ship-details .learn img {
    top: 6px;
}

.col2-left-layout .sdlir .p-name {
    text-transform:uppercase;
}

.col2-left-layout .sdlir .sds, .col2-left-layout .sdlir .fds {
    margin-top: -80px;
}

.owl-carousel .owl-item img {
    min-height:169px;
}
.home-ban .owl-carousel .owl-item img {
    max-height: 375px;
    object-fit: cover;
    border-radius: 8px;
}
.col2-left-layout .spss .item {
    padding-top: 25px;
}

label.container .checkmark {
    font-weight:400;
}

.team-modal.edit-modal .left-c p.head span {
    vertical-align: bottom;
}

.team-modal.edit-modal .left-c p.head span em {
    font-size: 18px;
}

.team-modal.edit-modal .left-c p.head.sd span {
    vertical-align: middle;
}

.team-modal.edit-modal .left-c p.head.sd span em {
    vertical-align: middle;
    bottom: -3px;
    right: -18px;
}

.container-fluid.bread.spppts {
    padding-left:0px;
    padding-right:0px;
}

#product-infos.p-grid-info {
    padding:0px !important;
}

#product-infos.p-grid-info .breadcrumb {
    padding: 6px 0px !important;
}

.bread-info.s-details {
    padding-top:70px;
}


.work-retail .owl-nav.disabled{
    display:none;
}

.favrite-find-section .owl-nav button.owl-prev .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
}

.favrite-find-section .owl-nav button.owl-next .fa-angle-right:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
}

.recommended-for-you-sec .owl-nav button.owl-prev .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
}

.recommended-for-you-sec .owl-nav button.owl-next .fa-angle-right:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
}

#shop-page .notes .text-div textarea {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    border: none;
    padding: 10px 0px;
    padding-top:0;
    resize: none;
    color: #A7A39F;
    background: none;
    height: 68px;
    font-size: 17px;
    letter-spacing:0.85px;
    font-weight: 400;
    font-family: 'FS Emeric';
}


#shop-page .notes .text-div textarea::-webkit-input-placeholder  {
    font-weight:100;
}


#shop-page .notes .text-div h4 {
    color: #383734;
    font-size: 17px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

#shop-page .notes .text-div .inf span {
    float: right;
    font-weight: 300;
    color: #A7A39F;
    font-style: normal;
    line-height: 22px;
    font-size:17px;
    letter-spacing:0.85px;
    border:none;
    font-family: 'FS Emeric';
}

#shop-page .notes .text-div .inf {
    border:none;
    padding:0;
}

#shop-page .notes .text-div .inf em {
    font-weight: 100;
    font-style: normal;
}


#shop-page .notes .text-div .inf span a {
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    line-height: 22px;
    vertical-align: middle;
}

#shop-page .notes .text-div .inf span a img {
    max-width: 24px;
    margin-top: -5px;
    vertical-align: baseline;
}

.navbar-expand-lg {
    z-index: 99999;
}

.bread-info p a {
    color: #2E3831;
}

.d-block-full {
    display:block !important;
}

.minHeight100 {
    min-height: 100%;
}

.alignBottompos {
    position: absolute;
    bottom: 0px;
}

.flush-left-desk {
    padding-left: 0px;
}


/***** NEW CSS 7-7-2021*****/
#profile-info.terms p a {
    color: #2E3831;
}

#profile-info  .btns a {
    display:inline-block;
    width:100%;
    color: #383734;
    font-size:23px;
    position:relative;
    border:1.4px solid #2E3831;
    min-height:73px;
    margin-bottom:8px;
    padding-top:18px;
    padding-left:91px;
    letter-spacing: 1.15px;
    font-family: 'FS Emeric';
}

#profile-info  .btns a img {
    position:absolute;
    top:24px;
    left:26px;
}


#profile-info  .btns a:hover {
    background:#ECECE5;
}

#profile-info  .btns a.wats img {
    top:18px;
}


#profile-info  .btns a.call {
    min-height:155px;
    padding-left:110px;
    padding-top:51px;
    padding-bottom:45px;
}

#profile-info  .btns a.call img {
    top:61px;
}

#profile-info  .btns a.reqe {
    padding-left:110px;
}

#profile-info  .btns a.reqe img {
    top:20px;
}

#profile-info .tablecell.vbottom {
    vertical-align:bottom;
}


#profile-info .btn-download a {
    margin-bottom:8px;
    display:inline-block;
}

#profile-info .btn-download a img {
    max-width:35px;
}


#profile-info .a-nurfind p  a {
    color: #383734;
    font-family: 'FS Emeric';
}

#profile-info .a-nurfind hr {
    border-top: 2px solid #2E3831;
    float:left;
    width:100%;
    margin-bottom:30px;
}

#profile-info .a-nurfind .nav-tabs {
    width:100%;
    margin-top:15px;
    border:none;
}

#profile-info .a-nurfind .tab-content {
    width:100%;
    margin-top:15px;
}

#profile-info .a-nurfind .nav-tabs li {
    width:100%;
    margin-bottom:5px;
}

#profile-info .a-nurfind .nav-tabs .nav-link {
    display: inline-block;
    width: 100%;
    background: #E1DFD8 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down.png) 97% 50% no-repeat;
    text-align: left;
    color: #2E3831;
    padding: 14px 15px;
    letter-spacing: 1.25px;
    font-size: 25px;
    font-weight: 300;
    text-decoration:none;
    border:none;
    border-radius:0;
}

#profile-info .a-nurfind .nav-tabs .nav-link.active {
    background: #2E3831 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-white-right.png) 97% 50% no-repeat;
    color:#F9F9F3;
}


#profile-info .a-nurfind .card {
    border: none;
    border-radius: 0;
    background: none;
    margin-bottom: 11px;
}

#profile-info .a-nurfind .card-header {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
}

#profile-info .a-nurfind .card-header h5 {
    padding:0;
    border:none;
    height:inherit;
    line-height:inherit;
}


#profile-info .a-nurfind .card-header button.collapsed {
    background: #F2EFED url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down.png) 97% 50% no-repeat;
    text-decoration:none;
}

#profile-info .a-nurfind .card-header button {
    display: inline-block;
    width: 100%;
    background: #F2EFED url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up.png) 97% 50% no-repeat;
    text-align: left;
    color: #383734;
    padding: 7px 15px;
    letter-spacing: 1.25px;
    font-size: 25px;
    font-weight: 300;
    text-decoration:none;
    font-family: 'FS Emeric';
}

#shop-page .a-nurfind .card-body {
    padding: 5px 13px;
}

#profile-info .a-nurfind.guides .card-header button {
    background: #E0DCD6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up.png) 97% 50% no-repeat;
}

#profile-info .a-nurfind.guides .card-header button.collapsed {
    background: #E0DCD6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down.png) 97% 50% no-repeat;
}

#profile-info .a-nurfind.guides .card-body {
    padding:10px 0px;
}

#profile-info .a-nurfind.guides .card-body {
    padding-top:20px;
}

.owl-carousel.dark .owl-nav button.owl-next .fa-angle-right::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
}

.owl-carousel.dark .owl-nav button.owl-prev .fa-angle-left::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
}

.flush-left {
    padding-left: 0px;
}

/******* 7-14-2021 ********/
.main-sub-menu .last-premium h4 {
    color:#2E3831;
    font-size:17px;
    font-weight:bold;
    line-height:25px;
}

.main-sub-menu .last-premium h4 img {
    margin-bottom:13px;
}

.usr-logged .menu-container .nav-item .nav-link.disable {
    background:#696F6A;
    color:#F9F9F3;
    font-weight:400;
    pointer-events:none;
    opacity:0.7;
}

.disable-menu .menu-column {
    pointer-events:none;
    opacity:0.2;
}

.disable-menu .menu-column.last-premium {
    pointer-events:all;
    opacity:1;
}

.main-sub-menu .menu-column.full-menu-column {
    width:100%;
}

@media (max-width: 1600px) {
    #product-infos .text-ed h2 {
        font-size: 34px;
    }

    #product-infos .text-ed h6 {
        font-size: 34px;
    }
}

#product-infos .text-ed h2 {
    font-size: 40px;
    line-height:1.3;
    color: #383734;
    margin-top:30px;
    margin-bottom:50px;
    font-family: 'utopia';
    font-weight: 700;
}

#product-infos .text-ed h6 {
    font-size: 40px;
    color: #2E3831;
    color: #b8b8b8;
    margin:5px 0 20px 0;
}

#product-infos .text-ed p {
    font-size: 18px;
    line-height: 28px;
    color: #2E3831;
    margin:0px 0;
    margin-bottom:25px;
}

#product-infos .text-ed .sad {
    max-width:150px;
}


#product-infos .text-ed .lock-img {
    border:5px solid #abaaaa;
    border-radius:50%;
}
.orange-btn {
    background:#E7C15E;
    color:#F2EFED;
    display:inline-block;
    line-height:52px;
    font-size:17px;
    text-transform:uppercase;
    font-weight:bold;
    min-width:220px;
    letter-spacing:2.04px;
    font-family: 'FS Emeric';
    font-weight:bold;
}

.orange-btn:hover {
    background:#000;
    color:#fff;
}


#product-infos.smal-pages  .col-left.sidebar {
    margin:0;
}


.search-box .search-div .bt {
    margin-bottom:20px;
}

.search-box .search-div.active {
    display:block;
}

.search-box .search-div {
    position:absolute;
    top:100%;
    min-width:300px;
    left:0;
    background:#fff;
    min-height:150px;
    z-index:99;
    padding:20px 20px 0 20px;
    display:none;
}

.search-box .search-div p {
    color: #2E3831;
}

.search-box .search-div .s-left {
    padding-left:0;
}

.fullwidth {
    width:100%;
}

.disabled-div {
    pointer-events:none;
    opacity:.4;
}

/**** CHANGES ON 28/07/2021 ****/
.error-not-found {
    padding: 70px 0px;
}

.pop-form-wrapper .form-control {
    font-size: 15px;
}
.form-control::-webkit-input-placeholder {
    color:#A7A39F;
}

.pop-form-wrapper .ss-btn {
    display: inline-block;
    line-height: 59px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
    background: #383734;
    margin-top: 0;
    color: #FFFFFF !important;
    font-family: 'FS Emeric';
    border: 1px solid #fff;
    outline: none;
    margin-bottom: 30px;
}

.modal.dark-pop {
    z-index: 9999999;
}

.product-desc .shades li {
    margin-right: 2px;
}

.col-left.sidebar {
    padding-bottom:70px;
}

.home-brand-slider.owl-carousel .owl-item img {
    min-height: inherit !important;
}

.modal #manufacturer {
    width:623px;
}

.navbar-expand-lg {
    z-index: 99 !important;
}

.edit-modal.wish-modal.edit-input .w-input input {
    margin-bottom:25px;
}

.edit-modal.wish-modal.edit-input  input.submit {
    background: #EF9217;
    margin-top: 0;
    background: #EF9217;
    margin-top: 0;
    line-height: 59px;
    height: 59px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    text-align: center;
    outline:none !important;
    border:none;
    margin-bottom: 30px;
    cursor:pointer;
}


.edit-modal.wish-modal.edit-input  input.submit:focus {
    outline:none !important;
    border:none;
    box-shadow:none;
}

#profile-info .members img.del {
    margin-left: 4px;
    top: -3px;
    position: relative;
}

.edit-modal.wish-modal.edit-input .w-input label {
    color: #2E3831;
    font-weight:500;
}

.edit-modal.wish-modal.edit-input .w-input label input {
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    display:inline-block;
    vertical-align:sub;
    position:relative;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    border:1px solid #2E3831;
    margin-right:5px;
}

.edit-modal.wish-modal.edit-input .w-input label input:checked:after {
    content: '✔';
    color: #000;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 1px;
    width: 100%;
}

#head .print-btn {
    position:absolute;
    top:50%;
    right:50px;
    font-size:24px;
    margin-top:-10px;
}


.pad-0 {
    padding:0;
}

.show-in-mobile {
    display:none !important;
}

#profile-info .ftts {
    margin-top:15px;
    padding-bottom:70px !important;
}

#profile-info .a-nurfind .tab-content {
    margin-top:0;
}

#profile-info .a-nurfind .nav-tabs {
    margin-top:0;
}

#profile-info .a-nurfind .card {
    margin-bottom:5px;
}


#profile-info .a-nurfind  .card-body.mob-card {
    padding:0;
    padding-top:10px;
}

.hide {
    display:none !important;
}




#profile-info .a-nurfind .card-header.mob-button button.collapsed {
    background: #E1DFD8 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down.png) 97% 50% no-repeat;
    color: #2E3831;
}

#profile-info .a-nurfind .card-header.mob-button button {
    background: #383734 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-white-right.png) 97% 50% no-repeat;
    color: #F2EFED;
    margin-bottom:5px;
}




@media (min-width: 768px){
    #profile-info .a-nurfind .card.cd {
        margin-bottom: 0px;
        display:inline-block;
        clear:both;
        width: 100%;
        min-height:450px;
    }

    #profile-info .a-nurfind .card-header.mob-button {
        float:left;
        width:49%;
        clear:both;
        position:absolute;
        top:0;
        left:0;
    }

    #profile-info .a-nurfind  .inn {
        float:right;
        width:49%;
        position:relative;
        /*top:-82px;*/
        margin-left:auto;
        margin-top:auto;
        clear:both;
    }

    #profile-info .a-nurfind .card-header.mob-button.t2 {
        top:58px;
    }

    #profile-info .a-nurfind .card-header.mob-button.t3 {
        top:116px;
    }

    #profile-info .a-nurfind .card-header.mob-button.t4 {
        top:174px;
    }

    #profile-info .a-nurfind .card-body.mob-card {
        padding: 0;
        padding-top:0px;
    }


    #profile-info .a-nurfind #accordion-mob {
        display:inline-block;
        width:100%;
        clear:both;
    }
}

@media (max-width: 767px){
    .show-in-mobile {
        display:block !important;
    }

    .hide-in-mobile {
        display:none !important;
    }


    #profile-info .a-nurfind .card-body.mob-card {
        padding: 0;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1169px) {
    #profile-info .a-nurfind .card-header button {
        font-size: 18px;
        line-height:37px;
    }

    #profile-info .a-nurfind .card-body.mob-card .card-header button {
        font-size: 13px;
        line-height:1.5;
    }
}



@media only screen and (min-width: 1170px) and (max-width: 1290px) {

    #profile-info .a-nurfind .card-body.mob-card .card-header button {
        font-size: 20px;
        line-height:1.5;
    }
}


#profile-info h3 img.del {
    top: 2px;
}

/** CSS added on 17-09-2021 **/
.col2-left-layout {
    margin-top: 18px;
    margin-bottom: 50px;
}

body {
    overflow-x: hidden;
}

.btn.more-factory {
    color: #383734;
    padding: 5px 20px;
    background: #F2EFED;
    border-radius: 99px;
}
.btn.more-factory i{
    font-size: 20px;
    position: relative;
    top: 1px;
    right: -3px;
}
.btn.more-factory:hover {
    background:#E0DCD6;
    color: #383734;
}


/*** ***/
.pet-lock {
    position:relative;
}

.pet-lock .menu-img, .pet-lock h3 {
    opacity:.5;
}

.pet-lock ul {
    opacity:.5;
}

.pet-lock .get-lock {
    display: inline-block;
    background: #383734;
    padding: 25px 30px;
    position: absolute;
    top: 182px;
    left: -20px;
    z-index: 9;
    width: 190px;
}

.pet-lock .get-lock h3 {
    font-family: 'utopia';
    color:#F2EFED;
    font-weight:600;
    letter-spacing:0.85px;
    line-height:30px;
    opacity:1;
}

.pet-lock .get-lock .lock-btn {
    display: inline-block;
    background: #E7C15E;
    color: #383734;
    text-align: center;
    width: 100%;
    line-height: 25px;
    font-size: 13px;
    letter-spacing: 0.85px;
    padding-right:5px;
    font-family: 'FS Emeric';
}

.pet-lock .get-lock .lock-btn img {
    position:relative;
    top:-3px;
    margin-right:5px;
}


.pet-lock.active .get-lock {
    display:none;
}

.pet-lock h3 {
    font-family: 'FS Emeric';
    font-weight: 400;
}

.pet-lock.active .menu-img, .pet-lock.active h3 {
    opacity:1;
}

.pet-lock.active ul {
    opacity:1;
}

.main-sub-menu.disabled {
}

.main-sub-menu.disabled.menu-img, .main-sub-menu.disabled ul, .main-sub-menu.disabled h3  {
    opacity:.5;
    pointer-events:none;
}

/**/

.main-sub-menu {

}

.main-sub-menu .al {
    position:absolute;
    top:160px;
    left:0;
    z-index:9;
}

.main-sub-menu .al .box {
    display: inline-block;
    background: #383734;
    padding: 75px 140px;
}

.main-sub-menu .al .box h3 {
    font-family: 'utopia';
    color:#F2EFED;
    font-weight:400;
    font-size:30px;
    letter-spacing:1.5px;
    line-height:30px;
    opacity:1;
}

.main-sub-menu .al .box .lock-btn1 {
    display: inline-block;
    background: #E7C15E;
    color: #383734;
    text-align: center;
    width: 100%;
    line-height: 44px;
    font-size: 20px;
    letter-spacing: 1px;
    padding-right:5px;
    font-family: 'FS Emeric';
    font-weight:400;
    margin-top:10px;
}

.main-sub-menu .al .box .lock-btn1 img {
    position:relative;
    top:-3px;
    margin-right:5px;
}


.main-sub-menu.curate-menu .sub-row:nth-child(2),
.main-sub-menu.signature-menu .sub-row:nth-child(2) {
    background:#F2EFED;
}

.main-sub-menu .cros {
    top:25px;
    right:25px;
}

.main-sub-menu .cros img {
    width: 25px;
}

.main-sub-menu.curate-menu {
}


@media (max-width: 1600px) {
    .cl-al {
        padding-right: 24px;
    }

}

.cl-al {
    display: inline-block;
    float: right;
    color: #37353A;
    font-size: 17px;
    font-family: 'FS Emeric';
    letter-spacing: -0.61px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
}
.cl-al.clear-filter:hover{
    color: #688563;
}

.cl-al img {
    margin-right: 3px;
}

.col-left.sidebar .block hr {
    border-color:#383734;
    display:inline-block;
    width:100%;
}

.two-item label.container {
    border-right:1px solid #F2EFED;
    border-bottom:1px solid #F2EFED;
    align-items: center;
    display: flex;
    justify-content: center;
}

.two-item label.container:nth-child(2n) {
    border-right:none;
}

label.container .checkmark.lt {
    font-size:13px;
    letter-spacing:-0.26px;
}

label.container .checkmark.t1 {
    font-family: 'Halant', serif;
    font-weight:500;
    letter-spacing:2.4px;
}

label.container .checkmark.t2 {
    font-family: 'Nunito', sans-serif;
    font-weight:300;
    letter-spacing:1.2px;
    font-size:15px;
}

label.container .checkmark.t3 {
    font-family: 'Alegreya Sans', sans-serif;
    font-weight:400;
    font-size:15px;
    letter-spacing:2.1px;
}

label.container .checkmark.t4 {
    font-family: 'Amiko', sans-serif;
    font-weight:bold;
    font-size:13px;
    letter-spacing:0px;
}

label.container .checkmark.t5 {
    font-family: 'BioRhyme', serif;
    font-weight:900;
    font-size:15px;
    letter-spacing:1.2px;
}

label.container .checkmark.t6 {
    font-family: 'Belleza', sans-serif;
    font-weight:400;
    font-size:15px;
    letter-spacing:1.2px;
}

label.container .checkmark.t7 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:400;
    font-size:15px;
    letter-spacing:1.8px;
}

label.container .checkmark.t8 {
    font-family: 'BioRhyme', serif;
    font-weight:400;
    font-size:15px;
    letter-spacing:2.4px;
}

.product-item {
    margin-bottom:22px;
}

/*** ***/
.slider-horizon {

}


.slider-horizon .banner-slider .slider.slider-for {
    max-width: 100% !important;
    width: 100% !important;
}

.slider-horizon .banner-slider .slider.slider-nav {
    padding: 20px 0 0;
    width: 100%;
}

.slider-horizon .banner-slider .slider.slider-nav {
    max-width: 100%;
    height:inherit;
}

.slider-horizon .slick-prev.slick-arrow {
    background: #E0DCD6;
    background: #e0dcd65c url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-black-left.png) 50% 53% no-repeat;
    background-size: 18px auto;
    width: 42px;
    /* height: 100%; */
    float: left;
}

.slider-horizon .slick-next.slick-arrow {
    background: #E0DCD6;
    background: #e0dcd65c url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-black-right.png) 50% 53% no-repeat;
    width: 42px;
    /* height: 100%; */
    float:right;
    
    right:0;
    left:auto;
}

.slider-horizon .banner-slider .slider.slider-nav {
    padding:0;
}

.slider-horizon .slider-nav .slick-list.draggable {
    margin-top: 0px;
    width: 100%;
    /* width:437px !important; */
    float: left;
    background-color: #fff;
    height: 100% !important;
    padding: 0 25px;
}

/*** ***/
#shop-page h4.he {
    font-size: 25px;
    font-family: 'FS Emeric';
    font-weight: 700;
    color: #383734;
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing:1.25px;
}


#shop-page {
    padding-bottom:60px;
}


#shop-page .hrt {
    position:absolute;
    top:15px;
    right:15px;
    z-index:99;
    max-width:25px;
}

#shop-page .hrt.bts {
    top:auto;
    bottom:10px;
    right:10px;
}

/*** ***/
#info-details {
    background:#F2EFED;
    padding:120px 0;
}

#info-details .pdd {
    color: #383734;
    font-size: 17px;
    font-family: 'FS Emeric';
    font-weight: bold;
    letter-spacing: 0.85px;
}

#info-details h3 {
    color: #383734;
    font-size: 25px;
    font-family: 'FS Emeric';
    font-weight: bold;
    letter-spacing: 1.25px;
    margin-bottom:20px;
}

#info-details .bg {
    background:#fff;
}

#info-details .sp {
    padding:60px 60px;
}

#info-details p {
    color: #383734;
    font-size: 23px;
    line-height:1.3;
    font-family: 'FS Emeric';
    margin-bottom:20px;
}

#info-details .table {
    border-bottom: 4px solid #F2EFED;
    margin:0;
    margin-top: -10px;
    margin-bottom: -10px;
}

#info-details .table td, #info-details .table th {
    vertical-align: top;
    border-top: 4px solid #F2EFED;
}

#info-details .table td {
    padding-left:15px;
    border-right: 4px solid #F2EFED;
    vertical-align:middle;
    color: #383734;
    font-size: 23px;
    font-family: 'FS Emeric';
    font-weight: 300;
}

#info-details .table td:first-child {
    color: #383734;
    font-size: 23px;
    font-family: 'FS Emeric';
    font-weight: bold;
    border-left: 4px solid #F2EFED;
    vertical-align:top;
}


#info-details .table td p {
    color: #383734;
    font-size: 23px;
    font-family: 'FS Emeric';
    font-weight: 300;
    margin:0;
    margin-bottom:20px;
}


/*** ***/

.home-new .new-homepage .main-nav {
    padding-top:40px;
}

.home-new .new-homepage .navbar-brand {
    margin: 0 auto !important;
    float: left;
}

.home-new .new-homepage .head-right-group li {
    display:inline-block;
    float:left;
}

/*.home-new .navbar-brand {
    display: inline-block;
    padding: 5px 0;
}*/

.home-new .navbar-brand img {
    float: left;
}

.home-new .new-homepage .head-right-group li a {
    text-transform:uppercase;
    line-height:35px;
    letter-spacing:.7px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

.home-new .new-homepage .head-right-group li a.f-trial {
    background:#D19688;
    color:#fff;
    text-decoration:underline;
    padding:0 30px;
    display:inline-block;
    margin-left:10px;
    font-family: 'FS Emeric';
    font-weight:bold;
}

.home-new .new-homepage .navbar-container {
    border-bottom:none;
}

.home-new .product-btn {
    background:#6f8563;
    color:#fff;
    margin:0;
    text-transform:uppercase;
    text-decoration:underline;
    letter-spacing:.7px;
    padding:0 30px;
    width:auto;
    min-width:auto;
    max-width: none;
    font-size:18px;
    font-family: 'FS Emeric';
    font-weight: 700;
    display:inline-block;
    line-height:50px;
    height: 50px;
}

.home-new .banner-new {
    padding:90px 0 110px 0;
    background:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/banner-new-home.png) 50% 50% no-repeat;
    background-size:cover;
}

.home-new .banner-new h2 {
    letter-spacing:0;
    font-size:60px;
    font-family: 'utopia';
    font-weight:600;
    line-height: 1.2;
}

.home-new .banner-new h2 span {
    font-weight:bold;
    font-family: 'FS Emeric';
}

.home-new hr.wid {
    display:inline-block;
    width:110px;
    border-color:#605f5c;
    border-width:2px;
}

.home-new .banner-new p {
    margin-top:60px;
    margin-bottom:25px;
    color:#383734;
    font-family: 'FS Emeric';
    font-size: 20px;
}

.home-new .banner-new p b {
    font-family: 'FS Emeric';
    color:#383734;
    font-weight: 700;
}

@media (max-width: 1440px) {
    .home-new .navbar-brand img {
        height: 23px;
    }
}

@media (max-width: 1440px) {

    .home-new .new-homepage .head-right-group li {
        width: auto;
    }
}

/*** ***/
.home-new .built-info {
    background:#383734;
    padding:70px 0;
}

.home-new .built-info h2 {
    color:#F2EFED;
    letter-spacing:0;
    font-size:50px;
    font-family: 'utopia';
    font-weight: 700;
    margin-bottom:35px;
}

.home-new .built-info ul {
    display:inline-block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    margin-bottom:30px;
}

.home-new .built-info ul li {
    display:inline-block;
    margin:10px 15px;
}

.home-new .built-info p {
    color:#fff;
    font-size:14px;
    margin:10px 0;
    font-family: 'FS Emeric';
    font-size: 20px;
    font-weight: 300;
}

.home-new .built-info p b {
    font-family: 'FS Emeric';
    font-weight: 700;
}

/*** ***/
.home-new .browse-info {
    background:#688563;
    padding:70px 0;
}

.home-new .browse-info h2 {
    color:#FFFFFF;
    letter-spacing:0;
    font-size:50px;
    font-weight:500;
    font-family: 'utopia';
    font-weight: 700;
}

.home-new .browse-info h2 span {
    font-family: 'FS Emeric';
    font-weight: 700;
}

.home-new .browse-info .wid {
    border-color:#fff;
    margin-top:20px;
    margin-bottom:35px;
}

.flush {
    padding:0;
}

.flush-left {
    padding-left:0;
}

.home-new .browse-info p {
    color:#fff;
    letter-spacing:0;
    font-size:20px;
    position:relative;
    padding-left:120px;
    font-family: 'FS Emeric';
    font-weight: 300;
    margin-bottom:20px;
}

.home-new .browse-info p span {
    font-size:25px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

.home-new .browse-info p img {
    position:absolute;
    top:12px;
    left:20px;
    max-width:60px;
}

/*** ***/
.home-new .three-catalogues {
    padding:90px 0 0px 0;
    background:#f2efed;
}

.home-new .three-catalogues h2 {
    letter-spacing: 0;
    font-size: 50px;
    font-family: 'utopia';
    color:#383734;
    font-weight: 700;
}

.home-new .three-catalogues h2 span {
    font-family: 'FS Emeric';
    font-weight: 700;
}

.home-new hr.wid {
    display:inline-block;
    width:130px;
    border-color:#383734;
    border-width:3px;
}

.home-new .three-catalogues p {
    color:#383734;
    font-family: 'FS Emeric';
    font-size: 20px;
    margin-top:20px;
    margin-bottom:15px;
}

.home-new .info-steps-essen .product-btn {
    background:#688563;
    padding:0 30px;
    font-family: 'FS Emeric';
    font-weight: 700;
    letter-spacing:1px;
    color:#fff;
}

.home-new .info-steps-essen h6 {
    color:#383734;
    font-size:25px;
    font-family: 'utopia';
}

.home-new .info-steps-essen h2 {
    color:#383734;
    font-size:50px;
    font-family: 'utopia';
}

.home-new .info-steps-essen p {
    color:#383734;
    font-family: 'FS Emeric';
    font-weight: 300;
    font-size: 25px;
    margin-top:20px;
    margin-bottom:5px;
}

.home-new .info-steps-essen ul {
    padding-left:25px;
    padding-bottom:15px;
    font-family: 'FS Emeric';
    color:#383734;
    font-size:20px;
}


.v-bottom {
    vertical-align:bottom;
}

.home-new .info-steps-essen.second {
    background:#e1dfdc;
}

.home-new .info-steps-essen.third {
    background:#a7a39f;
}

.home-new .info-steps-essen .product-btn {
    background:#383734;
    color:#FFFFFF;
    font-family: 'FS Emeric';
    font-weight: 700;
    margin-top:20px;
}
/*** ***/

/*** ***/
.home-new .info-steps-essen {
    padding:90px 0 120px 0;
    background:#F2EFED;
}

.home-new .info-steps-essen h2 {
    letter-spacing:0;
    color:#383734;
    font-size:50px;
    font-family: 'utopia';
    font-weight:600;
    margin:15px 0;
}

.home-new .info-steps-essen h2 span {
    font-weight:bold;
}



/*** ***/
.home-new .info-work-retail {
    padding:120px 0;
    background:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/bg-retail-1.png) top left no-repeat, url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/bg-retail-2.png) bottom right no-repeat;
    background-size:auto auto, auto auto;
}

.home-new .info-work-retail h2 {
    letter-spacing: 0;
    font-weight: 500;
    font-size: 50px;
    font-family: 'utopia';
    font-weight: 400;
    margin-bottom:30px;
}

.home-new .info-work-retail h2 span {
    font-family: 'FS Emeric';
    font-weight: 700;
}

.home-new .info-work-retail .product-btn {
    background:#383734;
    padding:0 22px;
}

.home-new .info-work-retail p {
    color:#383734;
    font-size:20px;
    font-family: 'FS Emeric';
    margin-top: 0px;
    margin-bottom: 45px;
    letter-spacing:0;
}

.home-new .info-work-retail .banner-new p b {
    font-family: 'FS Emeric';
    font-weight: 700;
}


/*** ***/


/*** ***/
.info-sneak {
    background:#383734;
    padding:90px 0 80px 0;
}

.info-sneak h2 {
    color:#fff;
    letter-spacing: 0;
    font-size: 50px;
    font-weight: 500;
    font-family: 'utopia';
    font-weight: 400;
    margin-bottom:100px;
}

.info-sneak h2 span {
    font-family: 'FS Emeric';
    font-weight: 700;
}

.info-sneak .recently-viewed-slider {
    font-weight:bold;
}

.info-sneak .img {
    background:#fff;
    padding-top:65px;
}

.info-sneak .img img {
    width:70%;
    display:inline-block;
    margin-bottom:-50px;
    z-index:99;
    position:relative;
}

.info-sneak .bg-grey h6 {
    margin-bottom:0;
    color:#383734;
    font-size:16px;
    font-family: 'utopia';
    font-weight:600;
}

.info-sneak .bg-grey h3 {
    margin-top:0;
    margin-bottom:7px;
    color:#383734;
    font-size:30px;
    font-family: 'FS Emeric';
    font-weight:600;
}

.info-sneak .bg-grey p {
    color:#383734;
    font-size:16px;
    font-family: 'FS Emeric';
    font-weight:300;
}

.info-sneak .bg-grey {
    background:#e0dcd6;
    padding:60px 15px 50px 15px;
}

.info-sneak .owl-carousel .owl-nav button.owl-prev {
    left:0;
}

.info-sneak .owl-carousel .owl-nav button.owl-next {
    right:0;
}

.info-sneak .owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-left-yellow.png);
    content: " ";
    position: absolute;
    top: 5px;
    left: 0px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
}

.info-sneak .owl-carousel .owl-nav button.owl-next .fa-angle-right:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-right-yellow.png);
    content: " ";
    position: absolute;
    top: 5px;
    right: -4px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
}




/*** ***/
.home-new .info-support {
    background:#D19688;
    padding:100px 0 100px 0;
}

.home-new .info-support h2 {
    color:#383734;
    letter-spacing: 0;
    font-size: 50px;
    font-weight: 500;
    font-family: 'FS Emeric';
    font-weight: 400;
    margin-bottom:0px;
}

.home-new .info-support .head p {
    color:#383734;
    font-size:20px;
    font-family: 'FS Emeric';
    margin-bottom:30px;
}

.home-new .info-support .product-btn {
    background:#383734;
    padding:0 30px;
}

.home-new .info-support p {
    margin-bottom: 15px;
}

.home-new .info-support hr.wid {
    margin-bottom: 30px;
}

.home-new .info-support .bg {
    background:#F2EFED;
    padding:80px 15px;
    margin-bottom: 15px;
    height:100%;
}

.home-new .info-support .bg:hover {
    background:#fff;
}

.home-new .info-support .bg h3 {
    margin-bottom:0;
    font-family: 'utopia';
    color:#383734;
    font-size:40px;
    font-weight:600;
}

.home-new .info-support .bg h3 span {
    font-weight:bold;
    color:#383734;
    font-size:40px;
    font-family: 'FS Emeric';
}

.home-new .info-support .bg p {
    margin: 30px 0;
    color:#383734;
    font-family: 'FS Emeric';
    font-size:20px;
    min-height:100px;
    font-weight: 300;
}

.home-new .info-support .product-btn {
    line-height: 60px;
    height: 60px;
}

/*** ***/

@media (min-width: 1000px) {
    .edit-modal.trial-modal .modal-dialog {
        width: 815px;
        margin: 1.75rem auto;
    }

}

.edit-modal.wish-modal.trial-modal .modal-title {
    color: #383734;
    font-family: 'utopia';
    text-transform: capitalize;
    font-weight:600;
    margin-bottom:60px;
}

.edit-modal.wish-modal.trial-modal  .modal-body {
    padding: 40px 15px 40px 15px;
}


label.container .checkmark {
    font-weight: 400;
    color: #A7A39F;
    font-size: 20px;
}




.pop-form-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#A7A39F;
    background:#F2EFED;
}

.pop-form-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#A7A39F;
}

.pop-form-wrapper .select2-container--default .select2-selection--single {
    height:60px;
}

.pop-form-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 57px;
    padding-left:15px;
}

.pop-form-wrapper  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #383734 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: 8px;
}

.pop-form-wrapper .btn-send:hover {
    background-color: #383734;
    color: #fff;
}

.pop-form-wrapper .file-upload-label::after {
    right: 25px;
    top: 17px;
}

.pop-form-wrapper button, .pop-form-wrapper button:hover {
    text-decoration:underline;
}


/*** ***/
.main-sub-menu .lasti.sign .bg-g .bg-w h3:last-child {
    min-height: 80px;
}


/*** ***/
#title-prod {
    background:none;
}

#title-prod .bg-white {
    background:#F2EFED;
}

#product-infos.tp-minus {
    margin-top:-140px;
}

#title-prod .bg-white h2 {
    color:#383734;
    font-size:50px;
    font-family: 'utopia';
    font-weight:600;
    margin:40px 0;
}

/*** ***/
#title-prod2 {
}

#title-prod2 .bg {
    background:#383734;
    padding:50px 20px;
}

#title-prod2 .bg h2 {
    color:#F2EFED;
    font-size:50px;
    font-family: 'FS Emeric';
    font-weight:600;
    margin:0px 0 12px 0;
}

#title-prod2 .bg h2 span {
    font-family: 'FS Emeric';
    font-weight: 700;
}

#title-prod2.lead2 .bg {
    background:#688563;
}

#title-prod2.lead2 .bg p {
    margin-bottom:25px;
}

#title-prod2.lead2 .bg p b {
    font-family: 'utopia';
    font-weight:600;
}

#title-prod2.lead2 .bg h2 {
    font-family: 'utopia';
    font-weight:600;
    margin:0px 0 20px 0;
}

#title-prod2 .bg p {
    color:#F2EFED;
    font-size:20px;
    line-height:1.4;
    font-family: 'FS Emeric';
    font-weight: 300;
    margin:0px 0;
}

#title-prod2 .bg p span {
    font-size: 30px;
    font-family: 'utopia';
    font-weight: 700;
    font-style: italic;
    line-height: 36px;
    display: block;
}

#title-prod2 hr.wid {
    display: inline-block;
    width: 180px;
    border-color: #F2EFED;
    border-width: 3px;
}

 
.lead-generati .col2-left-layout {
    margin-top: 35px;
    margin-bottom: 85px;
}

.lead-generati .exp-btn {
    background:#688563;
    text-align:center;
    line-height:63px;
    color:#F2EFED;
    font-size:27px;
    font-family: 'utopia';
    padding:0 128px;
    display:inline-block;
    margin-top:25px;
}

/*** ***/
#profile-info.your-respository {

}

#profile-info.your-respository .breadcrumb {
    margin-top: 45px;

}

#profile-info.your-respository .links ul li {
    margin-bottom:3px;
}

#profile-info.your-respository .links ul li a:hover, #profile-info.your-respository .links ul li a.active {
    background: #383734 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up-white.png) 95% 50% no-repeat;
    color: #F2EFED;
    background-size:15px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

#profile-info.your-respository .links ul li a {
    background: #383734 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down-white.png) 95% 50% no-repeat;
    color: #F2EFED;
    background-size:15px;
}

#profile-info.your-respository .col2-left-layout {
    padding: 0 15px;
}

#profile-info.your-respository .links ul li ul li {
    margin-bottom:0;
    margin-top:2px;
}

#profile-info.your-respository .links ul li ul li a {
    background:#F2EFED;
    color:#383734;
}

#profile-info.your-respository .links ul li ul li a:hover {
    background:#E0DCD6;
    color:#383734;
    font-family: 'FS Emeric';
}

#profile-info.your-respository .links ul li ul li:first-child a {
    background:#E0DCD6;
    text-decoration:underline;
}

#profile-info.your-respository h2 {
    margin-bottom: 55px;
}

#profile-info.your-respository .card {
    margin-bottom:20px;
}

#profile-info.your-respository .sub-qt {
    margin-bottom:70px;
    display:inline-block;
    width:100%;
    background:#688563;
    font-family: 'FS Emeric';
    font-weight: 700;
    color:#F2EFED;
    font-size:23px;
    line-height:54px;
    margin-top:1px;
}

#profile-info.your-respository .card {
    border:none;
    border-radius:0;
}

#profile-info.your-respository .card-header {
    border:none;
    padding:0;
    background:none;
    border-radius:0;
}

#profile-info.your-respository .card-header a {
    background: #E0DCD6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-down.png) 98% 50% no-repeat;
    color: #383734;
    background-size:15px;
    font-family: 'FS Emeric';
    font-weight: 700;
    font-size:20px;
    display:inline-block;
    width:100%;
    line-height:60px;
    padding:0 20px;
}

#profile-info.your-respository .card-header a.collapsed {
    background: #E0DCD6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-up-n.png) 98% 50% no-repeat;
    background-size:15px;
}

#profile-info.your-respository .card-body  {
    margin-top:0px;
    padding:0;
    margin-left:-3px;
    margin-right:-3px;
}

#profile-info.your-respository table {
    border-spacing: 0px;
    border-collapse: unset;
    margin-bottom: 0;
    border: 3px solid #fff;
    border-right: 0px;
    border-left: 0px;
}

#profile-info.your-respository td {
    background: #F2EFED;
    border:none;
    color:#383734;
    font-family: 'FS Emeric';
    font-weight: 300;
    font-size:20px;
    vertical-align: middle;
    border: 2px solid #fff;
}

#profile-info.your-respository td.bd {
    font-family: 'FS Emeric';
    font-weight: 700;
}

#profile-info.your-respository td.spr {
    background: #F2EFED;
    padding:54px;
}

#profile-info.your-respository .imgs {
    border:2px dashed #A7A39F;
    height:245px;
    color:#A7A39F;
    font-family: 'FS Emeric';
    font-weight: 300;
    font-size:20px;
    line-height:25px;
}

#profile-info.your-respository .spt {
    color:#383734;
    font-family: 'utopia';
    font-weight:600;
    font-size:25px;
}


#profile-info.your-respository .st {
    position:relative;
    margin-top:-3px;
}

#profile-info.your-respository td label {
    color:#383734;
    font-size:20px;
    font-weight:400;
    font-family: 'FS Emeric';
}

#profile-info.your-respository td p {
    color:#A7A39F;
    font-family: 'FS Emeric';
    font-weight: 300;
    font-size:17px;
    letter-spacing:0;
}

#profile-info.your-respository td textarea {
    display:inline-block;
    width:100%;
    color:#A7A39F;
    color:#383734;
    font-family: 'FS Emeric';
    font-weight: 300;
    font-size:17px;
    letter-spacing:0;
    min-height:90px;
    border:none;
    background:none;
    resize:none;
}


#profile-info.your-respository td p.nrm {
    color:#383734;
}

#profile-info.your-respository td .s3 {
    display:inline-block;
    color:#383734;
    font-family: 'FS Emeric';
    font-weight: 300;
    font-size:17px;
    display:inline-block;
    width:100%;
}

#profile-info.your-respository td .s3 span {
    float: right;
    font-weight: 300;
    color: #A7A39F;
    font-style: normal;
    line-height: 22px;
    font-size: 17px;
    letter-spacing: 0.85px;
    border: none;
    font-family: 'FS Emeric';
    margin-top: -12px;
}

#profile-info.your-respository td .s3 em {
    font-weight: 300;
    color: #A7A39F;
    font-style: normal;
    line-height: 22px;
    font-size: 17px;
    letter-spacing: 0.85px;
    border: none;
    font-family: 'FS Emeric';
    font-style: normal;
    text-align:right;
    display:inline-block;
    width:100%;
    margin-bottom:15px;
}

#profile-info.your-respository td .s3 span a {
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    line-height: 22px;
    vertical-align: middle;
}

#profile-info.your-respository td.soci img {
    max-height:38px;
}

#profile-info.your-respository td img.srt {
    margin-right:5px;
    max-width:28px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    border:2px solid #000;
}

#profile-info.your-respository .hdr h2 {
    margin-bottom:10px;
}

#profile-info.your-respository .hdr p {
    color:#383734;
    font-size:25px;
    font-family: 'FS Emeric';
}

#profile-info.your-respository .hdr {
    margin-bottom:30px;
}

#profile-info.your-respository .card-header a .labi {
    float:right;
    background:#64605D;
    line-height:27px;
    display:inline-block;
    text-align:center;
    color:#F2EFED;
    font-family: 'FS Emeric';
    font-weight: 700;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1.44px;
    padding:0 10px;
    margin-top:15px;
    margin-right:45px;
}

#profile-info.your-respository td.input-div input {
    display: inline-block;
    vertical-align: bottom;
    margin:5px 0px;
    margin-right: 4px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-size:cover;
}

#profile-info.your-respository td.input-div input:checked:before {
    content: '';
    border: 2px solid #000;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

#profile-info.your-respository td.input-div .arr {
    display:inline-block;
    vertical-align:middle;
    margin:2px 4px;
}

#profile-info.your-respository td.soci {
    padding:0 10px 0px 10px;
    vertical-align: middle;
}

#profile-info.your-respository td.soci .d-t {
    background: #A7A39F;
    background: #64605D;
    color: #F2EFED;
    letter-spacing: 1.44px;
    font-family: 'FS Emeric';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    width: 50%;
    margin-top: 8px;
    float: left;
    text-align: center;
    line-height: 27px;
}

#profile-info.your-respository .sub-qt.opa {
    opacity:0.5;
}

#profile-info.your-respository .sub-qt.font-400 {
    font-family: 'FS Emeric';
}

#profile-info.your-respository .collapse table.bff {
    border-top:2px solid #c5c2c0;
}

#profile-info.your-respository td.bd span {
    font-family: 'FS Emeric';
}


#profile-info.your-respository td.bd .progress {
    border: none;
    color: #2E3831;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
    background: none;
    width: 80px;
    height: 24px;
    border-radius: 0;
    background: none;
    border-top: 2px solid #2e3831;
    border-bottom: 2px solid #2e3831;
    vertical-align: middle;
    padding: 0 2px;
    margin-top: -5px;
    margin-right: 10px;
    position:relative;
}

#profile-info.your-respository td.bd.dbd {
    background:#E0DCD6;
}

#profile-info.your-respository td.bd .progress .progress-bar {
    background: none;
    display: flex;
    display: inline-block;
    height: 24px;
    margin-top: -2px;
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/line-repeat.png) 50% 50% repeat-x;
}

#profile-info.your-respository td.bd .progress img {
    position:absolute;
    top:3px;
    left:50%;
    margin-left:-25%;
}

#profile-info.your-respository td.bd .rt {
    font-style:normal;
    text-align:right;
    float:right;
}


#profile-info.your-respository td span.txt {
    float:right;
}


#profile-info.your-respository td img  {
    margin-left:5px;
}

#profile-info.your-respository td.soci .d-t.full {
    width:100%;
    margin:0;
}

#profile-info.your-respository .sub-qt span {
    font-family: 'FS Emeric';
}


#profile-info.your-respository .sub-qt.blk {
    background:#383734;
}

#profile-info.your-respository .card-header a span {
    font-family: 'FS Emeric';

}

#profile-info.your-respository .collapse td.bd .rt.deco {
    text-decoration:line-through;
}


.sp-left-right {
    padding-left:15px;
    padding-right:15px;
}

.sidebar .f-p {
    margin-left: -15px;
    margin-right: -15px;
}

/****************** NEW CSS *******************/
.block.no-paddd {
    padding-top:0;
}

.col2-left-layout .flider .bgs-info.asset-white {
    background: #fff;
    border: 2px solid #2E3831;
}

.col2-left-layout .flider .bgs-info.asset-white h6 {
    color: #2E3831;
    letter-spacing: 2.04px;
}

.col2-left-layout #syncs1.flider .bgs-info.asset-white h2, .col2-left-layout #syncs1-4.flider .bgs-info.asset-white h2, .col2-left-layout .flider .bgs-info.asset-white h2 {
    font-family: 'Bambino New';
    letter-spacing: 0px;
    font-weight: 900;
    text-transform: uppercase;
    color: #2E3831;
}

.col2-left-layout #syncs1.flider .bgs-info.asset-white h2 b, .col2-left-layout #syncs1-4.flider .bgs-info.asset-white b {
    font-weight: 900;
}

.container-fluid.full {
    width:100%;
}


.home-new .info-steps-essen li {
    font-family: 'FS Emeric';
    font-weight: 300;
}

.col2-left-layout .flider .bgs-info.asset-white h2 span {
    margin-top: 25px;
    display: inline-block;
    letter-spacing: 0;
}

.col2-left-layout .flider .bgs-info.asset-white p {
    color: #2E3831;
}

.col2-left-layout .flider .bgs-info.asset-white .l-btn {
    color: #fff;
    background: #2E3831;
    letter-spacing: 1.56px;
}

/* .col2-left-layout .t-slider #syncs1-2.flider .bgs-info.asset-white h2 {
    font-family: 'FS Emeric';
    letter-spacing: 0px;
    font-weight: 100;
    color: #2E3831;
} */

.col2-left-layout .t-slider #syncs1-2.flider .bgs-info.asset-white h2 span {
    margin-top: 25px;
    display: inline-block;
    letter-spacing: 0px;
}

/* .col2-left-layout #syncs1-3.flider .bgs-info.asset-white h2 {
    color: #2E3831;
    font-family: 'OPTIMA';
    letter-spacing: 0px;
} */

.col2-left-layout .flider .bgs-info.asset-white h2 span {
    margin-top: 25px;
    display: inline-block;
    letter-spacing: 0;
}

.home-new .info-sneak .owl-padding {
    padding-right:0;
}

.home-new .info-support {
    padding: 100px 35px 100px 35px;
}

label.container .checkmark {
    color:#383734;
    font-size:15px;
    font-family: 'FS Emeric';
    line-height: 1;
    display: inline-grid;
    text-align: center;
    align-items: center;
}

.container:hover input ~ .checkmark,
.container input:checked ~ .checkmark {
    background-color: #383734;
    color: #F2EFED;
}




#brief-info .btt .page-title {
    margin-bottom: 35px;
}

#shop-page .hrt {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
    max-width: 25px;
}


#shop-page .hrt.bts {
    top: auto;
    /* bottom: 180px; */
    right:10px;
}

.vehicle-detail-banner.banner-content.clearfix {
    position: relative;
}

#brief-info .uplo {
    position:relative;
    z-index:9;
}





/*** ***/

.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;}
.fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;}
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;}
.fileupload .btn{vertical-align:middle;}
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;}
.fileupload-inline .fileupload-controls{display:inline;}
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;}
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;}
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;}
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;}
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;}
.control-group.error .fileupload .fileupload-preview{color:#b94a48;}
.control-group.error .fileupload .thumbnail{border-color:#b94a48;}
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;}
.control-group.success .fileupload .fileupload-preview{color:#468847;}
.control-group.success .fileupload .thumbnail{border-color:#468847;}



.fileupload {
    display: inline-block;
    width: 100%;
    background: #F2EFED;
    line-height: 59px;
    color: #383734;
    font-size: 17px;
    font-family: 'FS Emeric';
    font-weight: 700;
    padding: 0 32px;
    text-align: left;
    height:59px;
}

.fileupload .btn {
    float: right;
    margin-top: 16px;
}


.btn-primary.btn-file, .btn-primary.btn-file:hover, .btn-primary.btn-file:focus, .btn-primary.btn-file:active {
    color: #fff!important;
    background: none !important;
    border:none!important;
    padding:0!important;
}

.fileupload .close {
    float: right !important;
    color: #383734;
    opacity: 1;
    font-size: 35px;
    position:relative;
    z-index:9;
    font-weight: 300;
    z-index: 999;
    margin-left: 11px;
    line-height: 21px;
}

#myFile {
    display: inline-block;
    vertical-align: middle;
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/icon-paper.png) 50% 50% no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-indent: -999999999999px;
    overflow: hidden;
    box-shadow: none !important;
    border: none;
    margin-left: 10px;
    top: -4px;
    position:relative;
}

.modal-body.login {
    width: 600px;
    max-width: 100%;
}

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


.slick-slide .thumbnail-image .thumbImg img { max-width:95% !important; }



/*** ***/
/*** ***/

/**** MEDIA CSS ****/


@media (max-width: 991px) {
    .home-new .info-support {
        padding: 100px 10px 100px 10px;
    }

}

@media screen and (max-width : 767px) {
    #title-prod .bg-white h2 {
        font-size: 18px;
        margin: 12px 0;
    }

    #title-prod .bg-white {
        margin-top: 0;
    }

    #title-prod2 .bg {
        background: #383734;
        padding: 50px 20px;
    }

    #title-prod2 .bg h2 {
        font-size: 27px;
    }

    #title-prod2 .bg p {
        font-size: 15px;
    }

    #title-prod2 .bg p span {
        font-size: 18px;
    }

    #profile-info.your-respository .s-left {
        padding-left:0px;
        padding-right:0px;
    }

    .home-new .info-support .bg h3 {
        font-size: 30px;
    }

    .home-new .info-support .bg h3 span {
        font-size: 30px;
    }

    .info-sneak .owl-padding {
        padding:0;
    }

    .home-new .info-support {
        padding: 100px 10px 100px 10px;
    }

    .fileupload {
        font-size: 15px;
        padding: 0 14px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1169px) {

    .top-nav {
        min-height: 0px;
    }

    #profile-info.your-respository .s-left {
        padding-left: 15px;
    }

}






@media (min-width: 1440px) {
    .home-new .navbar-brand img {
        height: 23px;
    }

}


@media (max-width: 2048px) {
    .home-new main {
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

}



/** M5 and M6 issues **/
.modal-body.login .pop-form-wrapper button {
    padding-left: 25px;
    padding-right: 25px;
}

.lh-60 {
    line-height:60px;
}

#frmForget .pop-form-wrapper button {
    padding-left: 25px;
    padding-right: 25px;
    margin-top:15px;
}


@media only screen and (max-width:767px) {
    .xs-pr-flush {
        padding-right:0px;
    }

    .xs-pl-flush {
        padding-left: 0px;
    }
}

/*** ***/

#files label.small-label {
    font-size:16px !important;
}

#shop-page .notes .text-div .inf span.file-delete {
    margin-left: 5px;
    margin-right: 5px;
}

.mt-10 {
    margin-top:10px;
}
.whiteFont{ color: white; font-size: 20px; }

span.srt{
    background-color: #6db15aff;
    height: 28px;
    width: 28px;
    display: inline-block;
    border-radius: 28px;
    border: 2px solid #000;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
}

.tp-20 { padding-top:20px !important;}

.col2-left-layout .flider .bgs-info.asset-white h2.new{
    font-family: 'FS Emeric' !important;
    letter-spacing: 0px !important;
    font-weight: 100 !important;
    color: #2E3831 !important;
    text-transform: none !important;
}

.home-new .info-work-retail h2 span p {
    font-family: 'FS Emeric';
    letter-spacing: 0;
    font-weight: 500;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px;
}

.fileupload-preview {
    width:50%;
    display:inline-block;
}

.fileupload .btn {
    width: 50%;
    display: inline-block;
}

.fileupload-new {
    float:right;
}

input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

.btn-file>input {
    position: relative !important;
    margin: 0;
    opacity: 1;
    filter: unset;
    transform:unset;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
    direction: rtl;
    color:#000;
}

.product-img .img-top {
    display: none !important;
   /* position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;*/
}
.product-img:hover > img, .product-img:hover a > img {
    display: none;
}
.product-img:hover .img-top {
    display: block !important;
    margin: 0 auto;
}

/* Added code on 27-05-2022 */

/*** ***/

/* #files label.small-label {
    font-size:16px !important;
}

#shop-page .notes .text-div .inf span.file-delete {
    margin-left: 5px;
    margin-right: 5px;
}

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

.xzoom-preview {
    z-index: 9999999 !important;
} */

/*** NEW CSS ADDED ON 27-05-2022 ***/
.slider-banner-image {
    width: 100% !important;
    float: right;
}

.slider-horizon .banner-slider .slider.slider-nav {
    /* width: 20% !important; */
    float: left;
    /* position: absolute; */
    /* height:390px; */
    padding-right: 10px;
    background-color: #fff;
    padding-top: 0px;
}

.slider-horizon .slick-prev.slick-arrow, .slider-horizon .slick-next.slick-arrow {
    /* height: 100%; */
    width: 34px;
    height: 34px;
    right: 0;
    top:50%;
    background-size: 20% !important;
    border-radius: 99px;
    border: 1px solid #3837349c;
    transition: 200ms all ease-in-out;
    opacity: 1;
}

.slider-horizon .slick-prev.slick-arrow:hover, .slider-horizon .slick-next.slick-arrow:hover {
    box-shadow: 0 0 15px 1px  rgba(0,0,0,0.4);  
}
 
.slider-banner-image {
    height:400px !important;
    padding: 10px;
}
.slider-for .slick-slide img {
    object-fit: contain;
}
.slider-for .slick-list{
    overflow: unset !important;
}
.slider-for .slick-slide #big-img{
    object-fit: unset !important;
    max-width: unset !important;
    background-color: #fff;
}

 
.slick-arrow.slick-disabled {
    display: none !important;
}
.banner-slider .slider.slider-nav.slick-vertical{
    overflow: unset !important;
}

.slick-vertical .slick-slide.slick-current .thumbImg {
    border: 2px solid #2E3831;
    width:inherit !important;
} 

.slick-slide .thumbnail-image .thumbImg img {
    max-width:100% !important;
    background: #F2EFED;
}

 

/* .slider-for .slick-list {
    overflow: unset !important;
}
  */

/*.slick-list img.zoomImg {
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 9999999999 !important;
}

.slider-banner-image>span {
    overflow: unset !important;
}

.show {
    width: 568px !important;
    height: 568px !important;
}*/


.slider-banner-image img.main-zooms {
    width: 568px !important;
    height: 568px !important;
    object-fit: unset !important;
}

.slider-banner-image.show div:nth-child(3n) {
    z-index: 9;
}

 

.slick-arrow {
    z-index:9 !important;
}

.product-img .wishlist, .product-item .agei-posi , .board-level-wishlist-icon  .wishlist {
    z-index:9 !important;
}

/* .slider-horizon {
    position: relative;
    z-index: 9999 !important;
} */

.product-details-box {
    position: relative;
    z-index: 9;
}

 

.slider-horizon {
    position: relative;
    z-index: 9 !important;
}
/* .slick-track {
    max-width: 100%;
} */

.p-grid-info .col2-left-layout .spss .owl-item{
    width: 100% !important;
}
.p-grid-info .col2-left-layout .spss.pr-0{
    padding:0 8px !important;
}
.col2-left-layout .spss .item {
    padding-right: 3px;
}

.modal-body.login h2{
text-transform: capitalize;
}
.modal-body.login .pop-form-wrapper button{
    width: 100%;
}
.dark-pop .modal-content .modal-body.login  a{
    text-align: center;
    width: 100%;
}


.modal-body.login .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #f2efed;
    border-radius: 0;
    width: 20px;
    height: 20px;
}
.modal-body.login  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    content: "✓";
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: 700;
    position: absolute;
    top: 4px;
    padding: 0 5px;
}
.modal-body.login  .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(184 181 177);
}
.modal-body.login .custom-checkbox .custom-control-label::before{
    border-radius: 0 !important;
}
/*brief your own popup*/
.req-modal .modal-content{
    background-color: #fff;
    border-radius: 8px;
}
.req-modal .modal-content .w-input textarea{
 border-color:#F2EFED !important;
 line-height: 25px;
}
.req-modal .modal-content .btn-file>input{
    font-family: 'FS Emeric';
}
/*** NEW HOMEPAGE ***/
main.new-home .banner-new {
    background:#D19688;
    padding:130px 0px;
}
@media (max-width:1600px) {
    main.new-home .banner-new {
        padding:90px 0px;
    }
}

main.new-home .banner-new h2 span {
    color: #fff;
    font-size: 70px;
    line-height:80px;
}



main.new-home .banner-new h2 em {
    color: #fff;
    font-size: 70px;
    line-height:80px;
}

main.new-home .banner-new .btn {
    margin-top:175px;
    background:#FFFFFF;
    font-size: 20px;
    color: #D19688;
    padding:0px 26px;
    line-height: 60px;
    height: 60px;
}
@media (max-width:1600px) and (min-width:1200px) {
    main.new-home .banner-new .btn{
        margin-top:95px; 
    }
}
main.new-home .banner-new .home-pic-new {
    margin-bottom: -230px;
}
@media (max-width:1600px) and (min-width:1200px) {
    main.new-home .banner-new .home-pic-new{
        transform: scale(0.85);
        top: -35px;
    }
}

main.new-home .what-we-do {
    padding:0px;
    background-image: linear-gradient(to right, #fff, #fff 50%, #E0DCD6 50%, #E0DCD6);
}

main.new-home .what-we-do .content {
    padding:260px 0px;
}

main.new-home .what-we-do h4 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    font-family: 'FS Emeric';
}

main.new-home .what-we-do p {
    color: #383734;
    font-size: 35px;
    line-height: 46px;
}

main.new-home .what-we-do .what-we-do-pic {
    margin-bottom: -100px;
}

main.new-home .bbb {
    padding: 200px 0px;
    background:#7BA1A6;
}

main.new-home .bbb h4 {
    color: #fff;
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 40px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

main.new-home .bbb p {
    margin-top: 50px;
    width: 70%;
    font-size: 25px;
    line-height: 29px;
    margin-left: 15%;
    color: #fff;
    font-family: 'FS Emeric';
    font-weight: 300;
}

main.new-home .what-we-do.reverse {
    padding:0px;
    background-image: linear-gradient(to left, #fff, #fff 50%, #E0DCD6 50%, #E0DCD6);
}

main.new-home .what-we-do.reverse .what-we-do-pic {
    margin-bottom: -50px;
}

main.new-home .what-we-do h5 {
    font-size:35px;
    font-family: 'FS Emeric';
    font-weight: 300;
    margin-bottom: 40px;
}

main.new-home .what-we-do p {
    font-size:25px;
    line-height: 29px;
    font-family: 'FS Emeric';
    font-weight: 300;
}

main.new-home .what-we-do .btn {
    font-family: 'Utopia';
    background: #688563;
    color: #fff;
    height: 60px;
    font-size: 27px;
    line-height: 60px;
    width: 168px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px;
    font-style: italic;
    text-decoration: underline;
}

main.new-home .info-support {
    background:#64605D;
    padding: 140px 0px;
}

main.new-home .info-support h2 {
    font-size: 70px;
    color: #fff;
}

main.new-home .info-support h2 em {
    font-family: 'Utopia';
    font-size: 72px;
}

main.new-home .info-support .head p {
    color: #fff;
}

main.new-home .info-support .bg {
    background:#fff;
}

main.new-home .info-support .bg h3 {
    font-family: 'FS Emeric';
}

main.new-home .info-support .bg h3 span {
    font-family: 'Utopia';
    font-style: italic;
}

main.new-home .info-support .product-btn {
    background:#E7C15E;
    color: #fff;
}

main.new-home .info-sneak {
    background:#E7C15E;
    padding: 140px 0px;
}

main.new-home .info-sneak h2 {
    color: #383734;
    font-size: 60px;
    font-weight: 700;
    font-family: 'FS Emeric';
}

main.new-home .info-sneak h2 span {
    color: #383734;
    font-size: 60px;
    font-family: 'Utopia';
    font-style: italic;
}

main.new-home .info-sneak .img {
    background:#F2EFED;
}

main.new-home .info-sneak .bg-grey {
    background:#fff;
}

main.new-home .info-sneak .bg-grey h6 {
    font-size: 25px;
    color: #383734;
    font-family: 'Utopia';
    font-style: italic;
}

main.new-home .info-sneak .bg-grey h3 {
    color: #383734;
    font-size: 40px;
    font-family: 'FS Emeric';
}

main.new-home .info-sneak .bg-grey p {
    font-size: 20px;
}

main.new-home .bbb.bg-white {
    background:#fff;
    padding: 140px 0px;
}

main.new-home .bbb.bg-white h3 {
    color:#383734;
    font-size: 50px;
    font-family: 'FS Emeric';
    font-weight: bold;
    margin: 0px;
}

main.new-home .bbb.bg-white h3 span {
    color:#383734;
    font-size: 50px;
    font-family: 'Utopia';
    font-style: italic;
    margin: 0px;
}

main.new-home .bbb.bg-white p {
    color:#383734;
    font-size:18px;
    font-family: 'FS Emeric';
    margin: 0px;
    width: 100%;
    text-align: center;
}

main.new-home .bbb.bg-white h4 {
    color:#383734;
    margin-top: 70px;
    font-size: 30px;
    margin-bottom: 0px;
    font-family: 'FS Emeric';
    font-weight: bold;
}

main.new-home .bbb.bg-white h4 span {
    font-family: 'Utopia';
    font-style: italic;
}

main.new-home .benefits {
    background:#688563;
    padding: 140px 0px;
}

main.new-home .benefits .card {
    border-radius: 0px;
    border:0px;
    height: 100%;
}

main.new-home .benefits .card-body {
    padding: 0px;
}

main.new-home .benefits .card-title {
    width: 100%;
    background: #E0DCD6;
    padding: 30px 0px;
    width: 100%;
    text-align: center;
    color: #688563;
    font-size: 30px;
    margin-bottom: 0px;
    font-family: 'FS Emeric';
}

main.new-home .benefits .card-title span {
    font-family: 'Utopia';
    font-style: italic;
    font-size: 27px;
}

main.new-home .benefits .card-details {
    background:#fff;
    padding:25px;
}

main.new-home .benefits .card-details p {
    font-family: 'FS Emeric';
    color: #383734;
    font-size: 18px;
    font-weight: 300;
}
.benefits-slider, .get-started-slider {
    padding: 0px !important;
}

.benefits-slider .owl-item {
    height:635px;
    background:#fff;
}

.benefits-slider.owl-carousel .owl-dots.disabled, .benefits-slider.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.get-started-slider.owl-carousel .owl-dots.disabled, .get-started-slider.owl-carousel .owl-nav.disabled {
    display: none !important;
}
main.new-home .banner-new h2 em { 
    font-family: 'Utopia' !important;
    font-weight:600;
} 

/* a.colorCode {
    pointer-events: none;
} */
.cart-div .see-cart.go-to-cart{
    background: #688563;
    color:#F2EFED;
}
.cart-div .see-cart.go-to-cart:hover{
    background: #F2EFED;;
    color:#688563;
}
body.before-login-home{
    padding-top: 98px;
}

.product-detail-page #info-details{
    padding: 120px 0 10px;
}

.product-detail-page .recommended-for-you-sec .more-factory{
    margin-top: 0;
}
.product-detail-page .recommended-for-you-sec{
    padding: 40px 0;
}

@media (min-width:1366px) {
    .home-new .new-homepage .main-nav {
      padding-top: 40px;
      padding: 40px 100px 0 100px;
  }
  main.new-home .what-we-do{
    background-image: linear-gradient(to right, #fff, #fff 40%, #E0DCD6 40%, #E0DCD6);
  }
}
@media (max-width:1600px) and (min-width:1200px) {
    main.new-home .banner-new h2 span, main.new-home .banner-new h2 em{
        font-size: 65px;
        line-height:68px;
    }
    main.new-home .banner-new .section-title {
        transform: scale(0.9);
    }
}

.imgremove{
    display: flex !important;
}
.imgremove a img{
    max-width: 25px;
}

@media screen and (min-device-width: 1240px) and (max-device-width: 1366px) {
    #files label.small-label {
        line-height: 14px;
        padding-top: 3px;
    }
    /* .essential-catalog .supplier-btns{
        width: 100% !important;
        margin-bottom: 10px !important;
    } */
}

.header-user-dropdown img{
    transition: all 250ms ease-in-out;
}
.header-user-dropdown:hover img {
    opacity: 0.6;
    transform: scale(1.1);
}
.header-user-dropdown:after{
display: none;
}
.header-logout-dropdown{
    background-color: #E0DCD6;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 0;
}
 
.header-logout-dropdown  .dropdown-item{
    padding: 0.50rem 1.5rem;
    border-bottom: 1px solid #fff;
    color: #383734;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'FS Emeric';
    text-align: center;
    font-weight: 700;
}
.header-logout-dropdown  .dropdown-item.active, .header-logout-dropdown  .dropdown-item:active {
    color: #383734;
    text-decoration: none;
    background-color: #fff;
}
.head-right-group ul li.show {
    width: auto !important;
}

li.logout-header a {
    display: block;
    line-height: 12px;
}
li.logout-header {
    border-left: 0px solid #64605D;
    padding-left: 4px;
}

@media  (max-width: 991px) {
    .dropdown-menu.header-logout-dropdown{
        right: 15px;
    left: unset;
    top: 58px;
    }
    .dropdown-menu.header-logout-dropdown.show{
        width: auto !important;
    }
}

.error-not-found h1 {
    font-size: 112px;
    font-weight: 300;
    font-family: 'FS Emeric';
    color: #383734;
}
.error-not-found h2 {
    font-size: 50px !important;
    font-family: 'Sofia Pro' !important;
    font-weight: 300 !important;
    color: #383734;
    margin-bottom: 5px !important;
}
.home-link {
    font-size: 30px;
    font-family: 'FS Emeric';
    color: #383734;
    font-weight: 300;
}
.home-link a {
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    color: #383734;
}
.num-off-pages a {
    pointer-events: none;
    width: 160px !important;
    font-style: italic;
    font-weight: 700 !important;
    background: #F2EFED;
    color: #383734 !important;
    font-family: 'FS Emeric';
    border-left: 1px solid #383734 !important;
}

.active-number .active {
    background: #fff !important;
    color: #383734 !important;
    font-weight: 700;
    border-left: 1px solid #383734 !important;
}
/*loader css*/
.square {animation: zoom-in-zoom-out 2s ease infinite;;}

  .bs-loader-inner{background: rgb(255 255 255 / 80%);}

@keyframes zoom-in-zoom-out {
    0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}


.product-item{
    margin-bottom: 0;
}
.product-box-wrapper {
    background: #F2EFED;
    height: 100%;
    position: relative;
    border-radius: 8px;
}
.share-link{ display: none;}
 .product-img:hover .share-link{display: block;}


.product-box-wrapper .product-desc{
    padding: 6px 12px 20px 15px;
    border-radius: 0 0 8px 8px;
}
.product-box-wrapper .product-desc .agei-posi {
    z-index: 9 !important;
}
.product-box-wrapper .product-desc .agei-posi {
    z-index: 999;
}
.product-box-wrapper .product-desc .agenda {
    position: relative;
}
.product-box-wrapper .product-desc .agenda {
    background: #E0DCD6;
    color: #383734;
    position: absolute;
    left: 0;
    font-family: 'FS Emeric';
    bottom: 0;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 13px;
    display: inline-block;
    min-width: 104px;
    text-align: center;
}
.product-box-wrapper .product-img {
    padding: 35px;
    margin: 0 auto;
    text-align: center;
    height: calc(100% - 67px);
    border-radius: 8px 8px 0 0;
}
.salesCampaign-new .product-box-wrapper .product-img {
    padding: 35px 35px 20px;
    display: flex;
     justify-content: center;
}
.salesCampaign-new .product-box-wrapper .product-img img{
width: 100%;
height: 100%;
object-fit: contain;
}
 
.global_supplier_suppliers .product-box-wrapper.new-grid-layout .product-img{
    height: calc(100% - 85px);
}

.main-sub-menu.dropdown-menu.show {
    border-radius: 0;
}
.menu-container .nav-item .dropdown-toggle::after{
display: none;
}
.pagi ul li input[type=number]::-webkit-inner-spin-button,
.pagi ul li input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.bree p .item-prp-desktop .dropdown-toggle, .bree p .item-prp-desktop .dropdown-menu .dropdown-item {
    width: 150px;
}
#sortable1{
    list-style-type: none;
    /* margin: 0; */
     padding: 0;
    /* float: left;  */
    /* margin-right: 10px;  */
}    
#sortable1 > li {
    margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px;
}

#sortable2 > li { 
    margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; 
}
#sortable3{
    list-style-type: none;
    margin: 0; padding: 0;
    /* float: left;  */
    margin-right: 0px; 
}    
#sortable3 > li { 
    margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; 
}

.unpublished-chkbox {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 1;
    width: 19px;
    height: 20px;
}
.sales-camp-front .unpublished-chkbox {
    left: 25px !important;
}
.unpublished_prod_label {
    top: 12px;
    position: absolute;
    left: 40px;
    z-index: 1;
    font-size: 18px;
}
.product-box-wrapper .unpublished_prod_label {
    top: 30px;    
    left: 9px;
}
.sales-camp-front .unpublished_prod_label {
    left: 55px !important;
}
.modal-title em{
    font-style: italic !important;
    font-family: 'Utopia Std';
}

@media only screen and (min-width:1366px){
    .bree p .item-prp-desktop .dropdown-toggle, .bree p .item-prp-desktop .dropdown-menu .dropdown-item {
        width: 170px;
    }
        
}

/*Blog css*/
body.blog-page.home-singlepage {
    padding-top: 93px !important;
}

@media only screen and (min-width: 992px){
    .blog-page > .blog-page,
    .most-popular-articles main ,
    .four-image-listing, 
    .salesCampaign-new.home-new.home-singlepage.blog-page #product-infos.p-grid-info, 
    .salesCampaign-new.home-new.home-singlepage #product-infos.p-grid-info,
     .home-singlepage.salesCampaign-new footer .container-fluid,.home-new.home-singlepage.blog-page.loggedin #product-infos.p-grid-info, 
     .home-new.home-singlepage.blog-page .loggedin #product-infos.p-grid-info{
       padding: 0 100px 0 204px !important; 
   }
   .blog-page footer .container-fluid, .home-singlepage.salesCampaign-new footer .container-fluid,
   .product-supplier-update footer .container-fluid, .product-supplier-update > main{
    padding: 0 24px 0 128px !important;
   }
   .blog-page footer .copyright, .home-singlepage.salesCampaign-new footer .copyright, .product-supplier-update footer .copyright{
    padding: 8px 24px 8px 128px !important;
   }
   .blog-page.not-loggedin > .blog-page,
   .not-loggedin .most-popular-articles main ,
   .not-loggedin .four-image-listing, .blog-page.not-loggedin footer .container-fluid, 
   .salesCampaign-new.home-new.home-singlepage.blog-page.not-loggedin #product-infos.p-grid-info, 
   .salesCampaign-new.home-new.home-singlepage.not-loggedin #product-infos.p-grid-info,
    .home-singlepage.salesCampaign-new.not-loggedin footer .container-fluid,.home-new.home-singlepage.blog-page.not-loggedin #product-infos.p-grid-info, 
    .home-new.home-singlepage.blog-page.not-loggedin #product-infos.p-grid-info{
      padding: 0 100px 0 110px !important; 
  }



}

.blog-page header .container-fluid{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.blog-title-body {
     color: #383734;
}
.blog-title {
    text-align: left;
    padding-top: 0px;
}

.blog-title h1 {
    font-family: 'FS Emeric';
    font-size: 46px;
    font-weight: 700;
}
.blog-title h1 span {
    font-family: 'Utopia';
    font-style: italic;
    font-weight: 700;
}
.blog-sm-descr p {
    color: #383734;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
}
.blog-sm-descr p span {
    font-weight: 400;
}
.blog-footer {
    position: absolute;
    width: 100%;
    bottom: 8px;
    left: 0;
    font-weight: 300;
}
.blog-footer .tag-list {
    display: inline-block;
    padding: 0 3px;
}
.blog-footer .tag-list a{
    text-decoration: underline;
}
.blog-page section {
    float: none;
}
section.wide-text-block , .collection-block , .visit-block , .get-in-text{
    max-width: 773px;
    margin: 0 auto;
    padding: 40px 0 0;
    float: none;
}
.four-image-listing {
    display: flex;
    /* max-width: 1309px; */
    margin: 0 auto;
}
.blog-product-box{
    max-width: 351px;
    margin:0 10px 0 0;
}
.blw-product-img{
    position: relative;
    background-color: #F2EFED;
}
.blog-product-box:last-child{
    margin-right: 0;
}
hr.hr {
    border-color: #383734;
}
.text-ar p {
    font-family: 'FS Emeric';
    font-size: 15px;
}
.collection-block p, .get-in-text p {
    font-size: 20px;
    font-weight: 400;
    font-family: 'FS Emeric';
}
.collection-block h2 , .collection-block h2 p {
    font-family: 'Utopia';
    font-weight: 700;
    font-style: italic;
    display: inline-block;
    font-size: 32px !important;
    margin-bottom:0 !important;
}
.visit-block h2 , .get-in-text h2{
    font-family: 'FS Emeric';
}
.full-width-blog-image img {
    max-width: 100%;
    width: 100%;
}
.blog-img-caption{
    max-width: 773px;
    margin: 3px auto 0;
    text-align: center;
}
.blog-img-caption span{
    font-size: 20px;
  color:#A7A39F;
  font-family: 'FS Emeric';
  font-weight: 300;
}
section.blog-content-with-images {
    background: #F2EFED;
    padding: 40px 0 30px;
    margin-top: 40px;
}
a.get-in-link {
    color: #7BA1A6;
    text-decoration: underline;
    font-weight: 300;
}
.get-in-text {
    border-top: 1px solid #383734;
    border-bottom: 1px solid #383734;
    padding: 35px 0;
    margin: 40px auto;
}
.article-tabs{
    max-width: 1309px;
    margin: 0 auto;
}

.blog-tabs .nav-link{
    color: #E0DCD6;
    font-family: 'Utopia';
    font-weight: 700;
    font-style: italic;
    font-size: 30px;
    padding: 0 30px 0;
}
.blog-tabs .nav-link.active{
    color: #383734;
}
 
li.nav-item.ra-articel {
    border-right: 2px solid #383734;
}

.article-images-list { display: flex; }
.blog-art-box {
    max-width: 351px;
    margin:0 10px 0 0;
}
.blw-art-img{
    position: relative;
    background-color: #F2EFED;
}
 
.blog-art-box:last-child{
    margin-right: 0;
}
    
.blog-tabs {
    margin-bottom: 40px;
}
 
.image-caption-t h3{
    font-size: 22px;
    text-align: center;
    font-family: 'FS Emeric';
    font-weight: 700;
   
}
.image-caption-t h3 span{
    font-style: italic;
    font-family: 'Utopia';
}
.right-side-data{
    justify-content: right;
    padding-top: 16px;
}

 
 .related-articles-blog {
    background-color: #A7A39F !important;
}
.blog-share-btn {
    margin-top: 15px;
    float: right;
}
a.share-btn:hover {
    background: #E0DCD6;
    color: #383734;
}
a.share-btn {
    display: flex;
    height: 35px;
    background: #F2EFED;
    line-height: 16px;
    font-weight: 700;
    width: 200px;
    padding: 10px 15px;
    justify-content: space-between;
    border-radius: 99px;
    font-size: 15px;
}
.image-caption-t {
    background: #383734;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    overflow: hidden;
}
.blog-social-link{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: right;
    margin-bottom: 10px;
}
.blog-social-link li {
    margin-right: 15px;
}
.blog-social-link li:last-child {
    margin-right: 0px;
}
.blog-article-section {
    margin-bottom: 50px;
}
.product-box-wrapper .cooment-icon, .wishlist-comment-icon .cooment-icon
{
    width: 27px;
    height: 21px;
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/comments-regular.svg);
    background-size: 100%;
    position: absolute;
    left: 45px;
    top: 12px;
    z-index: 9;
}

.product-box-wrapper .cooment-icon{
    right: 10px;
    top: 45px;
    width: 21px;
    height: 17px;
    background-size: contain !important;
    background-repeat: no-repeat;
    left: auto;
}
.product-box-wrapper .unpublished-chkbox{
    top: 45px;
    right: 10px;
    left: auto;
}

.enquiry-on.product-box-wrapper .unpublished-chkbox {
    top: 75px;
}
.product-box-wrapper .unpublished-chkbox + .comment-icon .cooment-icon {
    top: 72px;
}

.product-bx .wishlist-comment-icon .cooment-icon {
    width: 23px;
    height: 18px;
    left: 20px;
}
.product-box-wrapper .cooment-icon.fill ,.wishlist-comment-icon .cooment-icon.fill{
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/comments-solid-fill.svg) 50% 50% no-repeat;
    background-size: cover;
}

#myModal-comment .select2-container--default .select2-selection--multiple, .commentBuyerAccounts .select2-container--default.select2-container--focus .select2-selection--multiple{
    border: 0 none;
}

#myModal-comment .w-input input{
    width: 100% !important;
}

.commentBuyerAccounts .select2-container--default .select2-selection--multiple, .commentBuyerAccounts .select2-container--default.select2-container--focus .select2-selection--multiple{
    text-align: left;
}

#myModal-comment .w-input {
    margin-top: 10px;
}
 

.btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.analytics-tab{
    display: flex;
    list-style: none;
    padding: 0 15px;
    margin: 0;
}
.analytics-tab li a{
    color: #383734;
    padding: 5px 10px;
    font-size: 18px;
    border: 1px solid #383734;
    margin-right: 5px;
}
.analytics-tab li a.active{
    color: #FFFFFF;
    background-color: #383734;    
}
#analytics-content{
    margin-bottom: 20px;
}
#analytics-content .dt-buttons {
    float: right;
    position: relative;
    top: 40px;
    margin-right: 5px;
    z-index: 99;
}
.buttons-excel:after{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/excel-icon-table.svg);
    position: absolute;
    right: 15px;
    top: -5px;
    content: "";
    width: 25px;
    height: 25px;
}
.buttons-excel{
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
.buttons-excel span{
    display: none;
}
main#analytics-infos {
    position: relative;
}
#analytics-infos .preloader-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1004;
    background-color: rgba(255,255,255,0.5);
}
#analytics-infos .preloader-inner{
    position: absolute;
    top: 40%;
    left: 50%;
    padding: 10px 45px 10px 10px;
    margin-left: 0px;
    z-index: 1005;
    font-size: 16px;
}
#analytics-infos .preloader-inner::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 35px;
    height: 35px;
    margin-top: -10px;
    margin-left: -10px;
    background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/loading.gif);
    background-repeat: no-repeat;
}

/* Alakmalak */
:root {
    --am-font: 'Open Sans', sans-serif;
    --am-primary: #1989fb;
    --am-primary-rgb: 25, 137, 251;
    --am-black: #1b1825;
    --am-black-rgb: 27, 24, 37;
    --am-base: #ffffff;
    --am-base-rgb: 255, 255, 255;
    --am-extra: #42d9be;
    --am-extra-rgb: 66, 217, 190;
    --am-bdr-color: #dae3e9;
    --am-bdr-color-rgb: 218, 227, 233;
    --am-bdr-radius: 6px;
}

/* 1.0 - General */
html {scroll-behavior: smooth;}
body{margin: 0; background: var(--am-base); }
table,div{font-family: var(--thm-font); font-size:16px; color:var(--am-black); line-height:26px;}
a{color: #333333; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none; }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #000000;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #000000;}/* Firefox 19+ */
:-ms-input-placeholder {color: #000000;}/* IE 10+ */
:-moz-placeholder {color: #000000;}/* Firefox 18- */

.no-js #loader {display: none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_2.gif") center no-repeat #fff;}

img{border:none;}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus {outline: 0;}
a:active {outline: none;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px; }

/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}
.padding-bottom{padding-bottom: 0 !important}
.padding-top{padding-top: 0 !important}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */


/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border: 1px solid var(--am-bdr-color); font-weight: normal; padding: 13px 8px; color: var(--am-base);}
.table td {background: none repeat scroll 0 0 #f3f3f3; border: 1px solid var(--am-bdr-color); padding: 8px;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

.dropdown-menu {font-size: inherit;}

.blue-btn{padding: 0 20px; line-height: 42px; height: 42px; border: none; background: #2461ac; color: var(--am-base); border: none; cursor: pointer; font-weight: 700; border: 2px solid #2461ac; transition: all .4s ease-in-out;}
.blue-btn:hover {color: #2461ac; background:#FFFFFF; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin: 4px auto 0; transition: .25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform: rotate(45deg); margin-top: 0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display: none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -2px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #383734; border-color: transparent; padding: 0}
.navbar-brand{padding: 6px 0 12px; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; margin: 0}
.home-singlepage .navbar-brand {
    padding: 4px 0 7px;
}
.home-singlepage .navbar-brand img {
    width: 170px;
}
.home-singlepage .navbar-inverse {
    height: 60px !important;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .top-right ul li a.signup{background-color: #D19688;}
.header .top-right ul li a.login:hover{background-color: #A7A39F;}
.header .top-right ul li a.signup:hover{background-color: #A7A39F; color: #fff;}

.top-right{float: right; }
.top-right ul{margin: 0; padding: 0; list-style: none}
.top-right ul li{float: left; margin-left: 0px; list-style: none; margin-bottom: 0; font-family: 'FS Emeric'; line-height: 30px; height: 30px;}
.top-right ul li span{display: none; padding-left: 5px;}
.top-right ul li i{margin-right: 10px; color: #999999}
.top-right ul li a{color: #fff; padding: 8px 9px; font-size: 15px; font-weight: 700;}
.top-right ul li:hover span{display: inherit;}

.jumbotron{padding: 0; margin: 0; position: relative;  border-radius: 8px; background-color: transparent !important;}
.jumbotron .container { max-width: 100%; height: 100%;}
.home-ban{position: relative;}
.home-ban img{width: 100%;}
.home-ban .ban-text{font-size: 16px; z-index: 1; margin: auto; width: 100%; top: 50%; left: 50%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position: absolute; padding: 0px}
.home-ban .ban-text h1{font-size: 60px; line-height: 70px; margin: 0; font-weight: 700; color: #fff; margin-bottom: 16px; font-family: 'FS Emeric';}
.home-ban .ban-text h1 span{display: block; font-style: italic; font-weight: 700; font-family: 'utopia';}
.home-ban .ban-text p{color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 16px;}
.home-ban .ban-text h1 i{font-weight: 700; font-family: 'utopia';}
.home-ban .ban-text p span{display: block;}
.home-ban .ban-text a.signup{border: 2px solid #fff; background-color: #fff; color: #D19688; font-size: 15px; font-weight: 700; line-height: 23px; display: inline-block; width: 86px; padding: 6px; text-align: center;}
.home-ban .ban-text a.signup:hover{background-color: #A7A39F; border: 2px solid #A7A39F; color: #fff;}
.row-am{width: 100%;}
.home-main-page .ban-text h1 span{font-style: normal; font-weight: 700; font-family: 'FS Emeric';}

.green-btn{display: block; color: #FFFFFF; font-size: 15px; line-height: 25px; text-align: center; font-weight: 300; width: 192px; padding: 5px; background-color: #688563; margin-bottom: 15px; border: none;}
.green-btn:hover{color: #FFFFFF; background: #a7a39f}
.white-btn{display: block; color: #383734; font-size: 15px; line-height: 25px; text-align: center; font-weight: 300; width: 192px; padding: 5px; background-color: #FFFFFF; margin-bottom: 15px; border: none;}
.white-btn:hover{color: #FFFFFF; background: #a7a39f}
.pink-btn{display: block; color: #FFFFFF; font-size: 15px; line-height: 25px; text-align: center; font-weight: 300; width: 192px; padding: 5px; background-color: #D19688; margin-bottom: 15px; border: none;}
.pink-btn:hover{color: #383734; background: #a7a39f}

/** 3.0 - Content **/
.home #content .row-am {
    padding: 82px 0;
}
#content .row-am{padding:0 0 60px;}

h2{color: var(--am-black); font-size: 40px; margin: 0 0 20px;}
.page-title h2 {
        color: #383734;
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 10px;
}

.nu-find-about{background-color: #F2EFED; padding-top: 40px !important;}
.nu-find-about h2{text-align: center; color: #000000; font-style: italic; padding-top: 55px; margin-bottom: 16px; font-family: 'utopia'; font-style: italic; font-weight: 700; font-size: 30px; line-height: 36px;}
.nu-find-about p{color: #000000; font-size: 15px; line-height: 22px; font-weight: 300; text-align: center; margin-bottom: 34px;}
.nu-find-about p span{display: block;}
.nu-find-about ul{list-style: none; display: flex; align-items: center; justify-content: space-between; padding-bottom: 60px; margin: 0; padding: 0;}
.nu-find-about ul li{list-style: none;}

.how-it-work{padding-top: 148px !important; padding-bottom: 0 !important;}
.how-it-work .left, .how-it-work .right{width: 50%;}
.how-it-work .right{padding-top: 6px;}
.how-it-work .right img{width: 100%;}
.how-it-work .left h5{font-size: 20px; color: #383734; line-height: 31px; font-weight: 700; margin-bottom: 16px;}
.how-it-work .left  h2{font-size: 50px; line-height: 55px; font-weight: 700; margin-bottom: 16px; color: #383734;}
.how-it-work .left  h2 span{font-style: italic; font-family: 'Utopia Std';}
.how-it-work .left p{font-size: 20px; line-height: 30px; color: #383734; font-weight: 300; margin: 0; margin-bottom: 10px;}
.how-it-work .left p span{display: block;}
.how-it-work .left p.small-font{font-size: 15px; line-height: 23px; padding-top: 0;}
.how-it-work .left h6{font-weight: 700; font-size: 15px; font-weight: 23px; color: #000000; margin-bottom: 0;}
.how-it-work .left ul{margin: 0; margin-left: 14px;}
.how-it-work .left ul li{font-size: 15px; line-height: 23px; color: #383734; font-weight: 300; margin: 0}
.how-it-work .left h4{color: #383734; font-size: 15px; line-height: 23px; font-weight: 700; padding-top: 16px;}
.how-it-work .left h4 span{display: block; color: #383734; font-weight: 300;}
.how-it-work .left{padding-top: 10px;}

.benefit{background-color: #7BA1A6; padding: 100px 0 !important; position: relative;}
.benefit .left, .benefit .right{width: 50%;}
.benefit .left img{width: 100%;}
.benefit .right{padding-left: 33px;}
.benefit .right h5{font-size: 20px; line-height: 31px; color: #fff; font-weight: 700; margin-bottom: 4px;}
.benefit .right h2{font-size: 50px; line-height: 55px; color: #fff; font-weight: 700; margin-bottom: 4px;}
.benefit .right h2 span, .benefit .right h2 em{display: block; font-style: italic; font-family: 'Utopia Std';}
.benefit .right p{font-size: 20px; font-weight: 300; color: #fff; line-height: 30px;}
.benefit .right p span{display: block;}
.benefit .right .benefit-bottom-btn{position: absolute; bottom: 92px;}
.benefit .right .benefit-bottom-btn a{
    display: block;
    color: #383734;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-weight: 300;
    width: 203px;
    padding: 5px;
    background-color: #F2EFED;
    margin-bottom: 15px;
    border: 0px solid #fff;
    margin-right: 2px;
    height: 40px;
}
.benefit .right .benefit-bottom-btn a span{font-weight: 700;}
.benefit .right .benefit-bottom-btn a:hover{background-color: #A7A39F; color: #fff;}
.benefit .right .benefit-bottom-btn a.active{
    background-color: #383734 !important; color: #fff !important;
}
.benefit-bottom-btn span {
    font-size: 20px;
    color: #fff;
    display: block;
    margin-bottom: 16px;
}

.how-it-work-animation .owl-left ul li {
    list-style: disc;
    display: list-item;
}
.testimonial{padding: 90px 0 !important;}
.testimonial #testimonial .owl-item{width: auto !important}
.testimonial ul{margin: 0; list-style: none;}
.testimonial ul li{list-style: none; display: inline-block; width: 100%}
.testimonial .left, .testimonial .right{width: 50%; overflow: hidden; padding: 1px;}
.testimonial .right, .benefit .left {
    padding: 0 22px;
}
.testimonial .left h5{font-style: normal; font-weight: 700; font-size: 20px; line-height: 31px; color: #383734; margin-bottom: 16px;}
.testimonial .right img{width: 100%;}
.testimonial .left h2{font-size: 50px; line-height: 55px; color: #383734; font-weight: 700; margin-bottom: 16px;}
.testimonial .left h2 em , .testimonial .left h2 span {
    font-family: 'Utopia Std' !important;
    font-style: italic !important;
}
.testimonial .left h2 i{font-style: italic; font-family: 'Utopia Std';}
.testimonial .left h2 span{display: block; font-style: normal; font-family: 'FS Emeric'; font-weight: 700;}
.testimonial .left h2 span i{font-weight: 700;}
.testimonial ul li p{font-size: 20px; color: #383734; font-weight: 300; line-height: 30px;}
.testimonial .bx-wrapper{margin-bottom: 0;}
.testimonial .owl-carousel .owl-nav button.owl-next, 
.testimonial .owl-carousel .owl-nav button.owl-prev{ width: 119px; height: 40px; top: auto; bottom: -16px;}
.testimonial .owl-carousel .owl-nav button.owl-next{
    width: 100px;
}
.testimonial .owl-carousel .owl-nav button.owl-prev { 
    left: 0px;
    background: #E0DCD6 center center;
    z-index: 0;
    color: #383734;
    text-align: right;
    padding: 0 18px !important;}
.testimonial .owl-carousel .owl-nav button.owl-next {
    right: auto;
    left: 128px;
    background: #E0DCD6 center center;
    z-index: 1;
    color: #383734;
    text-align: left;
    padding: 0 18px !important;
}
.testimonial .owl-carousel .owl-nav button.owl-prev:hover, .testimonial .owl-carousel .owl-nav button.owl-next:hover{
    background: #688563 !important;
    color: #fff !important;

}
 .testimonial .owl-carousel .owl-nav button.owl-prev .fa-angle-left:before , .testimonial .owl-carousel .owl-nav button.owl-next .fa-angle-right::before{
   background-image: unset;
    content: "\f104" !important;
    position: absolute;
    top: 3px;
    left: 10px;
    background-repeat: no-repeat;
    font-size: 33px;
}
 .testimonial .owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    content: " ";
      position: absolute;
    top: 4px;
    right: 20px;
    height: 35px;
    width: 9px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    left: auto;
}
.testimonial .owl-carousel .owl-dots{display: none; width: auto;bottom: 36px;left: 45px;}
.testimonial .owl-carousel .owl-dots .owl-dot{width: 13px; height: 13px; border-radius: 50%; border: 2px solid #A7A39F; background: transparent; margin: 0 5px}
.testimonial .owl-carousel .owl-dots .owl-dot:hover, .testimonial .owl-carousel .owl-dots .owl-dot.active, 
.testimonial .owl-carousel .owl-dots .owl-dot:focus{background: #A7A39F; border: 2px solid #A7A39F;}

.testimonial .owl-carousel .owl-nav button.owl-prev .fa-angle-left:after {
    content: "Previous";
        font-size: 15px;
    font-family: 'FS Emeric';
    font-weight: 700;
}
.testimonial .owl-carousel .owl-nav button.owl-next .fa-angle-right:after {
    content: "Next";
        font-size: 15px;
    font-family: 'FS Emeric';
    font-weight: 700;
}
.products-of-the-week.handpick-just-for-u , .products-of-the-week.curation-just-for-u{padding-bottom: 0 !important;}
.products-of-the-week{background-color: #A7A39F; padding: 60px 0 !important;}
.products-of-the-week h6{ font-size: 14px; line-height: 18px; font-weight: 700; color: #383734; margin-bottom: 0;}
.products-of-the-week h2{font-size: 40px; line-height: 45px; color: #F2EFED; font-weight: 700; margin-bottom: 25px;}
.products-of-the-week h2 span , .page-title span{font-style: italic !important; font-family: 'Utopia Std';}
.products-of-the-week ul{padding-left: 0; margin: 0; border: none}
.products-of-the-week ul li{list-style: none;  margin: 0; height: auto; border: none; 
    padding: 0; overflow: hidden; transition: all 350ms ease; background: #F2EFED; border-radius: 8px;}

    .handpick-just-for-u .product-box-wrapper .product-img{
        padding: 35px 35px 20px;
    }


.products-of-the-week ul li .without-hover{width: 100%; height: 264px; border-radius: 8px;}
.products-of-the-week .home-brand-slider.owl-carousel .owl-item img{width: 100%; transition: all 350ms ease;}
/*.home .products-of-the-week ul li:hover .without-hover img , .products-of-the-week ul.home-brand-slider li:hover .without-hover img{
    transform: scale(1.9);
}*/

.products-of-the-week ul.home-brand-slider li:hover .without-hover img{
    transform: scale(1.9);
}

.home .products-of-the-week  ul.home-hand-pick-slider li:hover .without-hover img {
    transform: scale(1);
}

.instagram-inspiration ul.home-brand-slider li:hover .without-hover img, .home .products-of-the-week .home-hand-pick-slider ul li:hover .without-hover img  {
    transform: scale(1);
}
.products-of-the-week ul li .with-hover {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: #F2EFED;
    transition: .2s ease-in-out;
    padding: 0;
    margin: 0 30px;
    z-index: 2;
    height: 79%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 0;
    flex-direction: column;
    justify-content: center;
}
.products-of-the-week ul li:hover .with-hover{opacity: 1;}
.products-of-the-week ul li::before{content: ''; /*background: url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/product-image-1.png') no-repeat center center;*/ 
    background-size: 720px; position: absolute; top: 0; right: 0; opacity: 0; width: 100%; height: 100%; z-index: 1;}
.products-of-the-week ul li:hover::before{opacity: 1;}
.products-of-the-week ul li a{display: inline-block; height: 100%; width: 100%;}
.products-of-the-week ul li .with-hover p{font-size:15px; margin: 0; font-weight: 300; width: 100%; color:#383734; line-height: 20px;}
.products-of-the-week ul li .with-hover h3{
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    width: 100%;
    margin-bottom: 0;
    line-height: 40px;
     font-family: 'Utopia Std';
}
.products-of-the-week .owl-carousel .owl-nav button.owl-next, .products-of-the-week .owl-carousel .owl-nav button.owl-prev{ width: 33px; height: 33px;}
.products-of-the-week .owl-carousel .owl-nav button.owl-next i, .products-of-the-week .owl-carousel .owl-nav button.owl-prev i{display: none}
.products-of-the-week .owl-carousel .owl-nav button.owl-prev {z-index: 0; left: 84px; background: rgba(255, 255, 255, 0.5) url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre2.png') no-repeat center center;}
.products-of-the-week .owl-carousel .owl-nav button.owl-prev:hover {background: #a7a39f url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre2.png') no-repeat center center;}
.products-of-the-week .owl-carousel .owl-nav button.owl-next {z-index: 0; right: 149px; background: rgba(255, 255, 255, 0.5) url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/next2.png') no-repeat center center;}
.products-of-the-week .owl-carousel .owl-nav button.owl-next:hover {background: #a7a39f url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/next2.png') no-repeat center center;}
.products-of-the-week .owl-carousel .owl-dots{display: none}

.products-of-the-week .curation-just-for-u-slider li .without-hover {
    height: 382px;
}
.products-of-the-week .curation-just-for-u-slider li .without-hover img {
    height: 100%;
}

.instagram-inspiration{background-color: #64605D;}
.instagram-inspiration .work-retail{margin-bottom: 0; padding-left: 16%;}
.instagram-inspiration ul li::before{display: none;}
.instagram-inspiration .bx-wrapper .bx-controls-direction a{ width: 21px; height: 33px;}
.instagram-inspiration .bx-wrapper .bx-prev {z-index: 0; left: 295px; background: rgba(255, 255, 255, 0.5) url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre2.png') no-repeat center center;}
.instagram-inspiration .bx-wrapper .bx-next {z-index: 0; right: 295px; background: rgba(255, 255, 255, 0.5) url('https://d2fzew76uxzkhe.cloudfront.net/assets/images/next2.png') no-repeat center center;}
.instagram-inspiration .bx-wrapper .bx-prev:hover, .instagram-inspiration .bx-wrapper .bx-prev:focus {background-position: center; }

/* --signup-modal-- */
.signup-modal .modal-dialog-centered, #deleteConfirmationModal .modal-dialog-centered, #unpublishConfirmationModal .modal-dialog-centered {max-width: 555px; width: 100%;}
.signup-modal .modal-content , #deleteConfirmationModal .modal-content,  #unpublishConfirmationModal .modal-content{background-color: #fff; padding: 45px; border-radius: 8px;}
.signup-modal .modal-content h5, #deleteConfirmationModal .modal-content h5, #unpublishConfirmationModal .modal-content h5{text-align: center; font-size: 30px; line-height: 35px; font-weight: 700; color: #383734; margin-bottom: 0;}
.signup-modal .modal-content h2{text-align: center; font-size: 30px; line-height: 35px; font-weight: 700; color: #383734;}
#signup .modal-content h2 {
    font-family: 'Utopia Std';
    font-style: italic;
}
#deleteConfirmationModal .modal-footer , #unpublishConfirmationModal .modal-footer{
    border: 0;
}
#deleteConfirmationModal .modal-footer button,  #unpublishConfirmationModal .modal-footer button {
    border: 0;
    min-width: 180px;
    height: 35px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
#deleteConfirmationModal .modal-footer button:hover,  #unpublishConfirmationModal .modal-footer button:hover{
    background-color: #E0DCD6;
    color: #383734;
}
#deleteConfirmationModalText, #unpublishConfirmationModalText{
    margin-bottom: 15px;
}
#deleteConfirmationModal .modal-footer .btn-yes, #unpublishConfirmationModal .modal-footer .btn-yes{
    background-color: #688563;
    color: #F2EFED;
}
#deleteConfirmationModal .modal-footer .btn-no, #unpublishConfirmationModal .modal-footer .btn-no{
    background-color: #D19688;
    color: #F2EFED;
}


.signup-modal .modal-header, #deleteConfirmationModal .modal-header, #unpublishConfirmationModal .modal-header{display: block; border-bottom: 0 none;}
.signup-modal .modal-content input,.signup-modal .modal-content select{
    font-family: 'FS Emeric';
    background-color: #F2EFED;
    padding: 0 12px 2px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 20px !important;
    color: #383734;
    border:0;
    cursor: pointer;
}
.signup-modal .modal-content select{
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
    border: 0 !important;
}
.form-control{
    color:#383734;
}

#frmWishlistCatalogGenerate .form-control, #frmWishlistCampaignGenerate .form-control{
    margin-bottom: 10px;
}

.signup-modal .modal-content input::placeholder{color: #A7A39F; text-transform: capitalize;}
.signup-modal.generate-catalog-modal .modal-content .wishCatContainer input::placeholder{ text-transform: unset !important;}

.signup-modal .who-im{text-align: center; margin: 5px 0;}
.signup-modal .who-im label{color: #A7A39F; font-size: 18px; font-weight: 300;}
.signup-modal .slect-user input{height: 40px; width: 240px;}
.signup-modal .modal-content input:hover, .signup-modal .modal-content input:focus{outline: none; box-shadow: none;}
.signup-modal .slect-user h5{font-size: 16px;}
.signup-modal .close{position: absolute; top: 0px;
    right: 0px;font-size: 50px;font-weight: lighter;padding: 0; 
    width: 50px; height: 50px; margin: 0; color: #383734;
    border-radius: 0 9px 0 0;
    
}
.signup-modal .close:hover{
    background-color: #A7A39F;
    color: #fff;
}
.signup-modal .close span:after {
    content: "\eee1";
    font-family: IcoFont!important;
    right: 15px;
    position: absolute;
    font-size: 22px;
    height: 20px;
    width: 20px;
    top: 25px;
    font-weight: 700;
}
.signup-modal .close span{
   font-size: 0;
}
 
.signup-modal .slect-user .radio-tile-group { display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px;}
.signup-modal .slect-user  .radio-tile-group .input-container {position: relative;height: 40px;width: 32%;}
.signup-modal .slect-user .radio-tile-group .input-container .radio-button { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer;}
.signup-modal .slect-user .radio-tile-group .input-container .radio-tile {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;background-color: #fff;padding: 10px;}
.signup-modal .slect-user .radio-tile-group .input-container .radio-tile-label {text-align: left;font-size: 16px;font-weight: 300;color: #000000;margin: 0;}
.signup-modal .slect-user .radio-tile-group .input-container .radio-button:checked + .radio-tile {background-color: #383734;color: white;-webkit-transition: all ease-in-out 200ms;transition: all ease-in-out 200ms;}
.signup-modal .slect-user .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon .icofont-check-alt {fill: white;color: #fff;opacity: 1;}
.signup-modal .slect-user .radio-tile-group .icon .icofont-check-alt{font-size: 20px; opacity: 0;}
.signup-modal .slect-user .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {color: white;}
.signup-modal .check-text label{color: #A7A39F; font-size: 16px; font-weight: 300; padding-left: 35px; margin-bottom: 15px;}
.signup-modal .check-text label a{text-decoration: underline; color: #A7A39F;}
.signup-modal .check-text .custom-control-label::before {position: absolute;top: -4px;left: 0; display: block;width: 35px;height: 35px;background-color: #f2efed; border-radius: 50%;}
.signup-modal .check-text .custom-control-label::after{position: absolute; top: -4px; left: 0; display: block;width: 35px;height: 35px; border-radius: 50%;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none !important;}
.signup-modal button{width: 100%; border-radius: 20px; height: 40px; font-size: 14px; line-height: 0; font-weight: 700;  font-family: 'FS Emeric';}
.signup-modal .signup-btn button{background-color: #688563; border: 0;color:#F2EFED;}
.signup-modal .signup-btn button:hover, .signup-modal .login-btn button:hover{background-color: #E0DCD6; border: 0; color: #383734;}
.signup-modal .login-btn button{   
 background-color: #E0DCD6;
    border: 0;
    color: #383734;}
.signup-modal .bottom-txt p{color: #A7A39F; font-size: 16px; font-weight: 300; text-align: center; margin: 10px 0;}
.signup-modal button:focus{outline: none;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #383734;
}

.check-text.brief-us-container a {
    text-decoration: underline !important;
}

.signup-modal .check-text.brief-us-container .custom-control-label::before{
    left: -9px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after , .custom-checkbox .custom-control-input~.custom-control-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 5px;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    background-image: none !important;
    border-radius: 0;
}

.custom-checkbox .custom-control-input~.custom-control-label::after{
    border-color: #A7A39F;
}
.salesCampaign-new .custom-checkbox .custom-control-input:checked~.custom-control-label::after ,
.salesCampaign-new .custom-checkbox .custom-control-input~.custom-control-label::after {
left: 13px;
}
.salesCampaign-new #generateCampaignModal .custom-checkbox .custom-control-input:checked~.custom-control-label::after ,
.salesCampaign-new #generateCampaignModal .custom-checkbox .custom-control-input~.custom-control-label::after {
left: 5px;
}



.login-modal .modal-dialog-centered{max-width: 500px;}
.login-modal .modal-content h2{font-style: normal; margin-bottom: 0px;}
.login-modal .forget-pass{text-align: center;}
.login-modal .forget-pass a{color: #A7A39F; font-size: 16px; font-weight: 300; text-align: center; text-decoration: underline !important; display: inline-block; padding-bottom: 10px;}

.contactus-modal .what-in-mind textarea{color: #A7A39F; width: 100%; border: 0; resize: none; font-size: 16px; font-weight: 400; padding: 10px; background-color: #fff;}
.contactus-modal h2{font-style: normal !important; font-family: 'Sofia Pro' !important; margin-bottom: 0;}
.contactus-modal .what-in-mind textarea::placeholder{color: #A7A39F; font-weight: 400; opacity: 1;}

.editlist-modal .favourite-txt input::placeholder{font-weight: 700; color: #383734;}

.modal-body .attachment {
    background: #F2EFED;
    padding: 10px;
    border-radius: 99px;
}
.modal-body .popup-havingFiles.attachment{
    border-radius: 20px;
}
.modal-body .fileName-Banner h4.name {
    font-size: 14px;
    padding: 0 7px;
    margin-bottom: 15px;
}
.modal-body .file-upload-select {
    background-color: transparent;
}
.form-row-version .doc-row .doc-left {
width: 70%;
}
.form-row-version .doc-row .doc-right {
    width: 30%;
    }
 
textarea#wishlistNote {
    margin-bottom: 15px;
}
/** 4.0 - Footer **/
footer .footer1{padding: 55px 0; background: #383734; }
footer p{display: block; color: #fff; font-size: 15px; line-height: 22px; font-weight: 300; margin: 0; margin-bottom: 0;}
footer p span{display: block;}
footer ul{display: flex; align-items: center; margin:0 0 0 -10px;padding: 0;}
footer ul li{list-style: none;}
footer .left-side ul {margin-top: 22px;}
footer .left-side ul li a{color: #F2EFED;font-size: 15px; font-weight: 400; line-height: 22px;
     display: inline-block; padding: 6px 10px; border-radius: 20px;}
footer .left-side ul li{margin-right:10px; padding: 0px; text-align: center;}
footer .left-side ul li:first-child{padding-left: 0;}
footer .left-side ul li a:hover{background-color: #e0dcd6; color: #383734;}
footer .contact a{font-weight: 700; cursor: pointer; background-color: #fff; color: #383734 !important;
     font-size: 16px; line-height: 22px; display: inline-block; width: 300px;
      padding: 7px 0; text-align: center;
    border-radius: 20px;
    }
footer .right-side{display: flex; flex-direction: column; align-items: flex-end; padding-top: 10px;}
footer .right-side .icon ul li{ list-style: none;padding: 5px 22px;background-color: #fff; margin-right: 7px; margin-top: 8px; cursor: pointer;
     font-weight: 700;border-radius: 20px; line-height: 25px;}
footer .right-side .icon ul li:hover, footer .contact a:hover{background-color:#e0dcd6; color: #383734 !important;}
footer .right-side .icon ul li:last-child{margin-right: 0;}
footer .right-side .icon ul li a{color: #383734 !important;}
footer .right-side .icon ul li i{font-size: 22px;}
footer .right-side .icon ul li:hover a, footer .contact a:hover{color: #fff;}
footer .right-side .icon ul li:hover i{color: #000;}

footer .copyright{background-color: #000000; padding: 16px 0;}
footer .copyright p{font-family: 'FS Emeric'; color: #fff; text-align: center; font-size: 15px; line-height: 22px; padding: 0;}
footer .copyright p a{font-family: 'FS Emeric'; color: #fff; font-size: 15px; line-height: 22px; text-decoration: underline !important;}
footer .copyright p a:hover{text-decoration: none !important;}
/* */
.ban-in{position: relative;}
.ban-in img{width: 100%;}
.ban-in .ban-text{text-align: center; position: absolute; margin: 0 auto 0; color: var(--am-base); font-size: 16px; z-index: 1; width: 1320px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.ban-in .ban-text h1{font-size: 42px; line-height: 62px; margin: 0; font-weight: bold;}
.ban-in .ban-text h1 span{display: block;}

/* catalogue-detail */
/*.catologue-detail{padding-top: 160px !important;}*/
.catologue-detail .breadcrumb{background-color: transparent; padding: 0;}
.catologue-detail .breadcrumb-item+.breadcrumb-item::before{content: '>'; color: #000;}
.catologue-detail .breadcrumb a, .catologue-detail .breadcrumb li{color: #383734 !important; font-size: 15px !important; line-height: 23px; 
    font-weight: 300; font-family: 'FS Emeric';}

.catologue-detail .breadcrumb a:hover{text-decoration: none;}
.catologue-detail .breadcrumb{margin-bottom: 0px;}
.catologue-detail .row{margin: 0 -8px;}
.catologue-detail .col-md-6, .catologue-detail .col-md-3, .catologue-detail .col-md-12{padding: 0 8px;}
.catologue-detail h2{ color: #383734; font-size: 46px; line-height: 50px; font-weight: 700; margin-bottom: 20px;}
.catologue-detail .right{text-align: end;}
.catologue-detail  p{color: #383734 !important; font-size: 15px; line-height: 23px; font-weight: 300; margin-bottom: 0;}
.catologue-detail img{width: 100%; object-fit: cover; height: 100%;}
.shop-detail .catologue-detail span.file-delete img{ height: auto !important;}
.catologue-detail .icon img{width: 17px; height: 17px;}
.catologue-detail .icon{   
    position: absolute;
    right: 8px;
    top: 10px;
    padding: 2px 5px;
    cursor: pointer;}
.catologue-detail .cat-detail-small-box{position: relative;}
.catologue-detail .cat-detail-bottom-text{padding: 10px 20px; position: absolute !important; width: 95%; bottom: 0;}
.catologue-detail .cat-detail-bottom-text h4{font-size: 14px; color: #383734; line-height: 31px; font-weight: 700; margin: 0;}
.product-bx{
    background-color: #F2EFED; 
    border-radius: 8px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.product-bx:hover{
    background-color: #E0DCD6;
}
.detail-page-title h2{
    font-family: 'Utopia';
    font-style: italic;
}
.catologue-detail .cat-detail-small-box:hover .icon{z-index: 1;}
.catologue-detail .cat-detail-small-box a:hover .icon img{transform: scale(1);}
.catologue-detail .navigation{width: 100%; padding: 0px;  margin-bottom: 50px;}
ul.pagination {margin: 0;padding: 0; float: right;}
ul.pagination li{list-style: none; margin-right: 8px;}
ul.pagination li a{padding: 8.5px 16px; color: #383734; border: 0; font-weight: 700;
 border-radius:99px !important; font-size: 15px; line-height: 23px; 
 text-transform: capitalize; display: block; background-color:#F2EFED;max-width: 50px;}
 ul.pagination li.next a ,  ul.pagination li.previous a{
    background-color:#E0DCD6; color: #383734;
 }
ul.pagination li a:hover{background-color:#e0dcd6; color: #383734; border: 0;}
ul.pagination li a:focus{outline: none; box-shadow: none;}
ul.pagination li.next-page-item a{display: flex; align-items: center;}
ul.pagination li.next-page-item img{width: auto; height: auto; margin-left: 15px; margin-top: 3px;}
.genrate-campaign-btn{
    width: 162px !important;
}
.catologue-detail .select-box{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; padding-top: 11px;}
.catologue-detail .select-box p{color: #383734 !important; margin-bottom: 0; font-weight: 700;font-size: 15px;line-height: 24px;    white-space: nowrap;}
.catologue-detail .select-box .icon{position: unset; padding: 0;}
.catologue-detail .select-box .icon img{width: auto; height: auto;}
.catologue-detail .select-box .icon i, .savedListDropdown .icon.walk-icon i{font-weight: 300; color: #383734; font-size: 22px;}
.catologue-detail .select_wrap .select_ul .icon{transform: rotate(0deg); position: unset;}
.catologue-detail .select_wrap{width: 142px;position: relative;user-select: none;margin: 0 0 10px 10px;}
.catologue-detail .select_wrap .default_option{background: #E0DCD6;position: relative;cursor: pointer;margin: 0; padding: 0;}
.catologue-detail .select_wrap .default_option li{ list-style: none;padding: 8px 10px;}
.catologue-detail .select_wrap .select_ul{position: absolute;top: 50px;left: 0;width: 170px;margin: 0;display: none;z-index: 1;}
.catologue-detail .select_wrap .select_ul li{cursor: pointer;list-style: none;background: #E0DCD6;padding: 7px 15px;margin: 0 0 7px;}
.catologue-detail .select_wrap .option{display: flex;align-items: center; justify-content: space-between;}
.catologue-detail .select_wrap.active .select_ul{display: block;}
.catologue-detail .select_wrap.active .select_ul .icon i{font-weight: 300; font-size: 22px;}
.catologue-detail .select_wrap .select_ul li:hover, .catologue-detail .select_wrap .default_option li:hover,
.catologue-detail .select_wrap.active .default_option li:hover{background-color: #A7A39F;}
.catologue-detail .select_wrap.active .default_option li:hover .icon i{color: #383734 !important;}
.catologue-detail .select_wrap .select_ul li:hover p, .select_wrap .default_option li:hover p{color: #fff !important;}
.catologue-detail .select_wrap.active .default_option li{background-color: #000;}
.catologue-detail .select_wrap.active .default_option li p, .catologue-detail .select_wrap.active .default_option li i{color: #fff !important;}
.catologue-detail .select-box .icon .white{display: none;}
.catologue-detail .select_wrap.active .icon .white{display: block;}
.catologue-detail .select_wrap.active .icon .black{display: none;}
.catologue-detail .select_wrap.active .default_option li:hover .black{display: block;}
.catologue-detail .select_wrap.active .default_option li:hover .white{display: none;}
.catologue-detail .show-items-text{text-align: end;}
.catologue-detail h2 span{font-style: italic; font-weight: 700;}
.essential-catlogue-main h2{font-size: 30px; line-height: 44px;}
.essential-catlog-banner{margin-bottom: 40px !important; margin-top: 15px;}
.essential-catlog-banner .item img{
    max-height: 375px;
}
.essential-catlog-row{margin-top: 0px !important;}
.catologue-detail h2 span.desc-block{display: block; font-size: 15px; font-weight: 300; line-height: 23px; font-style: normal; margin-top: 10px;}
.essential-catlog-row .cat-detail-small-box{padding: 0 8px;}
.product_pagi .navigation {
    margin: 0;
}

/* product-detail */
.product-detail .breadcrumb a{display: inline;}
.product-detail .left p{margin-top: 70px;}
.product-detail-slider-row .rtl-slider-flex {width: 100%;}
.product-detail-slider-row .rtl-slider-flex {display: flex;flex-direction: row;justify-content: center;box-sizing: border-box;position: relative;}
.product-detail-slider-row .rtl-slider-flex .rtl-slider {width: 80%;margin-left: 10px;}
.product-detail-slider-row .rtl-slider-flex .rtl-slider-nav {width: 19%;}
.product-detail-slider-row .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide {padding-top: 93%;margin-bottom: 10px;opacity: 0.75;transition: all 0.3s ease;cursor: pointer;}
.product-detail-slider-row .rtl-slider-flex .rtl-slider-nav .slick-slide.slick-current.slick-active .rtl-slider-slide {opacity: 1;}
.product-detail-slider-row .rtl-slider-flex .rtl-slider-slide {background:  url("") no-repeat center/cover;}
.product-detail-slider-row .rtl-slider-flex .thumb-next {padding: 5px; position: absolute; bottom: 124px; left: 0; width: 18.4%; text-align: center; display: flex; justify-content: center;align-items: center;cursor: pointer;transition: all 0.3s ease;background: transparent;}
.product-detail-slide-nav .slick-list.draggable {height: 364px !important;}
.product-detail-slider-row .rtl-slider-flex .thumb-next:hover{background-color: #A7A39F;}
.product-detail-slider-row .col-lg-6{padding: 0 8px;}
.product-detail-slider-row{padding-top: 10px;}
.product-detail-slider-row .thumb-next img{width: auto;}
.right-coffe-table h2{font-style: italic; font-size: 46px; font-weight: 700; line-height: 50px; color: #383734; margin-bottom: 10px;}
.product-detail .right-coffe-table h2 {font-family: 'Utopia';}
.right-coffe-table p{font-size: 20px; line-height: 30px; color: #383734; font-weight: 300; margin-bottom: 20px;}
.right-coffe-table form h4{ font-size: 18px; line-height: 30px; color: #383734; font-weight: 700; margin-bottom: 10px; margin-top: 10px;}
.right-coffe-table form div.material, .right-coffe-table form div.finis, .right-coffe-table form div.attachment,
.right-coffe-table form div.color, .right-coffe-table form div.comments{background-color: #F2EFED; display: flex; align-items: center; padding: 7px 15px; margin-bottom: 10px; border-radius: 99px;}
.right-coffe-table form div.comments {border-radius: 20px;}
.right-coffe-table form label{width: 20%; margin-bottom: 0; color: #383734; font-size: 14px; line-height: 23px; font-weight: 700;}
.right-coffe-table form .input-container .radio-button {opacity: 0;position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;cursor: pointer;}
.right-coffe-table form .input-container .radio-tile {display: flex;justify-content: space-between;align-items: center;width: 100%;
 height: 100%; background-color: #fff; padding: 10px 22px 10px 10px;}
 .product-detail .right-coffe-table form .input-container .radio-tile {
    background-color: transparent;
 }
.right-coffe-table form .input-container .radio-tile-label {text-align: left;font-size:15px;font-weight: 300;color: #000000; margin: 0; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;}
.right-coffe-table form .icon .icofont-check-alt {font-size: 20px; opacity: 0;}
.right-coffe-table form .input-container .radio-button:checked + .radio-tile {background-color: #383734; color: white;-webkit-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms;}
.right-coffe-table form .input-container .radio-button:checked + .radio-tile .icon .icofont-check-alt {fill: white; color: #fff;opacity: 1;}
.right-coffe-table form  .input-container { margin-bottom: 5px; height:35px; position: relative;}
.right-coffe-table form .input-container .radio-button:checked + .radio-tile .radio-tile-label {color: white !important;}
.right-coffe-table form  .icon { top: 9px;padding: 0px; right: 5px;}
.right-coffe-table form .radio-tile-group{width: 130px; margin-right: 10px;}
.right-coffe-table form .input-container{margin-bottom: 0;}
.right-coffe-table form input{width: 80%; background-color: #fff; border: 0; padding:0  7px; height: 39px; border-radius: 99px;}
.right-coffe-table form input::placeholder{color: #A7A39F; font-size: 15px; font-weight: 300; text-align: left !important;}
.right-coffe-table form .icon:hover{background-color: transparent;}
.right-coffe-table form input[type=file] {cursor: pointer;width: 100%;overflow: hidden; line-height: 30px;}
.right-coffe-table form input[type=file]:before { width: 158px; height: 39px; font-size: 15px;line-height: 45px; 
    content: 'Upload File'; display: inline-block; background: #fff;
padding: 0 10px; text-align: center; font-family: Helvetica, Arial, sans-serif; position: absolute; right: 26px; top: 7px;
 background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/file-attachment-icon.svg);
    background-repeat: no-repeat;
    background-position:20px 11px;}
.right-coffe-table form  input[type=file]::-webkit-file-upload-button { visibility: hidden;}
.right-coffe-table form .attachment{position: relative;}
.right-coffe-table .btn-add-to-cart{width: 100%; background-color: #688563; color: #F2EFED !important; font-size:14px; line-height: 23px; font-weight: 700; border-radius: 99px; padding: 8px;}
.right-coffe-table .btn-add-to-cart:hover{background-color: #A7A39F;}
.right-coffe-table p.form-btom-txt{color: #A7A39F !important; font-size: 15px; line-height: 23px; font-weight: 300; text-align: center; margin: 5px 0;}
.right-coffe-table .breif-us p{color: #A7A39F !important; font-size: 15px; line-height: 23px; font-weight: 300;  margin-bottom: 0;}
.right-coffe-table .breif-us{display: flex; align-items: center; justify-content: space-between; padding-top: 10px; position: relative;}
.right-coffe-table .breif-us a{
    background-color: #E7C15E;
    color: #383734;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    display: inline-block;
    padding:6px 35px 6px 15px;
    text-align: center;
    border-radius: 99px;
    position: relative;
}
.right-coffe-table .breif-us a:after{
    background-image: url(../images/mystudio-icon.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    right: 8px;
    top: 10px;
}
.right-coffe-table .breif-us a:hover{background-color: #E0DCD6;}
.product-details-text-box-row h4{font-weight: 700;font-size: 18px;line-height: 31px; color: #383734; margin-top: 38px; margin-bottom: 5px;}
.product-details-text-box-row .left-side{background-color: #F2EFED; display: flex; align-items: center; padding: 0 40px;}
.product-details-text-box-row .left-side p{font-weight: 700; font-size: 15px; line-height: 23px; color: #383734; text-align: center;}
.product-details-text-box-row .bg-change{background-color: #F2EFED; display: flex; align-items: center; padding: 10px 30px; margin-bottom: 10px;}
.product-details-text-box-row .bg-change label{width: 23%; font-weight: 700; font-size: 15px; line-height: 23px; color: #383734;}
.product-details-text-box-row .bg-change:last-child{margin-bottom: 0;}
.product-details-text-box-row .bg-change p{font-weight: 300; font-size: 15px; line-height: 23px; color: #383734;}
.more-from-factory{background-color: #A7A39F;}
.more-from-factory h2{color: #fff; font-weight: 700; font-size: 50px; line-height: 55px; margin-bottom: 40px;}
.more-from-factory ul{margin: 0; padding: 0; list-style: none;}
.more-from-factory ul li{list-style: none; }
.more-from-factory{padding: 70px !important;}
.cat-detail-small-box.open .icon-save{display: block;}
.cat-detail-small-box.open .top-img{display: none;}
.more-from-factory .cat-detail-small-box{overflow: hidden; padding: 0; margin: 0 8px;}
.more-from-factory .cat-detail-small-box::before{    content: '';/*background: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/product-image-1.png) no-repeat center center;*/background-size: 700px;position: absolute;top: 0;right: 0;opacity: 0;width: 100%;height: 100%;}
.more-from-factory .cat-detail-bottom-text{background-color: #fff; padding: 10px; width: 100%; z-index: 1; position: relative;}
.more-from-factory .cat-detail-bottom-text h4{ margin-bottom: 0; font-weight: 700; font-size: 20px; line-height: 31px; Color: #383734;}
.more-from-factory .cat-detail-small-box:hover .cat-detail-bottom-text{background-color: #E0DCD6;} 
.whishlist{position: absolute; right: 0;top: 0;padding: 18px; z-index: 1;}
.whishlist:hover{background-color: #E0DCD6;;}
.more-from-factory .cat-detail-small-box:hover::before{opacity: 1;}
.more-from-factory .cat-detail-small-box img{width: 100%;}
.more-from-factory .container{position: relative;}
 .factory-page-link{position: absolute;
    right: 100px;
    top: 20px;}
  .factory-page-link a{    background-color: #fff;
    display: inline-block;
    padding: 7px 10px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px;}
  .factory-page-link a img{transform: rotate(270deg);}
 
  .product-detail .right-coffe-table form div.comments{
    border-radius: 99px;
  }
.more-pro-factory {
    display: flex;
    align-items: center;
    justify-content: end;
}
.more-pro-factory h3{
    margin-bottom: 0;
    font-size: 18px;
    color:#383734;
}

.product-option-form .filter-inner-dropdown .dropdown .btn{
    background-color: #fff;
    border-color: #fff;
    padding: 7px 30px 7px 15px;
}
.product-option-form .filter-inner-dropdown .dropdown{
width: auto;
}
.product-option-form .filter-inner-dropdown .dropdown .dropdown-toggle:after{
    right: 25px;
    top: 11px;
}
.product-option-form .pro-dropdown {
    width: 80%;
    text-align: right;
}
.product-option-form .filter-inner-dropdown .dropdown-menu .dropdown-item.active{
    background-color: #383734;
    color: #fff !important;
}
.product-specification-detail {
    text-align: right;
    width: 80%;
}
.product-specification-detail span {
    display: inline-block;
    padding: 5px 2px;
    font-size: 15px;
    color: #A7A39F
}
/* .icon-save*/
.product-detail-slider-row .icon {right: 0px; cursor: pointer;}
.product-detail-slider-row .icon:hover{background-color: #E0DCD6;}
.icon-save{position: absolute; right: 10px; top: 10px; width: 250px; display: none;}
.icon-save .save-btn-icon p, .icon-save .new-list-box p{font-size: 15px; font-weight: 400; color: #fff !important; margin-bottom: 0;}
.icon-save .save-btn-icon{cursor: pointer; background-color: #383734; display: flex; align-items: center; justify-content: space-between; padding: 7px; margin-bottom: 5px;}
.icon-save .save-btn-icon img{    width: 29px;
    height: 30px;
    min-height: 20px;}
.icon-save .new-list-box{cursor: pointer; background-color: #383734; padding:7px 10px; display: flex; align-items: center;
 justify-content: space-between; border-top: 9px solid #fff}
.icon-save .new-list-box i{color: #fff !important; font-weight: 300;}
.icon-save .radio-tile-group .input-container .radio-button {opacity: 0;position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;cursor: pointer;}
.icon-save .radio-tile-group .input-container .radio-tile {display: flex;justify-content: space-between;
    align-items: center;width: 100%; height: 100%; background-color:#F2EFED; padding: 10px; border-radius: 99px;}
.icon-save .radio-tile-group .input-container .radio-tile-label {text-align: left;font-size: 16px;font-weight: 400;
    color: #000000; margin: 0; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.icon-save .radio-tile-group .icon .icofont-check-alt {font-size: 20px; opacity: 0;}
.icon-save .radio-tile-group .input-container .radio-button:checked + .radio-tile {background-color: #383734; color: white;-webkit-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms;}
.icon-save .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon .icofont-check-alt {fill: white; color: #fff;opacity: 1;}
.icon-save .radio-tile-group  .input-container { margin-bottom: 5px; height: 40px; position: relative; border-radius: 99px;}
.icon-save .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {color: white !important; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.icon-save .radio-tile-group  .icon { top: 9px;padding: 0px;}
.rtl-slider-slide.open .icon-save{display: block;}

/* saved-list */
.saved-list-main{padding-bottom: 120px !important;}
.saved-list-main .select-box p{background-color: #E0DCD6; padding: 10px; width: 150px; text-align: left; cursor: pointer;}
.saved-list-main .select-box p i{float: right; margin-top: 5px;}
.saved-list-main .saved-list-box a{overflow: visible; position: relative; display: block;  background-color: #F2EFED; border-radius: 8px;}
.saved-list-main .saved-list-box a::before{display: none !important; content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: #e0dcd675;}
.saved-list-main .saved-list-box{padding: 8px 8px;}
.saved-list-main .saved-list-box .text{display: flex; position: absolute; bottom: 0; width: 100%; justify-content: space-between; align-items: center; padding: 10px 25px; border-radius: 8px; z-index: 9;}
.saved-list-main .saved-list-box h4{font-weight: 700; font-size: 18px;line-height: 31px; color: #383734; margin: 0;}
.saved-list-main .saved-list-box p{font-weight: 300; font-size: 18px;line-height: 30px; color: #383734; margin: 0;}
.saved-list-main .cross-icon i{font-size: 25px;}
.saved-list-main .cross-icon{position: absolute; right: 0; top: 0; padding: 8px; z-index: 9; cursor: pointer;}
.saved-list-main .saved-list-box:hover a::before{display: block;}
/* .cross-icon:hover{background-color: #A7A39F;} */

/* list  */
.editlist-modal .cancel-btn button{background-color: #D19688; margin-top: 10px; color:#fff;}
.list-page-row .icon i{font-size: 25px;}
.main-text-pad{padding: 0 8px;}

body.home-new {padding-top: 69.5px;}

.hand-picked{background: #FFFFFF}
.hand-picked h2{color: #383734}

.beautiful-together{background: #F2EFED}
.beautiful-together .container-fluid{display: flex;}
.beautiful-together .left, .beautiful-together .right{width: 50%;}
.beautiful-together .left{padding-right: 4%;}
.beautiful-together .left h5{font-size: 20px; color: #383734; font-weight: 700; line-height: 31px; margin-bottom: 0px;}
.beautiful-together .left h2{font-size: 50px; line-height: 55px; color: #383734; font-weight: 700;margin-bottom: 2px;}
.beautiful-together .left h2 span{display: block;  font-style: italic;}
.beautiful-together .left p{font-size: 20px; color: #383734; font-weight: 300; line-height: 30px; }
.beautiful-together .left .green-btn{left: 0; bottom: 70px; position: absolute; font-weight: 700; margin: 0}
.beautiful-together .right img{width: 100%;}
.beautiful-together .left .green-btn:hover{background-color: #A7A39F;}

.shortcuts-success h2{font-size: 50px; line-height: 55px; color: #383734; font-weight: 700; margin-bottom: 32px;}
.shortcuts-success h2 span{font-style: normal; font-style: italic;}
.shortcuts-success ul{margin: 0; padding: 0; list-style: none}
.shortcuts-success ul li{
    float: left;
    width: 23.8%;
    margin: 0 1.35% 0 0;
    text-align: center;
    list-style: none;
    padding: 100px 0 0;} 
.shortcuts-success ul li a{display: block;}
.shortcuts-success ul li img{margin-bottom: 60px}
.shortcuts-success ul li:last-child{margin-right: 0}
.shortcuts-success ul li.orange-bg{background: #D19688}
.shortcuts-success ul li a{display: block; height: 100%; width: 100%; }
.shortcuts-success ul li.yellow-bg{background: #E7C15E}
.shortcuts-success ul li.green-bg{background: #688563}
.shortcuts-success ul li.blue-bg{background: #7BA1A6}
.shortcuts-success ul li h4{font-weight: 300; font-size: 20px; line-height: 30px; text-align: center; color: #FFFFFF; margin: 0 0 10px}
.shortcuts-success ul li:hover{background: #383734}

.customer-service{background: #64605D}
.customer-service .container-fluid{display: flex}
.customer-service .left, .customer-service .right{width: 50%;}
.customer-service .left{padding-right: 4%; min-height: 480px;}
.customer-service .left h5{font-size: 20px; color: #FFFFFF; font-weight: 700; line-height: 31px; margin-bottom: 16px;}
.customer-service .left h2{font-size: 46px; line-height: 55px; color: #FFFFFF;   font-weight: 700;  margin-bottom: 16px;}
.customer-service .left h2 span{display: block; font-weight: 700; font-style: normal; font-family: 'FS Emeric';}
.customer-service .left p{font-size: 20px; color: #FFFFFF; font-weight: 300; line-height: 30px;}
.customer-service .left .btn-group{left: 0; bottom: 50px; position: absolute; display: block}
.customer-service .left .btn-group a{display: inline-block; padding: 5px 15px; width: auto; font-weight: 700; font-family: 'FS Emeric';}
.customer-service .left .btn-group p{font-weight: 300; font-size: 15px; line-height: 23px;}
.customer-service .left .btn-group p a{color: #fff;font-weight: 300;padding-left: 0;}
.customer-service .right img{width: 100%;}
.catologue-detail{padding-top: 92px;}
.customer-service .left .btn-group a:hover{background-color: #A7A39F; color: #fff;}





table,div{font-family: 'FS Emeric'; font-size:16px; color:#383734; line-height:26px; font-weight: 400;}
img{max-width: 100%}


.header-in .navbar-brand{padding: 6px 0 13px;}
.header-in .top-right ul li a{padding: 0 8px}

/*tabbing*/
.tabbable-responsive {
  display: block;
  min-width: 100%;
  overflow-x: auto;
  margin: 0px -20px -13px -20px;
}
.tabbable {
  min-width: 100%;
}

.tabbable .nav-tabs .nav-item {
  display: inline-block;width: 33.33%;text-align: center;
  font-family: 'FS Emeric';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 30px;
background: #A7A39F;

/* Colors/#383734 */
color: #fff; 
}
.tabbable .nav-tabs .nav-item .nav-link {
  display: inline-block;border: 0;color: #fff; padding:10px 15px;
      border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.tabbable .nav-link.active{color: #383734 !important}
.tab-content > .tab-pane {display: block;}
.catalogue .card{border: 0}
.catalogue .card-header {padding: 0;}
.catalogue .card-header{border: 0}
.catalogue .nav-tabs .nav-item.show .nav-link,.catalogue .nav-tabs .nav-link.active{width: 100%;background:#F2EFED }
.catalogue .card-body{background: #F2EFED;padding: 0}
/*end*/
#hamburger-menu .hamburger-menu-button-open img{
    width: auto;
    object-fit: unset;
    height: auto;
}

.filter{text-align: center;display: flex;flex-wrap:wrap;cursor: pointer;height: 45px;
align-content: center;
width: 120px;
justify-content: center;
}

.hamburger-menu-button {
  width: 120px;
height: 35px;
padding: 0;
display: block;
position: relative;
margin-top:0;
z-index: 11;
border: 0;
box-sizing: content-box;
border-radius: 0;
text-indent:0;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
background-color: #F2EFED;
border-radius: 99px;
right: 0;
}
.hamburger-menu-button-open {
  top: 0;
  margin-top:0;
  left: 0;
  margin-left: 0;
}
.hamburger-menu-button-open, 
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after {
  position: absolute;
  width:120px;
  height: 35px;
  border-radius:0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after {
  left: 0;
  content: "";display: none
}
.hamburger-menu-button-open::before {
  top: 6px;
}
.hamburger-menu-button-open::after {
  bottom: 6px;
}
.hamburger-menu-button-close {
  background: transparent;
}
.ham-menu {
  position: absolute;
  top: 0px;
  left: auto;
  right: 0;
  margin: auto;
  max-width: 100%;width:0;
  overflow: hidden;opacity: 0; 
  min-width: 360px;
}
.ham-menu.on {opacity: 1; width: 100%; z-index: 1000;}
.ham-menu ul {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color:#E0DCD6;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0
}
.ham-menu.on ul {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);margin: 0;padding: 6px;opacity: 1;
          border-radius: 20px;
}
.ham-menu ul {
  font-size: 0;margin: 0
}
.ham-menu ul li {
  display: inline-block;width: 100%
}
.savedListMain .ham-menu ul li{
    margin-bottom: 10px;
}
.rfqUser .savedListMain .dropdown .dropdown-item{
    justify-content: left;
}
.ham-menu ul li:first-child .ham-menu ul li a {
  padding-left: 30px;
}
.ham-menu ul li a {
  padding: 15px;
  display: block;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
}
.ham-menu ul li.active a, .ham-menu ul li a:hover {
  background-color: #2980b9;
  color: #fff !important;
} 

.accordion{
    margin: 0;
    padding: 0;
}
.accordion .item {
    border: none;
    margin-bottom: 50px;
    background: none;
}
.t-p{
  color: rgb(193 206 216);
  padding: 40px 30px 0px 30px;
}
.accordion .item .item-header h2 button.btn.btn-link {
    background: #F2EFED;
    font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 23px;
text-transform: capitalize;color: #383734;
border-radius: 99px;
}
.accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin:0 0 5px 0;
}

.accordion .item .item-header h2 button {
    color: white;
    font-size: 15px;
    display: block;
    width: 100%;
    text-align: left;border-radius: 0
}

.accordion .item .item-header h2 i {
    float: right;
    font-size: 25px;
   color:#383734;
   transform: rotate(0deg);
   transition: 0.5s;
}

.accordion .item .item-header h2 button.btn.btn-link.active i {
    color: #fff;
}

button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
}

button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}

.product-option-form .radio-tile-group {
    margin-bottom: 0;
}
.icon-save .radio-tile-group {
    display: block;    
    margin-bottom: 15px;
    overflow: hidden;
    height: 260px;
}
.icon-save .radio-tile-group.slick-no-arrow {
    height: 221px;
}
.icon-save .radio-tile-group.slick-no-arrow + .new-list-box{
    border-top: 0;
}

.icon-save .radio-tile-group button.slick-prev {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
}

.icon-save .radio-tile-group button.slick-prev {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;   
}

.icon-save .radio-tile-group .slick-prev.slick-arrow {
    background: #E0DCD6;
    height: 41px;
    background: #E0DCD6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/whishlist-slick-up-arrow.svg) 50% 50% no-repeat;
    background-size: 18px auto;
    border-left: 3px solid #fff;
}
.icon-save .radio-tile-group .slick-next.slick-arrow {
    background: #E0DCD6;
    height: 41px;
    background: #E0DCD6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/whishlist-slick-down-arrow.svg) 50% 50% no-repeat;
    background-size: 18px auto;
    border-right: 3px solid #fff;
}
.icon-save .radio-tile-group .slick-prev.slick-arrow, .icon-save .radio-tile-group .slick-next.slick-arrow {
    cursor: pointer;
}

.icon-save .radio-tile-group .slick-prev.slick-arrow.slick-disabled {
    background: #A7A39F url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/whishlist-slick-up-arrow.svg) 50% 50% no-repeat;
    pointer-events: none;
} 
.icon-save .radio-tile-group .slick-next.slick-arrow.slick-disabled{
    background: #A7A39F url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/whishlist-slick-down-arrow.svg) 50% 50% no-repeat;
    pointer-events: none;
} 

.icon-save .radio-tile-group .slick-arrow {
    width: 50%;
    bottom: 49px !important;

}
.icon-save .radio-tile-group  .slick-track {
    height: 270px !important;
}

.radio-tile-group { display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px;}
.radio-tile-group .input-container {position: relative;height: 40px;width: 100%;margin-bottom: 5px;}
.radio-tile-group .input-container .radio-button { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin: 0; cursor: pointer;}
.radio-tile-group .input-container .radio-tile {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;background-color: #F2EFED;padding: 10px;}
.radio-tile-group .input-container .radio-tile-label {text-align: left;font-size: 15px;font-weight: 400;color: #000000;margin: 0;text-transform: capitalize}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {background-color: #E0DCD6; color: white;-webkit-transition: all ease-in-out 200ms;transition: all ease-in-out 200ms;}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon .icofont-check-alt {fill:#383734;color: #383734;opacity: 1;}
.radio-tile-group .icon .icofont-check-alt{font-size: 20px; opacity: 0;}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {color: #383734;}
.check-text label{color: #A7A39F; font-size: 16px; font-weight: 300; padding-left: 30px; margin-bottom: 15px;}
.check-text label a{text-decoration: underline; color: #A7A39F;}
.check-text .custom-control-label::before {position: absolute;top: 6px;left: 0; display: block;width: 20px;height: 20px;background-color: #fff; border-radius: 0;}
.check-text .custom-control-label::after{position: absolute; top: 6px; left: 0; display: block;width: 20px;height: 20px; border-radius: 0;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none !important;}

.datasort .radio-tile-group .input-container .radio-button{
    opacity: 1;
    padding: 0;
}
.datasort .radio-tile-group .input-container .active  .radio-tile{
    background-color: #E0DCD6;
}
.datasort .radio-tile-group  .active .icon .icofont-check-alt {
    opacity: 1;
}

.hamburger-menu-button-open .close1{display: none}
.hamburger-menu-button-open.hamburger-menu-button-close .close1{display: block;position: absolute;right:30px;top: 14px;}
.hamburger-menu-button-open.hamburger-menu-button-close .filter-icon{display: none}
/*.hamburger-menu-button-open.hamburger-menu-button-close .hamburger-menu-button{color: #000}*/
.hamburger-menu-button-open.hamburger-menu-button-close{background: #383734}

.hamburger-menu-button-open.hamburger-menu-button-close span {text-indent: -40px;color: #fff;display: block}
 
.hamburger-menu-button-open:hover span{display: block} 
.hamburger-menu-button-open:hover .filter-icon{position: relative}

.mega-menu-wrap .drop-down-ul{display: block}
.mega-menu-wrap .drop-down-ul li{list-style: none}
.mega-menu-wrap .drop-down-ul {margin: 0;padding: 0}

button:focus {
    outline:0;
    outline: 0;
}

/*23dec*/
.catelogue-header{float: right; position: relative;}
.menu-icon{position: relative;top: -2px;left: 17px;}
.tab-content{z-index: 99;position: relative;}
.menu-head .hamburger-menu{position: relative;left: 15px;}
.icon-left{margin-right: 18px}
.top-img{width: 100%;text-align: left}

.catalogue .container-fluid{max-width: inherit} 
 

.radio-bg{width: 18px;height: 18px;background: #E7C15E;/* Colors/#383734 */border: 1px solid #383734;border-radius: 100%;display: block;margin-top: 26px;}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon .radio-bg{display: none}

@media only screen and (min-width:768px) and (max-width:2200px) {
.filter-hide .hamburger-menu-button-open.hamburger-menu-button-close{background: transparent;}
.filter-hide .hamburger-menu-button-open.hamburger-menu-button-close .filter-icon {display: table; /*margin: 13px auto 0*/margin: 0 auto;}
.filter-hide .hamburger-menu-button-open.hamburger-menu-button-close .close1{display: none}
.filter-hide .hamburger-menu-button-open.hamburger-menu-button-close span{display: none}
.ham-menu.on.hide-content{display: none;}

.filter-show .hamburger-menu-button-open.hamburger-menu-button-close{background: #383734;}
.filter-show .hamburger-menu-button-open.hamburger-menu-button-close .filter-icon {display: none;}
.filter-show .hamburger-menu-button-open.hamburger-menu-button-close .close1{display: block}
.filter-show .hamburger-menu-button-open.hamburger-menu-button-close span{display: block}
.ham-menu.on.show-content{display: block;}

.hamburger-menu-button-open span{display: block !important; padding-right: 5px; font-size: 14px;
    font-weight: 700;
    font-family: 'FS Emeric';
    color:#383734;
}
.hamburger-menu-button-open.hamburger-menu-button-close span { display: block !important;}
.filter-hide .hamburger-menu-button-open span{display: none !important}
/*.filter-icon{margin-top: 9px;}*/
.catologue-detail .essential-catlog-row  img {
    padding: 55px 42px;
}

}

@media only screen and (min-width:1200px) and (max-width:2200px) {
/*.mega-drop-down .col-md-2{-ms-flex: 0 0 13.666667%;flex: 0 0 13.666667%;max-width: 13.666667%;}*/
#accordionExample .col-md-2{-ms-flex: 0 0 13.666667%;flex: 0 0 13.666667%;max-width: 13.666667%;}
/*ul.stander{display: block;left: 0;position: relative;border: 0}*/
a.toggle-menu{display: none}
.desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu{padding: 40px !important;top:41px}
.desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu{padding: 0 !important;top:0}
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
.filter #accordionExample .row{margin: 0}   
}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width:992px) and (max-width:1199px) {
#ham-navigation #accordionExample .row{margin: 0}
 
/*.accordion .item .item-header h2 button.btn.btn-link{padding: 7px 0 !important;text-align: center}*/
#accordionExample .col-md-2{-ms-flex: 0 0 13.666667%;flex: 0 0 13.966667%;max-width: 13.966667%;}
    
    
.header-in .navbar-brand {padding: 2px 0 6px;line-height: normal;}
.catalogue { margin-top: 2px;}
 
 
   
/*.hamburger-menu-button-open.hamburger-menu-button-close{opacity: 0}*/
.ham-menu{overflow: visible}
/*.accordion .item .item-header h2 button.btn.btn-link{position: relative;padding: 15px 32px}*/
.accordion .item .item-header h2 button.btn.btn-link img.mobile{position: absolute;right: 26px; top: 22px;}
/*.accordion .item .item-header h2 button.btn.btn-link{background: #E0DCD6;text-decoration: none;}*/
.accordion .item{margin-bottom: 0;/*border-bottom: 2px solid #fff*/}
/*.accordion .item .item-header{margin: 0}*/
/*.closetext{background: #383734;font-style: 
    normal;font-weight: 700;font-size: 22px;line-height: 34px;color: #F2EFED;
    text-align: left;  padding: 10px 32px;}*/
.closetext .closeicon{float: right;position: relative;top: 13px;}
#accordionExample .radio-tile-group .input-container{width: 96%;margin: 0 auto 5px;}
    
/*23dec*/    
.icon-right{position: absolute;right: 20px;}
.mobile.back.close{position: absolute;right: 0;top: 58px;color: #000;background: transparent !important;display: block;right: 15px;top:35px;}
.mobile.back.close i{color: #000;font-size: 30px;}
.sub-menu.open-sub li:nth-child(2).back{display: none !important}
.hamburger-menu .down-arrow{float: right; position: relative; top: 7px;margin-right: 16px;}
.sub-left.mobile{display: block}
.submenu-content{ width: 500px;}
.hamburger-menu-button-open.hamburger-menu-button-close span {text-indent: 9px;}
.hamburger-menu-button-open {top: -1px;
left: 10px;
width: 90px;
}  

.filter-hide .hamburger-menu-button-open.hamburger-menu-button-close .filter-icon {display: table; margin: 13px auto 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#ham-navigation #accordionExample .row{margin: 0}
 
#accordionExample .col-md-2{-ms-flex: 0 0 13.666667%;flex: 0 0 13.966667%;max-width: 13.966667%;}
}       

@media only screen and (min-width: 320px) and (max-width:  991px) {
    .tabbable .nav-tabs .nav-item{
        font-size: 16px !important;
        width: 33.33% !important;
    }
    .essential-catalog .tabbable .nav-tabs .nav-item, .catalog-listing-params .tabbable .nav-tabs .nav-item, 
    .catalog-product-listing .tabbable .nav-tabs .nav-item,.shop-category .tabbable .nav-tabs .nav-item{
        font-size: 16px !important;
        width: 25% !important;
    }
    .home .tabbable .nav-tabs .nav-item{
        width: 33.33% !important;
    }
    .left-pan-filter .row .col-md-12{ padding:  0 !important;}
.header-in .navbar-brand {/*padding: 0;*/line-height: normal;}
.catalogue { margin-top: 2px;}
.catelogue-header{float: right}
 
 
 
 
 
   
.hamburger-menu-button-open.hamburger-menu-button-close{opacity: 0}

 
/* .accordion .item .item-header h2 button.btn.btn-link{position: relative;padding: 10px 32px} */
.accordion .item .item-header h2 button.btn.btn-link img.mobile{position: absolute;right: 26px; top: 22px;}
.accordion .item .item-header h2 button.btn.btn-link{background: #E0DCD6;text-decoration: none;}
.accordion .item{margin-bottom: 0;/*border-bottom: 2px solid #fff*/}
 
.closetext{background: #383734;font-style: normal;font-weight: 700;font-size: 22px;line-height: 34px;color: #F2EFED;text-align: left;  padding: 10px 32px;}
.closetext .closeicon{float: right;position: relative;top: 13px;}
#accordionExample .radio-tile-group .input-container{width: 86%;margin: 0 auto 5px;}    

 
.icon-right{position: absolute;right: 20px;}
.mobile.back.close{position: absolute;right: 0;top: 58px;color: #000;background: transparent !important}
.mobile.back.close i{color: #000}
.sub-menu.open-sub li:nth-child(2).back{display: none !important}
.hamburger-menu .down-arrow{float: right; position: relative; top: 7px;margin-right: 16px;}
.tabbable .nav-tabs .nav-item{font-size: 17px}
    
/*.ham-menu.on{z-index: 9999999;}*/
/*.navbar {z-index: 999999;}*/
.mobile{display: block;}
.desktop{display: none;}

#content .row-am.catalogue{padding-top: 60px;}
}   


body {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;color:#4e4e4e;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;left:0;}
body>.over-menu{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:fixed;height:100%;content:'';width:100%;left:0;top:0;visibility:hidden;opacity:0;background:rgba(0,0,0,.6);z-index:9}
body.open-menu {left: -250px;}
body.open-menu > .over-menu {visibility: visible;  opacity: 1;}
body.open-menu .menu-container {right: 0 !important;}

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

.hidden {display: none;}

section {position: relative; width: 100%; float: left;}

 
header::before{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;transform-origin:0;background:#FFF;position:absolute;width:100%;content:'';top:0;right:0;height:0}
header .desk-menu {width: 100%;background: #f2efed}
header .desk-menu .logo {position: relative; float: left;}
header .desk-menu .logo-adn{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin:20px 0 0;position:relative;display:table;z-index:1}
header .desk-menu .box-menu{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;/*position:relative;*/padding:10px 0 0 0;display:block;margin:0 auto;float:right;text-align:center;width: 92%;}
header .desk-menu .menu-container {float: left;width: 100%; background: transparent; border: none; left: auto; top: auto; position: inherit;} 
header .desk-menu .menu-container .menu-head,
header .desk-menu .menu-container .menu-foot {width: 100%; float: left; display: none;}
header .desk-menu .menu-container .menu-head {/*background: #4285f4;*/ padding: 16px 10px;}
header .desk-menu .menu-container .menu-head .e1 {padding: 3px 0; float: left;}
header .desk-menu .menu-container .menu-head .e1 img {width: 29px; float: left; height: 29px;}
header .desk-menu .menu-container .menu-head .client {color: #FFF; float: right;}
header .desk-menu .menu-container .menu-head .client span{text-transform:uppercase;padding:5px 42px 5px 0;position:relative;line-height:100%;font-size:9px;display:block}
header .desk-menu .menu-container .menu-head .client i{position:absolute;font-size:30px;right:0;top:0}
header .desk-menu .menu-container .menu-foot{position:absolute;bottom:0;padding:15px 0}
header .desk-menu .menu-container .menu-foot .social {display: table; margin: 0 auto;}
header .desk-menu .menu-container .menu-foot .social a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:inline-block;position:relative;margin:0 5px 0 0;color:#FFF;font-size:13px;text-align:center;padding:0;border-radius:50%;background:#797c82;width:29px;height:29px;line-height:29px}
header .desk-menu .menu-container .menu-foot .social a:last-child {margin: 0;}
header .desk-menu .menu-container .menu-foot .social a:hover {background: #a4a7ac;}
header .desk-menu .menu-container .menu-foot hr {margin: 15px auto 20px; display: table; width: calc(100% - 20px);}
header .desk-menu .menu-container .menu-foot address {position: relative; text-align: left; padding: 0 15px;  margin: 0;}
header .desk-menu .menu-container .menu-foot address i {position: absolute; left: 0; top: 0;}
header .desk-menu .menu-container .menu-foot address span {padding: 0 0 0 20px; position: relative; margin-bottom: 5px; font-size: 12px; display: block;}
header .desk-menu .menu-container .menu{float:left;padding:0;margin:0;list-style:none;/*position:relative;*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position: inherit;width: 100%;}
header .desk-menu .menu-container .menu li.back {display: none;}
header .desk-menu .menu-container .menu > li{-webkit-transition:all 0.33s ease;-moz-transition:all 0.33s ease;-ms-transition:all 0.33s ease;-o-transition:all 0.33s ease;transition:all 0.33s ease;margin:0;float:left;cursor:pointer;/*position:relative;*/overflow:inherit;list-style:none;/*width: 10%*/;flex: auto;}
header .desk-menu .menu-container .menu>li a{position:relative;font-size:15px;display:block;color: #383734;padding:0 20px;position:relative;line-height:23px}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a {position: relative;font-style: normal;font-weight: 700;font-size: 15px;line-height: 36px;display: flex;align-items: center;text-align: center;text-transform: capitalize;margin-top: -5px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a:hover{background:#e0dcd6;}
header .desk-menu .menu-container .menu > li.menu-item-has-children > a.active{background:#e0dcd6;}
/* Colors/#383734 */
color: #383734;}
header .desk-menu .menu-container .menu>li.menu-item-has-children>a::before,header .desk-menu .menu-container .menu>li.menu-item-has-children>a::after{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#4e4e4e;position:absolute;content:'';height:1px;width:7px;top:24px}
header .desk-menu .menu-container .menu>li.menu-item-has-children>a::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);right:10px}
header .desk-menu .menu-container .menu>li.menu-item-has-children>a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:6px}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu{box-shadow:none;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-overflow-scrolling:touch;min-width:200px;position:absolute;list-style:none;background: #E0DCD6;padding:0;float:left;display:table;left:0;width:100%;float:left;display:none;margin: 0}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li{width:100%;-webkit-transition:all 0.33s ease;-moz-transition:all 0.33s ease;-ms-transition:all 0.33s ease;-o-transition:all 0.33s ease;transition:all 0.33s ease;list-style:none;margin:0}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {font-style: normal;font-weight: 700;font-size: 15px;line-height: 23px;text-align: left;text-transform: capitalize;/* Colors/#383734 */color: #383734;padding:0 8px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {display: none;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu  a{font-style: normal;font-weight: 300;font-size: 15px;line-height: 23px;text-align: left;text-transform: inherit;color: #383734;}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before,header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#4e4e4e;position:absolute;content:'';height:1px;width:7px;top:24px}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {transform: rotate(45deg); right: 6px; top: 19px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {transform: rotate(-45deg); right: 6px; top: 23px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > a {display: block;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu {display: block;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a {/*color: #4285f4;*/  /*background-color: #eeeff1;*/}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li:hover>a::before{-webkit-transform:rotate(142deg);-moz-transform:rotate(142deg);-ms-transform:rotate(142deg);-o-transform:rotate(142deg);transform:rotate(142deg);top:23px}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li:hover>a::after{-webkit-transform:rotate(42deg);-moz-transform:rotate(42deg);-ms-transform:rotate(42deg);-o-transform:rotate(42deg);transform:rotate(42deg);right:11px}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {left: 100%;  margin-top: -43px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a {text-align: left;}
/*header .desk-menu .menu-container .menu > li.menu-item-has-children a:hover {margin-top: 0;}*/
header .desk-menu .menu-container .menu>li.line{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;position:absolute;bottom:11px;left:0;height:0;pointer-events:none;/*border:1px solid #4285f4;*//*background:#4285f4;*/-webkit-transition-timing-function:cubic-bezier(1,.01,0,1);-webkit-transition-timing-function:cubic-bezier(1,.01,0,1.22);transition-timing-function:cubic-bezier(1,.01,0,1.22);opacity:0;display:block}
header .desk-menu .menu-container .menu > li:hover > a {/*color: #4285f4;*/}
header .desk-menu .menu-container .menu>li:hover>a::before{-webkit-transform:translateX(5px) rotate(-45deg);-moz-transform:translateX(5px) rotate(-45deg);-ms-transform:translateX(5px) rotate(-45deg);-o-transform:translateX(5px) rotate(-45deg);transform:translateX(5px) rotate(-45deg);width:10px;right:12px}
header .desk-menu .menu-container .menu>li:hover>a::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:10px;right:7px}
header .desk-menu .menu-container .menu > li:hover.menu-item-has-children .sub-menu {display: block; margin: 0; padding: 0;}
header .hamburger-menu {display: none;}
header.small::before {box-shadow: 0px 5px 25px 0 rgba(46, 61, 73, 0.2); height: 100%;}
header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::before, header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a::after {background-color: #4e4e4e;}
header.small .desk-menu .logo-adn {margin-top: 14px;}
header.small .desk-menu .logo-adn a {background-image: url("../img/empresa-1-logo.svg"); height: 30px; width: 140px;}
header.small .desk-menu .box-menu {padding: 0;}
header.small .desk-menu .box-menu ul li a {color: #4e4e4e;}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu a{font-style: normal;font-weight: 300;font-size: 15px;line-height: 23px;/* identical to box height */text-align: center;text-transform: capitalize;/* Colors/#383734 */color: #383734;text-align: left;padding: 5px 9px}

@media only screen and (min-width:1200px) and (max-width:2200px) {
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu {display: block; position: relative;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {left: 0; margin-top: 0;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {width: 13.67%;float: left}
    header .desk-menu .menu-container .menu> li.menu-item-has-children>a::before{display: none}
    header .desk-menu .menu-container .menu> li.menu-item-has-children>a::after{display: none}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before{display: none}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after{display: none}
    header .desk-menu .menu-container .menu {display: flex;flex-wrap: wrap;/*justify-content: space-between;*/} 
    header .desk-menu .menu-container .menu > li.menu-item-has-children > a {border-width: 0px 1.5px;border-style: solid;border-color: #E0DCD6;/*padding: 0 64px;*/padding: 0 35%;}
    
}   
@media only screen and (min-width:1600px) and (max-width:1799px) {
    header .desk-menu .menu-container .menu > li.menu-item-has-children > a{padding: 0 53px;}
}


@media only screen and (min-width:1200px) and (max-width:1500px) {
    header .desk-menu .box-menu{width: 91%;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children > a {border-width: 0px 1.5px;border-style: solid;border-color: #E0DCD6;/*padding: 0 2.8%;*/padding: 0 41px;}
}   

@media only screen and (min-width:992px) and (max-width:1199px) {
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children{width: 25% !important;margin-bottom: 32px;float: left}
    .submenu-content{max-width: 485px;display: inline-block;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu.open-sub{width: 484px}
    header .desk-menu .box-menu{width: 88%;}
    header .desk-menu .menu-container .menu {display: flex;flex-wrap: wrap;justify-content: space-between;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu.open-sub {display: block;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu.open-sub {position: absolute;top: 0;z-index: 999;left: 0;margin: 0;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {display: none}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after{display: none}
    .menu-icon{display: none}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a{text-align: center}
.submenu-content{background: #E0DCD6;display: inline-block;padding: 40px 0 40px 20px;}
.sub-left{width: 40%;float: left}
.sub-right{width: 60%;float: right}
header .desk-menu .menu-container .menu-head {display: none}
.menu-head .hamburger-menu{width: 100%;left: 0;top: 0;color: #fff;padding: 0 18px;display: flex;flex-wrap: wrap;align-content: center;justify-content: space-between;}
.sub-left.mobile a{text-align: left !important;padding: 0 20px !important}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu{background: #f2efed}
    .mobile.back.close{top:29px !important}     
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a{font-weight: 300;font-size: 22px;line-height: 33px;text-transform: none;}
    
}   

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children{width: 25% !important;margin-bottom: 32px;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children.no-img .sub-menu li.menu-item-has-children{width: 100% !important;margin-bottom: 22px;}
    .submenu-content{max-width: 485px;display: inline-block;padding: 40px 20px;}
    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li .sub-menu.open-sub{width: 484px}   
    header .desk-menu .menu-container .menu > li.menu-item-has-children.no-img .sub-menu li .sub-menu.open-sub{width: 100%} 
    header .desk-menu .menu-container .menu > li.menu-item-has-children.no-img .sub-menu li .sub-menu.open-sub .submenu-content{max-width: 100%;}
    .sub-left.mobile a {text-align: center !important;}
    .mobile.back.close{top:94px}
}

@media (max-width: 991px) {
header {height: auto;}
header .hamburger-menu{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;display:block;position:absolute;top:45px;bottom:0;margin:auto;width:40px;height:40px;cursor:pointer;right:0;z-index:999}
header .hamburger-menu span{text-transform:uppercase;left:calc(-100% + -5px);padding:8px 9px 8px 0;top:calc(50% - 18px);position:absolute;font-size:13px;color:#FFF}
header .hamburger-menu .bar,
header .hamburger-menu .bar::after,
header .hamburger-menu .bar::before {width: 35px; height: 3px;}
header .hamburger-menu .bar{position:relative;-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);-o-transform:translateY(25px);transform:translateY(25px);-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;background:#4e4e4e;top:-7px;background: none}
header .hamburger-menu .bar.animate{display: block}
  header .hamburger-menu .bar::before, header .hamburger-menu .bar::after { position: absolute; background: #FFFFFF; content: ''; left: 0; border-radius: 5px; display: none}
header .hamburger-menu .bar::before{bottom:10px;-webkit-transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);-moz-transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);-ms-transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);-o-transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);transition:bottom 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);display: none}
header .hamburger-menu .bar::after{top:10px;-webkit-transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);-moz-transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);-ms-transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);-o-transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);transition:top 300ms 300ms cubic-bezier(.23,1,.32,1),transform 300ms cubic-bezier(.23,1,.32,1);display: none}
  header .hamburger-menu .bar.animate {background: rgba(255, 255, 255, 0);position: relative;top: -12px;display: block}
header .hamburger-menu .bar.animate::after{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);-moz-transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);-ms-transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);-o-transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);transition:top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);display: block}
header .hamburger-menu .bar.animate::before{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);-moz-transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);-ms-transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);-o-transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);transition:bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);display: block}
header .desk-menu .box-menu ul li a {color: #FFF !important; /*border-bottom: 1px solid #eaeaea;*/}
header .desk-menu .menu-container{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background: #E0DCD6;position:fixed;height:100%;width:100%;right:-1000px;top:0;z-index: 9999999;}
header .desk-menu .menu-container .menu-header-container {position: relative; float: left;width: 100%}
header .desk-menu .menu-container .menu-header-container ul {padding: 0 !important;width: 100%}
header .desk-menu .menu-container .menu {margin: 0;}
header .desk-menu .menu-container .menu li.back {position: relative; display: block;}
header .desk-menu .menu-container .menu li.back a {padding: 0 12px 0 35px !important;  }
header .desk-menu .menu-container .menu li.back a::before, header .desk-menu .menu-container .menu li.back a::after {background-color: #4e4e4e;  position: absolute; content: '';  height: 2px; width: 7px; top: 23px; }
header .desk-menu .menu-container .menu li.back a::before{-webkit-transform:rotate(-45deg)!important;-moz-transform:rotate(-45deg)!important;-ms-transform:rotate(-45deg)!important;-o-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important;top:20px!important;right:inherit!important;left:15px!important}
header .desk-menu .menu-container .menu li.back a::after{-webkit-transform:rotate(45deg)!important;-moz-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;-o-transform:rotate(45deg)!important;transform:rotate(45deg)!important;top:24px!important;left:15px!important}
header .desk-menu .menu-container .menu li.line {display: none !important;}
header .desk-menu .menu-container .menu > li {width: 100%; float: left; margin: 0; text-align: left;}
header .desk-menu .menu-container .menu > li a {padding: 0 12px; color: #4e4e4e !important;}
header .desk-menu .menu-container .menu > li.menu-item-has-children {position: initial;border-bottom: 2px solid #fff;padding: 15px 0;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a {padding: 0 12px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {background: #4e4e4e;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {right: 6px !important; top: 22px !important; width: 7px !important;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {top: 26px !important; width: 7px !important;}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu{box-shadow:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:block!important;background:#FFF;z-index:1;top:0;left:100%/*;height:100%*/}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {margin-top: 0;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub {left: 0%; margin: 0;padding: 0 0 15px 0 !important}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {background-color: #4e4e4e;}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::before{-webkit-transform:rotate(45deg)!important;-moz-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;-o-transform:rotate(45deg)!important;transform:rotate(45deg)!important;right:6px!important;top:22px!important;width:7px!important}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li.menu-item-has-children>a::after{-webkit-transform:rotate(-45deg)!important;-moz-transform:rotate(-45deg)!important;-ms-transform:rotate(-45deg)!important;-o-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important;right:6px!important;top:26px!important;width:7px!important}
header .desk-menu .menu-container .menu>li:hover a:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);right:6px;top:22px}
header .desk-menu .menu-container .menu>li:hover a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:6px;top:26px}
header .desk-menu .menu-container .menu-head {display: block;}
header .desk-menu .menu-container .menu-foot {display: block;}
header.small .hamburger-menu {top: 31px;}
header.small .hamburger-menu span {color: #4e4e4e;}
header.small .hamburger-menu .bar {background: #4e4e4e;}
header.small .hamburger-menu .bar::before, header.small .hamburger-menu .bar::after {background: #4e4e4e;}
header.small .hamburger-menu .bar.animate {background: rgba(255, 255, 255, 0);}
}
@media (max-width: 991px) {
header .desk-menu .menu-container .menu li a {padding: 0 12px;}
header .desk-menu .menu-container .menu li.back a {padding: 0 12px 0 12px !important;}
header .desk-menu .menu-container .menu li.back a::before {top: 17px !important;}
header .desk-menu .menu-container .menu li.back a::after {top: 21px !important;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a {padding: 0 20px;position: relative;}
header .desk-menu .menu-container .menu > li.menu-item-has-children a::before {top: 18px;display: none}
header .desk-menu .menu-container .menu > li.menu-item-has-children a::after {top: 22px;display: none}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {padding: 0 12px;text-align: center}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > img.icon{margin: 0 auto; display: table}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::before {top: 18px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a::after {top: 22px;}
header .desk-menu .menu-container .menu>li.menu-item-has-children .sub-menu li{width: 49%;float: left;}
header .desk-menu .menu-container .menu > li.menu-item-has-children.no-img .sub-menu li{width: 100%;padding: 4px 0;}
header .desk-menu .menu-container .menu > li.menu-item-has-children.no-img .sub-menu li > a {padding: 0 20px; text-align: left;}

header .desk-menu .menu-container .menu li.back {display: block;width: 100% !important;background:#E0DCD6;border: 0;height:55px;font-style: normal;font-weight: 800;font-size: 25px;line-height: 55px;display: flex !important;flex-wrap:wrap;align-content:center}
header .desk-menu .menu-container .menu li.back:hover a {/*background:#E0DCD6;*/}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub .sub-menu.open-sub li{width: 100%}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub .sub-menu.open-sub .back{background: #F2EFED;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub .sub-menu.open-sub li a{text-align: left}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub .sub-menu.open-sub .back{padding: 0 17px;}
header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub .sub-menu.open-sub .back .icon-left{margin-right: 6px;}

.submenu-content{background: #E0DCD6;min-height: 430px;}
.sub-left{width: 40%;float: left}
.sub-right{width: 60%;float: right}
header .desk-menu .menu-container .menu-head {padding: 0;background: #383734;height: 69px;display: flex;}
.menu-head .hamburger-menu{width: 100%;left: 0;top: 0;color: #fff;padding: 0 18px;display: flex;flex-wrap: wrap;align-content: center;justify-content: space-between;}
.sub-left.mobile a{text-align: left !important;padding: 0 20px !important}
}
@media (max-width:991px) {
header .desk-menu .logo-adn a { width: 100px; height: 30px;}
header .hamburger-menu {top: 18px; right: auto;left: 15px;width: 60%;text-align: left;font-weight: bold}
header .hamburger-menu .bar,
header .hamburger-menu .bar::after,
header .hamburger-menu .bar::before {width: 23px; height: 3px;float: right}
header .hamburger-menu .bar::before {bottom: 9px;}
header .hamburger-menu .bar::after {top: 9px;}
header.small .desk-menu .logo-adn a {width: 100px; height: 30px;}
.menu-item.menu-item-has-children a img.menu-icon{display: none}
header .desk-menu .box-menu{padding: 0}
.hamburger-menu .bar.animate{display: none !important}
.menu-head .hamburger-menu .bar.animate{display: block !important}
header .desk-menu{padding: 5px 0;}
 
}
@media (max-width: 767px){
    .catologue-detail {
        padding-top: 200px !important;
    }
}
@media (max-height: 550px) {
header .desk-menu .menu-container .menu-foot hr,
header .desk-menu .menu-container .menu-foot address {display: none; }

}
.resize-message {margin: 40vh auto 0; display: table;}
.resize-message span {text-transform: uppercase; text-align: center; display: block; color: #666;}
.resize-message span i {font-size: 30px;}
.author{position:fixed;bottom:0;z-index:2;width:100%;padding:30px 15px 15px;background:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.54) 54%,black 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(54%,rgba(0,0,0,.54)),color-stop(100%,black));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.54) 54%,black 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.54) 54%,black 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.54) 54%,black 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.54) 54%,black 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)}
.author a {font-size: 16px; display: table; margin: 0 auto; text-decoration: none; color: #FFF; font-weight: 700;}
.author a span {/*color: #4285f4;*/}


.catologue-detail .breadcrumb{display: inline-block; width: 100%;}
.catologue-detail .breadcrumb li{float: left;}
.catologue-detail .breadcrumb .breadcrumb-item.active{color: #383734; font-size: 15px; font-weight: 700;}
 

p.footer-text{width: 280px;}


/*New Header navigation*/

.main-nav{
    padding: 0 !important;
}
.navbar-container {
    padding: 0 !important; 
    border: 0 none !important;
}
/*tabbing*/
.tabbable-responsive {
    display: block;
    min-width: 100%;
    overflow-x: auto;
    margin: 0px -20px -13px -20px;
  }
  .tabbable {
    min-width: 100%;
  }
  .tabbable .nav-tabs {
    white-space: nowrap;    
    min-width: 100%;
    /*padding: 0px 21px;*/
   padding:0;margin: 0;
   background: #F2EFED;border: 0;
  }
  
  .tabbable .nav-tabs .nav-item {
    display: inline-block;width: 33.33%;text-align: center;
    font-family: 'FS Emeric';
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  background: #A7A39F;
  
  /* Colors/#383734 */
  color: #fff; 
  }
  .tabbable .nav-tabs .nav-item .nav-link {
    display: inline-block;border: 0;color: #fff; padding:10px 15px;
  }
  .tabbable .nav-tabs .nav-item {
    display: inline-block;
    width: 33.33%;
    text-align: center;
    font-family: 'FS Emeric';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    background: #A7A39F;
    color: #fff;
    border-right: 2px solid #F2EFED;
}
.tabbable .nav-tabs .nav-item:last-child{
    border-right: 0 none;
}
   
  .tabbable .nav-link.active{color: #383734 !important; width: 100%;background:#F2EFED }
  .tab-content > .tab-pane {display: block;}
  .tabbable .card{border: 0}
  .tabbable .card-header {padding: 0;}
  .tabbable .card-header{border: 0}
   .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{width: 100%;background:#F2EFED }
  .tabbable .card-body{background: #F2EFED;padding: 0}
  .header .top-right ul li a.signup{background-color: #D19688;text-transform: uppercase; font-weight: 700;}
.header .top-right ul li a.login:hover{background-color: #A7A39F;}
.header .top-right ul li a.signup:hover{background-color: #A7A39F; color: #fff;}

.top-right{float: right; }
.top-right ul{margin: 0; padding: 0; list-style: none}
.top-right ul li{float: left; margin-left: 0px; list-style: none; margin-bottom: 0; font-family: 'FS Emeric'; line-height: 30px; height: 30px;}
.top-right ul li span{display: none; padding-left: 5px;}
.top-right ul li i{margin-right: 10px; color: #fff}
.top-right ul li a{color: #fff; padding: 8px 9px; font-size: 15px; font-weight: 700; border-radius: 99px;}
.top-right ul li a.login{
    font-weight: 700;
}
.logout-header img {
    position: relative;
    top:-3px;
}
.top-right ul li:hover span{display: inherit;}
.card-header {
    width: 100%;
}
.main-nav.navbar-dark .navbar-brand {
     max-width: 150px;
}


@media (min-width: 991.98px){

        
        .home-singlepage header .container-fluid , .nu-find-about .container-fluid, .how-it-work .container-fluid ,
        .benefit .container-fluid ,   
        .account-setting > main , .legal header .container-fluid, .legal  main{
        padding: 0 100px 0 28rem;
        }

        footer .container-fluid {
            padding: 0 24px 0 23.5rem;
        }
        footer .copyright{
            padding: 8px 100px 8px 28rem;
        }
        .home-singlepage header .container-fluid, .home-singlepage.salesCampaign-new footer .container-fluid {
            padding: 0 100px 0 100px;
        }
        .loggedin.home-singlepage header .container-fluid{
            padding: 0 15px 0 15px;
        }

        .salesCampaign-new.not-loggedin.home-new.home-singlepage #product-infos.p-grid-info {
              padding: 0 50px !important;
        }
       
        .catalog-listing-params .container-fluid.clearfix {
        padding: 0 57px;
        }
        .nu-find-logos {
        max-width: 1024px;
        margin: 0 auto;
        }


}
.menu-container{
    background-color: #f2efed !important;
}
.usr-logged .menu-container .nav-item .nav-link.disable{
    background-color: #f2efed !important;
    color: #383734;
}
.menu-container .nav-item .nav-link{
    color: #383734;
}
.menu-container .nav-item{
    border-left: 2px solid #e0dcd6;
}
.navbar-dark .navbar-nav .show>.nav-link:hover, .navbar-dark .navbar-nav .show>.nav-link{
    color: #383734;
    background: #e0dcd6;
}

.main-sub-menu{
    background: #e0dcd6;
    border:0 none !important;
    top: 96%;
}
.main-sub-menu h3 .fa {
   font-size: 23px;
    line-height: 19px;
    vertical-align: text-bottom;
    font-weight: 300;
    padding-left: 6px;
}
/*New Header navigation*/

/* FILTER MENU */
.ham-menu.on {
    opacity: 1;
    width: 360px;
    z-index: 1002;
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 30%);
    border-radius: 20px;
}

.ham-menu  .mobile {
    display: block;
}

.accordion .item .item-header h2 button.btn.btn-link.active {
    background: #383734 !important;
    color: #fff;
}
.accordion .item .item-header h2 button.btn.btn-link.selected{
    background: #A7A39F !important; 
    color:  #383734;
}
.accordion .item .item-header h2 button.btn.btn-link.selected i, .accordion .item .item-header h2 button.btn.btn-link:hover i {
    color:  #383734;
}
.accordion .item .item-header h2 button.btn.btn-link {
    background: #F2EFED;
    text-decoration: none;
}
.accordion .item .item-header h2 button.btn.btn-link:hover{
    background-color: #E0DCD6 !important;
    color:  #383734;
}
.accordion .item .item-header h2 button.btn.btn-link img.mobile {
    position: absolute;
    right: 26px;
    top: 15px;
}
 .accordion .datasort .item .item-header h2 button.btn.btn-link {
    background-color: #E7C15E;
 }

.filter-header-inn {
    display: flex;
    justify-content: space-between;
    padding:0 5px 5px 10px;
    align-items: center;
}
.filter-header-inn span{
    font-size: 14px;
    color:#383734;
}
.ham-menu ul li a.close-filfer-btn {
    font-size: 15px;
    color: #F2EFED !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    line-height: 7px;
    display: block !important;
    margin-bottom: 5px;
    border-radius: 99px;
    text-align: left;
    position: relative;
    text-indent: -999em;
    height: 35px;
    width: 35px;
}
.ham-menu ul li a.close-filfer-btn::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/close-black-svg.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    content: "";
    right: 4px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 70%;
    }
 .ham-menu ul li a.close-filfer-btn:hover, .ham-menu ul li a.close-filfer-btn:focus {
    background-color: #E0DCD6;
    color: #fff !important;
}
.clear-filter-link .reset-filfer-btn {
    background: unset;
    color: #383734 !important;
    text-decoration: underline !important;
    font-size: 14px;
    padding: 8px 0;
}
.clear-filter-link .reset-filfer-btn:hover{
    background: unset;
    color: #383734 !important;
    text-decoration: none !important;
    font-size: 14px;
}
/* .ham-menu.on:after {
    background: rgb(0 0 0 / 40%);
    opacity: 0.5;
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    right: 0;
    z-index: -1;
} */
.ham-menu ul{
    background-color: #fff;
    height: 100%;
}
.ham-menu .radio-tile-group ,  .ham-menu .accordion .item{
    margin-bottom: 0;
}
.ham-menu  .accordion {
    margin: 5px 0;
    padding: 0 5px;
}

.left-pan-filter {
   overflow: auto;
    height: calc(100% - 268px);
    max-height: 531px;
    overflow-x: hidden;
}

/* FILTER MENU */

/*PRODUCT GRID */
.new-grid-layout .col-lg-3{
    padding: 0px 8px;
    margin-bottom: 1rem !important;
}
.product-box-wrapper:hover {
    background-color: #E0DCD6;
}
/*PRODUCT GRID */

/*HOME PAGE TOUCHUP*/
a.link-btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    cursor: pointer;
}
/*HOME PAGE TOUCHUP*/
.icon-save .radio-tile-group {
    margin-bottom: 0 !important;
}
.catalog-detail .page-title{
    font-size: 46px;
    margin-bottom:0px;
    line-height: 50px;
    font-family: 'FS Emeric';
}

.catalog-detail .page-title span{
    font-style: italic;
    font-weight: 700;
    font-family: utopia;
}
.footer-logo {
    margin-bottom: 15px;
    display: block;
}

ul.pagination li.previous a, ul.pagination li.next a {
   max-width: 150px !important;
    width: 150px !important;
}
ul.pagination li a.active {
    background-color: #E0DCD6;
    color: #383734;
    border: 0;
    pointer-events: none;
}

.banner-slider a.hrt {
    max-width: 25px;
    position: absolute;
    z-index: 99;
    right: 10px;
    height: 30px;
    top: 15px;
}

 
.slick-prev:before, .slick-next:before{
    display: none;
}
.vehicle-detail-banner .slick-prev{
    /* top: -15px; */
    left: 0;
}
.shop-detail .icon-save {z-index:99;}
/*header search*/
.top-right ul li.search{transition: all .2s ease-in-out;}
.top-right ul li.search form{position: relative;}
.top-right ul li.search form label{margin: 0}
.top-right ul li.search form label span{color: #fff; font-size: 15px; font-weight: 300; line-height: 34px; padding-right: 10px; position: relative; top: -3px;}
.top-right ul li.search .search-field:focus {background-color: #f2efed; border: none;cursor: text;outline: 0;width: 250px; background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/search-icon-black.svg); background-position: left 10px center;}
.top-right ul li.search .search-field:focus + span{display: none !important;}
.top-right ul li.search .search-form .search-submit {display:none !important;}
.main-header-srch .search .search-input {
    background: #64605D;
    color: #fff;
    border: 0;
    border-radius: 20px;
    padding: 3px 12px 3px 40px;
    font-family: 'FS Emeric';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    width: 500px;
}
.main-header-srch .search label {
    margin-bottom: 0;
    position: relative;
}
.main-header-srch .search .srch-lable:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/search-icon-header.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    left: 11px;
    top: 5px;
}

.main-header-srch ::-webkit-input-placeholder { /* Edge */
    color: #A7A39F;
  }
  
  .main-header-srch :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A7A39F;
  }
  
  .main-header-srch ::placeholder {
    color: #A7A39F;
  }
/*Animation for how does work*/

#MsMmSlider{position:relative; display:table; table-layout:fixed;top:0;left:0; width:calc(100%); height:615px; }
#MsMmSlider img{position:absolute; display:block; width:100%; height:100%;  object-position:center;}
#MsMmSlider .col{ display:table-cell; position:relative; background:#ffffff; }

#MsMmSlider .col>div{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
#MsMmSlider .col>div>div{ /*padding:50px;*/ height:inherit; display:flex; align-items: baseline; justify-content: left; }
#MsMmSlider .col>div>div.vis{ padding:0px;}
#MsMmSlider .col>div>div.vis img{width: 100%;}
#MsMmSlider .col span{ text-align:left;}
#MsMmSlider .col span h5, .banner-carousel-animation .owl-left span h5{font-size: 20px; color: #383734; line-height: 31px; font-weight: 700; margin-bottom: 16px;}
#MsMmSlider .col span h2, .banner-carousel-animation .owl-left span h2{font-size: 50px; line-height: 55px; font-weight: 700; margin-bottom: 16px; color: #383734;}
#MsMmSlider .col span h2 span ,.banner-carousel-animation .owl-left span h2 span{font-style: italic; font-family: 'Utopia Std';}
#MsMmSlider .col span p, .banner-carousel-animation .owl-left span p{font-size: 20px; line-height: 30px; color: #383734; font-weight: 300; margin: 0; margin-bottom: 10px;}
#MsMmSlider .col span p span ,.banner-carousel-animation .owl-left span p span{display: block;}
#MsMmSlider .col span p.small-font,.banner-carousel-animation .owl-left span p.small-font{font-size: 15px; line-height: 23px; padding-top: 0;}
#MsMmSlider .col span h6,.banner-carousel-animation .owl-left span h6 {font-weight: 700; font-size: 15px; font-weight: 23px; color: #000000; margin-bottom: 0;}
#MsMmSlider .col span ul,.banner-carousel-animation .owl-left span ul{margin: 0; margin-left: 14px;}
#MsMmSlider .col span ul li,.banner-carousel-animation .owl-left span ul li{font-size: 15px; line-height: 23px; color: #383734; font-weight: 300; margin: 0}
#MsMmSlider .col span h4,.banner-carousel-animation .owl-left span h4{color: #383734; font-size: 15px; line-height: 23px; font-weight: 700; padding-top: 16px;}
#MsMmSlider .col span h4 span,.banner-carousel-animation .owl-left span h4 span{display: block; color: #383734; font-weight: 300;}
#MsMmSlider .col a,.banner-carousel-animation .owl-left a{  margin-top:30px; letter-spacing:1px; display:inline-block; padding:5px 10px; background:#141414; color:#ffffff;}
#MsMmSlider .col a:before, .banner-carousel-animation .owl-left a:before{content: "\27A4"; margin-right:3px;}
#MsMmSlider #items strong { font-size:8.5vw; line-height:1; font-weight:800; display:block; }




.bree.select_wrap p .dropdown-toggle, .select_wrap.bree p .dropdown .dropdown-item {
    width: 140px;
}
.our-favorite-finds .pro-btn-dv a.product-btn.btn , .recently-viewed .pro-btn-dv a.product-btn.btn{
    font-size: 20px;
}

/*whishlist Four Image box css*/
.saved-list-box .view-savlist-btn, .creative-can-title .view-savlist-btn{
    background: #688563;
    border: 0;
    color: #fff;
    font-size: 14px;
    border-radius: 99px;
    padding: 5px 14px;
    cursor: pointer;
}
.saved-list-box .view-savlist-btn:hover, .creative-can-title .view-savlist-btn:hover{
    background: #E0DCD6;
    color: #383734;
}
.whish-image-wrap {
    min-height: 347px;
}
.saved-list-box a:hover{
    background-color: #E0DCD6;
}
.whilist-four-img-box {
    background: #f2efed;
}
.whish-image-wrap .img-box {
    display: flex;
    width: 100%;
    padding: 40px 0 80px;
}
 
.whish-image-wrap .img-box .im-box {
    display: flex;
    width: 25%;
    height: 100%;
}
.whish-image-wrap .img-box img {
    width: 100%;
    padding: 25px;
    object-fit: contain;
    padding-bottom: 0;
    max-width: 330px;
}
 
.icon-save .save-btn-icon img {
    width: 20px;
    height: 20px;    
    z-index: 10;
}
.icon-save {
    z-index: 10;
}
.small-text{
    font-size: 15px;
    color: #383734;
}
a.box-link {
    position: absolute;
    top: 0;
    left: 0;
}
.shop-detail .icon-save .radio-tile-group .slick-arrow,
 .catalog-listing-params .icon-save .radio-tile-group .slick-arrow , .catalog-product-listing .icon-save .radio-tile-group .slick-arrow{
    width: 50%;
    bottom: 0 !important;
    top: unset;
    transform: translate(0);
}
.shop-detail .owl-carousel .slick-vertical .slick-slide, 
.catalog-listing-params .owl-carousel .slick-vertical .slick-slide, .catalog-product-listing.owl-carousel .slick-vertical .slick-slide {
    margin-bottom: 0;
}
.shop-detail .owl-carousel .icon-save .radio-tile-group,
 .catalog-listing-params .owl-carousel .icon-save .radio-tile-group,
 .catalog-product-listing.owl-carousel .owl-carousel .icon-save .radio-tile-group{
    height: 183px;
}
.product-detail-slider-row .icon-save .slick-prev {
    left: 0 !important;
}
.product-detail-slider-row .icon-save .slick-next {
    right: 0 !important;
}
.how-it-work-animation {
    padding-bottom: 0 !important;
}
.testimonial .banner-carousel-animation.owl-carousel .owl-nav button.owl-next, 
.testimonial .banner-carousel-animation.owl-carousel .owl-nav button.owl-prev {
bottom: 31px;
}
.testimonial .banner-carousel-animation.owl-carousel .owl-nav button.owl-next.disabled, 
.testimonial .banner-carousel-animation.owl-carousel .owl-nav button.owl-prev.disabled{
    display: none;
}

.testimonial .banner-carousel-animation.owl-carousel .owl-dots {
bottom: 56px;
display: flex;
    justify-content: left;
    top: auto;
    bottom: 46px;
    left: -5px;
    text-align: center;
    align-items: center;
}

 
 .testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot.active, 
 .testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot:focus,
 .testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot.active button{
    background: #688563;
    border: 2px solid #688563;
    color: #f2efed;
    padding: 0;
}

 .testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot button {
    border: 0;
    background: unset;
    color: #688563;
    padding: 0;
}
.testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot {
    width:60px;
    height: 60px;
    border-radius: 0;
    border: 2px solid #F2EFED;
    background: #F2EFED;
    color: #688563;
    font-family: utopia;
    margin: 0 5px;
    font-style: italic;
    font-weight: 700;
    cursor: pointer;
}
 .testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot button{
     color: #688563;
      font-family: utopia;
       font-style: italic;
    font-weight: 700;
    cursor: pointer;
    font-size: 40px;
    line-height: 40px;
    height: 100%;
    width: 100%;
 }
.testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>1</button>"]:after ,
.testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>2</button>"]:after ,
.testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>3</button>"]:after{
       position: absolute;
    content: "1";
    font-size: 400px;
    font-family: 'utopia-std-display';
    font-style: italic;
    font-weight: 700;
    color: #F2EFED;
    top: 180px;
    left: 190px;
    z-index: -1;
}
.testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>2</button>"]:after{
    content: "2";
 }

 .testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>3</button>"]:after{
    content: "3";
 }
 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none !important;
 }
 .testimonial .banner-carousel-animation.owl-carousel .owl-nav {
    display: none !important;
 }
#signupToExplore a.exp-btn {
    background: #D19688;
    color: #fff;
    padding: 5px 12px;
    display: inline-block;
    margin-bottom: 70px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 99px;
}

#signupToExplore a.exp-btn:hover{
    background-color: #A7A39F;
    color: #fff;
}

.salesCampaign-new .lead-generati .col2-left-layout {
    margin-bottom: 30px;
}

/*** DOCUMENTS CSS ***/
.documents-page .breadcrumb ul li a, .documents-page .breadcrumb ul li, .breadcrumb li a, .breadcrumb li {
    font-size:15px;
    font-weight: 300;
    line-height: 1;
    font-family:'FS Emeric';
}
.breadcrumb li a{
    text-decoration: underline !important;
}

 

.documents-page .page-title {
    font-weight: 700;
    font-size: 46px;
    line-height: 55px;
    margin-bottom: 10px;
}

.documents-page .orange-btn {
    background: #E7C15E;
    color: #383734;
    padding: 6px 20px;
    font-family: 'FS Emeric';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0px;
    text-transform: capitalize;
    min-width: unset;
    border-radius: 20px;
    position: relative;
    z-index: 11;
}
.documents-page .page-title-header .orange-btn{
    padding: 6px 35px 6px 20px;
}
 .documents-page .page-title-header .orange-btn:after{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/docu-icon.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    top: 9px;
    right: 8px;
}

.brief-responses .documents-page .orange-btn {
    background: #688563;
    color: #fff;
}
.brief-responses .documents-page .page-title-header .orange-btn:after{
    background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/docu-icon-white.svg);
}

.documents-page .orange-btn img {
    margin-left:20px;
}

.documents-page .orange-btn:hover img {
    filter:invert(1);
}

.documents-page p {
    font-size:15px;
    font-weight: 300;
    line-height: 23px;
    font-family:'FS Emeric';
}

.documents-page .legal .tabbable .nav-tabs .nav-item {
    width: 50% !important;
    border:2px solid #F2EFED !important;
}

.documents-page .tabbable .nav-tabs .nav-item {
    width: 25% !important;
    background: #E0DCD6 !important;
}

.documents-page .tabbable .nav-tabs .nav-item .nav-link {
    background: none;
    color: #383734 !important;
    font-size: 20px;
    width: 100%;
}

.documents-page .tabbable .nav-tabs .nav-item .nav-link.active{
    background: #688563 !important;
    color: #fff !important;
    font-weight:700;
}
.documents-page .tabbable .nav-tabs .nav-item:hover .nav-link {
    background:#A7A39F !important;
    color: #fff !important;
    font-weight:700;
}


.documents-page .tab-content {
    padding: 35px 0px;
}

.documents-page .tab-content > .tab-pane {
    display: none;
}

.documents-page .tab-content>.active {
    display: block !important;
}
.home-hand-pick-slider .with-hover{
    display: none !important;
}

@media only screen and (max-width:767px) {
.no-flush-xs {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.documents-page .tabbable .nav-tabs {
    background: none;
}

.documents-page .tabbable .nav-tabs .nav-item .nav-link {
    font-size: 16px;
}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.no-flush-md {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}

/*** ARTICLES PAGE CSS ***/
.documents-page .bree p {
    font-size:15px;
}

.documents-page .btn-default {
  background: #E0DCD6;
    padding: 0px 19px;
    color: #383734;
    line-height: 40px;
    text-transform: capitalize;
    font-weight: 700;
}

.blog-page .documents-page .btn-default {
    background: #DCAD59;
    padding: 0px 19px;
    color: #383734;
    line-height: 35px;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 99px;
    font-size: 15px;
  }
  .blog-page .documents-page .btn-default:hover{
    background: #E0DCD6;
  }
  .blog-page .documents-page .btn-default img{
    display: none;
  }

  
.article-details h4, .article-list h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    margin: 0px 0px 10px 0px;
}

.article-details h4 span, .article-list h4 span {
    font-style: italic !important;
    font-family: 'Utopia Std';
    font-weight: 700;
}

.article-grid {
    padding:35px 0px 75px 0px;
}

.article-grid .col-lg-4, .most-popular-articles .col-lg-3 {
    padding:0px 8px;
}

.article-box .article-img {
    height:325px;
    overflow: hidden;
    margin-bottom: 10px;
}

.article-box .article-img img {
    width: 100%;
    height:100%;
    object-position: center;
    object-fit: cover;
}

.most-popular-articles {
    background:#64605D;
    padding: 75px 0px;
}

.most-popular-articles .article-grid {
    padding-bottom:0px;
}

.most-popular-articles h2, .most-popular-articles .article-details h4 {
    color: #F2EFED;
    font-size: 46px;
}
.most-popular-articles .article-details h4{
    font-size: 30px;
}

.most-popular-articles h2 span {
    font-style: italic;
}

.most-popular-articles .article-grid {
    padding-top: 15px;
    margin: 0 -8px;
}

.most-popular-articles .article-box .article-img {
    height:225px;
}

.most-popular-articles p {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    font-family: 'FS Emeric';
    color: #fff;
}
.blog-page .documents-page p{
font-size: 16px;
}
.article-pagination {
    padding-top: 65px;
    padding-bottom: 65px;
}

.shop-factory .icon-save .radio-tile-group .slick-arrow {
    width: 50%;
    bottom: 0 !important;
    top: auto;
    transform: unset;
}

@media only screen and (max-width:767px) {
.article-grid, .most-popular-articles, .article-pagination  {
    padding-left: 15px !important;
    padding-right: 15px !important;
}    
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.article-grid, .most-popular-articles, .article-pagination  {
    padding-left: 15px !important;
    padding-right: 15px !important;
} 

.article-pagination .article-grid {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}

/*** LEGAL PAGE CSS ***/
.documents-page .tabbable .nav-tabs .nav-item.w-50 {
    width: 50% !important;
}

.documents-page .tab-content h6 {
    font-size: 20px;
    font-weight:600;
    letter-spacing: 1px;
    line-height: 32px;
    color: #383734;
}
.legal hr {
    border-color: #000;
}

.documents-page .tab-content p {
    letter-spacing: 1px;
}

hr.black {
    border-top:2px solid #000;
}


.social-icon-list a {
    display: inline-block;
    background: #fff;
    width: 87px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin-bottom: 6px;
}
.social-icon-list a:hover{
    background-color: #A7A39F;
}
.signup-modal.share-modal .modal-dialog-centered {
    max-width: 484px;
}
.signup-modal.share-modal .modal-content h2{
    margin-bottom: 0;
}

/*New cart page css*/
#profile-info.your-respository .cart-product-row .card {
    background: #e0dcd6;
    margin-bottom: 0;
}
#profile-info.your-respository .cart-product-row .card-body {
    margin-top: 0px;
    padding: 10px 30px 10px 30px;
    margin-left: -3px;
    margin-right: -3px;
}
.cart-image-box {
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 40%;
}
.remove-pro.edit-detail-col {
    width: 40%;
    text-align: right;
}
.row.product-row {
    align-items: center;
    background: #fff;
    padding: 15px 0;
    margin-bottom: 10px;
}
.cart-product-row .product-image {
    height: 88px;
    width: 88px;
    background: #F2EFED;
    margin-right: 15px;
}
.cart-product-row  .product-title {
    color: #383734;
    font-size: 15px;
}
.cart-product-row .product-title h4{
    margin-bottom: 0;
}
.product-sub-text{
    color: #383734;
    font-size: 14px;
    font-weight: 300;
}
.cart-int-field input {
    max-width: 60px;
    background: #F2EFED;
    border: 0;
    height: 35px;
    padding: 5px;
}
.cart-product-row a.conf {
    background: #F2EFED;
    height: 35px;
    display: inline-block;
    line-height: 15px;
    padding: 9px 14px;
    border-radius: 99px;
    font-size: 14px;
}
.cart-product-row a.conf:hover{
    background-color: #E0DCD6;
}

.edit-remove-cart {
    width: 180px;
    padding: 0 5px;
}
 .cart-modal .radio-tile-group{
    margin-bottom: 0;

}

 .cart-modal .right-coffe-table form .input-container .radio-tile-label {
    text-align: left;
    font-size: 15px !important;
    font-weight: 300;
    color: #000000;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }
 
#profile-info.your-respository .cart-modal h2 {
    margin-bottom: 25px;
    font-size: 50px !important;
}
 .cart-modal .imgremove {
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 5px;
}
.imgremove .s3 {
    font-size: 14px;
}
@media (min-width: 992px){
 .cart-modal .modal-lg {
    max-width: 622px;
    width: 100%;
}   
 
}
@media (max-width: 1600px) {
    #profile-info .radio-tile-label{
        margin-bottom: 0;
    }
}
  #profile-info .radio-tile-label{
        margin-bottom: 0;
    }

.file-upload-select {
    display: block;
    color: #383734;
    cursor: pointer;
    text-align: left;
    position: relative;
    border-radius: 0;
    width: 100%;
}
 
#myModal-wish-rfn .file-upload-select .file-select-button, #myModal-comment .file-upload-select .file-select-button {
     border-left: 5px solid #fff;
}
.wish-modal .attachment {
    margin-bottom: 10px;
}
#files-names-brief, #files-names-brieff {
    border-top: 0px solid #fff;
}
.file-upload-select .file-select-button {
    background: #fff;
    padding: 7px;
    display: inline-block;
    position: absolute;
    right: 0px;
    font-size: 15px;
    min-width: 114px;
    border-left: 0px solid #f2efed;
    border-radius: 20px;
    font-weight: 700;
}
.file-select-button img{
    width: auto;
}
.file-upload-select .file-select-name {
    display: inline-block;
    padding: 7px;
    color: #A7A39F;
    font-weight: 300;
    font-size: 15px;
}
.file-upload-select input[type="file"] {
    min-width: 100px;
    right: 0;
    width: 110px;
    position: absolute;
}

.file-upload-select div#files-names, .file-upload-select div#files-names-banner {
    position: absolute;
    z-index: 99999;    
    width: 100%;
    top: 0;    
}
.file-upload-select.havingFiles div#files-names, .popup-havingFiles .file-upload-select div#files-names-banner, .popup-havingFiles .file-upload-select div#files-names{
    position: relative !important;
    height: auto;
    overflow: auto;
    top: 0px !important;
    border-top: 3px solid #f2efed;
    max-height: 250px;
}
.attachment.popup-havingFiles {
    border-radius: 20px !important;
}
.updateDocumentContainer .file-upload-select.havingFiles div#files-names {
    height: auto;
    border-radius: 20px;
    background: #f2efed;
}
.updateDocumentContainer .file-upload-select span.file-delete{
    padding: 2px 0px;
}
.updateDocumentContainer .file-upload-select #files-names h4{
    padding: 4px 10px 0;
}
.file-upload-select div#files-names-brief, .file-upload-select div#files-names-brieff{    
    max-height: 150px;
    overflow: auto;    
}
.file-upload-select span.file-delete {
    width: 15px;
    padding: 4px 0px;
    margin-right: 7px;
    height: 15px;
    border: 0;
}

.file-upload-select #files-names h4 , .file-upload-select #files-names-banner h4 , #file-upload-select-brief #files-names-brief h4,
 #file-upload-select-brief #files-names-brieff h4, #files-names-brief-details h4 {
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    padding: 0 10px;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}
#file-upload-select-brief .file-block{
    display: block;
}
#buBriefUploadModal .file-block {
    display: block !important;
}
#buBriefUploadModal .file-block > span {
    font-size: 14px;
 }
 #buBriefUploadModal .file-block > span.file-delete{
    top:-4px !important;
 }
.file-upload-select .file-block {
    margin-bottom: 10px;
    display: block;
}

 .cart-modal .right-coffe-table .btn-add-to-cart {
 font-weight: 400 !important;
}
.cart-reset-button {
    background-color: #D19688 !important;
}
.cart-reset-button:hover{
    background-color: #A7A39F !important;
}
.cart-modal .right-coffe-table form textarea {
    width: 80%;
    background-color: #fff;
    border: 0;
    padding: 0 7px;
    height: 150px;
    margin-bottom: 20px;
}
.cart-modal .comments {
    position: relative;
}
.cart-modal .comments span.numi.s3 {
    position: absolute;
    bottom: 0;
    right: 17px;
}

.cart-tabs-wrapper ul {
    display: flex;
    list-style: none;
    margin: 0 0 30px 0;
    background: #F2EFED;
    padding: 7px 8px;
    border-radius: 99px
}
 
.cart-tabs-wrapper ul li{
    width:50%;
}
.cart-tabs-wrapper ul li a {
  display: block;
    text-align: center;
    color: #383734;
    border-right: 0px solid #fff;
    font-size: 15px;
    line-height: 38px;
    font-weight: 700;
    height: 40px;
    border-radius: 99px;
}

.cart-tabs-wrapper ul li:last-child a{
    border-right: 0 none;
}
.cart-tabs-wrapper ul li.active a, .cart-tabs-wrapper ul li:hover a {
     background:#E0DCD6;
     color: #383734;
}
.cart-tabs-wrapper ul li a span{
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    color: #383734;
    background-color: #D19688;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
}
.cart #profile-info.your-respository .col2-left-layout 
{
    padding: 0;
}
.cart #profile-info.your-respository h2, .briefs #profile-info.your-respository h2,
 .quotes #profile-info.your-respository h2, .account-setting #profile-info .page-title h2 {
    color: #383734;
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
    margin-bottom: 48px;
    font-family: 'FS Emeric';
    margin-bottom: 0;
}
.cart #profile-info.your-respository .breadcrumb, .briefs #profile-info.your-respository .breadcrumb, .quotes #profile-info.your-respository .breadcrumb {
    margin-top: 0;
}
 
.white-bx {
    background: #fff;
    padding: 4px 10px;
    font-size: 15px;
    font-weight: 700;
    color: #383734;
}
.white-bx span {
    font-weight: 300;
}
.row.two-call {
    margin-bottom: 20px;
}
.cart-order-total-row {
    margin: 0 12px;
}
.cart-status-row {
    padding: 0 15px;
    margin-top: 20px;
}
.cart-status-row span.status {
    display: inline-block;
    background: #688563;
    padding: 3px 10px;
    color: #fff;
}
 
.brief-row label {
    display: block;
}

.brief-row .numi {
    display: block;
    text-align: right;
}
.brief-row textarea{
    width: 100%;
}
.brief-row .comments {
    margin-bottom: 10px;
}
.row.product-row.brief-row {
    align-items: start;
}
.brief-row .file-upload-select {
    background: #e0dcd6;
    color: #827d79;
     width: 100%;
     margin-bottom: 5px;
}
.brief-row .file-upload-select .file-select-button {
    background: #e0dcd6;
    right: -2px;
    border-left: 10px solid #fff;
} 
.brief-row .file-upload-select input[type="file"] {
    height: 40px;
}
.brief-main-body .cart-product-row {
    margin-bottom: 15px;
}
.briefs #profile-info.your-respository .col2-left-layout ,.quotes #profile-info.your-respository .col2-left-layout {
    padding: 0;
}
.briefs #profile-info.your-respository .breadcrumb {
margin-top:0;
}

.brief-row .imgremove {
padding: 5px 15px;
background: #e0dcd6; 
margin-bottom: 5px;}

.brief-row .file-upload-select.havingFiles div#files-names{
    top:0 !important;
}
.btn-add-to-cart img {
    width: auto;
    position: relative;
    top: -1px;
    left: -3px;
}

/*new card page design*/

.ordr-quote-block {
    background: #F2EFED;
    border-radius: 20px;
    padding: 10px;
    min-height: 100px;
    margin-bottom: 20px;
}
.block-header{
    display: flex;
    justify-content: space-between;
}
.block-header h3{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}
.status-dv p {
    font-size: 15px;
    font-weight: 300;
}
.status-dv p .status {
    font-size: 14px;
    background: #E7C15E;
    border-radius: 99px;
    padding: 0 15px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    font-weight: 700;
}

.pro-block-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.pro-thumb-img {
    display: flex;
    align-items: center;
    padding-right: 10px;
    width: 30%;
}
.pro-thumb-img.imageDisplay {
    display: none;
}
.pro-thumb-img .thumb-img img{
    max-width: 80px;
    height: 80px;
    object-fit: contain;
}
.pro-thumb-img .thumb-img {
    padding-right: 5px;
}
.pro-col {
    padding: 0 10px;
}
.pro-col .lbl {
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #383734;
}
.pro-col .lbl-value{
    font-size: 15px;
    font-weight: 700;
    color: #383734;
}
.pro-item-counts {
    font-size: 15px;
    font-weight: 300;
    margin-left: 15px;
}

.pro-details-btn {
    height: 35px;
    width: auto;
    display: inline-block;
    background-color: #fff;
    border-radius: 99px;
    text-align: center;
    padding: 2px 20px;
    margin: 0 2px;
    font-size: 14px;
    line-height: 33px;
}
.pro-details-btn .fa{
    font-size: 20px;
    vertical-align: sub;
    transition: all 200ms ease-in-out;
}
.pro-details-btn.active .fa {
    transform: rotate(180deg);
}
.pro-details-btn:hover {
    background-color: #E0DCD6;
}
.product-row.pro-row-flex {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
}
.pro-row-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    display: flex;  
    align-items: center;
    margin-bottom: 0px;
}
.pro-quote-detail {
    padding: 10px;
}
.pro-quote-detail ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
 }
 .pro-quote-detail ul li h4{
font-size: 14px;
font-weight: 700;
color: #383734;
letter-spacing: 0;
margin: 0;
line-height: 20px;
 }
 .pro-quote-detail ul li{
     width: 20%;
     background-color: #f2efed;
     padding: 11px 10px;
    margin-right: 5px;
 }
 .pro-quote-detail ul.two-column li{
    width: 50%;
    margin-top: 5px;
    min-height: 62px;
 }
 .pro-quote-detail ul.one-column li{
    width: 100%;
    margin-top: 5px;
 }
 .pro-quote-detail ul.pro-detail-txt li span{
    font-size: 15px;
    font-weight: 300;
    text-align: center;
 }
 .pro-quote-detail ul.pro-detail-txt li{
    padding: 18px 10px;
 }
 .pro-quote-detail ul.four-column li{
    width: 25%;
    margin-top: 5px;
 }
 .pro-quote-detail ul li:last-child {
    margin-right: 0;
}
 .pro-quote-detail ul li span{
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #383734;
    line-height: 20px;
 }
 .pro-quote-detail ul li .dropdown-menu{
    display: none;
 }
 .pro-quote-detail ul li .dropdown-menu.show{
    display: block;
 }
 .pro-quote-detail ul.white-bg li {
    background: #fff;
    padding: 7px 10px;
}
.two-column-wrapper {
    display: flex;
}
.pro-quote-detail .two-column-wrapper .tw-col{
 width: 50%;
}
.tw-col.tw-left {
    margin-right: 5px;
}

.price-box li span {
    display: block;
    padding: 2px 0;
}
.pay-term {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
a.pay-term-btn {
    background: #fff;
    padding: 4px 12px;
    border-radius: 99px;
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
}
a.pay-term-btn:hover{
    background: #E0DCD6;
}
a.pay-term-btn img{
    margin-left: 5px;
    margin-top: -3px;
}

.edit-detail-col a.conf.quote-btn {
    height: 35px;
    display: inline-block;
    line-height: 33px;
    padding: 1px 16px;
    border-radius: 99px;
    font-size: 14px;
}
.edit-detail-col .quote-btn i{
    font-size: 20px;
    top: 2px;
    position: relative;
    transition: all 200ms ease-in-out;
}
/*end new card page design*/

/*Profile page new desing css*/
a.user-profile-dv {
    display: block;
    height: 55px;
    width: 55px;
    background: #E0DCD6;
    text-align: center;
    padding: 14px 0;
    border-radius: 99px;
    position: relative;
}
a.user-profile-dv:hover{
    background: #A7A39F;
}
a.user-profile-dv:hover img{
    opacity: 0;
}
a.user-profile-dv:After{
    content: "\efc2";
    font-family: 'IcoFont';
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    right: 7px;
    top: 3px;
    opacity: 0;
}
a.user-profile-dv:hover:After{
    opacity: 1;
}
.grey-box {
    background: #F2EFED;
    color: #383734;
    display: flex;
    height: 51px;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 15px;
    border-radius: 99px;
}
.point-label {
    min-width: 120px;
    font-size: 18px;
    line-height: 23px;
    color: #383734;
    font-weight: 700;
    margin-bottom: 8px;
}
.name-label {
    background: #fff;
    height: 35px;
    line-height: 23px;
    font-size: 15px;
    width: 100%;
}
.name-label input.form-control {
    background-color: #f2efed !important;
    border: 0;
    height: 35px;
    margin: 0;
    color: #383734;
    border-radius: 0;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    padding: 0 5px;
}
.edit-button {
    background: #fff;
    height: 35px;
    line-height: 23px;
    font-size: 14px;
    padding: 6px 10px;
    margin-left: 10px;
    font-weight: 700;
    min-width: 74px;
    border-radius: 99px;
    color:#383734;
    position: relative;
    right: -5px;
}
.edit-button .icofont-edit-alt {
    padding-left: 6px;
}
.edit-button:hover{
    background: #E0DCD6;
    color: #383734;
}
.prof-box-title {
    margin-bottom: 20px;
    font-size: 20px;
    color: #383734;
    line-height: 24px;
    font-weight: 700;
}
.delete-acc-row span {
    color: #A7A39F;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    display: inline-block;
}
a.delet-account {
    background: #E0DCD6;
    font-size: 15px;
    color: #383734;
    height: 35px;
    display: inline-block;
    line-height: 23px;
    padding: 5px 20px;
}
a.delet-account:hover{
    background: #A7A39F;
    color: #fff;
}
.delete-acc-row {
    margin-top: 30px;
}
#myModal-name-edit .form-row input , #myModal-password-edit .form-row input {
    margin-bottom: 10px;
}

 
/*custom check box profile page*/
.custom-check-mark {
    margin: 0;
}
.custom-check-mark input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.custom-check-mark label {
    position: relative;
    margin: 0;
    padding-top: 5px;
    font-size: 15px;
}
.custom-check-mark label:before {
  content:'';
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  top: -3px;
  border-radius: 99px;
  left: -6px;
}
.custom-check-mark label:hover:before{
    background-color: #E0DCD6 !important;
    border-color:#E0DCD6 !important;
}
.custom-check-mark input:checked + label:before {
    background-color:#383734;
}
.custom-check-mark input:checked + label:after {
content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 8px;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.custom-check-mark input + label:after {
    content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 8px;
        width: 8px;
        height: 16px;
        border: solid #A7A39F;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
/*End custom check box profile page*/
a.sign-out-btn {
    background: #D19688;
    height: 40px;
    padding: 7px 16px;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
}
a.sign-out-btn:hover{
    background:  #A7A39F;
    color: #fff;
}
.plus-icon {
    max-width: 20px;
}

/*HOME PAGE NEW SLIDER*/
.right-slide-carousel li {
    list-style: none;
}
.right-slide-carousel ul {
    padding: 0;
    margin: 0;
}

.home-section .main-slider-block {
    display: flex;
    align-items: center;
}
.home-section .main-slider-block .left-slide-text {
     width: 34%;
    padding: 0 0px 0 95px;
}
.home-section .main-slider-block .right-slide-carousel {
       width: 100%;
    padding: 0;
}
.main-slider-block h2{
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
}
.main-slider-block h2 p em {
    color: #fff;
    font-weight: 700;
    font-style: italic !important;
    font-family: 'Utopia Std';
}
.main-slider-block p {
    color: #fff;
    margin-bottom: 0;
}
.main-slider-block .banner-desc-text {
    font-size: 20px;
}
.right-slide-carousel ul {
    margin-bottom: 0;
}
.image-circle {
    max-width: 397px;
    max-height: 397px;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
body.global-documents.not-loggedin  {padding-top: 0;}
body.legal {padding-top: 170px;} 
.icon-save.whish-list-create { width: 100%;position: relative;right: 0;display: block;}
.icon-save.whish-list-create .radio-tile-group{height: 450px; overflow: auto;}
.icon-save.whish-list-create .new-list-box {border-top: 0 none;background: #688563; border-radius: 99px; margin-top: 16px;}
.w-80 {
    width: 80%;
}
#myModal-wish-catalog:before{
    display: none;
}
.catologue-detail span.no-style {
    font-family: 'FS Emeric';
    font-style: normal;
    font-weight: 700;
}
#myModal-wish-catalog .close span {
    color: #383734;
    position: absolute;
    top: 8px;
    right: 20px;
}
.no-style .icon {
    right: auto;
    top: -22px;
    margin-left: 9px;
}

.wishCatalogGenerateAttachment label.error {
    position: absolute;
    bottom: -30px;
    color: #000;
    left: 0;
    margin-bottom: 5px;
}
 
.wishCatContainer.has-error .attachment {
    margin-bottom: 15px;
}

.select_wrap.genrate-catelog {
    width: 155px;
    margin-right: 2px;
}
.select_wrap.genrate-campaign {
    width: 170px;
}
.catologue-detail em.icon-edit img{
    width: 20px;
    height: 17px;
    margin-bottom: 10px;
    object-fit: contain;
}
.wishlist  em.note-text {
    font-size: 14px;
    margin-top: -10px;
    display: block;
}

.icon-save.whish-list-create .radio-tile-group .input-container {
    width: 80%;
}
a.whish-list-redirect {
    width: 20%;
    text-align: center;
    font-size: 22px;
    padding: 5px;
    height: 40px;
}
.radio-wraper-dv {
    display: flex;
}
.radio-wraper-dv .whish-list-redirect:hover {
    opacity: 0.7;
}
.exclusiveCustomers .select2-selection__choice__remove {
    line-height: unset !important;
    height: auto!important;
    width: auto!important;
}

#generateCatalogModal .w-input {
    margin-top: 10px;
}
.select2-container--default .select2-results__option--selected{
    background-color: #e0dcd6 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #e0dcd6 !important;
    border: 1px solid #f2efed !important;;
    vertical-align: top !important;;
    border-radius: 20px !important;;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    color: #383734 !important;;
    font-family: 'Sofia Pro' !important;;
    font-size: 14px !important;;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #383734 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    border-right: 0px solid #F2EFED !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
}
.select2-container--default .select2-selection--multiple{
    padding-bottom: 0;
}
.select2-container .select2-selection--multiple{
    /* height: 41px; */
    height: auto;
}
.select2-container .select2-search--inline .select2-search__field{
    margin-top: -2px;
    padding: 0 8px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid  #80bdff 1px;
    outline: 0;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid  #F2EFED 1px !important;
    outline: 0;
    background: #F2EFED !important;
    border-radius: 20px !important;
}
.wish-modal .select2-container--default .select2-selection--multiple,
.wish-modal .select2-container--default.select2-container--focus .select2-selection--multiple{
    margin-bottom: 10px;
}
.catologue-detail .select_wrap .default_option.genrate-quote-btn p {
    color: #fff !important;
}
.catologue-detail .select_wrap .default_option.genrate-quote-btn {
    background: #688563;
}
.catologue-detail .select_wrap .default_option.genrate-quote-btn {
    background: #688563;
}
.save-wishlist-list-header {
    display: flex;
    margin-bottom: 16px;
}
.save-wishlist-list-header .l-heading {
    width: 100%;
    line-height: 17px;
    font-weight: 400;
}
.save-wishlist-list-header .r-heading {
    width: 20%;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
}
.bree.select_wrap.download-catalog-btn p .dropdown a.dropdown-item {
    width: 170px;
}
.bree.select_wrap.download-catalog-btn .dropdown-toggle {
    width: 170px;
}
.pdf-product-table-preview tr td {
    width: 33.33% !important;
}
.rfqUser .dropdown .dropdown-menu {
    background:none;
    border:none;
    padding:0;
    margin:0;
    box-shadow:none;
    outline:none;
    transform:none !important;
    top:43px !important;
    z-index: 99;

}

.rfqUser .dropdown .dropdown-item {
    white-space: pre-wrap;
    min-height: 35px;
    line-height: 18px;
    display: flex;
    justify-content: left;
    align-items: center;
    line-break: anywhere;
    background:#E0DCD6;
    color:#383734;
    font-size:13px;
    font-family: 'FS Emeric';
    text-align:center;
    padding:0 10px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    border-top:3px solid #fff;
    width:300px;
    border:none;
    box-shadow:none;
    border-bottom: 2px solid #fff;
}

.rfqUser .dropdown .dropdown-item.active {
    background:#E0DCD6;
    color:#383734;
    border-top:0px solid #2E3831;
}

.rfqUser .dropdown-toggle {
    margin:0;
    padding:0 15px;
    line-height:35px;
    border:none;
    box-shadow:none;
    background:#E0DCD6;
    color:#383734;
    font-size:14px;
    font-family: 'FS Emeric';
    font-weight:bold;
    width:300px;
}
.filter-inner-dropdown .dropdown .dropdown-toggle:after{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 18px;
    vertical-align: 0.255em;
    content: "\f107";
    font: normal normal normal 23px/16px FontAwesome;
    position: relative;
    top: 10px;
    border: 0 none !important;
    right: 30px;
    position: absolute;
}

.rfqUser .dropdown-toggle:focus {
    background:#A7A39F;
    outline:none;
    color:#fff;
    box-shadow:none;
}

.dimensions-radio-group.radio-tile-group .input-container .radio-tile {
    padding: 10px 43px 10px 10px;
}
.dimensions-radio-group.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
    color: white !important;
}
.radio-tile-group.dimensions-radio-group {
    margin-right: 10px;
    margin-bottom: 5px;
}
.radio-tile-group.dimensions-radio-group .input-container .radio-tile-label{
    text-transform: unset;
}
@media (max-width: 1600px){
    .radio-tile-group.dimensions-radio-group .input-container .radio-tile-label {
        font-size: 14px;
    }
}
@media (max-width: 1169px){
.dimensions-be-change{
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.radio-tile-group.dimensions-radio-group{
    margin-bottom: 9px;
    width: 100%;
}
.dimensions-be-change label {
    margin-bottom: 13px !important;
}
}
.pdf-product-table-preview td.prod-td {
    height: 320px !important;
}

.quotes-new-list .cart-product-row a.conf {
    font-family: 'FS Emeric';
    font-weight: 700;
}

 #profile-info.your-respository .quotes-new-list .cart-product-row .card {
    background: #F2EFED;
}


.quotes-new-list .nlist {
    font-family: 'FS Emeric';
    font-weight: 700;
    font-size: 19px;
}

.quotes-new-list .white-bx {
    background: none;
}

.quotes-new-list .submit-btn {
    background: #688563;
    height: 40px;
    border: none;
    display: inline-block;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    font-family: 'FS Emeric';
    font-weight: 700;
    color: #F2EFED;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 15px;
}

.quotes-new-list .cart-order-total-row .white-bx span {
    font-weight: 700;
}

.quotes-new-list .product-sub-text {
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 2px;
}

.quotes-new-list .cart-product-row .product-title h4 {
    font-weight: 700;
}

.quotes-new-list .edit-remove-cart .prs {
    font-weight: 300;
    font-size: 14px;
    line-height: 23px;
    color: #383734;
    display: inline-block;
}
.quotes-new-list .edit-remove-cart .prs span, .quotes-new-list .edit-remove-cart .tprs span {
    font-weight: 700;
}

.quotes-new-list .edit-remove-cart .prs input {
    width: 67px;
    height: 35px;
    background: #F2EFED;
    font-weight: 700;
    font-size: 15px;
    color: #383734;
    border: none;
    margin-left: 15px;
    padding-left: 5px;
    border-radius: 99px;
}

.quotes-new-list .edit-remove-cart .tprs {
    font-size: 14px;
    line-height: 23px;
    color: #383734;
    display: inline-block;
}

.quotes-new-list .row.product-row {
    margin-bottom: 15px;
    padding: 20px 7px;
}

.quotes-new-list .cart-product-row .product-image {
    height: 100px;
    width: 100px;
    background: transparent;
}

.boxlgrey {
    background: #f2efed;
    margin-bottom: 5px;
}

.quotes-new-list .headp h4 {
    font-size: 15px;
    font-weight: 700;
    color: #383734;
    margin: 0 0 16px;
}

#profile-info .quotes-new-list .boxlgrey p {
    font-size: 15px;
    font-weight: 700;
    color: #383734;
    letter-spacing: 0px;
    margin: 0;
    line-height: 40px;
}

#profile-info .quotes-new-list .boxlgrey p span {
    float: right;
    font-size: 15px;
    font-weight: 400;
    color: #383734;
}
.pro-col.details-col {
    display: flex;
}
.pro-col.details-col .download-btn-dv .btn {
    height: 35px;
    background: #fff;
    padding: 0 22px;
    width: auto;
}
.pro-col.details-col .download-btn-dv .btn:hover{
 background: #E0DCD6;
}
.sendtosupplier span {
    font-size: 14px;
}
.pro-col.details-col .download-btn-dv .btn:after {
    right: 6px;
}

.row.sdr>div {
    padding: 0px 5px;
}

.sdr .row {
    margin-right: -5px;
    margin-left: -5px;
}

#profile-info .quotes-new-list .s-btn {
    background: #e0dcd6;
    font-weight: 500;
    color: #383734;
    display: inline-block;
    width: 100%;
    line-height: 36px;
    font-size: 14px;
}

#profile-info .quotes-new-list .s-btn img {
    margin-left: 5px;
}

#profile-info .customize-items .boxlgrey {
    padding-right: 5px;
}

#profile-info .customize-items .boxlgrey p {
    line-height: 49px;
}

.customize-items .boxlgrey p select {
    float: right;
    width: 50%;
    background: #e0dcd6;
    border: none;
    border-radius: 0px;
    height: 41px;
    line-height: 41px;
    font-family: 'FS Emeric';
    font-weight: 700;
    padding: 0px 10px;
    margin: 4px 0px;
    appearance:none;
    background:#e0dcd6 url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/arrow-select.png) 95% 50% no-repeat;
}

.customize-items .boxlgrey textarea {
    background: #fff;
    display: inline-block;
    width: 100%;
    height: 87px;
    border: none;
    color: #000;
    font-size: 14px;
    padding: 9px 12px;
    margin-top: 4px;
}

.customize-items .boxlgrey textarea::-webkit-input-placeholder {
    color: #a7a6a6;
}

.customize-items .boxlgrey .sfile {
    background:#fff url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/bg-attach.png) 95% 50% no-repeat;
    display: inline-block;
    width: 100%;
    height: 41px;
    border: none;
    font-family: 'FS Emeric';
    font-weight: 700;
    color: #000;
    font-size: 14px;
    margin-top: 4px;
    line-height: 33px;
    cursor: pointer;
}

#profile-info .customize-items .s-btn.pterm {
    background: #688563;
    color: #fff;
    margin-top: 10px;
    line-height: 41px;
    font-size: 15px;
}

#profile-info .customize-items .s-btn.sterm {
    background: #d19688;
    color: #fff;
    margin-top: 10px;
    line-height: 41px;
    font-size: 15px;
}

.cart-product-row a.conf.active , .pro-details-btn.active{
    background: #383736;
    color:#fff;
    font-weight: 400;
}

.cart-product-row a.conf.active img {
    filter: invert(1);
}

.cart-product-row a.conf.active i {
    color:#fff;
    transform: rotate(180deg);
}

.signup-modal.update-data .modal-content input{
    background-color: #fff;
}

 

.cart-modal.update-data .right-coffe-table form label {
    width: 50%;
    margin-bottom: 0;
    color: #383734;
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
}

.cart-modal.update-data .comments .form-group {
    width: 50% !important;
}

.cart-modal.update-data .comments select {
    background-color: #fff;
    width: 100%;
    border: 0;
    padding: 0 7px;
    height: 39px;
}

.cart-modal.update-data .file-upload-select {
    display: flex;
}

.cart-modal.update-data .file-upload-select input {

}

.cart-modal.update-data .file-upload-select select {
    width: 70px;
    padding: 0 10px;
    margin-left: 5px;
}

.cart-modal.update-data .file-upload-select.auto select {
    width: 100%;
    padding: 0 7px;
}

.cart-modal.update-data .right-coffe-table form .comments.price-list label {
    width: 30%;
}

.cart-modal.update-data .comments.price-list .frmControl-15541664 {
    width: 70% !important;
}

.cart-modal.update-data .right-coffe-table form .comments.price-list input {
    width: 100%;
}

.cart-modal.update-data .right-coffe-table .comments.price-list .nform .form-group>div {
    padding: 0px;
}

.cart-modal.update-data .right-coffe-table .comments.price-list .nform .form-group input {
}

.cart-modal.update-data .comments .nform .form-group {
    float: left;
    width: 43% !important;
    padding: 0px 10px;
}
.update-data.signup-modal.update-data .modal-content .select2 input {
  min-width: 50px;
}
.update-data .repeater-heading button {
    width: 35px;
    height: 35px;
    font-size: 28px;
    line-height: 0;
    padding: 8px 0 15px;
    align-items: center;
    position: relative;
    top: 3px;
    background: #A7A39F;
    border-color: #A7A39F;
}
.update-data .repeater-heading button:hover{
    background: #E0DCD6;
    border-color: #E0DCD6;
}
.repeater-heading {
    display: inline-block;
    width: 100%;
}
.repeater-remove-btn button {
    width: 35px;
    height: 35px;
}

.nform {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
}

.btn-account-manager {
    margin-top: 10px;
}
.btn-account-manager .btn-secondary , .btn-secondary-download{
    height: 35px;
    line-height: 21px;
    color: #fff;
    background-color: #688563;
    border-color: #688563;
}

.btn-account-manager .btn-secondary:hover , .btn-secondary-download:hover{
    background-color: #a7a39f;
    border-color: #a7a39f;
}
.btn-account-manager .btn-secondary:focus, .btn-secondary-download:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus{
    box-shadow: unset;
}
.latest-item-btn .btn {
    height: 40px;
    background-color: #e0dcd6;
    border-color: #e0dcd6;
    color: #383734;
    font-size: 16px;
    font-family: 'FS Emeric';
    font-weight: 700;
}

.latest-item-btn .btn:hover {
    background-color: #E0DCD6;
    color: #383734;
    border-color: #E0DCD6;
}
.customer-list-dropdown .dropdown-toggle {
    margin: 0;
    line-height: 35px;
    border: none;
    box-shadow: none;
    background: #F2EFED;
    color: #383734;
    font-size: 14px;
    font-family: 'FS Emeric';
    font-weight: 700;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 15px;
    border-radius: 20px;
}

.customer-list-dropdown .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 18px;
    vertical-align: .255em;
    content: "\f107";
    font: normal normal normal 23px/16px FontAwesome;
    position: relative;
    top: 9px;
    right: 13px;
    border:0 none !important;
}
.price-list-dw.customer-list-dropdown .dropdown-toggle::after{
    right: 17px;
}
.price-list-dw{
    text-align: right;
}
.customer-list-dropdown .dropdown-toggle:hover,
.customer-list-dropdown .dropdown-toggle:focus{
    background:#E0DCD6;
    outline: none;
    color:#383734;
    box-shadow: none;
}
.customer-list-dropdown .dropdown-menu {
    background: #F2EFED;
    color:#383734;
    border: 0;
    font-size: 14px;
    padding: 8px 6px;
}
.customer-list-dropdown .dropdown-item {
    background-color: #fff; 
    color:#383734;
    border-radius: 20px;
    margin: 10px 0;
}
.customer-list-dropdown .dropdown-item:hover{
    background-color: #E0DCD6; 
    color:#383734;
}
.customer-list-dropdown .dropdown-item.active {
    background: #A7A39F;
}
.supplyr-name > a {
    display: initial;
    background: none;
    padding: 0;
}
.sendSupplier-chkbox{
    position: relative;
    top: 1px;
}
 
.quotes-new-list .edit-remove-cart .prs.qty-prs {
    margin-right: 25px;
    display: block;
}
.right-prs {
    margin-right: 15px;
}
.quotes-new-list .edit-remove-cart .right-prs  .prs{
    display:block;
}
.d-flex-col {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.right-dropd .dropdown-toggle {
    border: 0;
    background: transparent;
    font-size: 28px;
    position: relative;
    top: -3px;
    cursor: pointer;
}
 .right-dropd  .dropdown .dropdown-item {
    line-height: 40px;
    width: 131px;
    border: none;
    box-shadow: none;
    background: #E0DCD6;
    color: #383734;
    font-size: 13px;
    font-family: 'FS Emeric';
    text-align: center;
    padding: 0;
    letter-spacing: 1.5px;
    border-top: 3px solid #fff;
    white-space: break-spaces;
    line-height: 18px;
    padding: 3px 0;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.right-dropd .dropdown .dropdown-menu {
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: none;
    z-index: 99;
    min-width: 6px;
    left: auto !important;
    right: 0 !important;
}
.right-dropd  .dropdown .dropdown-item:hover, .right-dropd  .dropdown .dropdown-item.active {
    background: #383734;
    color: #F2EFED;
    border-top: 3px solid #2E3831;
}
    
/*analytic page */

#customer_tab .dataTables_wrapper {
    position: unset !important;
    clear: both;
    overflow:auto;
}
#customer_tab .dt-buttons {
    position: absolute;
    top: 36px;
    margin-right: 5px;
    z-index: 99;
    right: 30px;
}
#customer_tab {
    margin-top: 20px;
}
label.error {
    color: red!important;
    font-size: 14px;
}
.attachment label.error {
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: 43px;
    left: -9px;
}
.fullWidth{
    width: 100% !important;
}
body.home {
    padding-top: 48px !important;
}

/*sidebar css*/
.sidebar {
    width: 351px;
    background-color: #F2EFED;
    transition: all 0.5s ease-in-out;
    position: fixed;
    top: 0;
    height: 100vh;
    padding: 90px 30px 0;
    z-index: 99;
}
.sidebar.fliph {
    width: 42px;
    transition: all 0.5s  ease-in-out;
}
.sidebar a.button-left {
    position: absolute;
    right: -20px;
    top: 60px;
    display: none;
}
.user-panel {
    position: relative;
    top: 0;
    text-align: left;
}

.fliph .user-panel{
    display: none;
}

.user-panel h2{
    font-size: 40px;
font-style: normal;
font-weight: 700;
color: #383734;
font-family: 'FS Emeric';
}
.sidebar-u-name span{
font-family: 'Utopia Std';
font-style: italic;
}

.list-sidebar .list-item a{
    font-size: 20px;
    color: #383734;
    font-weight: 400;
    padding:20px 0 20px 45px;
    position: relative;
    display: block;
}
.list-sidebar .list-item a:hover, .list-sidebar .list-item a.active {
    background: #fff;
    border-radius: 99px;
}
.feed-count{
    font-size: 13px;
font-style: normal;
font-weight: 400;
color: #383734;
background-color: #D19688;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 18px;
}
ul.list-sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-nav {
    padding-top: 5px;
    overflow: auto;
    height: 75vh;
}
.sidebar hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.list-sidebar hr{
    border-color: #E0DCD6 !important;
}
.list-sidebar .list-item a::before{
background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/feed-icon.svg);
background-repeat: no-repeat;
border: none;
margin: 0;
padding: 12px;
position: absolute;
content: "";
left:16px;
top: 25px;
}
.list-sidebar .list-item a:hover:before, .list-sidebar .list-item a.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/feed-icon-hov.svg);
}
.list-sidebar .list-item a.my-board::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/myboard-icon.svg);   
}
.list-sidebar .list-item a.my-board:hover:before, .list-sidebar .list-item a.my-board.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/myboard-icon-hov.svg); 
}

.list-sidebar .list-item a.my-studio::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/mystudio-icon.svg);   
}
.list-sidebar .list-item a.my-studio:hover:before, .list-sidebar .list-item a.my-studio.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/mystudio-icon-hov.svg);   
}

.list-sidebar .list-item a.mark-place::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/mark-place-icon.svg);   
}
.list-sidebar .list-item a.mark-place:hover:before, .list-sidebar .list-item a.mark-place.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/mark-place-icon-hov.svg);   
}
.list-sidebar .list-item a.my-item-sourcing::before{
    background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/my-items-icon.svg);  
    top: 20px;
    left: 12px; 
}
.list-sidebar .list-item a.my-item-sourcing:hover:before, .list-sidebar .list-item a.my-item-sourcing.active:before{
    background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/my-items-icon-fill.svg);   
}
.list-sidebar .list-item a.mess-menu::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/message-icon.svg);   
}
.list-sidebar .list-item a.mess-menu:hover:before, .list-sidebar .list-item a.mess-menu.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/message-icon-hov.svg);   
}

.list-sidebar .list-item a.OQ-menu::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/oder-quote-icon.svg);   
}
.list-sidebar .list-item a.OQ-menu:hover:before, .list-sidebar .list-item a.OQ-menu.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/oder-quote-icon-hov.svg);   
}

.list-sidebar .list-item a.doc-menu::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/docu-icon.svg);   
}
.list-sidebar .list-item a.doc-menu:hover:before, .list-sidebar .list-item a.doc-menu.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/docu-icon-hov.svg);   
}

.list-sidebar .list-item a.prof-menu::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/prof-icon.svg);   
}
.list-sidebar .list-item a.prof-menu:hover:before, .list-sidebar .list-item a.prof-menu.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/prof-icon-hov.svg);   
}

.list-sidebar .list-item a.analytics-menu::before{
    background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/analytics-icon.svg);   
    background-size: 20px;
    top: 21px;
}
.list-sidebar .list-item a.analytics-menu:hover:before, .list-sidebar .list-item a.analytics-menu.active:before{
    background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/analytics-icon.svg);   
}

.list-sidebar .list-item a.sidebar-logout::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/exit-header-black.svg);   
}
.list-sidebar .list-item a.sidebar-logout:hover:before, .list-sidebar .list-item a.sidebar-logout.active:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/exit-header-black.svg);   
}
/*sidebar navigation*/

.profile-section-link + hr.separe, .logout-section-link  {
    display: none;
}
 

/*End sidebar navigation*/
/*End sidebar css*/

.filter-inner-dropdown .dropdown .btn {
    border-radius: 99px;
    background-color: #F2EFED;
    border-color: #F2EFED;
    width: 100%;
    color: #383734;
    font-weight: 700;
    text-align: left;
    font-size: 14px;
}

.filter-inner-dropdown .dropdown .btn:hover{
    box-shadow:unset !important;
    background-color: #E0DCD6;
}
.filter-inner-dropdown .dropdown {
    display: inline-block;
    width: 49%;
}

.savedListDropdown .filter-inner-dropdown .dropdown{
    width: 100%;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus , .btn-secondary.focus, .btn-secondary:focus{
    box-shadow: unset !important;
}
.filter-inner-dropdown .dropdown-menu .dropdown-item {
    line-height: 33px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: #F2EFED;
    color: #383734;
    font-size: 14px;
    font-family: 'FS Emeric';
    text-align: left;
    padding: 0;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    border-top: 3px solid #fff;
    border-radius: 99px;
    padding: 0 16px;
}
.filter-inner-dropdown .dropdown-menu {
    border: 0 none;
    min-width: 11rem;
}
.savedListMain .filter-inner-dropdown .dropdown-menu {
    min-width: 11rem;
    width: 100%;
    position: relative !important;
    top:4px !important;
    transform: translate(0px) !important;
    padding: 0;
}
    
.filter-inner-dropdown .dropdown-menu .dropdown-item:hover{
    background:#E0DCD6;
    color:#383734 !important;
    border-top:3px solid #fff;
}

.filter-right-part {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

/*Inner page navigation*/
.inner-page-navigation .navbar-nav {
    background: #F2EFED;
    padding: 5px 2px;
    border-radius: 99px;
    justify-content: space-between;
}
.inner-page-navigation .col-lg-12{
    padding: 0 8px;
}
.inner-page-navigation .navbar-nav .nav-item{
    padding: 0 5px;
    text-align: left;
}
.inner-page-navigation.document-navigation .navbar-nav > .nav-item{
    width: 20%;
}
.inner-page-navigation .navbar-nav .nav-item .nav-link{
    color: #383734;
    font-size: 14px!important;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-family: 'FS Emeric';
    font-weight: 700;
    position: relative;
    padding: 5px 7px;
    min-width: 50px;
    border-radius: 20px;
}
.inner-page-navigation .navbar-nav .nav-item .nav-link:hover, .inner-page-navigation .navbar-nav .nav-item .nav-link.active {
    background: #E0DCD6;
 
}
.inner-page-navigation .navbar-nav .nav-item .nav-link:after {
    content: "";
    background: #E0DCD6;
    height: 24px;
    border: 0;
    width: 1.5px;
    right: -6px;
    position: absolute;
}
.inner-page-navigation .navbar-nav .nav-item:last-child .nav-link:after {
    display: none;
}

.main-sub-menu {
    background: #F2EFED;
    border: 0 none !important;
    top: 96%;
}
.main-sub-menu.dropdown-menu.show {
    transform: none !important;
    top:45px !important;
    max-width: 99.8%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0px 0px 20px 20px;
    /* min-height: 470px; */
}
.document-navigation .main-sub-menu.dropdown-menu.show {
    max-width: 100%;
}
.page-title-header {
    margin-bottom: 20px;
}
.board-detail .page-title-header {
    margin-bottom: 20px;
}
.inner-page-navigation .navbar-nav.nav-opened {
    border-radius: 20px 20px 0 0;
}

.inner-page-navigation .main-sub-menu .menu-column {
    width: 19.5%;
}
.inner-page-navigation .main-sub-menu .menu-column:last-child {
    padding-right: 0;
}
.download-btn-dv .btn {
    background: #F2EFED;
    border-radius: 99px;
    padding: 4px 45px 4px 20px;
    position: relative;
    z-index: 9;
    color: #383734;
    max-height: 35px;
    border-color: #F2EFED;
    margin-right: 10px;
    height: 35px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
}
.download-btn-dv .btn:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/download-arrow.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    right: 11px;
    top: 8px;
    background-size: 67%;
}
.has-menu-opened .col2-left-layout {
    /* transform: translateY(460px); */
    transition: all 250ms ease;
}
.col2-left-layout {
    /* transform: translateY(0px); */
    transition: all 250ms ease;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: unset;
    background-color: unset;
    border: 0;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: inherit;
    background-color: #F2EFED;
    border: inherit;
}

a.defalut-btn-green, .defalut-btn-green {
    background: #688563;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    padding: 0px 14px;
    line-height: 32px;
    display: block;
    margin-right: 10px;
    border: 1px solid #688563;
    max-height: 35px;
    z-index: 10;
    font-weight: 700;
    font-family: 'FS Emeric';
    cursor: pointer;
}
a.defalut-btn-green:hover, .defalut-btn-green:hover{
    background: #E0DCD6;
    color:#383734;
    border: 1px solid #E0DCD6;
}
.btn.focus, .btn:focus{
    box-shadow: unset;
}
.inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item {
    width: 33.33%;
}
.inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item {
    width: 25%;
}
p.hidden-xs.download-btn-dv {
    line-height: initial;
}
/*End Inner page navigation*/
/*custom download css*/
.customDownloadBody ul {
    list-style: none;
    background: #fff;
    border-radius: 20px;
    padding: 6px 5px;
    margin-bottom: 0;
}
.customDownloadBody {
    width: 244px;
    position: absolute;
    z-index: 99;
    text-align: left;
    top: 0;
    right: 0;
    display: none;
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 30%);
    border-radius: 20px;
}
.download-header-inn {
    display: flex;
    justify-content: space-between;
    padding: 0 5px 5px 10px;
    align-items: center;
}
.download-header-inn span {
    font-size: 14px;
    color: #383734;
    font-weight: 700;
}
.customDownloadBody a.close-download-btn {
    font-size: 15px;
    color: #F2EFED !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    line-height: 7px;
    display: block !important;
    margin-bottom: 5px;
    border-radius: 99px;
    text-align: left;
    position: relative;
    text-indent: -999em;
    height: 35px;
    width: 35px;
}
.customDownloadBody a.close-download-btn::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/close-black-svg.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    content: "";
    right: 4px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 70%;
}
.customDownloadBody a.close-download-btn:hover, .customDownloadBody a.close-download-btn:focus {
    background-color: #E0DCD6;
    color: #fff !important;
}
.dw-main a.dw-item {
    display: block;
    padding: 5px 14px;
    font-size: 14px;
    background: #F2EFED;
    border-radius: 20px;
    margin-bottom: 5px;
    color: #383734;
    position: relative;
    font-weight: 700;
}
.dw-main a.dw-item:hover{
    background-color: #E0DCD6;
    color: #383734;
}
.dw-main a.dw-item:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/download-arrow.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    right: 6px;
    top: 10px;
    background-size: 67%;
}
.download-btn-dv {
    position: relative;
}
/* .customDownloadBody.open:after {
    background: rgb(0 0 0 / 40%);
    opacity: 0.5;
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    right: 0;
    z-index: -1;
} */
/*End custom download css*/

/*document page css*/
.doc-row {
    display: flex;
    background-color: #F2EFED;
    border-radius: 8px;
    padding: 10px 15px;
    align-items: center;
    margin-bottom: 10px;
}
.doc-row .doc-col{
    width: 50%;
}
.doc-row h4{
    margin-bottom: 0;
    color:#383734;
    font-size: 18px;
    font-family: 'FS Emeric';
    font-weight: 700;
}
.doc-info span{
    color:#383734;
    font-size: 15px;
    font-family: 'FS Emeric';
    font-weight: 300;
}

.doc-right-btn  a.doc-a , .download-btn {
    height: 35px;
    width: 40px;
    display: inline-block;
    background-color: #fff;
    border-radius: 99px;
    text-align: center;
    padding: 2px 0;
    margin: 0 2px;
}
.doc-right-btn > a:hover, .download-btn:hover{
    background-color: #E0DCD6;
}
.more-option .fa {
    font-size: 23px;
    position: relative;
    top: 6px;
}
.doc-block {
    position: relative;
}
.doc-size .fa {
    font-size: 6px;
    vertical-align: middle;
    padding: 0 3px;
}
.more-option-dropdown{
    z-index: 999;
}
.more-option-dropdown .dw-main a:after{
    background-size: 62%;
    top:9px;
}
.dw-main a.doc-update:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/docu-icon.svg);  
}
.dw-main a.doc-version:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/versions-icon.svg);  
}
.dw-main a.doc-e-sign:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/mystudio-icon.svg); 
    background-size: 75%; 
}
.dw-main a.doc-delete:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/doc-delete-icon.svg);  
}
.more-option-dropdown a.doc-delete {
    background: #D19688;
}
h3.document-sub-category-title {
    font-size: 24px;
    font-weight: 700;
    color: #383734;
    margin-top: 10px;
}
/*End document page*/
/*My studio*/
.mystudio-box {
    height: 382px;
    border-radius: 8px;
    position: relative;
}
.mystudio-box a img {
    border-radius: 8px;
}
.creative-can-title {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 11px;
    align-items: center;
    background: #F2EFED;
    border-radius: 0 0 8px 8px;
}
.creative-can-title h4{
    margin-bottom: 0;
    line-height: 25px;
    max-width: 70%;
    font-weight: 700;
}


.curation-catlogue-box.new-request-box .mystudio-box{
    background-color:#DCAD59;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.new-request-box .mystudio-box h6 , .Brief-request-main .mystudio-box h6{
    font-size: 30px;
    font-weight: 700;
}
.new-request-box .mystudio-box h6{
    color: #383734 !important;
}
.Brief-request-main .mystudio-box h6{
    color: #F2EFED;
}
.new-request-box .mystudio-box h6 span{
    font-family: 'Utopia Std';
    font-style: italic;
}
.Brief-request-main .mystudio-box{
    background-color: #688563;
    padding: 20px;
}
.Brief-request-main p.brif-pro-no{
    color: #F2EFED !important;
}

.Brief-request-main .brif-us-btn{
    background: #F2EFED;
    border: 0;
    color: #383734;
    font-size: 14px;
    border-radius: 99px;
    padding: 5px 14px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
}
.Brief-request-main .brif-us-btn:hover{
    background-color: #E0DCD6;
}
.brief-green-box h6 {
    margin-bottom: 5px;
}
.brief-green-box a.brif-us-btn {
    position: absolute;
    bottom: 20px;
}
.briefs-detail .documents-page {
    min-height: 600px;
}
.briefs-detail .page-title span {
    font-style: normal !important;
    font-family: 'FS Emeric';
}
/*End My studio*/

/*My feed page css*/
.acc-inner-main {
    background-color:#F2EFED;
    padding: 20px;
    border-radius: 8px;
}
.acc-inner-dv {
    position: relative;
}
.acc-inner-main .my-controls-btns{
    background: #ffffff;
}
.acc-inner-dv h2 {
    font-size: 30px;
    font-weight: 700;
}
.acc-inner-dv h2 span{
    font-style: italic;
}
.acc-card {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 15px;
    border-radius: 99px;
}
.essential-catlog-banner .spss {
    padding: 0 8px;
}
.acc-persion-name h3{
    font-size: 15px;
    color: #383734;
    margin-bottom: 0;
    font-weight: 700;
}
.acc-persion-name .account-person-degi{
    color:#D19688;
    font-size: 15px;
    font-weight: 700;
}
.acc-card img {
    min-height: unset !important;
    display: inline-block !important;
    width: auto !important;
}
.acc-persion-name{
    width: calc(100% - 323px);
}
.acc-profil-pic {
    width: 70px;
    padding-right: 15px;
}
.acc-profil-pic a.user-profile-dv:hover {   
    background: #A7A39F;
}
.acc-profil-pic a.user-profile-dv:hover img {
    opacity: 1;
}
.acc-profil-pic a.user-profile-dv:hover:After{
    display: none;
}

.acc-persion-contact ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.acc-persion-contact ul li {
    padding: 0 2px;
}
.acc-persion-contact ul li a {
    width: 40px;
    display: inline-block;
    background: #F2EFED;
    height: 35px;
    text-align: center;
    border-radius: 99px;
    padding: 3px 0;
    transition: all 200ms ease-in-out;
}
.acc-persion-contact ul li a img {
    height: auto !important;
    object-fit: contain;
}
.acc-persion-contact ul li a:hover{
    background-color: #E0DCD6;
    color: #383734;
}
.row-am.personal-account-section {
    padding-bottom: 10px !important;
}
.acc-persion-contact li.so-message a {
    background: #D19688;
    width: auto;
    padding: 4px 15px;
    color: #fff;
    font-weight: 700;
}
.section-inner {
    position: relative;
}
.caro-nav-container {
    position: absolute;
    top: 7px;
    right: 0;
    display: flex;
    z-index: 1;
}
.my-controls-btns.prev-slide {
    margin-right: 10px;
}
.my-controls-btns {
    background: #F2EFED;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    text-align: center;
    padding: 4px 0px;
    cursor: pointer;
    font-size: 22px;
}
.my-controls-btns.disabled{
    opacity: 0.5;
    pointer-events: none;
}
.my-controls-btns:hover{
    background-color: #E0DCD6;
}
.bottom-home-ban {
    padding-bottom: 60px;
    padding-top:70px;
}

/*end My feed page css*/

.salesCampaign-new .page-title .head-back-arrow {
    top: 8px;
}

/*admin home page*/
aside.admin-side{
    display: none;
}
body.x-webkit{
    padding: 0 !important;
}
main.admin-side{
    padding: 0 !important;
}
body.x-webkit main{
    padding: 10px !important;
}
body.x-webkit header{
    display: none;
}

/* ::selection {
    color: none;
    background: none;
} */
/* For Mozilla Firefox */
/* ::-moz-selection {
    color: none;
    background: none;
} */

body.x-webkit ::selection , body .supplier-table-wrapper table ::selection{
    color: #ccc !important;
    background: #333 !important;
}
/* For Mozilla Firefox */
body.x-webkit ::-moz-selection, body .supplier-table-wrapper table ::-moz-selection {
    color: #ccc !important;
    background: #333 !important;
}

/*Message Chat Panel css*/
.chat-detail #frame{
    width: 100%;
    max-width: 100%;
}
.before-login-home .modal-content input{
    margin-bottom: 10px;
}
 
a.head-back-arrow {
    height: 35px;
    display: inline-block;
    width: 35px;
    background: #f2efed;
    border-radius: 99px;
    vertical-align: top;
    position: relative;
    top: 7px;
    margin-right:0;
}   
a.head-back-arrow:hover{
    background-color: #E0DCD6;
}
.head-back-arrow .fa {
    font-size: 25px;
    vertical-align: top;
    justify-content: center;
    display: flex;
    top: 3px;
    position: relative;
}
/*End Message Chat Panel css*/

/*Blog page css new*/

@media only screen and (min-width: 1025px){
.blog-page .sidebar .user-panel, 
.salesCampaign-new .sidebar .user-panel, .product-supplier-update .sidebar .user-panel{
    display: none;
}
.blog-page .sidebar, .salesCampaign-new .sidebar, .product-supplier-update .sidebar{
    width: 104px;
    padding: 60px 0 0;
}
.blog-page .sidebar-nav, .salesCampaign-new .sidebar-nav, .product-supplier-update .sidebar-nav{
    height: 100vh;
}
.blog-page .list-sidebar .list-item a,
.salesCampaign-new .list-sidebar .list-item a, .product-supplier-update .list-sidebar .list-item a{
    padding: 0;
    height: 55px;
    width: 55px;
    text-indent: -999em;
}
.blog-page .list-sidebar .list-item,
.salesCampaign-new .list-sidebar .list-item, .product-supplier-update .list-sidebar .list-item{
    padding:10px 22px;
}
.blog-page .list-sidebar .list-item a::before, 
.salesCampaign-new .list-sidebar .list-item a::before,.product-supplier-update .list-sidebar .list-item a::before{
    left: 20px;
    top: 18px;
}
body.chat-detail > main {
    padding: 8px 0px 8px 24rem !important;
    max-width: 100% !important;
}
}



.download-catalog-btn.bree p .dropdown-toggle{
    font-size: 14px;
    border-radius: 99px;
}
.download-catalog-btn.bree p .dropdown .dropdown-item{
    border-radius: 99px;  
}
#signup input , #login input{
    margin-bottom: 10px;
}

html body.chat-detail{
    padding-top: 50px;
}

.product-detail > .container-fluid,
 .more-pro-from-this-factory > .container-fluid,
  .saved-list-main > .container-fluid, .documents-page .col-main.mpr-0{
    padding: 0;
}

.quotes .download-btn-dv .btn {
    margin-top: 0;
}

.pro-block-content.roll-wise-block-content, .roll-wise-block-content .pro-col.details-col{
    display: inline-block;
    width: 100%;
}
.roll-wise-block-content .pro-col.details-col .download-btn-dv{
    display: inline-block;
    top:-3px;
}
.contact-profile .head-back-arrow {
    background: #fff;
    top: 3px;
}
.brief-us-container label#signupAgree-error {
    position: absolute;
    bottom: -19px;
    font-size: 14px;
}

/*** ADDED FOR GLOB-390 TICKET ***/
.home.loggedin .home-ban .owl-carousel .owl-dots {
    bottom:24px;
}

/* #myModal-comment button.close {
    position: absolute;
    top: -15px;
    right: 0px;
    font-size: 50px;
    font-weight: lighter;
    padding: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    color: #383734;
    border-radius: 0 9px 0 0;
} */

#myModal-comment button.close img {
    display: inline-block;
    margin-top: 10px;
}

.filter-inner-dropdown .dropdown-menu .dropdown-item.active {
    background: #E0DCD6;
    color: #383734 !important;
    border-top: 3px solid #fff;
}

.filter-right-part {
    align-items: center;
}

.filter-right-part .download-btn-dv {
    margin-bottom: 0px;
    height:35px;
}

.filter-right-part .filter {
    height:35px;
}

.filter-right-part .catelogue-header, .filter-right-part .download-btn-dv {
    display: flex;
    align-items: center;
}

.customer-list-dropdown .dropdown-item.clear-filter {
    background: unset;
    color: #383734 !important;
    text-decoration: underline !important;
    font-size: 14px;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    margin: 0px;
}

.wishlist.loggedin .filter-inner-dropdown .btn-secondary.active, .catalog-listing.loggedin .filter-inner-dropdown .btn-secondary.active {
    background:#A7A39F !important;
}

.wishlist.loggedin .filter-inner-dropdown .dropdown-menu .dropdown-item, .catalog-listing.loggedin .filter-inner-dropdown .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
}

.wishlist.loggedin .filter-inner-dropdown .dropdown-menu .dropdown-item .icon, .catalog-listing.loggedin .filter-inner-dropdown .dropdown-menu .dropdown-item .icon {
    opacity: 0;
}

.wishlist.loggedin .filter-inner-dropdown .dropdown-menu .dropdown-item.active .icon, .catalog-listing.loggedin .filter-inner-dropdown .dropdown-menu .dropdown-item.active .icon {
    opacity: 1;
    line-height: 35.4px;
}
/*** ENDS HERE ***/

.edit-modal.wish-modal.thank- .modal-content{
    border-radius: 8px;
}

.sendtosupplier.custom-check-mark label:before{
    padding: 10px;
    border-radius: 2px;
    border: 0;
    left: 0;
}
.sendtosupplier.custom-check-mark input:checked + label:after, .sendtosupplier.custom-check-mark input + label:after{
    top: 9px;
    left: 7px;
    width: 6px;
    height: 12px;
}
 
#category-div .menu{
    list-style: none;
}

.catalog-listing.loggedin .my-studio-navigation li span em,
.briefs-listing.loggedin .my-studio-navigation li span em,
.boards.loggedin .my-studio-navigation li span em {
	font-style:normal;
}

#frame .content .messages ul li.replies p, #frame .content .messages ul li.sent p{
    font-weight: 400 !important;
}
#myModal-wish-catalog .modal-content{
    border-radius: 8px;
}
.footer1.threesWebsite .left-side img{
    max-width:100%;
}
.isAccount a{
    position: relative;
    z-index: 9;
}

.catelog-unpublish , .catalog-exclusive, .brief-shared, .product-status{
    position: absolute;
    background: #64605D;
    color: #F2EFED;
    border-radius:99px;
    font-size: 15px;
    padding: 2px 10px;
    left: 8px;
    top:8px;
    display: none;
    z-index: 9;
}
.catalog-exclusive, .brief-shared{
    left: auto;
    right: 8px;
    display: inline-block;
}
.product-status{
    font-size: 12px;
    padding: 0px 10px;
    line-height: 19px;
    display: inline-block !important;
}
.unpublish .catelog-unpublish{
    display: inline-block;
}

.view-catelog-image-popup {
    margin-top: 15px;
}
.view-catelog-image-popup img {
    border-radius: 8px;
    max-width: 80px;
}

.isAccount a.defalut-btn-green:focus,.isAccount a.defalut-btn-green:active, a.defalut-btn-green.isActive {
    background: #E7C15E;
    border-color: #E7C15E;
    color: #383734;
}

.filter.camp-release-filter {
    width: 190px;
}
.camp-release-filter .hamburger-menu-button {
    width: 190px;
}
.camp-release-filter span.hamburger-menu-button-open {
    width: 190px;
}
.salescampaign-detail {
    max-width: 130px;
    margin: 0 0 0 auto;
}

.supplier-btns {
    display: flex;
}
.product-box-wrapper .product-desc h6{
    line-height: 20px;
}
td.supplier-product-dropdown {
    min-width: 140px;
    max-width: 140px;
}
.supplier-products .supplier-product-name , .supplier-product-sale-price{
    min-width: 170px;
    max-width: 170px;
}
.supplier-products .supplier-product-factory-name{
    min-width: 100px;
    max-width: 100px;
}
.supplier-products .supplier-product-name .form-control,.supplier-products .supplier-product-factory-name .form-control {
    width: 100%;
}
.supplier-product-table .form-control {
    width: auto;
    font-size: 14px;
    border-radius: 99px;
    height: 35px;
}
.supplier-product-table textarea.form-control{
    height: auto;
}
.supplier-table-wrapper{
    overflow: auto;
}
.product-supplier-qtyvalue {
    display: flex;
}
.product-supplier-qtyvalue input.form-control {
    width: 70px;
}
td.supplier-product-number {
    width: 100%;
    max-width: 100px;
    min-width: 100px;
}
td.supplier-product-number .form-control{
    width: 100%;
}

.inf.fileName h4 {
    font-size: 14px;
    margin-bottom: 10px;
}
.supplier-table-wrapper .inf.fileName img , .input-container img{
    width: 16px;
    position: relative;
    top: -6px;
}
.input-container img{
    top:0px !important;
}
.supplier-product-table th {
    line-height: 18px;
}
.supplier-table-wrapper .select2-container{
z-index: 0 !important;
}
.product-supplier-selected  td{
    background-color:#E0DCD6 !important;
}

.supplier-table-wrapper .select2-container--default .select2-selection--multiple, 
    .supplier-table-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
        background: #fff!important;
        border: solid #ced4da 1px !important;
    }


    .supplier-table-wrapper td:first-child, .supplier-table-wrapper th:first-child {
    position:sticky;
    left:0;
    z-index:1;
  }
  .supplier-table-wrapper td:nth-child(2),.supplier-table-wrapper th:nth-child(2)  {position:sticky;left: 29px;z-index:1;}
  .supplier-table-wrapper .tableFixHead th {
    position: sticky;
    top: 0;
    z-index:2
  }
  .supplier-table-wrapper th:first-child ,.supplier-table-wrapper th:nth-child(2) {
    z-index:3
    }
    .input-container .thumbnail-image .thumbImg img{
        height: 88px !important;
        width: 88px !important;
        border-radius: 8px;
    margin-bottom: 10px;
    object-fit: contain !important;
    min-height: 88px;
    }
    .supplier-table-wrapper span.required {
        color: red!important;
    }

    .product-image-container {
        position: relative;
        z-index: 1;
        word-wrap:normal;
    }
    .product-image {
        border: 1px solid #ccc;
        width: 100%;
        padding: 0 5px;
        height: 34px;
        text-overflow: clip;
        opacity: 0;
    }
    .upload-btn {
        display: block;
        width: calc(100% - 30px);
        height: 34px;
        border: 1px solid #ced4da;
        position: absolute;
        bottom: 0;
        z-index: -1;
        padding-right: 78px;
        line-height: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        border-radius: 99px;
        font-size: 14px;
        text-align: center;
    }
    .upload-btn::before {
        position: absolute;
        content: "Browse";
        background: #fff;
        color: #383734;
        height: 34px;
        width: 75px;
        line-height: 24px;
        padding: 5px 12px;
        top: -1px;
        right:0;
        font-size: 16px;
    }

    .subscriptions-set-dv h2 {
        display: flex;
        align-items: center;
    }
    .subscriptions-set-dv .card{
        background-color: #F2EFED;
        border: 0 none;
        border-radius: 20px !important;
        margin-bottom: 10px;
    }
    .subscriptions-set-dv .card .card-header{
        padding: 6px 5px;
        background-color: #F2EFED;
        border-radius: 20px !important;
        border-bottom: 0 none;
    }
    .subscriptions-set-dv .card-header .btn-link {
        font-size: 18px;
        color: #383734;
        text-decoration: none;
        font-family: 'FS Emeric';
        font-weight: 700;
    }
    .subscriptions-set-dv .subscription-status {
        font-size: 16px;
        line-height: 18px;
        margin-right: 15px;
    }

    .inner-page-navigation .navbar-nav .nav-item .nav-link em {
        font-style: normal;
    }

    .creative-can-title .report-title{
        width: 45%;
        line-height: 20px;
    }
    .creative-can-title .report-download-btn {
        background: #E7C15E;
    }

    h4.report-title {
        font-size: 22px;
        font-weight: 700;
    }
    b, strong {
        font-weight: bold;
    }

    .my-purchase.custom-check-mark label:before{
        background-color: #F2EFED;
        border: 2px solid #F2EFED;
        margin-right: 0;
    }

    .qrCode-filter .btn-link {
        padding: 0 14px;
    }
    .qrCode-filter .btn-link:after{
        display: none;
    }

    .card-body.subscription-text p {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 300 !important;
        margin-bottom: 15px !important;
    }

    /*custom nav css scroll bar*/
    /* ===== Scrollbar CSS ===== */
 /* Firefox */
 .sidebar-nav, .left-pan-filter , #frmAddProducts select,  .product-supplier-update .ham-menu .dropdown-menu{
    /* scrollbar-width: auto;
    scrollbar-color: #A7A39F #E0DCD6; */
  }

  /* Chrome, Edge, and Safari */
  .sidebar-nav::-webkit-scrollbar, .left-pan-filter::-webkit-scrollbar,.advance-comment-box #commentWishlistProduct::-webkit-scrollbar,
   #frmAddProducts select::-webkit-scrollbar, .product-supplier-update .ham-menu .dropdown-menu::-webkit-scrollbar ,
 .comment-listing-wrapper::-webkit-scrollbar, .file-upload-select div#files-names-brief::-webkit-scrollbar, 
 .icon-save.whish-list-create .radio-tile-group::-webkit-scrollbar, .analytics-filter-dropdown li.dw-main.ppt-dropdown::-webkit-scrollbar, .documents-page .ham-menu ul::-webkit-scrollbar, .dropdown-scroll .ham-menu ul::-webkit-scrollbar{
    width: 10px;
    background-color: #E0DCD6;
  }

  .sidebar-nav::-webkit-scrollbar-track, .left-pan-filter::-webkit-scrollbar-track,.advance-comment-box #commentWishlistProduct::-webkit-scrollbar-track,
   #frmAddProducts select::-webkit-scrollbar-track, .product-supplier-update .ham-menu .dropdown-menu::-webkit-scrollbar-track ,
    .comment-listing-wrapper::-webkit-scrollbar-track, .file-upload-select div#files-names-brief::-webkit-scrollbar-track, 
    .icon-save.whish-list-create .radio-tile-group::-webkit-scrollbar-track, .analytics-filter-dropdown li.dw-main.ppt-dropdown::-webkit-scrollbar-track,.documents-page .ham-menu ul::-webkit-scrollbar-track, .dropdown-scroll .ham-menu ul::-webkit-scrollbar-track{
    /* background: #E0DCD6;
       border-radius: 10px; */

       -webkit-box-shadow: inset 0 0 6px rgba(167, 163, 159, 0.9);
       border-radius: 10px;
       background-color: #E0DCD6;
  }

  .sidebar-nav::-webkit-scrollbar-thumb , .left-pan-filter::-webkit-scrollbar-thumb, .comment-listing-wrapper::-webkit-scrollbar-thumb,
  .advance-comment-box #commentWishlistProduct::-webkit-scrollbar-thumb,.file-upload-select div#files-names-brief::-webkit-scrollbar-thumb,
   #frmAddProducts select::-webkit-scrollbar-thumb,  .product-supplier-update .ham-menu .dropdown-menu::-webkit-scrollbar-thumb,.icon-save.whish-list-create .radio-tile-group::-webkit-scrollbar-thumb,
    .analytics-filter-dropdown li.dw-main.ppt-dropdown::-webkit-scrollbar-thumb, .documents-page .ham-menu ul::-webkit-scrollbar-thumb, .dropdown-scroll .ham-menu ul::-webkit-scrollbar-thumb {
    /* background-color: #A7A39f;
    border-radius: 10px;
    border: 2px solid #E0DCD6; */
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(167, 163, 159, 0.9);
    background-color: #A7A39f;
  }


  .supplier-list-dropdown .dropdown-item {
    white-space: pre-wrap;
    min-width: 240px;
    }

/*Multilevel dropdown css*/
.filter-multilevel-dropdown{
    position: relative;
}
.filter-multilevel-dropdown .btn {
    background: #F2EFED;
    border-radius: 99px;
    padding: 4px 45px 4px 20px;
    position: relative;
    z-index: 9;
    color: #383734;
    max-height: 35px;
    border-color: #F2EFED;
    margin-right: 10px;
    height: 35px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
}
.filter-multilevel-dropdown .btn:after {
    background-image: none;
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "\f107";
    right: 5px;
    top: -2px;
    font: normal normal normal 23px/16px FontAwesome;
}

.multiLevelFilterBody {
    width: 360px;
    position: absolute;
    z-index: 99;
    text-align: left;
    top: 0;
    right: 0;
    display: none;
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 30%);
    border-radius: 20px;
}
.multiLevelFilterBody ul {
    list-style: none;
    background: #fff;
    border-radius: 20px;
    padding: 6px 5px;
    margin-bottom: 0;
}
.multiLevelFilterBody .accordion .item{
    margin-bottom: 0;
}
.multiLevelFilterBody .dw-item:After{
    display: none;
}
.multiLevelFilterBody .radio-tile-group ,.multiLevelFilterBody  .radio-tile-group .input-container{
    margin-bottom: 0;
}
.multiLevelFilterBody .dw-main a.dw-item{
    font-weight: 400;
}
.multiLevelFilterBody .btn-link {
    padding: 0 14px;
}
.multiLevelFilterBody .btn-link:after{
    display: none;
}
.multiLevelFilterBody .dw-item.active {
    background: #A7A39F;
}
.multiLevelFilterBody .reset-filfer-btn {
    background: unset;
    color: #383734 !important;
    text-decoration: underline !important;
    font-size: 14px;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    margin: 0px;
    display: inline-block;
}

.dropdown.dropdown-end {
    margin-bottom: 5px;
}

.savedListMain .filter-inner-dropdown .dropdown-end .dropdown-menu {
    top: 0px !important;
}
.filter-inner-dropdown .dropdown-end.dropdown .btn{
    font-size: 13px;
}
/*End Multilevel dropdown css*/

.essential-img-gallery {
    height: 44px !important;
    width: 44px !important;
    object-fit: contain;
}
.supplier-product-gallery .file-delete {
    position: absolute;
    top: -20px;
    right: 0px;
    z-index: 1;
}
.supplier-product-gallery .file-block{
    position: relative;
}
.supplier-product-gallery .inf.fileName {
    position: relative;
    margin-top: 15px;
}
.supplier-product-table textarea.form-control {
    border-radius: 20px;
}

.supplier-product-mainimage .product-image-container img {
    height: 44px;
    width: 44px;
}
.supplier-product-mainimage .product-image-container img {
    height: 44px;
    width: 44px;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    bottom: 0;
    top: auto !important;
}
.supplier-product-mainimage .product-image-container .upload-btn{
    width: auto;
}
.supplier-product-table .supplier-product-mainimage {
    max-width: 120px;
    overflow: hidden;
    word-wrap: break-word;
}
.product-supplier-update .save-list-detail-right .filter-right-part{
    float: right !important;
}

.btn-container {
    top: -15px;
    position: absolute;
    left: auto;
    right: -9px;
    width: 100px;
}
.btn-container .my-controls-btns{
    margin: 0 5px;
}
.supplier-table-wrapper{
padding-top: 25px;
}
.product-supplier-update input#saveAll {
    z-index: 999;
    position: relative;
}
.step-btn-container .caro-nav-container{
    top: -3px;
}
.step-btn-container .my-controls-btns{
    margin-left: 10px;
    padding: 0;
}
.step-btn-container .my-controls-btns a{
    background: #688563;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    text-align: center;
    padding: 4px 0px;
    cursor: pointer;
    font-size:16px;
    color: #fff;
    display: inline-block;
}
.step-btn-container .my-controls-btns a:hover{
    background: #E0DCD6;
    color: #383734;
}
.step-btn-container .my-controls-btns a.active, .step-btn-container .my-controls-btns a:focus{
    background: #e7b000;
    color: #fff;
}
.fob-price {
    min-width: 200px;
}

@media only screen and (min-width: 768px){

    .catalog-custom-popup-width.signup-modal .modal-dialog-centered {
        max-width: 765px;
    }
    .catalog-custom-popup-width .wishCatContainer, .wishCatContainer .form-group {
        display: flex;
        width: 100%;
    }
    .catalog-custom-popup-width .wishCatContainer > label, .wishCatContainer .form-group > label {
        width: 190px;
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .catalog-custom-popup-width .field-container {
        width: calc(100% - 210px);
    }
}
.catalog-custom-popup-width .wishCatContainer > label, .wishCatContainer .form-group > label {
    margin-right: 20px;
    font-size: 13px;
    line-height:16px;
}

.suppliers-list.catologue-detail img {
    object-fit: contain;
}
.suppliers-list .product-img:hover > img, .suppliers-list .product-img:hover a > img {
    display: block;
}
.suppliers-list a.product-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.global_supplier_suppliers h2 .no-style, .shop-factory h2 .no-style{
    font-family: 'FS Emeric';
    font-style: normal;
    font-weight: 700;
    font-size: 46px;
}

.account-roll-btn {
    display: flex;
}

@media only screen and (max-width:1600px){
.catalog-account-manager{
    flex-wrap: wrap;
    padding-right: 0 !important;
}
.account-roll-btn, .supplier-btns {
    display: flex;
    margin-top: 10px;
    width: 100%;
    justify-content: end;
}
.catalog-listing .account-roll-btn , .essential-catalog .supplier-btns{
    margin-top: 0px;
    width: auto;
}
}

.accountmanager-salescampaign .mystudio-box .hidden-xs {
    display: none !important;
}
.accountmanager-salescampaign .mystudio-box .visible-xs {
    display: block !important;
}

.product-supplier-update .ham-menu .dropdown-menu{
    max-height: 400px;
    overflow: auto;
}
.two-column-custom li:first-child{
    width: 19.7% !important;
}
.two-column-custom li:last-child{
    width: 80% !important;
}

.two-column-custom.show-price li:first-child {
    width: 19.7% !important;
}
.two-column-custom.show-price li:nth-child(2) {
    width: 19.7% !important;
}
.two-column-custom.show-price li:last-child {
    width: 60% !important;
}


.four-column-custom li:first-child{
    width: 25% !important;
}
.four-column-custom li:nth-child(2){
    width: 25% !important;
}
.four-column-custom li:last-child{
    width: 77% !important;
}

.four-column-custom.show-price li:first-child {
    width: 25% !important;
}
.four-column-custom.show-price li:nth-child(2) {
    width: 25% !important;
}
.four-column-custom.show-price li:nth-child(3) {
    width: 25% !important;
}
.four-column-custom.show-price li:last-child {
    width: 51% !important;
}

.clearfilter a {
    position: relative;
    z-index: 11;
    font-size: 15px;
    padding-top: 4px;
    text-decoration: underline !important;
}
.clearfilter a:hover{
    text-decoration: none !important;
}


/*** LOGIN SIGN UP MODAL CSS ***/
.home-singlepage .signup-modal .modal-content , #signup .modal-content{
    background-color: #fff;
    padding: 45px;
    border-radius: 8px
}

.home-singlepage .modal-content h2, #signup .modal-content h2 {
    text-align: center;
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    color: #383734;
    margin-bottom: 0;
}

.home-singlepage .modal-header, #signup .modal-header {
    display: block;
    border-bottom: 0 none;
}

.home-singlepage .modal-content input, .home-singlepage .modal-content select, #signup .modal-content select,  #signup .modal-content input  {
    background-color: #F2EFED;
    padding: 0 20px 2px 20px;
    height: 39px;
    font-size: 15px;
    font-weight: 300;
    border-radius: 99px !important;
    color: #383734;
    border: 0;
}

.home-singlepage .modal-content ::placeholder,#signup .modal-content ::placeholder {
    color: #383734 !important;
 
}

.home-singlepage .signup-modal .signup-btn button, #signup .signup-btn button{
    border-radius: 99px;
    font-size: 14px !important;
    color: #fff !important;
    margin-top: 10px;
}

.home-singlepage .login-modal .forget-pass a, #signup .forget-pass a{
    color: #A7A39F;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    padding-bottom: 0px;
    margin-top: 8px;
    margin-bottom: 17px;
}

.home-singlepage .signup-modal .login-btn button, #signup .login-btn button{
    background: none !important;
    color: #383734;
    text-decoration: underline;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    height: auto;
}

.home-singlepage .signup-modal .bottom-txt p,  #signup .bottom-txt p{
    margin: 8px 0px 0px 0px;
    font-size: 15px;
    font-weight: 300;
    color: #A7A39F;
}
 
.home-singlepage .signup-modal .close, #forgot .close ,  #signup .close{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 50px;
    font-weight: lighter;
    padding: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    color: #383734;
    border-radius: 0 9px 0 0;
}

.home-singlepage .signup-modal .close:hover, #forgot .close:hover , #signup .close:hover{
    background-color: #A7A39F;
    color: #fff;
}

.home-singlepage .signup-modal .close span, #forgot .close span, #signup .close span{
    font-size: 0;
}

.home-singlepage .signup-modal .close span:after, #forgot .close span:after,#signup .close span:after  {
    content: "\eee1";
    font-family: IcoFont!important;
    right: 15px;
    position: absolute;
    font-size: 22px;
    height: 20px;
    width: 20px;
    top: 25px;
    font-weight: 600;
}

.home-singlepage .signup-modal .close:hover span:after, #forgot .close:hover span:after, #signup .close:hover span:after {
    color: #fff;
}

.home-singlepage .signup-modal .who-im, #signup .who-im{
    padding: 0px 16px;
    text-align: left;
}

.home-singlepage .signup-modal .who-im label, #signup .who-im label{
    font-size: 14px;
    color: #383734;
    font-weight: 700;
}

.home-singlepage .signup-modal .check-text label, #signup .check-text label{
 
    font-weight: 300;
    line-height: 1.4;
    padding-left: 55px;
}

.home-singlepage .signup-modal .check-text label a,#signup .check-text label a {
    text-decoration: underline !important;
}

.home-singlepage .signup-modal.login-modal .modal-dialog-centered {
    max-width: 555px;
    width: 100%;
}

.home-singlepage .signup-modal .modal-dialog-centered, #signup .modal-dialog-centered{
    max-width: 647px;
    width: 100%;
}
.salesCampaign-new select {
    margin-bottom: 10px;
}

#signup .modal-header h5 {
    font-size: 45px;
    line-height: 55px;
}

.supplier-product-moq , .supplier-product-margin, .supplier-product-image-code, .supplier-product-fobPriceInUSD {
    width: 130px;
    max-width: 130px;
    min-width: 130px;
}
td.supplier-product-moq input, td.supplier-product-margin input, td.supplier-product-image-code input, td.supplier-product-factory-name input,
 td.supplier-product-fobPriceInUSD input, td.supplier-product-salePrice input{
    width: 100% !important; 
}

 
#bulkEditModal .wishCatContainer .form-group > label {
    width: 120px;
    min-width: 90px;
    margin-bottom: 0;
}
#bulkEditModal .signup-btn{
padding: 0;
}

#bulkEditModal .wishCatContainer .form-group {
    align-items: center;
}


.ppt-dropdown .accordion .item ,.ppt-dropdown .accordion .item .radio-tile-group {
    margin-bottom: 0;
}

.home .product-download-icon {
    position: absolute !important;
    right: 13px!important;
    top: auto!important;
    left: auto !important;
    bottom: -31px!important;
}
.home .product-download-icon > img{
    width: 18px !important;
    display:block !important;
    padding: 0 !important;
    min-height: unset !important;
}
.product-download-icon {
    position: absolute;
    right: 13px;
    top: auto;
    bottom: -31px;
    z-index: 11;
    }
.product-download-icon.my-board-icon {
    position: absolute;
    right: 13px;
    top: auto;
    bottom: 20px;
    z-index: 9;
}
.product-download-icon > img{
    width: 18px !important;
    display:block !important;
    padding: 0 !important;
}
.product-slider-dw-icon.product-download-icon {
    position: absolute;
    right: 13px;
    top: auto;
    bottom: 13px;
    z-index: 111;
}
.contactus-modal.signup-modal .modal-content input{ margin-bottom: 10px; font-weight: 300;}
.contactus-modal .what-in-mind textarea{
    border-radius: 20px;
    background-color: #F2EFED !important;
    font-weight: 300;
}
.signup-modal.contactus-modal .slect-user .radio-tile-group .input-container .radio-tile{
    background-color: #F2EFED; 
}
.signup-modal.contactus-modal  .who-im, .home-new .signup-modal .who-im {
    padding: 0px 16px;
    text-align: left;
}

.pro-row-content .cart-image-box .product-image{
    border: 0;
    opacity: 1;
}
 
/*------------------- new chnages feb-------------------------*/
.view-all-btn {
    max-width: 80px;
    position: absolute !important;
    top: 8px !important;
    right: 80px;
}
.carousel-category-images.handpick-just-for-u .product-box-wrapper .product-img {
    padding: 0;
    height: 100%;
}
.carousel-category-images.handpick-just-for-u .product-box-wrapper .product-img img {
    border-radius: 8px;
}
.carousel-category-images.handpick-just-for-u .product-box-wrapper .product-img:hover > img, 
.carousel-category-images.handpick-just-for-u .product-box-wrapper .product-img:hover a > img,
.carousel-new-category-images.handpick-just-for-u .product-box-wrapper .product-img:hover > img, 
.carousel-new-category-images.handpick-just-for-u .product-box-wrapper .product-img:hover a > img {
    display: block;
}

.carousel-new-category-images .product-desc h6 {
    font-size: 20px;
}

.carousel-category-images .home-hand-pick-slider.owl-carousel .owl-item img {
    width: 100%;
}

span.drop-lable {
    font-size: 14px;
    text-align: left !important;
    display: block;
    padding: 0px 9px 10px;
}

.yellow-color {
    background-color: #E7C15E !important;
    border-color: #E7C15E !important;
}
.yellow-color:hover {
    background: #E0DCD6 !important;
    color: #383734;
    border: 1px solid #E0DCD6 !important;
}

/*new brief page css*/
.brief-content-box {
    text-align: center;
	 padding-top: 70px;
}
.brief-content-box h1 {
    font-size: 60px;
    font-family: 'Utopia Std';
    font-style: italic;
    font-weight: 600;
}	

.brief-content-box span {
    font-size: 30px;
    font-weight: 600;
}
.brief-account-manage {
    display: flex;
    justify-content: center;
}

.brief-account-manage .acc-inner-main {
    margin: 20px 15px 20px;
    padding: 0;
}

.brief-account-manage .acc-card {
    padding: 15px;
    border-radius: 99px;
    display: block;
    background: transparent;
}
.brief-account-manage .acc-profil-pic {
    display: inline;
    float: left;
}
.brief-account-manage .acc-persion-name {
    width: calc(100% - 74px);
    display: inline-block;
    min-height: 55px;
    text-align: left;
}
.brief-account-manage .acc-persion-contact {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 12px;
}

.brief-account-manage .acc-persion-contact ul li.phone-no a, 
.brief-account-manage .acc-persion-contact ul li.so-email a, 
.brief-account-manage .acc-persion-contact ul li.so-cal a {
    background: #fff;
    height: 40px !important;
    padding: 3px 0px;
}

.accout-man-box {
    margin-bottom: 20px;
}
.accout-man-box .txt {
    text-align: center;
    margin: 0;
    padding: 160px 0 0;
    font-size: 17px;
}

.brief-grid-box .mystudio-box {
    background-color: #F2EFED;
    padding: 20px;
}

.brief-grid-box  .col-md-3{
    padding: 0 8px;
}

.b-image-title {
    padding: 5px 0;
    line-height:20px;
    height: 50px;
}
.brieft-image-holder {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brieft-image-holder > img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.bri-pdf-box .brieft-image-holder img {
    height: auto !important;
    width: auto;
}
.brief-grid-box .box-details {
    height: calc(100% - 90px);
}
.box-bottom-footer {
    display: flex;
    justify-content: end;
    padding: 6px 0 0;
}
.brif-box-btn {
    background: #fff;
    border: 0;
    color: #383734;
    font-size: 14px;
    border-radius: 99px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 3px 0;
}
.brif-box-btn:hover{
background-color: #E0DCD6;
}

.brif-box-btn img {
    border-radius: 0 !important;
}
.briefDelete img {
    margin-top: -5px;
}
.brief-comment-btn{
    background: #F2EFED;
    border-radius: 99px;
    padding: 4px 20px 4px 20px;
    position: relative;
    z-index: 9;
    color: #383734;
    max-height: 35px;
    border-color: #F2EFED;
    height: 35px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    display: inline-block;
}
.delete-brief-row img {
    margin-top: -5px;
}
.brief-comment-btn:hover{
    background-color: #E0DCD6; 
}

/*brief delet confirmation modal*/
.signup-modal .modal-content, #deleteBriefConfirmationModal .modal-content {
    background-color: #fff;
    padding: 45px;
    border-radius: 8px;
}
.signup-modal .modal-header, #deleteBriefConfirmationModal .modal-header {
    display: block;
    border-bottom: 0 none;
}
#deleteBriefConfirmationModalText {
    margin-bottom: 15px;
}
#deleteBriefConfirmationModal .modal-footer {
    border: 0;
    flex-wrap: wrap;
}
#deleteBriefConfirmationModal .modal-footer .btn-yes {
    background-color: #E0DCD6;
    color: #383734;
}
#deleteBriefConfirmationModal h5{
    margin-bottom: 0;
    padding-bottom: 0;
}
#deleteBriefConfirmationModal .modal-footer button:hover {
    background-color: #F2EFED;
    color: #383734;
}
#deleteBriefConfirmationModal .modal-footer .btn-no {
    background-color: #D19688;
    color: #F2EFED;
    margin-bottom: 10px;
}
#deleteBriefConfirmationModal .modal-footer button {
    border: 0;
    min-width: 180px;
    height: 35px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
#deleteBriefConfirmationModal .modal-footer>:not(:first-child){
    margin-left: 0;
}

.rfq-myboard, .shared-myboard {left: 30px; right: auto; top: 20px;}
.shared-myboard+.rfq-myboard { left: 104px;}
.shared-myboard+.rfq-myboard+.archived-myboard{
    left: 231px;
}
.rfq-myboard+.archived-myboard{
    left: 165px;
}
.my-board-pbox.product-bx .wishlist-comment-icon .cooment-icon {
    width: 23px;
    height: 18px;
    left: auto;
    right: 13px;
    top: 83px;
}
table .supplier-product-moq{
    min-width: 80px
}
table .supplier-product-margin{
    min-width: 105px;
}
.thumbnail-image .thumbImg a {
    position: relative;
    display: block;
    z-index: 99;
}
.download-report.loggedin .sidebar.left,.download-report.loggedin .main-header-srch {
    display: none;
}

.new-brief-icon {
    max-width: 200px;
    margin: 0 auto;
    padding: 70px 0;
}

/*download image popup*/
.download-product-image .modal-dialog{
    max-width: 1080px;
    width: 100%;
}
.download-product-image .modal-content{
    height: 100%;
    padding: 0 0 30px!important;
}
.produt-big-image {
    max-width: 770px;
    margin: 0 auto;
}
.produt-big-image img {
width: 100%;
height: 100%;
max-height: 700px;
object-fit: contain;
}
.popup-download-image ,.popup-download-image-close{
    background: #688563;
border-radius: 99px;
padding: 4px 20px 20px;
position: relative;
z-index: 9;
color: #fff;
max-height: 40px;
border-color: #688563;
margin-right: 10px;
height: 40px;
font-size: 14px;
line-height: 33px;
font-weight: 700;
display: block;
width: 50%;
text-align: center;
}
.popup-download-image:hover ,.popup-download-image-close:hover{
    background: #F2EFED;
    color: #383734;
}
.popup-download-image-close {
    
    background: #E0DCD6;
    color: #383734;
    border-color: #E0DCD6;
}

.popup-download-image img {
width: 15px;
margin: -7px 0px 0 1px;
}
.popup-download-image-div {
display: flex;
max-width: 700px;
margin: 0 auto;
}

a.download-popup-img {
    float: right;
    top: 7px;
    position: relative;
    margin-right: 55px;
    height: 30px;
    width: 30px;
    text-align: center;
}
a.download-popup-img img {
    width: 18px;
}
/*end download image popup*/

.product-detail-slider-row .product-download-icon , .product-download-icon{
    background: #E0DCD6;
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    border-radius: 99px;
}
.product-detail-slider-row .product-download-icon:hover , .product-download-icon:hover{
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    border: 0;
}
.product-detail-slider-row .product-download-icon > img {
    width: 22px !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 auto;
}

.product-download-icon > img {
    width: 18px !important;
    display: block !important;
    padding: 6px 0!important;
    margin: 0 auto;
    transform:unset !important;
}
.new-grid-layout .product-download-icon{
    bottom: -41px;
}

.slider-banner-image{
    overflow: hidden;
}
.slider-for .slick-slide img{
    max-width: 521px;
    margin: 0 auto;
}
a.product-download-icon.product-slider-dw-icon:hover + .main-zoom img {
    cursor: pointer !important;
}
.main-zoom.izoomify-in {
    cursor: crosshair;
}
.slider-horizon .slick-prev.slick-arrow{
    left: 10px !important;
}
.slider-horizon .slick-next.slick-arrow{
    right: 10px !important;
}



.home-singlepage  .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #signup .custom-checkbox .custom-control-input:checked~.custom-control-label::after,
.home-singlepage .custom-checkbox .custom-control-input~.custom-control-label::after, #signup .custom-checkbox .custom-control-input~.custom-control-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 12px;
    width: 11px;
    height: 17px;
    border: solid #fff;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg);
    background-image: none !important;
    border-radius: 0;
}


.home-singlepage .custom-checkbox .custom-control-input~.custom-control-label::after, #signup .custom-checkbox .custom-control-input~.custom-control-label::after {
    border-color: transparent;
}


/*My borad new grid layout css*/
.my-board-new-grid-layout.saved-list-main .saved-list-box a{
    height: 100%;
}
.my-board-new-grid-layout .whish-image-wrap .img-box{
    flex-wrap: wrap;
}
.my-board-new-grid-layout .whish-image-wrap .img-box .im-box{
    width: 50%;
}
.archive-board , .copy-board-dv {
    position: absolute;
    right: 0;
    top: 9px;
    right: 30px;
    z-index: 9;
    cursor: pointer;
}
.archive-board img {
    width: 20px;
}
.copy-board-dv {
    right: 56px;
}
.board-list-grid-buttons {
    display: flex;
}
.board-list-grid-buttons a {
    padding: 7px;
    height: 37px;
    width: 37px;
    display: block;
    background: #f2efed;
    margin: 0 5px;
    line-height: 12px;
    border-radius: 99px;
    position: relative;
    z-index: 9;
}
.board-list-grid-buttons a.active, .board-list-grid-buttons a:hover{
    background: #E0DCD6;
}

/*forgot password css*/

#forgot.dark-pop .modal-dialog-centered {
    max-width: 555px;
}
#forgot.dark-pop .modal-dialog-centered .modal-content {
    background-color: #fff;
    padding: 45px;
    border-radius: 8px;
    min-height: unset;
}
  
#forgot .close span:after {
    top: 15px !important;
}

.home-singlepage  #signupCountry, #signup #signupCountry{
    margin-bottom: 10px;
}


.board-wrapper-box {
    overflow: visible;
    position: relative;
    display: block;
    background-color: #F2EFED;
    border-radius: 8px;
    height: 100%;
 }  

.my-board-new-list-wrapper .whish-image-wrap .owl-carousel.img-box .im-box {
    width: 100%;
}

.my-board-owl.owl-carousel .owl-nav button.owl-next .fa-angle-right::before , .my-board-owl.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
    background-size: 36%;
    top: 10px;
}
.my-board-owl.owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
    right: 2px;
}

.my-board-owl.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
    left: 13px;
}

.my-board-owl .owl-nav button{
    height: 35px;
    width: 35px;
    border-radius: 99px;
    background-color: #F2EFED !important;
    border: 1px solid #3837349c !important;
    opacity: 0;
} 
.my-board-owl .owl-nav button:hover{
    box-shadow: 0 0 15px 1px  rgba(0,0,0,0.4);
    border: 0 !important;
 
}
.my-board-owl:hover  .owl-nav button {
    opacity: 1;
}
 
.my-board-new-grid-wrapper .whish-image-wrap  .img-box{
    flex-wrap: wrap;
}

.my-board-new-grid-wrapper .owl-carousel .item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
        max-height: 380px;
    /* grid-gap: 10px; */
}
 
.my-board-new-grid-wrapper .owl-carousel .item .im-box {
    width: 100% !important;
    height: auto;
}
 
 
#boardSearch {
	background: #F2EFED;
	border: 0;
	border-radius: 20px;
	color: #383734;
}
.view-savlist-btn {
	background: #688563 !important;
	border-radius: 99px !important;
}
.view-savlist-btn:hover{
    background: #E0DCD6 !important;
}

.add-to-board{
    width: 24px;
    height: 21px;
    background: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/cart-icon-empty.svg);
    background-size: 100%;
    position: absolute;
   right: 12px;
    top: 110px;
    z-index: 9;
    cursor: pointer;
}
.add-to-board.fill{
    background: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/cart-icon-fill.svg);
}
.product-info-button{
    width: 24px;
    height: 24px;
    background: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/pro-info-icon-notfill.svg);
    background-size: 100%;
    position: absolute;
   right: 12px;
    top: 133px;
    z-index: 9;
    cursor: pointer;
}
.slider-for .add-to-board {
    top: 20px;
}
.signup-modal.product-info-modal .modal-dialog-centered {
    max-width: 700px;
}
.signup-modal.product-info-modal .modal-content {
    padding: 0;
}

.product-info-modal .pro-quote-detail ul.three-column li{
    margin-top: 5px;
    width: 40%;
}
.product-info-modal .pro-quote-detail ul.pro-detail-txt li span{
    text-align: left;
}
.slider-for .add-to-board {
    top: 20px;
}
.slider-banner-image.product-img .wishlist {
    z-index: 999 !important;
}

.board-level-wishlist-icon .wishlist {
    top: 50px;
    right: 14px;
}

/*comment section new UI*/

.comment-listing-wrapper li, .new-note-popup-default-style .comment-data-section li{
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}
.comment-data-section {
    background: #F2EFED;
    border-radius: 20px;
    padding: 30px 10px;
}
.advance-comment-box.edit-modal.wish-modal.req-modal .w-input textarea {
    height: 85px;
}
ul.comment-listing-wrapper,.new-note-popup-default-style .comment-data-section ul {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    max-height: 400px;
    overflow: auto;;
}
.comment-header{
    display: flex;
    align-items: center;
}
.comment-header h3 {
    margin-bottom: 0;
    width: 70%;
    font-size: 16px;
    font-weight: bold;
}
.attachments a {
    font-size: 14px;
    display: block;
    line-height: 22px;
    position: relative;
    padding-left: 20px;
}
.attachments a::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/docu-icon.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
}
.user-thumb {
    display: block;
    width: 30px;
    height: 30px;
    background: #ccc;
    border-radius: 99px;
    text-align: center;
    padding: 2px 5px;
    margin-right: 15px;
    position: absolute;
    left: 0;
}
.comment-date-time {
    font-size: 14px;
    display: block;
    width: 30%;
    text-align: right;
    padding-right: 10px;
}
.comment-text {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 21px;
}
.attechments span {
    font-size: 14px;
    color: #949494;
}
.advance-comment-box .modal-body .attachment {
    border-radius: 20px;
}
/*End comment section new UI*/
.step-button-wrapper{
    position: relative;
}
.supplier-product-dropdown .form-control{
     width: 100%;
}


.borad-detail-list-view-table .form-control {
    width: 100%;
}

.borad-detail-list-view-table  .input-container .thumbnail-image .thumbImg img {
    height: 155px !important;
    width: 155px !important;
    border-radius: 8px;
    margin-bottom: 10px;
    object-fit: contain !important;
    min-height: 155px;
}
.borad-detail-list-view-table .product-mainimage {
	width: 124px;
}

.board-list-assesial-gallary {
    display: flex;
    flex-wrap: wrap;
}
.board-list-assesial-gallary .thumbImg {
    width: 88px;
    height: 88px;
    padding: 5px;
}

.customDownloadBody-curation a.close-download-btn::before , .commondropdown-body a.close-download-btn::before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/close-black-svg.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    content: "";
    right: 4px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 70%;
}
.curation-dropdown.download-btn-dv .btn:after, .commondropdown.download-btn-dv .btn:after {
    background-image: url(https://d2577j2dd5wuk.cloudfront.net/assets/images/header-filter.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    right: 17px;
    top: 8px;
    background-size: 84%;
}
.customDownloadBody-curation ul ,.commondropdown-body ul{
    list-style: none;
    background: #fff;
    border-radius: 20px;
    padding: 6px 5px;
    margin-bottom: 0;
}
.customDownloadBody-curation, .commondropdown-body {
    width: 244px;
    position: absolute;
    z-index: 99;
    text-align: left;
    top: 0;
    right: 0;
    display: none;
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 30%);
    border-radius: 20px;
}
.customDownloadBody-curation a.close-download-btn, .commondropdown-body  a.close-download-btn{
    font-size: 15px;
    color: #F2EFED !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    line-height: 7px;
    display: block !important;
    margin-bottom: 5px;
    border-radius: 99px;
    text-align: left;
    position: relative;
    text-indent: -999em;
    height: 35px;
    width: 35px;
}
.customDownloadBody-curation a.defalut-btn-green, .commondropdown-body  a.defalut-btn-green {
    margin-bottom: 10px;
    background: #F2EFED;
    color: #383734;
    border-color: #F2EFED;
    width: 100%;
    text-align: left;
}

.customDownloadBody-curation a.defalut-btn-green:hover, .commondropdown-body a.defalut-btn-green:hover{
    background-color: #E0DCD6 !important;
    color: #383734;
}


.board-detail-title {
    margin-bottom: 30px;
}
.page-title-edit{
    display: flex;
    align-items: center;
}
.page-title-edit .icon-edit {
    width: 37px;
    height: 37px;
    background: #f2efed;
    border-radius: 99px;
    display: block;
    text-align: center;
    padding: 6px 0;
    cursor: pointer;
    margin-right: 5px;
}
.page-title-edit .icon-edit:hover{
    background-color: #E0DCD6;
}
.borad-detail-list-view-table, .step-button-wrapper {
    
}

/*Buyers table css*/

.buyers-table-wrapper {
    width: 100%;
    overflow: auto;
}
.tb-action-buttons {
    justify-content: end;
}
.grey-color {
    background-color: #e0dcd6 !important;
    color: #383734 !important;
    border-color: #e0dcd6 !important;
}
.grey-color:hover {
    background: #F2EFED !important;
    color: #383734 !important;
    border: 1px solid #F2EFED !important;
}
a.defalut-btn-green.byr-singup-btn {
    background-color: #D19688;
    border-color: #D19688;
    text-transform: uppercase;
}
a.defalut-btn-green.byr-singup-btn:hover{
    background-color: #A7A39F;
    border-color: #A7A39F;
    color: #fff;
}
.buyer-table-listing .form-control{
    width: 100%;
}
.buyer-table-listing .select2-container{
    z-index: 9;
}

.intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input {
    padding-right: 6px !important;
    padding-left: 52px !important;
    margin-left: 0 !important;
}
/*anonymous detail page css*/

.anonymous-user-pro-detail-page aside.front-side,.anonymous-user-pro-detail-page .wishlist-icon,.anonymous-user-pro-detail-page .main-header-srch,
.anonymous-user-pro-detail-page .comments , .anonymous-user-pro-detail-page .attachment,.anonymous-user-pro-detail-page  .btn-add-to-cart,
.anonymous-user-pro-detail-page .breif-us,.anonymous-user-pro-detail-page .more-pro-from-this-factory, 
.anonymous-user-pro-detail-page .right-coffe-table form .color + h4, .anonymous-user-pro-detail-page .breadcrumb,
.anonymous-user-pro-detail-page #login .custom-checkbox{
    display: none !important; 
    height: 0 !important;
    overflow: hidden !important;
}
body.anonymous-user-pro-detail-page > main {
    padding: 8px 100px 8px 100px !important;
    max-width: 1470px !important;
}
body.anonymous-user-pro-detail-page footer .container-fluid {
    padding: 0 24px 0 24px;
}
body.home-singlepage.anonymous-user-pro-detail-page {
    padding-top: 75px !important;
}
/*End anonymous detail page css*/

.cust-active{
    min-width: 100px;
}
td.byr-country {
    max-width: 154px;
}
td.byr-account-manger {
    min-width: 200px;
}
.edit_companies_grid_list .page-title h2,.edit_customers_grid_list .page-title h2 {
    font-size: 30px;
}
.camera-div {
    position: fixed;
    z-index: 999;
   max-width:  70%;  
   max-height: 100%;
    text-align: center;
    left:0;
    right: 0;
    margin: 0 auto;
}
 
@media (min-width: 991px){
    .camera-div {
        max-width:  24%; 
    }
}
 
.edit_companies_grid_list .page-title h2,.edit_customers_grid_list .page-title h2, .edit_supplier_companies_grid_list h2 , .edit_suppliers_grid_list .page-title h2{
    font-size: 30px;
}
 
 
.camera-div video{
    width: 100%;
    height: 100%;  
    margin: 0 auto;
    text-align: center;
}
button#switch-camera, #close-camera {
    border: 0;
    border-radius: 99px;
    background: #e0dcd6;
    height: 40px;
    width: 40px;
    line-height: 0;
    position: absolute;
    bottom: 7px;
    right: 45px;
}

button#switch-camera {
    right: 90px;
}

#highlight {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    border: 5px solid rgba(0, 255, 0, 0.7);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

#confirmModal .btn-primary {
    color: #fff;
    background-color: #688563;
    border-color: #688563;
}
#confirmModal .btn-secondary {
    color: #383734;
    background-color: #e0dcd6;
    border-color: #e0dcd6;
}
#confirmModal .btn-primary:hover, #confirmModal .btn-secondary:hover{
    color: #383734;
    background-color: #F2EFED;
    border-color: #F2EFED;
}


 
.product-scan-img {
    text-align: center;
}
.product-scan-img img {
    max-height: 140px;
}


.shop-factory .download-btn-dv .btn {
    margin-right: 10px !important;
}
.shop-factory h2{
    margin-bottom: 0;
}

body.wishlist{
    touch-action: pan-x pan-y;  
}


  /*country select2 dropdown signup form*/
  .country-dropdown-select2-div{
    margin-bottom: 10px;
 }
 .country-dropdown-select2-div .select2-container--default .select2-selection--single {
    background-color: #f2efed !important;
    border: 0px solid #FFF !important; 
    border-radius: 20px !important;
 }
 .country-dropdown-select2-div .select2-container--default .select2-selection--single .select2-selection__rendered , .country-dropdown-select2-div .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #383734;
    line-height: 34px;
    font-family: 'SofiaProLight';
    font-size: 15px;
}
.country-dropdown-select2-div .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 17px;
}
.country-dropdown-select2-div .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: unset;
    border-style: unset;
    border-width: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 15px;
    background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
    content: "";
    height: 14px;
    background-repeat: no-repeat;
    background-size: 66%;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .country-dropdown-select2-div .select2-container--default .select2-selection--single .select2-selection__rendered , .country-dropdown-select2-div .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 12px;
    }
}
 
 /*End country select2 dropdown signup form*/

 /*company grid changes during expo*/
 .edit_companies_grid_list .byr-name {
    min-width: 240px;
    width: 240px;
}
.edit_companies_grid_list .byr-num {
    max-width: 120px;
    width: 120px;
}
.edit_companies_grid_list .byr-country {
    max-width: 155px;
    width: 155px;
}
.edit_companies_grid_list .byr-actions{
    width: 200px;
    max-width: 200px;
}
 
/*customer grid changes during expo*/
.edit_customers_grid_list .table td {
    padding: 4px;
}
.edit_customers_grid_list .cust-first-name {
    max-width: 130px;
    width: 130px;
}
.edit_customers_grid_list .cust-dial-code {
    width: 70px;
}
.edit_customers_grid_list .cust-contact-person {
    width: 112px;
}
.edit_customers_grid_list .cust-email {
    min-width: 200px;
}
.edit_customers_grid_list .cust-country {
    width: 150px;
}
 
.edit_customers_grid_list .cust-password {
    width: 100px;
}
.edit_customers_grid_list .cust-actions {
    width: 110px;
    max-width: 110px;
}
.edit_customers_grid_list .tb-action-buttons.d-flex {
    display: block !important;
}
.edit_customers_grid_list .customer-tb-save {
    margin-bottom: 5px;
}

input.error-msg::placeholder, select.error-msg {
    color: #FF0000 !important;
}

#myModal-wish-catalog .table-fixed tr.prod-item > td{
    height: 475px !important;
    max-height: 475px !important;
    width: 47.5% !important;
}
#myModal-wish-catalog .table-fixed tr.prod-item.prod-12-item > td {
    height: 315px !important;
    max-height: 315px !important;
    width: 32.5% !important;
}
.salesCampaign-new #myModal-wish-catalog .salesCampaign-catalog .table-fixed tr.prod-item>td {
    height: 395px !important;
    max-height: 395px !important;
    padding: 0px 15px !important;
    display: inline-block;
    width: 30.33% !important;
 
}
#myModal-wish-catalog .table-fixed.one tr.prod-item > td, #myModal-wish-catalog .table-fixed.two tr.prod-item > td{
    height: 885px !important;
    max-height: 885px !important;
}
#myModal-wish-catalog .table-fixed.one tr.prod-item > td{
    width: 100% !important;
}
.grid-row-not-published td {
    background: #fff4d2;
}
td.supplier-product-expo-code input {
    width: 100% !important;
}
.supplier-product-expo-code {
    min-width: 114px;
}
td.supplier-product-gallery {
    max-width: 270px;
}
.radio-wraper-dv .wishlist-product-count {
    position: absolute;
    right: 12px;
}
.icon-save .radio-tile-group .input-container .radio-button:checked + .radio-tile .wishlist-product-count {
    right: 31px;
}

.buyer-table-listing , .buyer-table-listing{
    padding-top: 15px;
}
.search-table-grid-record {
    max-width: 340px;
    position: relative;
    top: 10px;
    width: 100%;
  
}
.search-table-grid-record .form-control {
    border-radius: 99px;
}
button.cleaer-search-btn {
    border: 0;
    background: #f2efed;
    height: 38px;
    width: 44px;
    border-radius: 20px;
    margin-left: 5px;
    padding: 0;
    z-index: 1;
    cursor: pointer;
}
button.cleaer-search-btn:hover{
    background: #e0dcd6;
}
.company-and-buyrs-steps-btn .step-btn-container .caro-nav-container {
    top: 30px;
}
.cust-view, .byr-view{
    width: 30px;
    text-align: center;
}

.cards-row {
    display: flex;
    margin: 0 -5px;
}
.cards-column {
    width: 25%;
    padding: 0 5px;
}
.cards-column img {
    border-radius: 8px;
}

.byr-creationDate, .cust-creationDate {
    width: 120px;
}
.byr-source {
    width: 160px;
}
.cust-last-name , .cust-source, .cust-last-name{
    width: 150px;
}
.customer-tb-save-step1,.customer-tb-save-step2 {
    margin-bottom: 5px;
}

a.inquiry-icon-popup {
    position: absolute;
    right: 7px;
    top: 48px;
    z-index: 9;
    cursor: pointer;
}

a.inquiry-icon-popup img{
    display: block !important;
}

span.nuError {
    color: #dc3545;
    position: relative;
    left: 20px;
    top: -10px;
}
.inquiry-icon-popup > img {
    width: 24px;
}
.breif-us a.inquiry-icon-popup {
    position: absolute;
    right: 120px;
    top: 15px;
    background: transparent;
    padding: 0;
    display: block;
}
.breif-us a.inquiry-icon-popup img {
    width: 30px;
    object-fit: contain;
}
.breif-us a.inquiry-icon-popup:after {
    display: none;
}
.right-coffe-table .breif-us a.inquiry-icon-popup:hover {
background-color: transparent;
}

.product-box-wrapper a.inquiry-icon-popup {
    right: 9px;
    top:40px;
}

.product-box-wrapper a.comment-icon {
    display: none;
}
.cust-boards > a, .cust-briefs > a, .cust-quotes > a, .cust-exclusive-collections > a, .cust-orders > a, .cust-documents > a {
    color: #0000ff;
    text-decoration: underline !important;
    text-align: center;
}
 
.download-btn-dv.grid-download-btn {
    position: absolute;
    right: 123px;
    top: 12px;
    z-index: 9;
}
.edit_companies_grid_list .download-btn-dv.grid-download-btn {
    right: 88px;
}
.download-btn-dv.grid-download-btn a:hover{
  background-color:#E0DCD6 !important;
}
.edit_customers_grid_list .cust-first-name.third-step-frist-name {
    max-width: 210px;
    width: 210px;
}
.customer-grid-counts {
    text-align: center;
    display: block;
}
.cust-exclusive-collections {
    max-width: 90px;
}
.analytics-right-side-filter {
    display: flex;
    justify-content: end;
}
.analytics-filter-dropdown .customDownloadBody-curation {
    width: 350px;
}
.analytics-filter-dropdown li.dw-main.ppt-dropdown {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
}
.analytics-filter-dropdown .closetext {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 10px;
}
.analytics-table-main {
    width: 100%;
    overflow: auto;
}
.analytics-filter-dropdown li.dw-main.ppt-dropdown .defalut-btn-green {
    line-height: 15px;
    height: 35px;
    display: flex;
    align-items: center;
}
.analytics-table-main .table-link {
    color: #0000EE;
    text-decoration: underline !important;
}
.analytics-table-main .table-link:hover{
    text-decoration: none !important;
}

/*new message notification popup design*/
.modal-body .new-massage-panel ul{
    list-style:none;
    padding: 0px 0 0 0 !important;
}
.modal-body .new-massage-panel ul li.contact {
    position: relative;
    padding: 10px 0 10px 0;
    font-size: 0.9em;
    cursor: pointer;
    border-radius: 99px;
    min-height: 68px;
    background-color: #ededed;
}
.modal-body .new-massage-panel ul li.contact .wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
}
.modal-body .new-massage-panel ul li.contact .wrap img {
    width: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    background: #E0DCD6;
    padding: 10px;
}
.modal-body .new-massage-panel ul li.contact .wrap .meta {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new-massage-panel .user-panel-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 45px;
}
.modal-body .new-massage-panel ul li.contact .wrap .meta .popup-sender-details {
    font-weight: 600;
    margin-bottom: 0;
      font-family: 'FS Emeric';
    font-size: 15px;
    width: 100%;
}
.new-massage-panel .user-last-message {
    font-weight: 400;
    font-size: 15px;
    color: #383734;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
     font-family: 'FS Emeric';
    display: block;
    line-height: 20px;
}
/*End new message notification popup design*/

.image-not-in-ratio {
    object-fit: contain !important;
    max-height: 237px;
    min-height: 237px;
    width: 100%;
    height: 100%;
}

/*onload popup buyer selection*/
.select-buyer-onload-popup .modal-content ,.select-buyer-onload-popup .modal-dialog.modal-dialog-centered {
  
    max-height: 100%;
}
.popup-multiselect-dropdown .dropdown-menu {
    width: 100%;
}
.popup-multiselect-dropdown   .dropdown-menu {
    position: relative !important;
    top: 6px !important;
    margin: 0;
    padding: 0;
    transform: translate3d(0px ,0px, 0px) !important;
}

.profile-multiselect .popup-multiselect-dropdown .dropdown-menu {
    position: relative !important;
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100%;
}

#profile-info .profile-multiselect .radio-tile-group .input-container .radio-tile-label {
    font-size: 15px;
}

.profile-multiselect #submitSelectedBuyers{
    margin: auto 0 0 auto;
    border-radius: 20px;
}
.profile-multiselect .filter-inner-dropdown .dropdown .dropdown-toggle:after{
    top:8px
}


.share-to-dw , .form-control.share-to-dw:focus {
    background: #F2EFED;
    border: 0;
    border-radius: 99px;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    max-width: 463px;
    width: 100%;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
    border: 0 !important;
    padding-right: 35px;
    
}
.brieft-share-to-dropdown {
    display: flex;
    max-width: 100%;
    align-items: center;
    justify-content: end;
}
.brieft-share-to-dropdown .share-to-lable , .edit-comment-text .share-to-lable {
    width: 188px;
    font-size: 16px;
    font-weight: 700;
    padding-right: 10px;
    text-align: left;
    margin: 0;
    white-space:nowrap;
}
.edit-comment-text .share-to-lable {
    width: auto;
    margin-right: 20px;
}
 
.brieft-share-to-dropdown a.shared-btn ,.brieft-share-to-dropdown .shared-internal-btn {
    margin-left: 6px;
    font-size: 20px;
}
.brieft-share-to-dropdown a.shared-btn:hover{
    opacity: 0.8;
}
.pro-detail-document-sec{
    padding: 10px;
}
.pro-detail-document-sec .doc-col h4{
    margin: 0;
}
.pro-detail-document-sec .doc-a img{
    width: 15px;
    height: 14px;
}

.share-dropdown-account-manager .brieft-share-to-dropdown {
    width: 100%;
}
.edit-comment-text, .share-column-right {
    width: 50%;
}
.share-to-internal-dw .select2-container .select2-search--inline .select2-search__field{
    margin-top: 5px;
    margin-left: 0;
}
.share-to-internal-dw .select2-container .select2-selection--multiple{
    min-height: 38px;
}
.share-dropdown-account-manager {
    justify-content: end;
    flex-wrap: wrap;
}
.edit-comment-text {
    margin-top: 8px;
    display: flex;
    align-items: center;
}
 
.edit-comment-text p{
    background: #f2efed;
    padding:8px 14px;
    border-radius: 20px;
    margin-right: 30px;
    margin-bottom: 0;
    width: 100%;
    word-wrap: break-word;
    max-width: 540px;
    max-height: 240px;
    overflow: auto;
}
.brief-responses .documents-page .page-title{
    float: none;
}
.brief-responses .documents-page .page-title-header p {
    background: #f2efed;
    border-radius: 20px;
    padding: 8px 14px;
    max-height: 240px;
    overflow: auto;
    word-wrap: break-word;
}
/*grid document design*/
a.add-prod-document {
    background: #E0DCD6;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    display: inline-block;
    height: 34px;
    color: #383734;
}
a.add-prod-document:hover{
    background-color: #F2EFED;
}
.doc-r{
    position: relative;
}
.doc-r h6 {
    margin: 0 0 5px;
    line-height: 22px;
}
.doc-r .file-delete img {
    width: 15px;
}
.doc-r {
    position: relative;
    margin-top: 5px;
    font-size: 14px;
    border-bottom: 2px solid #bfbfbf;
}
.grid-doc-list .doc-r:last-child {
    border: 0;
}
.doc-r > span {
    background: #27a309ad;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
}
.doc-r .file-delete {
    position: relative;
    right: -2px;
    top: -2px;
}
.doc-r .file-delete img {
    width: 15px;
}
/*End grid document design*/
 .modal-backdrop + .select2-container {
    z-index: 99999;
}

.briefs-detail .page-title-edit .icon-edit {
    line-height: normal;
    position: relative;
    top: 4px;
    right: 5px;
}

.error-border::placeholder, .form-control.error-border {
    color: red !important;
}
.quotes-view-btns {
    text-align: right;
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}

.quote-page-product-document{
    position: relative;
}
.add-pro-document-btn .orange-btn:after {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/docu-icon.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 12px;
    position: absolute;
    content: "";
    top: 9px;
    right: 8px;

}
.add-pro-document-btn   .orange-btn {
    background: #E7C15E;
    color: #383734;
    padding: 6px 35px 6px 20px;
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0px;
    text-transform: capitalize;
    min-width: unset;
    border-radius: 20px;
    position: relative;
    z-index: 11;
}
.add-pro-document-btn a.orange-btn {
    position: absolute;
    right: 0;
}
.brif-pro-no i.fa.fa-circle {
    font-size: 7px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.footer1.threesWebsite img.three-sglobal-footer-logo {
    max-width: 290px;
}
.cart-product-row {
    margin-bottom: 30px;
}
.add-pro-document-btn.my-board-add-btn a.orange-btn {
    position: relative;
    right: 5px;
    top: 1px;
}
.documents-page .ham-menu ul , .dropdown-scroll .ham-menu ul{
    max-height: 610px;
    overflow: auto;
}
.documents-page li.filter-header,.dropdown-scroll li.filter-header{
    position: sticky;
    top: -8px;
    z-index: 111111;
    background: #fff;
}
.board-listview-carosuel h3.ml-3 {
    width: 100%;
}
a.product-anchor {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
.slick-list .main-zoom.izoomify-in {
    display: flex;
    align-items: center;
    height: 100%;
}
 .product-anchor img, img.img-top{
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}
.board-listview-carosuel.owl-carousel .owl-item img{
    max-height: 300px;
}
/*Board yellow box placeholder css*/
.board-static-placeholder .product-bx {
    background: #e7c15e;
}
.board-placeholder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    width: 100%;
}
.p-hol {
    width: 50%;
}
.p-hol a {
    display: block;
    padding: 0;
    margin: 30px;
    width: 72px;
}
.p-hol a img {
    padding: 0px !important;
    transition: all 250ms ease;
}
.p-hol a:hover img {
    transform: scale(1.1);
}

/*End Board yellow box placeholder css*/
/*showroom page full width*/
.sidebar.left.hide-sidebar {
    left: -1000em;
} 
.sidebar.left{
    left: 0;
}
main.main-full-width {
    padding: 0;
}
.main-full-width .product-box-wrapper {
    height: 26vw;
}
.full-screen-ico.full-screen-exit {
    display: none;
}
.full-screen-ico.full-screen-exit.active-full {
    display: block !important;
}
.full-screen-ico.active-full {
    display: none;
}
/*End showroom page full width*/
/*my item page add item placeholder css*/
.my-item-add-placehoder .product-box-wrapper{
    background: #e7c15e;
    display: flex;
        flex-wrap: wrap;
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
}
.my-item-add-placehoder .product-box-wrapper h6{
    font-size: 30px;
    font-weight: 700;
}
.my-item-add-placehoder .product-box-wrapper .add-new-itme{
    background: #F2EFED;
    border: 0;
    color: #383734;
    font-size: 14px;
    border-radius: 99px;
    padding: 5px 14px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    max-width: 156px;
    width: 100%;
}
.my-item-add-placehoder .product-box-wrapper .add-new-itme:hover{
    background-color: #E0DCD6;
}
.my-item-page-updateitem-page .orange-btn{
    background: #E7C15E;
    color: #383734;
    padding: 6px 20px 6px 20px;
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0px;
    text-transform: capitalize;
    min-width: unset;
    border-radius: 20px;
    position: relative;
    z-index: 11;
    margin-right: 8px; 
}
.my-item-page-updateitem-page .orange-btn:hover{
    background-color: #E0DCD6 !important;
    color: #383734 !important;
}

a.add-new-itme.my-item-addboard {
    margin-top: 20px;
    background: #383734 !important;
    color: #fff !important;
}
/*End my item page add item placeholder css*/
.additem-dv a img{
    filter: brightness(0) saturate(100%);
}

.search-supplier input {
    border-radius: 20px;
    max-width: 300px;
    margin-bottom: 20px;
    margin-left: 2px;
}
#supplier_autoComplete_results_list {
    position: absolute;
    background: white;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    min-width: 300px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    opacity: 0;
    top: 37px;
}
#supplier_autoComplete_results_list li {
    padding: 8px 12px;
    cursor: pointer;
}
 
#supplier_autoComplete_results_list li:hover {
    background-color: #f0f0f0;
}

/*page top scroll button css*/
.page-scrollTop {
    position: fixed;
    right: 3%;
    bottom: 360px;
    background-color: #e0dcd6;
    padding: 8px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
  
.page-scrollTop a {
    font-size: 35px;
    color: #383734;
    display: block;
    text-align: center;
}
.page-scrollTop a .fa-angle-down{
    transform: rotate(-180deg);
}
.page-scrollTop:hover{
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}
.product-supplier-update .page-scrollTop {
    right: 8px;
}
/*End page top scroll button css*/
a.brif-box-btn.brief-comment-icon {
    padding: 4px 0;
}
.brief-comment-icon img ,.comment.doc-a img{
    width: 20px;
    height: 17px;
}
.brief-comment-btn img {
    width: 20px;
    position: relative;
    height: 17px;
    object-fit: contain;
    top: -2px;
    right: -3px;
}
.unread-count {
    background-color: #63b755;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 22px;
    top: 14px;
}
.product-box-wrapper.new-grid-layout.no-result-box {
    height: 12vw;
}
.no-item-wishlist {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    margin-top: 3rem;
}
.no-item-wishlist h1 {
    width: 100%;
    font-size: 60px;
    font-family: 'Utopia Std';
    font-style: italic;
    font-weight: 600;
}
.no-item-wishlist span {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
}
.no-item-wishlist span img {
    width: 20px;
    height: 20px;
    padding: 0 !important;
    margin: 0 7px;
}
.product-details-text-box-row .product-page-detail h4 {
    margin-top: 0;
}
.product-page-detail {
    padding: 10px;
    margin-top: -8px;
}
.product-page-detail ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.product-page-detail ul li {
    width: 49%;
    background-color: #f2efed;
    padding: 10px 10px;
    margin-right: 5px;
    margin-top: 5px;
    min-height: 58px;
}
.product-page-detail ul li:last-child{
    width: 99%;
}
.product-page-detail ul li h4 {
    font-size: 14px;
    font-weight: 700;
    color: #383734;
    letter-spacing: 0;
    margin: 0;
    line-height: 20px;
}
.product-page-detail ul li span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #383734;
    line-height: 20px;
}
li.sale-price-detail + li {
    width: 100%;
}

.ordr-quote-block .status-dv {
    display: flex;
}
.new-product-info-mdl-with-detail .modal-dialog {
    max-width: 1080px !important;
    width: 100%;
}
.pro-detail-slider-wrapper {
    padding: 0 30px;
    text-align: center;
}
.new-product-info-mdl-with-detail .produt-big-image {
    max-width: 460px;
    margin: 0 auto;
}
.product-info-content.product-info-modal {
    padding: 10px 40px 40px;
}

.pro-detail-image-bx{
    max-width: 400px;
    margin: 0 auto;
}
.board-detail-product-info-popup-slider.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before{
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/pre-pro-arrow-hover.svg);
}
.board-detail-product-info-popup-slider.owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    background-image: url(https://d2fzew76uxzkhe.cloudfront.net/assets/images/next-pro-arrow-hover.svg);
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.three-column {
    flex-wrap: wrap;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.three-column li {
    width: calc(33% - 3px) !important;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.four-column li{
    width: calc(25% - 6px)!important;
    padding: 5px 6px;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.four-column li h4{
    font-size: 12px;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.one-column li {
    width: calc(100% - 0px)!important;
}
.wishlist-temp-item-board .new-list-box {
    display: none;
}
.custom-tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    display: none;
    z-index: 999;
    white-space: nowrap;
    pointer-events: none;
  }
 .wishlist .custom-tooltip {
    z-index: 9999;
 }
   .pro-detail-slider-wrapper .icon.delete-icon {
    position: absolute;
    right: 20px;
    top: 13px;
    padding: 2px 5px;
    cursor: pointer;
    font-size: 23px;
}
.pro-detail-slider-wrapper .board-level-wishlist-icon  .wishlist {
    top: 55px;
    right: 26px;
}
.pro-detail-slider-wrapper a.wishlist-comment-icon .cooment-icon {
    right: 23px;
    top: 90px;
    left:auto;
}
.pro-detail-slider-wrapper  .add-to-board{
    right: 24px;
    top: 122px;
}
.pro-action-button {
    position: relative;
    right: -40px;
    top: -16px;
}
.wishlist .modal-content {
    box-shadow: -3px 0px 27px -1px rgba(33,33,33,0.30);
}
.shop-category .page-title {
    line-height: 31px;
    white-space: nowrap;
}
.product-bx.my-board-pbox .icon .icofont-ui-delete{
    font-size: 21px;
}
.messages ul li a {
    color: #4c4c4c !important;
    text-decoration: underline !important;
}
.commented-by{
    font-weight: 700;
    color: #ffffff;
    font-style: italic;
    margin-left: 0 !important;
}

.showroom-daterange-picker {
        margin: 10px 0;
}
.showroom-daterange-picker input[type="text"] {
    border-radius: 20px;
    border: 1px solid #ccc;
    padding: 3px 10px;
    width: 100%;
}
.daterangepicker td.in-range{
        background-color: #f2efed !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
        background-color: #688563 !important;
}

.daterangepicker .drp-buttons .btn-primary {
    color: #fff;
    background-color: #688563;
    border-color: #688563;
}
.daterangepicker .drp-buttons .btn-default{
     color:#383734;
    background-color: #F2EFED;
    border-color: #F2EFED;
}
.daterangepicker .drp-buttons .btn-primary:hover, .daterangepicker .drp-buttons .btn-primary:focus ,
 .daterangepicker .drp-buttons .btn-default:hover , .daterangepicker .drp-buttons .btn-default:focus {
    color: #383734 !important;
    background-color: #E0DCD6 !important; 
    border-color: #E0DCD6 !important;
    outline: none !important;
    box-shadow:unset !important;
}
.banner-carousel-saleCampagin .owl-nav button {
    background: #00000070 !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    top: 49%;
}
.banner-carousel-saleCampagin .owl-nav button:hover{
    background: #ffffffc9 !important;
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}
.banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before , .banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    height: 30px;
    width: 19px;
    background-size: 56%;
}
.banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before{
    top: 13px;
    left: 17px;
}
.banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-next .fa-angle-right::before{
    top: 13px;
    right: 10px;
}
.new-circle-loader-with-percentage {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    background: #ffffffcf;
    left: 0;
    align-items: center;
    z-index: 9999;
}
.new-circle-loader-with-percentage .circular-loader {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: conic-gradient(#31991f 0% 75%, #a7a29f 75% 100%);
    z-index: 999;
}

  .new-circle-loader-with-percentage .circular-loader::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background: #f2efed;
  }

.new-circle-loader-with-percentage .percentage-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #383734;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 0 0 2px rgb(56 55 52);
    user-select: none;
}


.catalog-exclusive.rfq-myboard.board-tag {
 background-color: #e7c15e;
    color:#383734;
}
.shared-myboard+.rfq-myboard + .board-tag {
    left: 231px !important;
   
}
.catalog-exclusive.rfq-myboard + .board-tag {
    left: 158px;
}
.catalog-exclusive.rfq-myboard.archived-myboard + .board-tag {
    left: 120px;
}
.catalog-exclusive.rfq-myboard + .catalog-exclusive.rfq-myboard.archived-myboard + .board-tag {
    left: 253px;
}
.prod-detail-nav {
    position: absolute;
    top: 41%;
    width: 100%;
    z-index:10;
}
.prod-detail-nav a {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    font-size: 40px;
    color: #383734;
    background: #dcd8d2 !important;
    border-radius: 50px;
    padding: 4px 0;
}
.prod-detail-nav a:hover{
     color: #a8a39f;
}
a.prod-detail-prew {
    left: -90px;
}
a.prod-detail-next {
    right: -80px;
}

/*USE CSS for Slider*/

.pro-detail-slider-wrapper .vehicle-detail-banner{
    padding-right: 25px;
    margin-top: 30px;
}

.vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}
.banner-slider .slider.slider-for-board-detail {
    max-width: 84%;
    padding-right: 15px;
}
.banner-slider .slider.slider-nav-board-detail {
    max-width: 14.6%;
}
.banner-slider .slider.slider-for-board-detail,
.banner-slider .slider.slider-nav-board-detail {
    width: 100%;
    float: left;
}
.banner-slider .slider.slider-nav-board-detail {
    height: 541px;
    overflow: hidden;

}
.slider-for-board-detail .slider-banner-image {
    height: 610px;
}
 
.slider-nav-board-detail .slick-slide.thumbnail-image .thumbImg{
    max-width: 178px;
    height: 110px;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
}
.slider-for-board-detail .slider-banner-image img,
.slider-nav-board-detail .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width:100%;
    object-fit: contain;
}
 
.slider-nav-board-detail .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
}
.slider-nav-board-detail .slick-slide.slick-current span {
    color: #196DB6;
}
.slider-nav-board-detail .slick-slide {
    text-align: center;
}
.slider-nav-board-detail .slick-slide span {
    font-size: 14px;
    display: block;
    padding: 5px 0 15px;
}
 .slider-horizon .slider-for-board-detail .slick-next.slick-arrow {
    right: 25px !important;
}
 .slider-nav-board-detail.slider.thumb-image .slick-slide {
    margin-right: 0;
    margin-bottom: 15px;
 }

  .slider-nav-board-detail.slider.thumb-image  .slick-slide .thumbImg {
    width: 144px;
    height: 144px;
}
 .slider-nav-board-detail.slider.thumb-image  .slick-slide .thumbImg img {
    width: 144px !important;
    height: 140px;
    object-fit: contain;
}
  .slider-nav-board-detail .slick-list.draggable {
    background-color: transparent !important;
  }
 
/*End USE CSS for Slider*/
@media screen and (max-width : 1440px) {
.banner-slider .slider.slider-nav-board-detail{
    height: 400px;
}
}
@media screen and (max-width : 991px) {

 
	.banner-slider .slider.slider-for-board-detail {
		padding-right: 0;
	}
	.banner-slider .slider.slider-nav-board-detail {
		height: auto;
	}
	.slider-for-board-detail .slider-banner-image {
	    height: 500px;
	} 
	.slider.slider-nav-board-detail.thumb-image {
        padding: 10px 15px 0;
	}
	.slider-nav-board-detail .slick-slide span {
		padding: 5px 0;
	}
    .banner-slider .slider.slider-for-board-detail {
        max-width: 79%;
    }
    .banner-slider .slider.slider-nav-board-detail {
        max-width: 20%;
    }
	 
	.vehicle-detail-banner .car-slider-desc {
    	max-width: 340px;
	}
	.bid-tag {
    	padding: 10px 0 15px;
	}
	.slider.slider-nav.thumb-image {
	   white-space: nowrap;
	}
	.thumbnail-image.slick-slide {
		padding: 0px 5px;
		min-width: 75px;
		display: inline-block;
		float: none;
	}
    .slider-nav-board-detail.slider.thumb-image  .slick-slide .thumbImg {
    width: 90px;
    height: 90px;
    }
    .slider-nav-board-detail.slider.thumb-image  .slick-slide .thumbImg img {
    width: 90px !important;
    height: 86px;
    }
}

@media screen and (max-width : 767px) {
	.slider-for-board-detail .slider-banner-image {
	    height: 400px;
	}
	.slider.slider-nav-board-detail.thumb-image {
    	padding: 0px 20px 0;
    	margin: 10px 0px 0;
	}
	.slider-nav-board-detail .slick-slide.thumbnail-image .thumbImg {
		max-width: 140px;
		height: 80px;
	}
	 
	.slider-nav-board-detail .slick-slide span {
	    font-size: 12px;
	    white-space: normal;
	}
      .banner-slider .slider.slider-for-board-detail {
        max-width: 100%;
    }
    .banner-slider .slider.slider-nav-board-detail {
        max-width: 100%;
    }
    .slider-nav-board-detail.slider.thumb-image  .slick-slide .thumbImg {
     width: 95px;
    }
}

@media screen and (max-width: 580px) {
	.slider-for-board-detail .slider-banner-image {
	    height:340px;
	}
}

@media screen and (max-width : 480px) {
	.slider-for-board-detail .slider-banner-image {
	    height:280px;
	}
}
.prod-detail-nav.quotes-detail-hide-btns {
    display: none;
}
/* ----------------------------  New website Responsive css Tab Only ----------------------------*/
@media only screen and (min-width: 601px) and (max-width: 767px) {
    .carousel-new-category-images .home-hand-pick-slider.owl-carousel .owl-item img {
        max-height: 169px;
    }
    .home.loggedin .products-of-the-week h2{
        max-width: 80%;
    }
    .catalog-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item {
        width: 24.5% !important;  
    }
}
@media only screen and (max-width:767px){
    .two-column-custom li:first-child{
        width: 49% !important;
    }
    .two-column-custom li:last-child{
        width: 48% !important;
    }
    .pro-quote-detail ul {
        display: flex !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        align-items: baseline;
    }
    .two-column-custom.show-price li:first-child {
        width: 48% !important;
    }
    .two-column-custom.show-price li:nth-child(2) {
        width: 48% !important;
    }
    .two-column-custom.show-price li:last-child {
        width: 98% !important;
    }
    .home-singlepage .signup-modal .modal-content, #signup .modal-content{
        background-color: #fff;
        border-radius: 8px;
        width: 100%;
        margin: 0px 3%;
        font-size: 14px;
        padding: 45px 15px;
    }
    .home-singlepage .signup-modal .modal-content h5,  .home-singlepage .signup-modal .modal-content h2, #signup .modal-content h2{
        font-size: 40px;
        line-height: 45px;
    }
  
    .carousel-category-images .owl-carousel .owl-item img {
       object-fit: unset !important;
    }


    .brief-grid-box .box-details {
        height: calc(100% - 95px);
    }
    .brief-grid-box .mystudio-box {
        height: 100%;
    }
    .brief-grid-box .mystudio-box a img {
        position: unset;
    }
    .b-image-title span {
        word-wrap: break-word;
    }
    .b-image-title {
        font-size: 14px;
        line-height: 17px;
        min-height: 50px;
    }
    .brieft-image-holder > img {
        height: 140px;
        width: 100%;
    }
    .brif-box-btn{
        width: 35px;
        height: 35px;
        padding: 0;
    }
    .briefs-detail .container-fluid {
        padding: 0 15px;
    }
    .brief-account-manage {
        flex-wrap: wrap;
    }
    .brief-account-manage .acc-inner-main{
        margin-bottom: 0;
    }
    .brief-content-box h1{
        font-size: 48px;
    }
    .brief-content-box span{
        font-size: 20px;
    }
    .accout-man-box .txt{
        padding: 30px 0 0;
    }
    .brief-content-box{
        padding-top: 10px;
    }

    .product-box-wrapper a.inquiry-icon-popup {
        right: -10px;
        top: 3px;
    }
    .essential-catalog .product-box-wrapper a.inquiry-icon-popup {
        right: 9px;
        top: 34px;
    }
    .inquiry-icon-popup > img {
        width: 22px !important;
    }
    .product-box-wrapper .unpublished-chkbox{
        top: 45px;
    }
    .enquiry-on.product-box-wrapper .unpublished-chkbox {
        top: 63px;
    }
    .breif-us a.inquiry-icon-popup{
        right: 0;
        top: 10px;
    }
    .my-board-pbox.product-bx .wishlist-comment-icon .cooment-icon{
        top: 83px;
    }
    .add-to-board{
        top:110px;
    }
    .product-info-button{
        top:103px;
    }

}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .mystudio-box{
        height: 100% !important;
        min-height: 265px;
    }
    .whish-image-wrap .board-listview-carosuel.img-box img {
        padding: 10px;
        padding-bottom: 0;
    }
    .document-navigation .main-sub-menu.dropdown-menu.show {
        max-width: 95.8%;
    }
    .document-navigation .main-sub-menu h3 {
        font-size: 14px;
    }
    .document-navigation.inner-page-navigation .main-sub-menu .menu-column {
        width: 23%;
    }
    .catalog-detail .page-title{
        font-size: 35px;
        line-height: 40px;
    }
    a.head-back-arrow{
        top:7px;
        left: 7px;
    }
    .pay-term{
        flex-wrap: wrap;
    }
    a.pay-term-btn{
        margin-top: 5px;
    }
    .product-detail-slider-row .slider-for .slick-track,
    .product-detail-slider-row .slider-for .slick-track .slick-slide{
        width: inherit;
    }

    .main-header-srch .search label {
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }
    .search {
        padding: 0 10px 0px 0;
    }
    .main-header-srch.active{
        width: 100%;
    }

    #frame #sidepanel{
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
    ul#userList {
        padding: 0px 0px 0 0px !important;
    }
    .user-last-message{
        width: 180px !important;
    }
    #frame #sidepanel #contacts ul li.contact .wrap .meta .name{
        font-size: 14px !important;
    }
    .user-last-message{
        font-size: 13px !important;
    }
    #frame #sidepanel #profile .wrap{
        overflow: visible !important;
    }
    #frame #sidepanel #profile .wrap h2{
        font-size: 36px !important;
    }
    #frame #sidepanel #profile{
        margin: 45px auto 10px !important;
    }
    #frame .content .contact-profile{
        padding: 0 20px !important;
    }
    #frame .content .message-input {
        width: 97% !important;
        left: 6px !important;
    }
    .sidebar-nav:after {
        background:transparent;
        position: fixed;
        right: 0;
        width: 100%;
        content: "";
        height: 100%;
        top: 0;
        left: 350px;
    }
        .catalog-account-manager a.defalut-btn-green{
            font-size: 13px;
        }
        .global_supplier_suppliers h2 .no-style, .shop-factory h2 .no-style{
            font-size: 35px;
        }
        
        .wishlist .save-list-detail-right .savedListMain > a {
            margin-bottom: 0;
            top: 0;
        }
        .wishlist .list-page-row .save-list-detail-right{
            max-width: 95.9%;
            flex: unset;
            margin-bottom: 30px;
            padding-right: 0;
        }
        .save-list-detail-left.board-detail-title{
            max-width: 30px;
            padding-right: 0;
        }
        .catalog-product-listing .col-main.pr-0.p-0 {
            padding: 0 15px !important;
        }
    
}
@media only screen and (max-width: 1024px) and (min-width: 768px)  {
    body.chat-detail > main {
        padding: 8px 0px 0px 20px !important;
    }
    html body > main, html footer .container-fluid, footer .copyright , .product-supplier-update > main{
        padding: 8px 20px 8px 20px !important;
    }
    html body,html body.home {
        padding-top: 48px !important;
    }
    html body.catalog-listing, body.account-setting , body.catalog-product-listing,  body.briefs-listing, body.boards, body.supplier-reports,  
    body.user-documents , body.global_supplier_suppliers, body.user_analytics{
        padding-top: 78px !important;
    }
    #content .home-section .main-slider-block .right-slide-carousel {
        padding: 0;
    }
    #content .products-of-the-week .container-fluid, #content .products-of-the-week ul{
        padding: 0 !important;
    }
    .sidebar{
        width: 351px !important;
    }
    .saved-list-box .whish-image-wrap {
        min-height: 300px;
    }
    .catologue-detail.saved-list-main .rfqUser .dropdown-toggle{
        margin-bottom: 0;
    }
    .inner-page-navigation .navbar-nav{
        flex-direction: row;
    }
    .curation-catlogue-box.col-md-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .left-pan-filter .row .col-md-12 {
        padding: 0 !important;
    }
    .inner-page-navigation .navbar-nav .nav-item .nav-link{
        padding: 5px;
        font-size: 14px!important;
    }
    .grey-box .name-label{
        width: 100% !important;
    }
    .navbar-expand-lg .navbar-toggler ,    .main-nav .btn-search{
        display: block !important;
    }
    .save-list-detail-right .savedListMain > a {
        margin-bottom: 10px;
    }
    .wishlist .save-list-detail-right .savedListMain > a {
        margin-bottom: 0;
        top: 0;
    }
    a.defalut-btn-green.bt-quote {
        margin-right: 8px;
    position: relative;
    top: 6px;
    }
    .isAccount a.defalut-btn-green.bt-quote{
        top:0;
    }
    .right-coffe-table .breif-us a{
        padding: 6px 35px 6px 10px;
        font-size: 13px;
    }
    .right-coffe-table .breif-us p{
        font-size: 14px;
    }
    .edit-modal .modal-dialog{
        width: 100%;
    }
    #content .Brief-request-main, #content .essential-catlogue-main{
        padding: 0 !important; 
    }

    .navbar-toggler.active span {
        background: none !important;
        position: relative;
    }   
    
    .navbar-toggler.active span::before {
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 87%;
        height: 2px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 14px;
        left: 2px;
    }
    
    .navbar-toggler.active span::after {
        content: "";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 87%;
        height: 2px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 14px;
        left: 2px;
    }
    .home-brand-slider.owl-carousel .owl-item img, .home-hand-pick-slider.owl-carousel .owl-item img{
        height: auto;
    }
  
    .prod-item table tr td:first-child {
        width: 45% !important;
    }
    .prod-item table {
        font-size: 13px !important;
        line-height: 15px;
        height: fit-content;
    }
    .wishlist-catalog .table-fixed tr.prod-item>td{
        width: 33.33% !important;
    }
    .first-page-right-image img {
        height: auto !important;
    }
    .last-page-right-image{
        background: #dcb1a6 url(https://d2577j2dd5wuk.cloudfront.net/assets/images/new-bg-brochure-end-1-01.png) 50% 50% no-repeat !important;
        background-size: unset !important;
    }
    .last-page-pdf h2 {
        font-size: 50px !important;
    }
    .last-page-pdf p{
        font-size: 15px !important;
    }
    .wishlist-catalog table h3 {
        font-size: 25px !important;
    }
    .bt-campaign + a.defalut-btn-green {
        position: relative;
        top: 0 !important;
    }
    #category-div{
        box-shadow: 0 0 20px 4px rgb(0 0 0 / 30%);
        border-radius: 20px;
    }
    #category-div.active:after{
        display: none !important;
    }
    #accordionExample .radio-tile-group .input-container{
        width: 100%;
    }
    .carousel-new-category-images .home-hand-pick-slider.owl-carousel .owl-item img {
        max-height: 169px;
    }
    .home.loggedin .products-of-the-week h2{
        max-width: 80%;
    }
 .catalog-listing .supplier-btns {
        margin-bottom: 10px;
    }
    .b-image-title {
        font-size: 14px;
        line-height: 17px;
        min-height: 50px;
    }
    .my-board-new-grid-wrapper .col-md-4.myboard-innerwrapper.col-12.saved-list-box {
        max-width: 50%;
        flex: unset;
    }
    a.head-back-arrow{
        top:7px;
        left: 7px;
    }
    .camera-div {
        max-width:  40%;  
        max-height: 40%;
         left:0;
         right: 0;
         margin: 0 auto;
     }
}
@media only screen and (max-width: 1024px) and (min-width:992px){
    .main-nav .navbar-header{
        padding: 0 !important;
    }
    .inner-page-navigation ul.navbar-nav{
        justify-content: space-between;
    }
body.quotes{
    padding-top: 83px !important;
}
.search {
    position: relative;
    top: 8px;
}
#frame .content{
    width: calc(100% - 405px) !important;
}


}

@media only screen and (max-width:1024px){
    .profile-section-link + hr.separe, .logout-section-link {
        display: block;
    }
}
@media only screen and (max-width: 1200px) and (min-width:1025px){
    .sidebar .user-panel {
        display: none;
    }
   .sidebar{
        width: 104px;
        padding: 60px 0 0;
    }
  .sidebar-nav{
        height: 100vh;
    }
 .list-sidebar .list-item a{
        padding: 0;
        height: 55px;
        width: 55px;
        text-indent: -999em;
    }
   .list-sidebar .list-item{
        padding:10px 22px;
    }
    .list-sidebar .list-item a::before{
        left: 20px;
        top: 18px;
    }
    .list-sidebar .list-item a.my-item-sourcing::before{
        top: 15px;
        left: 15px;
    }
   html body > main,body footer .copyright {
        padding: 8px 40px 8px 9rem !important;
    }
    body main .container-fluid {
        padding: 0;
    }
    body footer .container-fluid {
        padding:0px 40px 0px 156px !important;
    }

    body .main-nav .container-fluid, body .beautiful-together .container-fluid, 
    body .shortcuts-success .container-fluid, body .customer-service .container-fluid, 
    
    body .home-singlepage header .container-fluid,body .nu-find-about .container-fluid, 
    body .how-it-work .container-fluid, body .benefit .container-fluid, body .testimonial .container-fluid
   {
        padding: 0 31px;
    }
    body .products-of-the-week .container-fluid, .hand-picked .container-fluid.clearfix{
        padding: 0 !important;
    }
    body .home-section .main-slider-block .right-slide-carousel {
        padding: 0;
    }
    body .products-of-the-week ul{
        padding-left: 0;
    }
    body.wishlist.list .saved-list-main .container-fluid {
        padding: 0 !important;
    }
    section.row-am.catologue-detail.saved-list-main {
        padding-top: 0 !important;
    }
    html body {
        padding-top: 91px;
    }
    section.row-am.catologue-detail.essential-catlogue-main.list-page-row {
        padding-top: 0 !important;
    }
    .inner-page-navigation ul.navbar-nav{
        justify-content: space-between;
    }
    .marketplace-page .p-0 {
        padding: 0 20px !important;
    }
    .inner-page-navigation .navbar-nav .nav-item .nav-link{
        font-size: 14px !important;
    }
    .product-desc h6{
        font-size: 18px;
    }
    body.chat-detail > main {
        padding: 8px 40px 8px 9rem !important;
    }
    #frame .content{
        width: calc(100% - 416px) !important;
    }
    .home-brand-slider.owl-carousel .owl-item img, .home-hand-pick-slider.owl-carousel .owl-item img{
        height: auto;
    }
    .prod-item table {
        font-size: 13px !important;
        line-height: 15px;
        height: fit-content;
    }
    #myModal-wish-catalog .table-fixed tr.prod-item > td{
        width: 49.5% !important;
    }
}

@media (min-width: 1600px){
    .slider-horizon .slick-prev.slick-arrow, .slider-horizon .slick-next.slick-arrow{
        top: 50%;
    }
    .slider-banner-image{
        height: 542px !important;
    }
    .mystudio-box{
        height: 500px;
    }
    .inner-page-navigation .navbar-nav > .nav-item:nth-child(4), .inner-page-navigation .navbar-nav > .nav-item:nth-child(6) {
        width: 12%;
    }
    .inner-page-navigation .navbar-nav .nav-item:first-child {
        width: 5%;
    }
    
}

@media screen and ( min-height: 2850px){
.salesCampaign-new.not-loggedin.home-new.home-singlepage #product-infos.p-grid-info{
    max-width: 1720px;
    margin: 0 auto;
}
}

/*PDF preview responsive css*/
@media (max-width: 480px) {
    #myModal-wish-catalog .table-fixed tr.prod-item > td {
        height: 475px !important;
        max-height: 475px !important;
        width: 100% !important;
    }
    body .table-fixed tr.prod-item img , body .table-fixed.one tr.prod-item img , body .table-fixed.two tr.prod-item img, body .table-fixed.two tr.prod-item img.prod-img-not-in-ratio {
        height: 220px !important;
        margin: 15px 0;
        max-height: 220px !important;
        object-fit: contain;
    }
    #myModal-wish-catalog .table-fixed.one tr.prod-item > td, #myModal-wish-catalog .table-fixed.two tr.prod-item > td{
        height: 475px !important;
         max-height: 475px !important;
    }
    .table-fixed table{
        height: fit-content;
    }
    .last-page-pdf tr td {
        display: inline-block;
        width: 100% !important;
    }
    .last-page-pdf tr td a + div {
        margin-top: 230px !important;
    }
    .wishlist-catalog table tr td > table tr td  a + table tr td {
        height: 465px !important;
    }
    img.frontImg{
        height: 260px !important;
    }
    .wishlist-catalog table tr td > table tr td  a + table tr td h3{
        font-size: 16px!important;
        padding-left: 10px!important;
    }
    .wishlist-catalog table tr td > table tr td  a + table tr td h2{
        font-size: 30px!important;
        padding-left: 10px!important;
        margin-bottom: 30px !important;
    }
    .wishlist-catalog table tr td  .download-mob-btn{
    top: -45% !important;
    right: 65px !important;
    }
    .prod-item > td table tr td {
        font-size: 11px;
        padding: 2px !important;
        line-height: 16px;
    }
    .last-page-pdf h2 {
        font-size: 30px !important;
    }
     td.last-page-right-image{
        padding: 15px !important;
     }
     .salesCampaign-new #myModal-wish-catalog .salesCampaign-catalog .table-fixed tr.prod-item>td{
        width: 100% !important;
     }
      .salesCampaign-new #myModal-wish-catalog  .prod-item table.props tr td {
        display: revert;
    }
     .salesCampaign-new #myModal-wish-catalog .salesCampaign-catalog .table-fixed tr.prod-item>td{
            height: 345px !important;
    }
     .salesCampaign-new #myModal-wish-catalog  a.navbar-brand + div {
        margin-top: 75px !important;
    }
     .salesCampaign-new #myModal-wish-catalog  a.navbar-brand + div h2{
        text-align: left;
       }
}
/*End PDF preview responsive css*/
/* ---------------------------- End New website Responsive css Tab Only ----------------------------*/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
 
.banner-carousel-saleCampagin.owl-carousel .animated { 
  animation-duration: 400ms;
  animation-fill-mode: both; 
}