body { font-family: "Satoshi-Medium", Poppins; }
p { color: inherit; }
.main-sidebar { border: none; padding: 0 0 20px 0; margin-top: 20px; }
.listingStyle { border-radius: 16px; margin: 0; width: auto; box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67); }
/*.listingContainer { background: #FFFFFF; box-shadow: 0px 1px 16px rgba(51, 51, 51, 0.08); border-radius: 10px; }*/
.listingBox { background: #FFFFFF; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); border-radius: 16px; margin: 0 0 20px 0; }
.ThumbOuter { position: relative; height: 210px; }
.ThumbBig .item { height: 210px; background-size: cover !important; }
.ThumbBig .owl-item {  }
.ThumbBig .owl-stage-outer { border-radius: 10px 10px 0 0; }
.ThumbBig .owl-dots { margin-top: -30px !important; position: relative; }
.ThumbBig .owl-nav { display: none; }
.ThumbBig .owl-dots .owl-dot span { background: #ffd9eb; }
.ThumbBig .owl-dots .owl-dot.active span, .ThumbBig .owl-dots .owl-dot:hover span { background: #e92d5c; }
.thumbInfoIndent { height: 147px; display: flex; flex-direction: column; justify-content: space-between; }
.listFavIcon { position: relative; width: 32px; height: 32px; background-color: #fff; color: #e92d5c; font-size: 17px; line-height: 32px !important; z-index: 50; margin: 0; right: inherit; top: inherit; }
.listFavIcon-r { right: 55px; }
.listTitle { align-items: center; font-family: "Satoshi-Bold"; font-size: 1rem; line-height: 1.4rem; font-weight: 700; color: #333;  }
/*.listTitle:after { content: ""; width: 35%; height: 2px; background: #F5F5F5; margin: 5px 0; position: absolute; bottom: 0; }*/
.listTitle a { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.btn1 { padding: 0 5px; height: 48px; line-height: normal; border-radius: 8px; display: inline-flex; margin: 0; cursor: pointer; align-items: center; border: none; transition: background-color 0.4s; }
.btn2 { padding: 0 5px; height: 48px; line-height: normal; border-radius: 8px; font-family: "Satoshi-Bold"; font-weight: 700; font-size: 0.8rem; display: inline-flex; margin: 0; cursor: pointer; align-items: center; border: none; transition: background-color 0.4s; }

.btn2-small { height: 25px; font-size: 0.8rem; line-height: 25px; }
.btn2-small2 { height: 16px; font-size: 0.7rem; line-height: 16px; padding: 0 3px; }
.btn2-small3 { height: 35px; font-size: 0.9rem; line-height: 35px; }
.btn2-med { font-size: 0.9rem; padding: 0 10px; line-height: 40px; letter-spacing: 1px; }
.btn2-big { font-size: 1rem; padding: 0 6px; line-height: 40px; letter-spacing: 1px; }
.btn2-big2 { font-size: 1.1rem; padding: 0 15px; line-height: 40px; font-family: inherit; }
.btn3 { height: 29px; line-height: 29px; font-size: 0.8rem; border: 1px solid #D5D9D9; font-family: "Satoshi-Medium"; border-radius: 8px; box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); display: inline-flex; margin: 0; cursor: pointer; align-items: center; color: #0F1111; padding: 0 10px; transition: background-color 0.4s; background: transparent; }
.btn3s { padding: 0 5px; }
.btn3-big { font-size: 1rem; padding: 0 6px; height: 40px; line-height: 40px; letter-spacing: 1px; }
.btn3-big2 { font-size: 0.9rem; padding: 0 6px; height: 34px; line-height: 34px; }
    /*.btn3:hover { background-color: #F7FAFA; border-color: #D5D9D9; }*/
.btn2-green { background: #85BA46; color: #fff !important; }
.btn2-green2 { background: #25BA67; color: #fff !important; }
.btn2-green3 { background: #BFF071; color: #157C4F !important; }
.btn2-green4 { background: #54bc4f; color: #fff !important; }
.btn2-green5 { background: #0a7986; color: #fff !important; }
.btn2-green6 { background: #008792; color: #fff !important; }
.btn2-pink { background: #e92d5c; color: #fff !important; }
.btn2-red { background: #ff5d74; color: #fff !important; }
.btn2-red2 { background: #d75151; color: #fff !important; }
.btn2-yellow { background: #FBBC05; color: #2A2A2A !important; }
.btn2-orange { background: #E2A754; color: #fff !important; }
.btn2-orange2 { background: #eaa052; color: #fff !important; }
.btn2-size {width: 50px; text-align: center !important;}
.btn2-grey { background: #E8E8E8; color: #2A2A2A !important; }
.btn2-black { background: #000; color: #fff !important; }
.btn2-grey2 { background: #78909C; color: #fff !important; }
.btn2-grey3 { background: #5c5858; color: #fff !important; }
.btn2-blue { background: #1D9BF0; color: #fff !important; } 
.btn2-blue2 {  background: #00a5c1; color: #fff !important; }
.btn2-blue3 { background: #18ACEA; color: #fff !important; }
.btn2-blue4 { background: #4fc6c2; color: #fff !important; }
.btn2-purple { background: #db69ea; color: #fff !important; }
.btn2-white { background: #fff; color: #2A2A2A !important; }
.btn2-white2 { background: #fff; color: #2A2A2A !important; border: 1px solid #2A2A2A; }
.btn2-white3 { background: #fff; color: #2A2A2A !important; border: 1px solid #ccc; }
.btn2-borderradius { border-radius: 15px; }
.btn2-transparent { background: transparent; color: #2A2A2A !important; border: 1px solid #2A2A2A !important; }
.btn2-pink-transparent { background: transparent; color: #e92d5c !important; border: 1px solid #e92d5c !important; }
.btn2-soft-black-transparent { background: transparent; color: #2c2c2c !important; border: 1px solid #2c2c2c !important; }
.btn2-green-transparent { background: transparent; color: #a7a7a7 !important; border: 1px solid #a7a7a7 !important; }
.btn2-green-transparent.active { background: transparent; color: #333333 !important; border: 1px solid #25a95f !important; }
.btn2-transparent-radius { background: transparent !important; border-radius: 20px; border: 2px solid; }
.btn2-green2-transparent { border-color: #25BA67; color: #25BA67 !important; }
.btn2-blue2-transparent {  border-color: #00a5c1; color: #00a5c1 !important; }
.text-pink { color: #e92d5c; }
.text-pink2 { color: #d43459; }
.text-blue { color: #53a3d7 !important; }
.text-dark-blue { color: #261750 !important; }
.text-grey { color: #767676; }
.text-yellow { color: #FBBF24; }
.text-grey2 { color: #bbb; }
.text-black { color: #000 !important; }
.text-blue2 { color: #00a5c1; }
.text-red { color: #d54141; }
.text-green { color: #157C4F  !important;}
.text-green2 { color: #00AC64; }
.text-green3 { color: #25BA67; }
.bg-pink { background: #e92d5c; }
.bg-red { background: #d54141; }
.bg-green { background: #25BA67; }
.mt-6 { margin-top: 5rem; }
button[disabled] { background: #ccc !important; }
.price { color: #e92d5c; font-size: 0.95rem; font-weight: 700; }
.price-dark { color: #5c5858; font-size: 0.95rem; font-weight: 700; }
.ingredStyle { height: 27px; padding: 0 16px; background: #F5F5F5; border-radius: 4px; color: #333333; font-weight: 500; font-size: 0.9rem; line-height: 27px; margin: 0 0 10px 0; }
.chefName {position: relative; color: #515151; font-family: "Satoshi-Medium"; font-weight: 500; font-size: 0.8rem; line-height: 17px; display: flex; align-items: center; }
.chefName2 { position: relative; color: #515151; font-family: "Satoshi-Medium"; font-weight: 500; font-size: 1rem; line-height: 20px; display: flex; align-items: center; }
.chefName3 { position: relative; color: #515151; font-family: "Satoshi-Regular"; font-weight: 500; font-size: 2.1rem; display: flex; align-items: center; }
.profileImg2 { width: 32px; height: 32px; border-radius: 100px; }
.profileImg3 { width: 40px; height: 40px; border-radius: 100px; }
.profileImg4 { width: 70px; height: 70px; border-radius: 100px; }
.profileImg5 { width: 110px !important; height: 110px !important; border-radius: 100px; }
.profileImg6 { width: 36px; height: 36px; border-radius: 100px; }
.singleThumbnail { height: 210px !important; }
.main-sidebar .single-widget .title { font-size: 1.1rem; font-weight: 700; color: #333333; line-height: 1; padding-left: 11px; margin-bottom: 20px; height: 20px; display: flex; align-items: center; }
.main-sidebar .single-widget .title::before { bottom: 0; width: 3px; height: 20px; background: #85BA46; border-radius: 2px 0 0 2px; }
.main-sidebar .single-widget .title2 { margin: 0; }
.title-pink { position: relative; font-size: 1rem; font-weight: 700; color: #333333; line-height: 1; padding-left: 11px; margin-bottom: 20px; height: 20px; display: flex; align-items: center; }
.title-pink::before { position: absolute; content: ""; left: 0; bottom: 0; width: 3px; height: 20px; background: #e92d5c; border-radius: 2px 0 0 2px; }
.title-pink2 { position: relative; font-size: 1.3rem; font-family: "Satoshi-Bold"; font-weight: 700; color: #333333; line-height: 1; padding-left: 11px; height: 20px; display: flex; align-items: center; }
.title-pink2::before { position: absolute; content: ""; left: 0; bottom: 0; width: 3px; height: 20px; background: #e92d5c; border-radius: 2px 0 0 2px; }
.title-pink3 { position: relative; font-size: 1rem; color: #000; line-height: 1; padding-left: 11px; }
.title-pink3::before { position: absolute; content: ""; left: 0; top: 5px; width: 3px; height: 20px; background: #e92d5c; border-radius: 2px 0 0 2px; }
.title-pink4 { position: relative; font-size: 1.3rem; font-family: "Satoshi-Bold"; font-weight: 700; color: #333333; line-height: 1; padding-left: 11px; height: 20px; display: flex; align-items: center; }
.title-green { position: relative; font-size: 1rem; font-weight: 700; color: #333333; line-height: 1; padding-left: 11px; margin-bottom: 20px; height: 20px; display: flex; align-items: center; }
.title-green::before { position: absolute; content: ""; left: 0; bottom: 0; width: 3px; height: 20px; background: #85BA46; border-radius: 2px 0 0 2px; }
.motto { font-size: 1.1rem; color: #333333; font-weight: 700; font-family: "Trujillo-Regular"; }
.inner-header { height: 80px; background: #FFFFFF; border: 1px solid rgba(51, 51, 51, 0.1); box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); }
.header.shop .right-bar { display: inline-flex; top: 0; }
.header.shop .list-main li a { font-size: 1rem; }
.notifyDropdown-content a { font-weight: 500 !important; }
.header.shop .right-bar .sinlge-bar { display: inline-flex; margin-right: 10px; }
.header.shop .list-main li a:hover, .header.shop .right-bar .sinlge-bar .single-icon:hover, .header.shop .list-main li i { color: #e92d5c; }
.profile-icon { color: #e92d5c; }
.header.shop .list-main li i { text-align: center; }
.notifyDropdown-content .fa { text-align: center; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.header.shop .right-bar .sinlge-bar .single-icon { display: inline-flex; align-items: center; }
.header.shop .right-bar .sinlge-bar .single-icon .total-count { background: #214656; }
.header.shop .right-bar .sinlge-bar .single-icon .total-count { width: 12px; height: 12px; line-height: 12px; font-size: 0.5rem; top: 0; right: -4px; }
.new-logo { max-height: 60px; max-width: 200px; height: auto; }
.profile-header { line-height: 40px; }
/*.custom-search { width: 100%; height: 80px; background: #FAFAFA; box-shadow: 0 2px 9px rgba(51, 51, 51, 0.08); border: none; border-radius: 100px; padding: 0 10px; }
.custom-search #keyword, .custom-search #zipCode { display: inline-block; position: relative; background: transparent; height: 80px; font-size: 1.1rem; font-weight: 500; line-height: 1; color: #333; padding: 0 10px; border: none; outline: none; }
.custom-search #keyword { width: 25%; }
.custom-search #zipCode { width: 40%; }
.custom-search .seperator { width: 2px; height: 35px; background: #d5d5d5; margin: 0 10px; border-radius: 2px; }
.custom-search #keyword:focus, .custom-search #zipCode:focus { border: none; outline: none; }
#keyword::placeholder, #zipCode::placeholder { color: #C0C0C0; }
.custom-search .btnn { display: flex; align-items: center; justify-content: space-around; background: #e92d5c; padding: 0 20px; color: #fff; width: 20%; height: 60px; font-size: 1.1rem; line-height: 1; border-radius: 100px; border: none; transition: background-color 0.4s;  }
.custom-search .btnn:hover { background: #b02563; }
.custom-search .btnn:focus { border: none; outline: none; } */
.custom-search { width: 100%; height: 60px; background: #ffffff; border-radius: 4px; padding: 0 0 0 10px; border: 2px solid #f1f1f1; }
.custom-search #keyword, .custom-search #zipCode { display: inline-block; position: relative; background: transparent; height: 56px; font-size: 1.1rem; font-weight: 500; line-height: 1; color: #333; padding: 0 10px; border: none; outline: none; }
.custom-search #keyword { width: 45%; }
.custom-search #zipCode { width: 40%; }
.custom-search .seperator { width: 2px; height: 35px; background: #d5d5d5; margin: 0 10px; border-radius: 2px; }
.custom-search #keyword:focus, .custom-search #zipCode:focus { border: none; outline: none; }
#keyword::placeholder, #zipCode::placeholder { color: #C0C0C0; }
.custom-search .btnn { display: flex; align-items: center; justify-content: space-around; background: #214656; padding: 0 20px; color: #fff; width: 10%; height: 56px; font-size: 1.1rem; line-height: 1; border-radius: 0 4px 4px 0; border: none; transition: background-color 0.4s; }
.custom-search .btnn:hover { background: #b02563; }
.custom-search .btnn:focus { border: none; outline: none; }

.locationPin { margin-top: inherit; margin-left: inherit; top: 70px; right: 185px; }
.cst { color: #333; margin-bottom: 9px; line-height: 20px; }
.fs1-3rem { font-size: 1.3rem; }
.pill-button { margin-top: 15px; background: #F4F4F4; display: inline-block; border-radius: 20px; padding: 5px; }
.pill-button .pill-selected { background: #fff; color: #3B4850; border: 1px solid #3B4850; }
.pill { height: 35px; line-height: 35px; border-radius: 15px; background: transparent; border: 1px solid #F4F4F4; padding: 0 15px; color: #3B4850; }
.pill:hover { border: 1px solid #3B4850; }
.pill:focus { outline: none; }
.ratings { font-size: 0.7rem; }
.share-social .content-tags { margin-top: 0; }
.share-social .content-tags .tag-inner li { display: inline-block; position: relative; margin: 0 10px 15px 0; }
.share-social .content-tags .tag-inner li a { border-radius: 7px; padding: 5px 13px; background: #e3e3e3; font-size: 0.9rem; }
.share-social .content-tags .tag-inner li a:hover { background: #e92d5c; color: #fff; }
.share-social .content-tags .tag-inner li .tag-bubble { text-align: center; position: absolute; background: #e92d5c; width: 16px; height: 16px; line-height: 15px; color: #fff; top: -8px; right: -8px; border-radius: 20px; font-size: 0.7rem; transition: all 0.4s ease; border: 1px solid #e92d5c; }
.share-social .content-tags .tag-inner li a:hover + .tag-bubble { background: #fff; color: #e92d5c; border: 1px solid #e92d5c;  }
.localChef2 { margin-bottom: 20px; padding: 0 !important; border: none !important; }
.no-border { border: none !important; }
.filter-home { font-size: 1.1rem; font-weight: 700; color: #333333; line-height: 1; }
.filter-home .fa { font-size: 1.2rem; }
.chef-bubble { text-align: center; position: absolute; background: #e92d5c; width: 16px; height: 16px; line-height: 16px; color: #fff; top: -8px; right: -16px; border-radius: 20px; font-size: 0.7rem; }
.chefBioDesc p { font-family: "Satoshi-Medium"; font-weight: 500; font-size: 1rem; line-height: 1.5rem; color: #3B4850; }
.accountMenuList li { }
.accountMenuList li .menuItem2 { display: flex; align-items: center; width: 100%; height: 40px; line-height: 40px; font-family: "Satoshi-Regular"; font-weight: 500; font-size: 1rem; padding: 0 5px; transition: background-color 0.2s; color: #3B4850; }
.accountMenuList .ion-icon { color: #3B4850; }
.accountMenuList li .menuItem2:hover { background: #f7f7f7; font-weight: 700; }
.accountMenuList li .menuItem2Header { height: 35px; line-height: 35px; font-family: "Satoshi-Regular"; font-weight: 700; font-size: 1rem; padding: 0 5px; color: #3B4850; }
.accountMenuList .menuItem2.account { font-weight: 700; }
.accountMenuList li .menuItem2.selected { background: #FFEBF6; font-weight: 700; }
.accountMenuList .separate { height: 1px; padding: 0 5px; background: #ccc; margin: 20px 0 20px 10px; }
.fs40 { font-size: 40px; }
.fs30 { font-size: 30px; }
.fs24 { font-size: 24px; }
.fs20 { font-size: 20px; }
.fs16 { font-size: 16px; }
.fs14 { font-size: 14px; }
.fs12 { font-size: 12px; }
.badges { display: flex; flex-wrap: wrap; }
.badge { margin-right: 20px; }
.dropdown-menu-flag { background:#fafafa; padding: 0; border: none; width: 220px; right: 0px; }
.medium-text { font-family: "Satoshi-Regular"; font-weight: 700; font-size: 0.9rem; line-height: 1.5rem; color: #3B4850; }
ul.tabs { border-bottom: solid 1px #ddd; }
ul.tabs li { height: 50px; line-height: 50px; padding: 0 25px; color: #767676; font-weight: 500; font-family: "Satoshi-Regular"; font-size: 1.1rem; }
ul.tabs li.current { background: #e92d5c !important; color: #fff; font-weight: 700; }
ul.tabs li:first-child { border-radius: 10px 0 0 0; }
ul.tabs li:last-child { border-radius: 0 10px 0 0; }
.tab-content { padding: 20px 0; background: transparent; }
.textareaExpandable { border: 1px solid #A1A1A1; border-radius: 8px; padding: 0 24px; font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; background: transparent; min-height: 55px; }
input[type=text], input[type=password], select { height: 55px; line-height: 55px; border: 1px solid #A1A1A1; border-radius: 8px; padding: 0 24px; font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; background: transparent; }
textarea { height: 150px; line-height: 1; color: #333333; padding: 24px; border: 1px solid #A1A1A1; border-radius: 8px; resize: vertical !important; font-family: "Satoshi-Medium"; font-size: 1rem; }
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder { color: #bbbbbb; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #e92d5c; outline: none; }
label { font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; }
input:checked + .slider { background-color: #e92d5c; }
.errorStyle { color: #ff5d74 !important; }
.tooltip-toggle { cursor: pointer; position: relative; }
.tooltip-toggle::before { position: absolute; transform: translateY(-100%); left: calc(50% - 100px); background-color: #2B222A; border-radius: 5px; color: #fff; content: attr(aria-label); padding: 10px; text-transform: none; transition: all 0.5s ease; width: 200px; }
/*.tooltip-toggle::after {position: absolute; top: -9px; left: 9px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2B222A; content: " "; font-size: 0; line-height: 0; margin-left: -5px; width: 0; }*/
.tooltip-toggle::before, .tooltip-toggle::after { color: #efefef; font-family: "Satoshi-Regular"; font-size: 0.8rem; opacity: 0; pointer-events: none; text-align: center; z-index: 2; }
.tooltip-toggle:focus::before, .tooltip-toggle:focus::after, .tooltip-toggle:hover::before, .tooltip-toggle:hover::after { opacity: 1; transition: all 0.75s ease; }
.form-group { margin: 0; }
.shop .nice-select , .nice-select { display: block; float: none; width: 100%; border: 1px solid #A1A1A1; border-radius: 8px; height: 55px; line-height: 55px; font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; }
.nice-select .list li { font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; text-transform: inherit; }
.nice-select .list li:hover { background-color: #e92d5c !important; }
.input-group .input-group-addon { height: 55px; line-height: 55px; border-radius: 0 8px 8px 0; background: #f5f5f5; border: 1px solid #A1A1A1 !important; color: #333333; font-family: "Satoshi-Medium"; font-size: 1rem; border-left: none; }
.input-group .input-group-addon.leftgroup { border-radius: 8px 0 0 8px; border-right: none; }
/*.input-group input { border-radius: 8px 0 0 8px; border-right: none; }*/
.input-group .nice-select { border-radius: 8px 0 0 8px; border-right: none; }
.input-group input:focus  .input-group .input-group-addon { border: 1px solid #e92d5c !important; outline: none; }
.bootstrap-datetimepicker-widget.dropdown-menu { width: auto !important; }
.bootstrap-datetimepicker-widget table td { width: 24px !important; height: 24px !important; line-height: 24px !important; }
.bootstrap-datetimepicker-widget table td span { width: 24px !important; height: 24px !important; line-height: 24px !important; margin: 0 !important; }
.bootstrap-datetimepicker-widget .btn { background: #e92d5c; padding: 3px !important; color: #fff; }
.bootstrap-datetimepicker-widget table td span:hover { background: transparent !important; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { font-size: 1rem !important; }
.bootstrap-datetimepicker-widget .btn-primary { border-color: transparent !important; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background: #e92d5c !important; }
.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #e92d5c !important; }
.form-control:focus { box-shadow: none; border-color: inherit; }
.verify-badge { position: absolute; top: 0; right: 4px; font-size: 24px; color: #1D9BF0;  }
.verify-badge-big { right: 15px; font-size: 30px; }
.verify-badge-big2 { right: -10px; font-size: 30px; }
.verify-badge-alt { top: -10px; right: -10px; }
.verify-badge-alt2 { top: -10px; right: -20px; }
.diet-icon-container { position: absolute; top: 20px; left: 20px; z-index: 2; text-align: left; }
.diet-icon-container2 { }
.diet-icon { display: inline-block; width: 32px; height: 32px; line-height: 32px; color: #fff; font-size: 1.1rem; text-align: center; border-radius: 50px; }
.diet-icon img { filter: brightness(0) invert(1); display: flex; }
.diet-icon.gluten { background: #d9a442; }
.diet-icon.dairy { background: #ff5d74; }
.diet-icon.vegan { background: #85BA46; }
.diet-icon.eco { background: #00AC64; }
.diet-icon-organic { display: inline-flex; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50px; background: #fff; border: 1px solid #4CAF50; align-items: center; justify-content: center; }
.diet-icon-organic img { }
.diet-icon-harvest { display: inline-flex; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50px; background: #fff; border: 1px solid #000; align-items: center; justify-content: center; }
.diet-icon-harvest img, .help-harvest-img { max-width: 30px; border-radius: 50%; }
.icon-container { position: absolute; top: 0; right: 20px; z-index: 2; text-align: right; display: flex; gap: 2px; }
.s-title { color: #333333; font-family: "Satoshi-Bold"; font-weight: bold; letter-spacing: 1px; font-size: 1.5rem; }
.s-title-sub { color: #333333; font-family: "Satoshi-Bold"; font-weight: bold; letter-spacing: 1px; font-size: 1rem; }
.s-title-sub2 { color: #333333; font-family: "Satoshi-Bold"; font-weight: bold; letter-spacing: 1px; font-size: 1.2rem; }
.full-form-row { border-bottom: 1px solid #ccc; padding: 15px 0; }
.full-form-row label { margin-bottom: 0; }
.full-form-row.top-border { border-top: 1px solid #ccc; }
.full-form-row.no-border { border: none !important; }
.full-form-row.bold-border { border-top: 2px solid #000; border-bottom: 2px solid #000; }
.incdec-container { display: inline-flex; align-items: center; justify-content: space-evenly; height: 55px; line-height: 55px; border: 1px solid #A1A1A1; border-radius: 8px; padding: 0 10px; font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; }
.incdec-container input { border: none; width: 80px; height: 50px; line-height: 50px; padding: 0 10px; text-align: center; }
.incdec-container input:focus { border: none; }
.incdec-container .circ { width: 24px; height: 24px; line-height: 24px; color: #A1A1A1; border-radius: 50px; cursor: pointer; font-size: 1.7rem; }
.reqast { display: none; }
.detail-stats .author a:first-child { padding-left: 0; }
.detailBox { border-radius: 16px; border: 1px solid #dfdfdf; padding: 20px; }
.detailBox .orderTitle { color: #2A2A2A; font-size: 1.2rem; }
.pills li { position: relative; display: inline-block; margin: 0 10px 15px 0; border-radius: 7px; padding: 5px 13px; background: #e8e8e8; font-size: 0.9rem; cursor: pointer; }
.pills li:hover { background: #e92d5c; color: #fff; }
.pr { font-family: "Satoshi-Medium"; font-size: 0.9rem; }
.pr2 { font-family: "Satoshi-Medium"; font-size: 1.2rem; font-weight: 700; }
.pr3 { font-family: "Satoshi-Medium"; font-size: 0.8rem; }
.pr4 { font-family: "Satoshi-Medium"; font-size: 1.1rem; font-weight: 700; }
.pr15 { font-family: "Satoshi-Bold"; font-size: 1.5rem; }
.pr5 { font-family: "Satoshi-Medium"; font-size: 0.7rem; }
.prx { position: relative; font-family: "Satoshi-Medium"; font-size: 1rem; }
.pr12 { font-family: "Satoshi-Medium"; font-size: 1.2rem; }
.b-top { border-top: 1px solid #ccc; }
.keyword-container { overflow: hidden; height: 25px; }
.keyword-container .keyword-item, .keyword-container2 .keyword-item { position: relative; display: inline-block; height: 25px; line-height: 25px; overflow: hidden; margin: 0; border-radius: 7px; padding: 0 5px; background: #e8e8e8; font-size: 0.8rem; cursor: pointer; }
.keyword-item.keyword-green { background: #85BA46; color: #fff; overflow: auto; }
.bubble-itemlist { position: relative; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; margin: 0; border-radius: 10px; padding: 0 7px; background: #00a5c1; font-size: 0.9rem; cursor: pointer; color: #fff; }
.bubble-itemlist2 { background: #b35f19; color: #fff; }
.owner-box { border-radius: 20px; background-color: #f5f5f5; padding: 20px 5px; position: sticky; top: 20px; box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67);
    -webkit-box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67);
    -moz-box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67); }
.owner-bbottom { padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.sticky { position: sticky; top: 20px; }
.starYellow { color: #e92d5c !important; }
.detail-stats span a:hover { color: #e92d5c !important; }
.flagItem { display: flex; align-items: center; justify-content: center; color: #6e6e6e; }
.signInSec, .signupContents { border-radius: 16px; border: 1px solid #dfdfdf; padding: 20px; box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67); -webkit-box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67); -moz-box-shadow: 3px 0px 14px 1px rgba(173,173,173,0.67);  }
.or-line { overflow: hidden; text-align: center; color: #A1A1A1; }
.or-line:before, .or-line:after { background-color: #A1A1A1; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
.or-line:before { right: 0.5em; margin-left: -50%; }
.or-line:after { left: 0.5em; margin-right: -50%; }
.view-password { top: 35%; color: #A1A1A1; }
.customlabel { position: relative; }
.customlabel label { position: absolute; top: 15px; left: 10px; transition: 0.3s; z-index: -1; color: #6e6e6e; }
.customlabel input:focus ~ label, .customlabel .has-content ~ label { top: -7px; font-size: 0.9rem; z-index: 1; background: #fff; display: inline-block; height: 15px; line-height: 15px; }
.password-container input[type="password"], .password-container input[type="text"] { padding: 0 24px; }
.fb-login-button {width: 100%; }
.custom-social { display: flex; align-items: center; height: 45px; line-height: 45px; width: 100%; border: 1px solid #333; border-radius: 10px; justify-content: center; font-family: Roboto; font-size: 14px; padding: 0 20px; cursor: pointer; }
.custom-social img { height: 20px; width: auto; margin-right: 20px; }
.reviewBox { padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.review-text { font-size: 1rem; color: #767676; letter-spacing: 1px; line-height: 1.1; font-family: "Satoshi-Regular"; font-weight: 500; }
.item-image .item { width: auto !important; height: auto !important; }
.item-image .owl-item img, .item-image img { display: block; width: auto !important; height: auto !important; margin: 0 auto; max-height: 100%; }
.w-30px { width: 30px; }
.success-message-box { width: 100%; height: 50px; line-height: 50px; background: #25BA67; color: #fff; font-family: "Satoshi-Medium"; padding: 0 10px; border-radius: 6px;  font-size: 1.3rem; }
.top-border2 { border-top: 1px solid #ccc; }
.pills-check li { position: relative; display: flex; align-items: center; margin: 0 0 7px 0; font-size: 1.1rem; cursor: pointer; }
.pills-check .icn { color: #e92d5c; }
.detailBox2 { border-radius: 16px; border: 1px solid #dfdfdf; box-shadow: 0px 0px 15px #0000001a; }
.detailBox2 .innerBox { padding: 20px; }
.detailBox2 .footerBox { background: #e3e3e3; padding: 20px; border-radius: 0 0 16px 16px; }
.detailBox2 .footerBox p { color: #00a5c1; font-size: 0.9rem; }
.detailBox2 .orderTitle { color: #2A2A2A; font-size: 1.2rem; }
.actionicon { transition: all 0.3s ease; }
.actionicon:hover { color: #e92d5c; }

.section-title1 { font-family: 'Satoshi-Bold'; color: #666565; font-size: 1rem; }
.section-title2 { font-family: 'Satoshi-Bold'; color: #666565; font-size: 1.5rem; }
.section-title3 { font-family: 'Satoshi-Medium'; color: #666565; font-size: 1.4rem; }
.section-title4 { font-family: 'Trujillo-ExtraBold'; color: #000; font-size: 2rem; letter-spacing: 1px; }
.width-fit-content { width: fit-content; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.blackdot:after { content: "\00B7"; margin: 0 5px; font-size: 1.4rem; }
.nice-select .list li.focus { text-transform: inherit; }
.mt-590 { margin-top: 590px; }
.itemimg { background-size: cover; background-position: center; background-color: #f3f3f3; cursor: pointer; }
.itemimg-big { width: 560px; height: 370px; }
.itemimg-small { width: 180px; height: 180px; margin-bottom: 10px; }
/*.itemimg div { display: block; width: 100%; height: 100%; }*/
.bradius-top-left { border-radius: 10px 0 0 0; }
.bradius-top-right { border-radius: 0 10px 0 0; }
.showall { height: 35px; line-height: 35px; background: #fff; border-radius: 10px; position: absolute; bottom: 20px; right: 20px; z-index: 2; cursor: pointer; border: 1px solid #959595; color: #000; display: flex; align-items: center; padding: 0 13px; font-size: 1rem; -webkit-box-shadow: 4px 2px 8px 0px rgba(204,204,204,1); -moz-box-shadow: 4px 2px 8px 0px rgba(204,204,204,1); box-shadow: 4px 2px 8px 0px rgba(204,204,204,1); }
.item-image { position: relative; }
.custom-alert { display: flex; font-size: 0.9rem; font-family: "Satoshi-Bold"; border-radius: 8px; box-shadow: 0px 0px 15px #0000001a; }
.custom-alert.custom-alert-brown { border: 1px solid #0a7986; }
.custom-alert .custom-alert-title, .custom-alert .custom-alert-container { padding: 0 10px; min-height: 40px; display: flex; align-items: center; }
.custom-alert.custom-alert-brown .custom-alert-title { background: #0a7986; color: #fff; border-radius: 6px 0 0 6px; }
.custom-alert.custom-alert-brown .custom-alert-container { color: #0a7986; }
.custom-alert.custom-alert-blue { border: 1px solid #00a5c1; }
.custom-alert.custom-alert-blue .custom-alert-title { background: #00a5c1; color: #fff; border-radius: 6px 0 0 6px; }
.custom-alert.custom-alert-blue .custom-alert-container { color: #00a5c1; }
.custom-alert.custom-alert-yellow { border: 1px solid #FBBC05; }
.custom-alert.custom-alert-yellow .custom-alert-title { background: #FBBC05; color: #fff; border-radius: 6px 0 0 6px; }
.custom-alert.custom-alert-yellow .custom-alert-container { color: #dba404; }
.inDays { left: 15px; }
.custom-alert-2 { display: inline-flex; justify-content: center; align-items: center; font-family: "Satoshi-Bold"; border: 1px solid #00a5c1; border-radius: 8px; box-shadow: 0px 0px 15px #0000001a; padding: 10px; }
.custom-alert-2-title { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 10px; }
.custom-alert-2-container { flex-direction: column; justify-content: start; text-align: left; display: flex; }
.notifyDropdown-content2 { display: none; position: absolute; background-color: #fff; font-size: 13px; font-weight: 500; width: 145px; max-width: 300px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);  padding: 0 15px; z-index: 100; }
.list-badge-overlay { position: absolute; left: 0%; top: 0px; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 52; -webkit-transition: width 1s ease, height 1s ease;  -moz-transition: width 1s ease, height 1s ease; -o-transition: width 1s ease, height 1s ease; transition: width 0.4s ease, height 0.4s ease; }
.list-badge-overlay-z2 { z-index: 51 !important; }
.list-badge { margin: 0; color: white; padding: 0; font-size: 0.9rem; font-family: "Satoshi-Bold"; text-align: center; line-height: normal; text-transform: uppercase; background: #e92d5c; }
.list-badge-z2 {background: #00a5c1 !important; }
.list-badge-z3 { background: #2c292b !important; }
.list-badge-green {background: #85BA46 !important; text-transform: none; }
.list-badge-red {background: #ff5d74 !important; text-transform: none; }
.list-badge::before, .list-badge::after { content: ""; position: absolute; top: 0; margin: 0 -1px; width: 100%; height: 100%; background: inherit; min-width: 55px; }
.list-badge::before { right: 100%; }
.list-badge::after { left: 100%; }
.list-badge-top-right { position: absolute; top: 0; right: 0; -ms-transform: translateX(30%) translateY(0%) rotate(45deg); -webkit-transform: translateX(30%) translateY(0%) rotate(45deg); transform: translateX(30%) translateY(0%) rotate(45deg); -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; }
.notVerified { width: 100%; height: 30px; line-height: 30px; background: #FFEBF5; color: #000; font-size: 1rem; }
.notVerified a { color: #e92d5c; }
.list-disc { list-style: disc; }
.ion-icon { pointer-events: none; }
.order-item-detail-list li { width: 49%; display: inline-flex; align-items: center; margin-bottom: 10px; }
.order-item-detail-list2 li { width: 100%; display: inline-flex; align-items: center; margin-bottom: 5px; }
.list-img { height: 100px; width: 100px; object-fit: cover; }
.header-color { width: 100%; height: 40px; line-height: 40px; border-radius: 10px; background-color: #efefef; color: #e92d5c; font-size: 1rem; font-weight: 600; font-family: "Satoshi-Bold"; }
.footer-color { height: 60px; line-height: inherit; color: #545052; }
.top-5 { top: 5px; }
.tab-content2 { display: none; padding: 20px 0; background: transparent; }
.tab-content2.current { display: inherit; }
.tab-link2 { display: inline-flex; align-items: center; border: 2px solid #3B4850; color: #3B4850; border-radius: 20px; height: 40px; padding: 0 20px; margin: 0 20px 20px 0; text-align: center; cursor: pointer; font-size: 1rem; background: #fff; transition: 0.3s; }
.tab-link2:hover { background: #F4F4F4; color: #7A7A7A; border: 2px solid #7A7A7A; }
.tab-link2.current { background: #008792; border: 2px solid #008792; color: #fff; }
.tab-link3 { display: inline-block; border: 1px solid #3B4850; color: #3B4850; border-radius: 20px; height: 40px; line-height: 40px; padding: 0 20px; margin: 0 20px 0 0; text-align: center; cursor: pointer; font-size: 1rem; background: #fff; }
.tab-link3.current { background: #008792; border: 1px solid #008792; color: #fff; }
#myMap { height: 800px; }
.d-flex-alt { display: flex; }
.row-color { width: 100%; height: 50px; border-radius: 10px; background-color: #efefef; font-size: 1rem; font-weight: 600; font-family: "Satoshi-Medium"; }
.b-top { border-top: 1px solid #eee; }
.b-bottom { border-bottom: 1px solid #eee; }
.b-top2 { border-top: 1px solid #dfdfdf; }
.b-bottom2 { border-bottom: 1px solid #dfdfdf; }
.input-alt { height: 45px !important; line-height: 45px !important; border: none !important; border-radius: 16px !important; padding: 0 20px !important; font-family: "Satoshi-Medium" !important; font-size: 1rem !important; color: #333 !important; background: #E8E8E8 !important; resize: auto !important; }
.input-alt::placeholder { color: #333 !important; }
.reviewflag::after {display: none !important; }
.upload-bg { border: 1px solid #A1A1A1; border-radius: 8px; padding: 10px 0 5px 0; }
.w-80px { width: 80px; }
.photo-count { top: 5px; left: 20px; padding: 0 3px; border-radius: 5px; font-size: 13px; }
.primary-area { }
.primary-area .sect { display: flex; align-items: center; justify-content: center; height: 30px; line-height: 30px; text-align: center; font-size: 15px; }
.primary-area img { object-fit: cover; width: 100%; }
.br-top { border-radius: 5px 5px 0 0; }
.br-bottom { border-radius: 0 0 5px 5px; }
.header .lightbox .lightbox-item { padding: 10px 15px; }
.lightbox-list .notifyContents { height: 200px; overflow: auto; }
.popular-slider1 .product-img a img { width: 180px; height: 180px; border-radius: 0; padding: 0; margin: 0 auto; }
.most-popular .owl-nav { top: 50%; }
.comment-bubble { border-radius: 8px; padding: 10px 24px; font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; background: #dcf9f0; }
.text-bubble { border-radius: 8px; padding: 5px 10px; background: #F5F8FC; font-family: "Satoshi-Medium"; font-size: 1rem; color: #333333; }
.new-badge { background: #ff5d74; color: #fff; font-size: 0.7rem; padding: 0 7px; border-radius: 5px; position: absolute; top: -10px; left: 0; height: 15px; line-height: 15px; }
.event-default-text { position: relative; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; margin: 0; border-radius: 10px; padding: 0 7px; background: #0a7986; font-size: 0.9rem; cursor: pointer; color: #fff; }
.order-new-badge { background: #ff5d74; color: #fff; font-size: 0.7rem; padding: 0 7px; border-radius: 5px; position: absolute; top: -10px; right: 0; height: 15px; line-height: 15px; }
.event-default-text { position: relative; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; margin: 0; border-radius: 10px; padding: 0 7px; background: #0a7986; font-size: 0.9rem; cursor: pointer; color: #fff; }
.event-default-text.bigsize { position: absolute; top: 10px; left: 10px; height: 35px; line-height: 35px; font-size: 1rem; z-index: 1; }
.textareaExpandable[contenteditable]:empty::before { content: "Write a comment..."; }
.w18 { width: 18px; display: inline-block; }
.other-item-pills { display: flex; list-style-type: none; }
.other-item-pills li { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 180px; height: 55px; border-radius: 10px; background: #F0F0F0; padding: 5px; margin: 0 10px 10px 0; }
.other-item-pills li p { line-height: 18px; font-size: 0.8rem; }
.btn2-grey.followed { border: 1px solid #E8E8E8; }
.followedbtn, .requestcancel { background: #ffcfd5; color: #e92d5c !important; border: 1px solid #ed95af; }
.btn2-grey.unfriend { border: 1px solid #E8E8E8; }
.btn2-grey.unfriend:hover { background: #ffcfd5; color: #e92d5c !important; border: 1px solid #ed95af; }
.inp-small { height: 35px !important; line-height: 35px !important; padding: 0 10px !important; font-size: 0.9rem !important; }
.photo-upload { width: 25px; height: 25px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0 5px; border-radius: 50px; }
.reaction { display: none; position: absolute; background: #fff; border-radius: 8px; padding: 5px; top: -45px; border: 1px solid #cbcbcb; z-index: 1; }
.reaction-container { display: flex; align-items: center; justify-content: center; }
.reaction-container img { margin: 0 1px; width: 36px; height: 36px; cursor: pointer; transition: all .2s ease-in-out; }
.reaction-container img:hover { transform: scale(1.2); }
.reaction-done img { width: 24px; height: 24px; }
.reaction-span { display: none; position: absolute; background: #000; border-radius: 4px; padding: 0 5px; color: #fff; font-size: 14px; top: -20px; }
.separator-line { width: 85%; margin: 40px auto; height: 1px; border-bottom: 1px solid #eee; }
.reaction-container img:hover + .reaction-span { display: block; }
.list-badge-new { width: 45px; height: 55px; border-radius: 0 0 8px 8px; color: #fff; font-size: 15px; text-align: center; display: inline-flex;  flex-direction: column; align-items: center; justify-content: space-around; }
.list-badge-new.sch { font-size: 12px; }
.list-badge-new span { height: 15px; line-height: 15px; }
.list-badge-new .icn { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #878787; background: #fff; color: #4e4e4e; font-size: 12px; }
.list-badge-new .icn2 { width: 38px; border-radius: 50%; background: #fff; padding: 1px; }
.list-badge-new.bg-red { background: #d75151; }
.list-badge-new.bg-green { background: #8FC35F; }
.list-badge-new.bg-yellow { background: #FBBC05; color: #000 !important; }
.list-badge-new.bg-grey { background: #78909C; }
.list-badge-new.bg-purple { background: #db69ea; }
.list-badge-new.bg-blue { background: #4fc6c2; }
.list-badge-new.bg-green2 { background: #54bc4f; }
.list-badge-new.bg-green3 { background: #0a7986; }
.list-badge-new.bg-orange { background: #eaa052; }
.mt22 { margin-top: 22px; }
.gardenTab-link.current { }
.gardenTab-content { display: none; }
.gardenTab-content.current { display: block; }
.gardenitem { display: inline-flex; flex-direction: column; margin: 0 10px 15px 0; }
.gardenitem-pill { position: relative; min-width: 100px; display: inline-block; margin: 0; background: #fff; border: 1px solid #2A2A2A; border-radius: 20px; padding: 5px; font-size: 0.9rem; cursor: pointer; text-align: center; }
.gardenitem-pill .count { width: 16px; height: 16px; border-radius: 50%; color: #fff; text-align: center; line-height: 16px; font-size: 11px; position: absolute; top: -7px; right: -7px; }
.gardenitem-pill .count2 { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; color: #fff; text-align: center; line-height: 16px; font-size: 11px; position: absolute; top: -7px; right: 13px; }
.gardenitem-pill .count.count-green, .gardenitem-pill .count2.count-green { background: #25BA67; }
.gardenitem-pill .count.count-pink { background: #e92d5c; }
.gardenitem-pill .count.count-pink2 { background: #d43459; }
.gardenitem-detail { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.grey-box { border-radius: 7px; padding: 5px 20px; background: #e8e8e8; }
.grey-box-count { background: #000; position: absolute; top: -3px; right: -8px; color: #fff; font-size: 10px; border-radius: 50%; width: 14px; height: 14px; text-align: center; line-height: 14px; }
.footer { background: #F5F5F5; border-top: 2px solid #e92d5c; margin-top: 50px; /*background: #c56d94;*/ }
.footer-motto { font-family: "Trujillo-Medium"; font-size: 2rem; line-height: 3rem; letter-spacing: 1px; margin: 0; padding: 0; }
.footer-motto.wht { color: #e92d5c; }
.footer-motto.blck { color: #333333; }
.footer-top { padding: 0; }
.footer-bottom { padding: 30px 0; }
.footer-logo { max-width: 135px; height: auto; }
.footer-copyright { font-family: "Satoshi-Bold"; font-size: 0.9rem; letter-spacing: 1px; color: #622842; }
.footer-link { font-family: "Satoshi-Bold"; margin: 0; padding: 0; color: #e92d5c; /*color: #622842;*/ }
.footer-link a:hover { color: #8d0d45; }
.footer-link.size1 { font-size: 2.1rem; line-height: 2.5rem; letter-spacing: 1px; }
.footer-link.size2 { display: inline-flex; }
.footer-link.size2 span, .footer-link.size2 a { display: flex; align-items: center; font-size: 1rem; letter-spacing: 1px; margin: 0; padding: 0 0 0 8px;  }
.footer-link.size2 li:first-child span, .footer-link.size2 li:first-child a { padding: 0; }
.footer-link.size2 li:first-child span:before, .footer-link.size2 li:first-child a:before { display: none; }
.footer-link.size2 span:before, .footer-link.size2 a:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #4f1f34; display: inline-block; margin: 0 8px 0 0; }
.footer-link.size3 { font-size: 1.3rem; line-height: 2rem; }
.footer-link2 { display: inline-flex; justify-content: space-around; width: 100%; }
.footer-link2 a { font-family: "Satoshi-Medium"; font-size: 1.2rem; }
.footer-line { width: 100%; height: 1px; background: #e92d5c; }
.spec-top-title { font-family: "Satoshi-Medium"; font-size: 1.5rem; line-height: 2rem; letter-spacing: 2px; }
.spec-top-title2 { font-family: "Satoshi-Medium"; font-size: 2rem; line-height: 2rem; letter-spacing: 2px; }
.spec-mid-title { font-family: "Satoshi-Bold"; font-size: 2.5rem; line-height: 3.5rem; letter-spacing: 2px; }
.spec-mid-title2 { font-family: "Satoshi-Bold"; font-size: 3.5rem; line-height: 3.5rem; letter-spacing: 2px; }
.spec-title { font-family: "Satoshi-Black"; font-size: 6.2rem; line-height: 6.5rem; letter-spacing: -3px; }
.spec-title2 { font-family: "Satoshi-Black"; font-size: 4.2rem; line-height: 4.5rem; letter-spacing: -3px; }
.spec-image { position: relative; border-radius: 25px; }
.spec-image:before, .spec-image:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);-o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.spec-image2 { max-height: 350px; width: 100%; object-fit: cover; }
.spec-image:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }
.spec-box { display: flex; justify-content: center; flex-direction: column; position: relative; }
.spec-box-text { position: absolute; z-index: 2; }
.spec-bg { width: 100%; height: 700px; border-radius: 25px; filter: brightness(40%); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.spec-bg2 { width: 100%; height: 300px; border-radius: 25px; filter: brightness(70%); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.spec-bg-color { background: #f9f9f9; }
.spec-quote { padding: 0 35px; position: relative; line-height: 2; }
.spec-quote:before { content: "“"; font-size: 3rem; position: absolute; left: 0; line-height: 1; }
.spec-quote-s { font-size: 3rem; line-height: 1; margin-left: 5px; }
.spec-ul { padding-left: 25px; }
.spec-ul li { list-style-type: disc; list-style-position: outside; }
.spec-ul li::marker { color: #e92d5c; font-size: 1.7rem; }
.eclipse-bg { }
.gra-icon { max-width: 85px; }
.gra-icon2 { max-width: 30px; }
.gra-icon3 { max-width: 100px; }
.green { color: #85BA46; }
.segoe { font-family: 'segoe_print'; }
.navi { font-family: "Satoshi-Bold"; font-size: 1.2rem; padding-bottom: 8px; border-bottom: 2px solid #fff; font-weight: bold; }
.navi:hover { border-bottom: 2px solid #ffb8d7; }
.navi.navi-selected { border-bottom: 2px solid #e92d5c; }
.pills2 { display: inline-flex; align-items: center;  border: 2px solid #3B4850; color: #3B4850; border-radius: 20px; height: 40px; line-height: 40px; padding: 0 20px; margin: 0 20px 0 0; text-align: center; cursor: pointer; font-size: 1.1rem; background: #fff; transition: 0.3s; }
.pills2:hover { background: #F4F4F4; color: #7A7A7A; border: 2px solid #7A7A7A; }
.pills2.selected { background: #008792; border: 2px solid #008792; color: #fff; }
.img-icon { max-height: 24px; width: auto; border-radius: 50%; }
.img-icon2 { filter: brightness(0) invert(1); }
.pills2.selected .img-icon { }
.back-home { display: flex; align-items: center; justify-content: end; font-size: 1.2rem; }
.blogdate { color: #515151; font-family: "Satoshi-Medium"; font-weight: 500; font-size: 0.9rem; line-height: 17px; display: flex; align-items: center; }
.thumbInfoIndent2 { height: 90px; padding: 0 10px; }
.blog-content { }
.blog-content p { margin-bottom: 25px; }
.blog-content .s-title-sub { margin-bottom: 15px; }
.custom-tabs .tab { display: inline-flex; align-items: center; height: 50px; line-height: 50px; padding: 0 20px; }
.custom-tabs .tab a { color: #767676; font-weight: 500; font-family: "Satoshi-Bold"; font-size: 1.1rem; transition: none; display: inline-flex; align-items: center; height: 25px;  }
.custom-tabs .tab:not(.current) a { border-bottom: 2px solid #fff; }
.custom-tabs .tab:not(.current) a:hover { border-bottom: 2px solid #767676; }
.custom-tabs .tab:first-child { border-radius: 10px 0 0 0; }
.custom-tabs .tab:last-child { border-radius: 0 10px 0 0; }
.custom-tabs .tab.current { background: #214656 !important; }
.custom-tabs .tab.current a { color: #fff; }
.singleVideo {width: 400px !important; max-height: 400px !important; position: relative; display: inline-block; }
.video-js { position: relative !important; width: 100% !important; height: 400px !important; }
.profile-video { width: 30px; height: 30px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0 5px; border-radius: 50px; }
.upload-video { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border: 3px solid #767676; color: #767676; border-radius: 50%; text-align: center; }
.upload-video .uv-icon { font-size: 35px; }
.grown-green-circle { width: 80px !important; height: 80px !important; border:3px solid #54bc4f; background: #fff; border-radius: 50%; position: absolute; right: 10px; bottom: 10px; display: inline-flex !important; align-items: center; flex-direction: column; }
.grown-green-circle img { margin: 0; width: 24px !important; height: auto !important; }
.grown-green-circle p { color: #54bc4f; font-size: 0.8rem; font-weight: bold; }
.grown-green-circle2 { display: inline-flex; align-items: center; font-size: 1.2rem; font-weight: bold; justify-content: center; width: 80px !important; height: 80px !important; border-radius: 100%; background-color: #00AC64; color: #fff;}
.grown-green-circle-small {display: inline-flex; align-items: center; font-weight: bold; justify-content: center; width: 40px !important; height: 40px !important; border-radius: 100%; background-color: #00AC64; color: #fff;}
.harvest-icon { display: inline-flex; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50px; background: #fff; border: 1px solid #b35f19; align-items: center; justify-content: center; }
.harvest-icon img { max-width: 30px; border-radius: 50%; }
.harvest-icon2 {  width: 80px !important; height: 80px !important; line-height: 80px; text-align: center; border-radius: 50px; background: #fff; border: 3px solid #b35f19;  }
.harvest-icon2 img { max-width: 70px; border-radius: 50%; }
.empty-profile { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; border: 3px solid #767676; color: #767676; border-radius: 50%; text-align: center; font-size: 1.6rem; text-transform: uppercase; font-family: "Satoshi-Medium"; }
.empty-profile2 { width: 80px; height: 80px; }
.empty-profile4 { width: 70px; height: 70px; }
.empty-profile5 { width: 70px; height: 70px; }
.empty-profile3 { width: 90px; height: 90px; }
.empty-profile4 { width: 40px; height: 40px; border: 2px solid #767676; font-size: 1rem; }
.grown-icon { max-height: 55px; }
.grown-icon2 { max-height: 40px; }
.grown-icon3 { max-height: 30px; }
.ThumbOuter.infoBox { height: 357px; }
.photoIconArea { display: inline-flex !important; position: absolute; right: 10px; bottom: 10px; align-items: center; justify-content: end; }
.photoIconArea>div { margin-left: 10px; }
.green-restaurant-circle2 { width: 80px !important; height: 80px !important; background: #fff; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }
.green-restaurant-circle2 img { max-width: 85px; margin: 0 !important; }
.mw-24 { max-width: 24px; }
.invitemodal { width: 800px; max-width: 800px; border-radius: 20px; }
.invitemodal .modal-content { border-radius: inherit; }
.invitemodal .modal-body { border-radius: 20px; max-height: inherit !important; padding: 20px !important; }
.lg-icon { background: #fff; width: 32px; height: 32px; border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
.lbl { font-family: "Satoshi-Bold"; }
.faq .faq-item{ margin-bottom: 20px; font-family: "Satoshi-Regular"; }
.faq .faq-header { width: 100%; border: 1px solid #ccc; background: #f6f6f6; padding: 10px; cursor: pointer; display: flex; align-items: center; font-size: 1.2rem; }
.faq .faq-answer { font-size: 1rem; line-height: 1.3rem; }
.faq .faq-answer .faq-inner { padding: 10px; }
.faq .faq-header:not(.collapsed) .faq-plus-text { rotate:45deg; }
.faq .faq-plus { display: inline-block; width: 25px; height: 25px; background: #000; color: #fff; text-align: center; font-size: 1.4rem; margin-right: 10px; }
.faq .faq-plus .faq-plus-text { display: block; transition: all 0.5s; rotate:0deg; }
.contact-box { display: flex; flex-direction: column; justify-content: center; background: #f6f6f6; border-radius: 20px; width: 48%; height: 200px; padding: 20px; margin-bottom: 25px; }
.contact-box .dsc { font-size: 2rem; font-weight: bold; line-height: 2.3rem; }
.contact-box .dsc2 { font-size: 1rem; }
.motto-logo { max-height: 30px; height: auto; }
.motto-logo2 { max-height: 18px; height: auto; }
.blogImage { max-height: 245px; width: 100%; object-fit: cover; }
.blogImage2 { max-width: 450px; height: auto; }
.fnicon-filter { width: 24px; height: 24px; border-radius: 10px; }
.serif, .serif p, .serif span { font-family: 'Noto Serif JP', serif !important;; font-size: 1rem !important; }
.font-trujillo-medium { font-family: "Trujillo-Medium" !important; }
.font-trujillo-extrabold { font-family: "Trujillo-ExtraBold" !important; }
.howitworks .hiw-title { font-size: 1.1rem !important; }
.object-fit-cover { object-fit: cover; }
.growuppill:hover { color: #fff; background: #e92d5c; }
.notif { width: 12px; height: 12px; border-radius: 50%; background: #25BA67; color: #fff; text-align: center; line-height: 16px; font-size: 11px; position: absolute; top: 6px; left: 3px;  z-index: 2; }
.mw50 { max-width: 50px; }
.w90p { width: 90%; }
.mh70 { max-height: 70px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
.w100 { width: 110px; }
.w90 { width: 90px; }
.follow, .followed { transition: none; }
.left-count { width: 20px; height: 20px; line-height: 20px; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.bdg { width: 20%; display: flex; flex-direction: column; align-items: center; }
.bdg-img { width: 90px; height: 90px; }
.bdg-img2 { width: 80px; height: 80px; }
.bdg-img img { width: 100%; height: auto; }
.bdg p { font-family: "Satoshi-Medium"; font-weight: 700; font-size: 1.4rem; line-height: 1.5rem; color: #000; }
.btn2-mid { height: 34px; }
.footer-nav, .profile-nav, .manage-nav, .add-nav, .notify-nav { display: none; }
.custom-search .search-cancel, .inner-header-c { display: none; }
.itemimglist2.owl-carousel { display: block !important; }
.mobile-igrowit { position: absolute; top: -9px; right: 10px; }
.gardenitem .btn2 { border-radius: 20px; }
.lh15 { line-height: 15px; }
.mobileWelcome { display: block !important; width: 30%; height: auto; padding: 0; max-width: inherit;  }
.mobileWelcome .modal-content { padding: 70px 20px 20px 20px; }
.createchat { display: none; align-items: center; justify-content: end; }
.createchat.active { display: flex; }
.msgDetailScroll { max-height: 500px; overflow: auto; margin-bottom: 20px; }
.msgDetailScroll .single-comment { margin-bottom: 10px !important; }
.msgDetailScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(136, 134, 134, 0.3); border-radius: 10px; background-color: #F5F5F5; }
.msgDetailScroll::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.msgDetailScroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(136, 134, 134, 0.3); background-color: #555; }
.mailDiv { max-height: inherit; overflow: hidden; }
.msgTextArea { line-height: 25px; padding: 10px 20px; }
.msgViewImg { max-height: 70px; max-width: 70px; width: auto; height: auto; margin-left: 10px; }
.msgDetails .content { display: inline-block; max-width: 100% !important; overflow-wrap: break-word;}
.input-group-small input[type=text], .input-group-small input[type=password], .input-group-small select { height: 40px; line-height: 40px; padding: 0 10px; border-radius: 8px 0 0 8px; }
.input-group-small .input-group-addon { height: 40px; line-height: 40px; padding: 0 10px; }

@media (max-width: 768px){
    .hidden-text-mobile { display: none !important; }
    .header.shop .right-bar .sinlge-bar {margin-right: 5px; }
    .custom-search { border: none; height: auto; }
    .custom-search #keyword, .custom-search #zipCode { height: 40px; padding: 0 10px; font-size: 0.7rem; border: 1px solid #000; border-radius: 20px; transition: none; }
    .custom-search .btnn { padding: 0 5px 0 0; border-radius: 0 20px 20px 0; height: 40px; width: auto; background: transparent; color: #000; flex-basis: 15%; }
    .custom-search .btnn .mobile-src-icon { font-size: 20px; }
    .custom-search #zipCode { width: 100% !important; display: none; flex-basis: 70%; }
    .custom-search #keyword:focus, .custom-search #zipCode:focus { border: 1px solid #000; }
    .custom-search #qsearch { flex-wrap: wrap; }
    .custom-search .seperator { display: none; }
    .custom-search .btnn:hover {background: inherit; }
    ul.tabs li { padding: 0 10px; }
    .footer-nav { width: 100%; height: 70px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); border-top: 1px solid #f6f6f6; -webkit-box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); -moz-box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); }
    .footer-nav a { display: flex; flex-direction: column; margin: 0 15px; justify-content: center; align-items: center; }
    .footer-nav .footer-nav-link { font-size: 15px; }
    .footer-nav.hidden { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
    .footer-motto { font-size: 1.5rem; line-height: inherit; }
    .fd-column-mobile { flex-direction: column; }
    .footer-link.size2 a { padding: 0; justify-content: center; }
    .footer-link.size2 a:before { display: none; }
    .footer-link { margin: 20px 0 0 0 !important; }
    .inner-header { width: 100%; height: 50px; position: fixed; top: 0; z-index: 50; transition: all 0.3s ease-out; }
    .inner-header-c { display: block; width: 100%; height: 50px; }
    .inner-header.search-active { height: auto; padding: 10px 0; }
    .filter-mobile { display: flex; align-items: center; cursor: pointer; }
    #scrollUp { display: none !important; }
    .footer-copyright { padding-bottom: 50px; font-size: 0.8rem; letter-spacing: 0; }
    .custom-search-container { margin: 20px 0 !important; }
    .ThumbBig .item, .singleThumbnail { width: 100% !important; }
    .mobile-tabs .tab, .mobile-tabs .tab-link { padding: 0 7px 15px 7px; border-radius: 0; margin: 0; font-size: 1.1rem; border-bottom: 3px solid #b6b6b6; }
    .mobile-tabs.narrw .tab-link { margin: 0 3px; }
    .mobile-tabs .tab.current, .mobile-tabs .tab-link.current { background: #fff !important; border-radius: 0; border-bottom: 3px solid #e92d5c; color: #000; }
    .mobile-tabs .tab a { display: flex; flex-direction: column; font-size: 0.9rem; height: auto; line-height: 30px; }
    .mobile-tabs .tab.current a { color: #000; }
    .mobile-tabs .tab a .mobile-icon { font-size: 22px; margin: 0 !important; color: #515151; }
    .mobile-tabs .tab:not(.current) a, .mobile-tabs .tab:not(.current) a:hover { border: none; }
    .mobile-tabs #totalItemCount { display: contents; }
    .mobile-tabs .mtab-span { line-height: 17px; margin-top: 5px; }
    .mobile-tabs .tab.firsttabitem { align-items: flex-end; }
    .tab .img-icon { max-height: 28px; border-radius: 0; }
    ul.tabs { border-bottom: none; text-align: center; }
    .mobile-header-icons { align-items: center; justify-content: end; }
    .locationPin { left: 0; right: 0; width: 100%; margin: 0; top: 90px; margin-left: 20px !important; }
    .mobile-profile-basis { flex-basis: 40px; }
    .filter-sidebar-mobile { width: 100%; height: 100%; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff; display: block !important; align-items: center; justify-content: center; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); border-top: 1px solid #f6f6f6; -webkit-box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); -moz-box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); border-radius: 20px 20px 0 0; flex-direction: column; overflow: auto; padding: 20px; }
    .filter-sidebar-mobile.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);  }
    .searchbar-left.search-active {  }
    .searchbar-right.search-active { display: none !important; }
    .custom-search #zipCode.search-active { display: block !important; }
    .custom-search .search-cancel.search-active { display: block !important; flex-basis: 30%; }
    .custom-search #keyword { flex-basis: 85%; }
    .custom-search #keyword.search-active { flex-basis: 70%; }
    .custom-search .search-cancel { text-align: center; cursor: pointer; }
    .custom-search .seperator.search-active { display: block; width: 100%; background: transparent; margin: 5px 0; height: 0; border-radius: 0; }
    .custom-search .btnn.search-active { flex-basis: 30%; }
    .profile-nav, .manage-nav, .add-nav, .notify-nav, .msgDetailMobile { width: 100%; height: 100%; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff; display: block !important; align-items: center; justify-content: center; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); border-top: 1px solid #f6f6f6; -webkit-box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); -moz-box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); border-radius: 20px 20px 0 0; flex-direction: column; overflow: auto; padding: 20px; font-size: 1rem; }
    .profile-nav.active, .manage-nav.active, .add-nav.active, .notify-nav.active, .msgDetailMobile.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);  }
    .add-nav { height: 50%; }
    .msgDetailMobile { height: 95%; }
    .profile-icon { color: #000; }
    .item-container { visibility: hidden; opacity: 0; margin-left: 25px; height: 0; transition: all 0.3s ease-out; }
    .item-container.active { visibility: visible; opacity: 1; height: auto; }
    .item-container-toggle.active .toggle-icon { transform: rotate(90deg); }
    .item-container-toggle .toggle-icon { transition: all 0.3s ease-out; }
    .mobile-column-list { flex-direction: column !important; align-items: flex-start !important; }
    .mobile-column-list2 { flex-direction: column !important; align-items: end !important; }
    .section-title2 { margin-top: 1.5rem; }
    .mobile-fs-small { font-size: 0.8rem !important; }
    .mobile-flex-wrap { flex-wrap: wrap; }
    .mobile-justify-content-center { justify-content: center !important; }
    .mobile-tabs2 { color: #000; border-radius: 0; padding: 0; margin: 0 5px; font-size: 0.9rem; border: none; }
    .mobile-tabs2.current { color: #000; border: none; border-bottom: 3px solid #008792; background: transparent; font-weight: 700; }
    .mobile-tabs3 { color: #767676; border-radius: 0; border: none; border-bottom: 3px solid #b6b6b6; padding: 0; margin: 0 5px; font-size: 1.2rem; }
    .mobile-tabs3.current { color: #000; border: none; border-bottom: 3px solid #e92d5c; background: transparent; font-weight: 700; }
    .singleIcon .total-count { top: -3px !important; right: 0 !important; }
    .bdg { width: 33%; }
    .bdg p { font-size: 1rem; }
    .flex-basis-50 { width: 50%; }
    .flex-basis-100 { width: 100%; }
    .itemimg-big, .itemimg-small, .itemimglist2 { width: 100%; height: 300px; }
    .itemimglist2 .owl-nav { top: 45%; position: absolute; width: 100%; }
    .itemimglist2 .owl-nav .owl-prev, .itemimglist2 .owl-nav .owl-next { display: inline-block; font-size: 3rem; position: absolute; }
    .itemimglist2 .owl-nav .owl-next { right: 0; }
    .itemimg .bradius-top-left, .itemimg .bradius-top-right { border-radius: 0 !important; }
    .showall { display: none; }
    .w-60 { width: 60% !important; }
    .w-40 { width: 40% !important; }
    .mobile-tooltip-toggle:before { right: 0; left: inherit; }
    .new-logo-mobile { max-height: 46px; height: auto; border-radius: 50%; /*border: 1px solid #656565;*/ }
    .new-logo-mobile.search-active { display: none; }
    .nice-select { font-size: 0.9rem; padding: 0 0 0 5px; }
    .gardenitem-pill { background: #fff; border-radius: 20px; /*min-width: 90px;*/ width: 105px; font-size: 0.8rem; }
    .gardenitem { margin: 0 0 15px 0; }
    .gardenitem .btn2 { font-size: 0.8rem; }
    label { font-size: 0.9rem; }
    .backmobile { position: absolute; top: 20px; left: 20px; width: 33px; height: 32px; background-color: #fff; color: #000; font-size: 25px; line-height: 32px !important; z-index: 50;  margin: 0; border-radius: 100px; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; }
    .notify-item { width: 100%; overflow: auto; z-index: 99; }
    .notify-item .lightbox-list li { overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
    .notify-item .lightbox-list h4 { font-size: 14px; }
    .notify-item .lightbox-header a { float: right; text-transform: uppercase; color: #222; font-size: 13px; font-weight: 600; }
    .notify-item .lightbox-header span { text-transform: uppercase; color: #222; font-size: 13px; font-weight: 600; }
    .notify-item .lightbox-header { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
    .grower-container { display: none; }
    .grower-container.active { display: block; }
    .section-title4 { font-size: 1.2rem; }
    .howitworkssidebar { position: fixed; top: 50px; background: #fff; z-index: 2; transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
    .howitworkssidebar.active { transform: translateX(0); height: 100%; }
    .howitworkssidebar-toc { z-index: 1; position: fixed; background: #e32460; left: -2px; border: 1px solid #000; padding: 5px; border-radius: 0 10px 10px 0; top: 100px; font-size: 1rem; color: #fff; box-shadow: 0px -8px 24px -11px rgba(171,171,171,1); }
    .howitworks li a { height: 35px !important; line-height: 35px !important; }
    .blogImage2 { max-width: 100%; }
    .map-mobile, .profile-mobile { display: flex; width:36px; height: 36px; align-items: center; cursor: pointer; border-radius: 50%; border: 1px solid #656565; padding: 5px; }
    .invitemodal { width: 96%; height: 90%; padding: 0; max-width: inherit; margin: 5% auto; }
    .mobileWelcome { display: block !important; width: 90%; height: auto; padding: 0; max-width: inherit; margin: 25% auto;  }
    .mobileWelcome .modal-content { padding: 70px 20px 20px 20px; }
    .detailBox { padding: 20px 10px; }
    .nice-select::after { right: 10px; }
    .chefName3 { font-size: 1.5rem; }
    .pr12 { font-size: 1rem; }
    .full-form-row { padding: 10px 0; }
    .mobile-tabs-scroll-x { height: 50px; width: 100%; max-width: 100%; overflow-x: scroll; white-space: nowrap; scrollbar-color: transparent transparent; }
    .switch { width: 40px; height: 20px; }
    .slider:before { width: 12px; height: 12px; }
    input:checked + .slider:before { transform: translateX(18px); }
    .msgDetailScroll { /*max-height: 300px;*/ }
    .s-title-sub2 { font-size: 1rem; line-height: 1.2rem; }
    .s-title-big { font-size: 2.5rem; line-height: 3rem; }
    .replymessage { display: flex; position: fixed; bottom: 10px; align-items: center; justify-content: center; }
    .msgTextArea { width: 250px; }
    .msgSendBtn { width: 55px; text-align: center; justify-content: center; height: 55px; border-radius: 50%; font-size: 25px; }
    .mailDiv { height: 75%; }
    .mobile-title { overflow: hidden; height: 25px; }
    .mobile-tabs4:focus, .mobile-tabs5:focus { outline: none; }
    .mobile-tabs4.active, .mobile-tabs5.active { border-bottom: 3px solid #000; }
    .order-mainimage { max-height: 150px; width: auto; }
    .success-message-box { font-size: 1rem; }

    .promoBox { 
        display: block !important; 
        width: 90%; 
        height: auto; 
        padding: 0;
        max-width: inherit;
        border-radius: 20px; 
        overflow-x: hidden;  
    }

    .promoBox .modal-content { 
        /*padding: 70px 20px 20px 20px; */
        border-radius: inherit;
        overflow-x: hidden;  
    }
    
    
    .promoBox .modal-body { 
        border-radius: 20px; 
        max-height: inherit !important; 
        padding: 20px !important; 
    }
}


@media (min-width: 1210px){
    /*.container { max-width: 1200px; }*/
}

@media (min-width: 576px){
    .col-sm-2-5 {
        -ms-flex: 0 0 20.83%;
        flex: 0 0 20.83%;
        max-width: 20.83%;
    }
    .col-sm-9-5 {
        -ms-flex: 0 0 79.17%;
        flex: 0 0 79.17%;
        max-width: 79.17%;
    }
}

@font-face {
    font-family: 'Satoshi-Variable';
    src: url('../fonts/satoshi/Satoshi-Variable.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Variable.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-VariableItalic';
    src: url('../fonts/satoshi/Satoshi-VariableItalic.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-VariableItalic.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Light';
    src: url('../fonts/satoshi/Satoshi-Light.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Light.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-LightItalic';
    src: url('../fonts/satoshi/Satoshi-LightItalic.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-LightItalic.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Regular.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-Italic';
    src: url('../fonts/satoshi/Satoshi-Italic.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Italic.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Medium';
    src: url('../fonts/satoshi/Satoshi-Medium.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Medium.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-MediumItalic';
    src: url('../fonts/satoshi/Satoshi-MediumItalic.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-MediumItalic.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Bold.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-BoldItalic';
    src: url('../fonts/satoshi/Satoshi-BoldItalic.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-BoldItalic.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Black';
    src: url('../fonts/satoshi/Satoshi-Black.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-Black.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-BlackItalic';
    src: url('../fonts/satoshi/Satoshi-BlackItalic.woff2') format('woff2'),
    url('../fonts/satoshi/Satoshi-BlackItalic.woff') format('woff'),
    url('../fonts/satoshi/Satoshi-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'segoe_print';
    src: url('../fonts/segoepr-webfont.woff2') format('woff2'),
    url('../fonts/segoepr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Trujillo-Medium';
    src: url('../fonts/Trujillo-Medium.woff2') format('woff2'),
    url('../fonts/Trujillo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trujillo-ExtraBold';
    src: url('../fonts/Trujillo-ExtraBold.woff2') format('woff2'),
    url('../fonts/Trujillo-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trujillo-Regular';
    src: url('../fonts/Trujillo-Regular.woff2') format('woff2'),
    url('../fonts/Trujillo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trujillo-SemiBold';
    src: url('../fonts/Trujillo-SemiBold.woff2') format('woff2'),
    url('../fonts/Trujillo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




/* video-js */
.vjs-theme-fantasy {
    --vjs-theme-fantasy--primary: #e92d5c;
    --vjs-theme-fantasy--secondary: #fff;
}
.vjs-theme-fantasy .vjs-big-play-button {
    width: 70px;
    height: 70px;
    background: none;
    line-height: 70px;
    font-size: 80px;
    border: none;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    color: var(--vjs-theme-fantasy--primary);
}
.vjs-theme-fantasy.vjs-big-play-button:focus,
.vjs-theme-fantasy:hover .vjs-big-play-button {
    background-color: transparent;
    color: #fff;
}
.vjs-theme-fantasy .vjs-control-bar {
    height: 54px;
}
.vjs-theme-fantasy .vjs-button > .vjs-icon-placeholder:before,
.vjs-theme-fantasy .vjs-time-control {
    line-height: 54px;
}
.vjs-theme-fantasy .vjs-play-control {
    font-size: 1.5em;
    position: relative;
}
.vjs-theme-fantasy .vjs-volume-panel {
    order: 4;
}
.vjs-theme-fantasy .vjs-volume-bar {
    margin-top: 2.5em;
}
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    height: 100%;
}
.vjs-theme-fantasy .vjs-progress-control .vjs-progress-holder,
.vjs-theme-fantasy .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.5em;
}
.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {
    height: 1.3em;
    width: 1.3em;
    margin-top: 0.2em;
    border-radius: 1em;
    border: 3px solid var(--vjs-theme-fantasy--secondary);
    top: 2px;
    left: 9px;
    line-height: 1.1;
}
.vjs-theme-fantasy .vjs-play-control:hover .vjs-icon-placeholder:before {
    border: 3px solid var(--vjs-theme-fantasy--secondary);
}
.vjs-theme-fantasy .vjs-play-progress,
.vjs-theme-fantasy .vjs-play-progress:before {
    background-color: var(--vjs-theme-fantasy--primary);
}
.vjs-theme-fantasy .vjs-play-progress:before {
    height: 0.8em;
    width: 0.8em;
    content: "";
    border: 4px solid var(--vjs-theme-fantasy--secondary);
    border-radius: 0.8em;
    top: -0.25em;
}
.vjs-theme-fantasy .vjs-progress-control {
    font-size: 14px;
}
.vjs-theme-fantasy .vjs-fullscreen-control {
    order: 6;
}
.vjs-theme-fantasy .vjs-remaining-time {
    display: none;
}
.vjs-theme-fantasy.nyan .vjs-play-progress {
    background: linear-gradient(180deg, #fe0000 0, #fe9a01 16.666666667%, #fe9a01 0, #ff0 33.332666667%, #ff0 0, #32ff00 49.999326667%, #32ff00 0, #0099fe 66.6659926%, #0099fe 0, #63f 83.33266%, #63f 0);
}
.vjs-theme-fantasy.nyan .vjs-play-progress:before {
    height: 1.3em;
    width: 1.3em;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' fill='%23fff'%3E%3Cpath d='M62.153 37.323h2.813v3.246h-2.813zM64.858 40.569h2.813v3.246h-2.813zM67.672 43.814h11.9v3.246h-11.9zM79.572 24.449h2.813v19.365h-2.813zM82.386 37.323h3.244v3.246h-3.244zM85.63 34.132h5.627v3.246H85.63zM91.257 37.323h2.92v12.95h-2.92zM94.177 50.274h2.922V66.21h-2.922zM91.29 66.372h2.887v3.245H91.29zM88.401 69.617h2.889v3.246h-2.889zM27.312 72.863h61.003v3.245H27.312zM73.622 76.108h2.889v3.246h-2.889zM82.563 76.108h2.888v3.246h-2.888zM76.511 79.354h6.053v3.245h-6.053zM61.941 79.354h8.895v3.245h-8.895zM67.947 76.108h2.889v3.246h-2.889zM59.321 76.108h2.888v3.246h-2.888zM27.312 17.917h49.387v3.246H27.312zM76.699 21.162h2.873v3.287h-2.873zM56.372 34.132h5.781v3.191h-5.781zM53.448 37.323h2.924v12.951h-2.924zM50.488 50.274h2.96v16.049h-2.96zM53.448 66.323h2.924v3.257h-2.924zM56.372 69.58h2.949v3.283h-2.949zM65.069 63.213h2.878v6.367h-2.878zM67.947 66.397h17.504v3.22H67.947z'/%3E%3Cpath d='M82.563 63.213h2.888v3.185h-2.888zM73.801 63.213h2.898v3.185h-2.898zM76.699 56.774h2.873v3.145h-2.873zM82.563 56.774h2.888v3.145h-2.888zM85.451 53.444h2.864v3.33h-2.864z'/%3E%3Cpath d='M85.451 56.774h2.864v3.145h-2.864zM65.069 53.444h2.878v3.33h-2.878zM65.069 56.774h2.878v3.145h-2.878zM62.209 56.774h2.86v3.145h-2.86zM21.509 24.327h2.813v45.169h-2.813zM24.323 21.162h2.99v3.165h-2.99zM18.562 69.496h8.75v3.367h-8.75zM15.656 72.863h2.906v9.591h-2.906zM18.562 79.301h8.75v3.153h-8.75zM24.323 76.108h5.743V79.3h-5.743zM33.136 76.108h2.824v6.346h-2.824zM35.96 79.281h5.813v3.173H35.96zM41.774 76.108h2.864v3.173h-2.864zM3.948 40.569h11.708v3.229H3.948zM3.948 43.814h2.921v6.459H3.948zM6.869 47.06h2.934v6.384H6.869zM9.803 50.274h2.909v6.5H9.803z'/%3E%3Cpath d='M12.711 53.444h2.945v6.475h-2.945zM15.656 56.774h5.853v3.145h-5.853z'/%3E%3Cpath d='M18.583 59.919h2.926v3.294h-2.926zM18.583 47.044h2.926v6.4h-2.926zM12.711 43.814h5.872v3.229h-5.872zM15.647 47.044h2.936v3.2h-2.936z'/%3E%3Cpath fill='none' d='M47.439 50.274h3.049v3.17h-3.049z'/%3E%3Cpath d='M73.801 30.94v-3.138h-2.965v-3.354l-37.7-.122v3.151h-3.07v3.462l-2.753-.108-.118 32.381h2.871v3.185h3.07v-3.185h2.824v3.185h-2.824v3.099l20.312.084v-3.257h-2.96V50.274h2.96V37.323h2.924v-3.191h5.781v3.191h2.813l-.108 3.246h2.813v3.246h9.027V30.94h-2.897zM33.136 56.682h-3.07v-3.158h3.07v3.158zm2.824-22.55h-2.824v-3.084h2.824v3.084zm2.907 12.928h2.907v3.184h-2.907V47.06zm5.771 16.153h-2.864v-3.294h2.864v3.294zm2.801-19.399h-2.801v-3.246h2.801v3.246zm6.009-12.766h-2.96v-3.354h2.96v3.354zm8.705 0h-2.832v-3.354h2.832v3.354zm8.683 6.275h-2.889v-3.191h2.889v3.191z'/%3E%3C/svg%3E")
    no-repeat;
    border: none;
    top: -0.35em;
}



/* Basic styles */
.cst input[type="checkbox"],
.cst input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.cst label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    cursor: pointer;
    margin: 0;
    font-size: 1rem;
}
.cst label::before,
.cst label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
}
.cst label::before {
    content: " ";
    border: 2px solid #bdc3c7;/*bdc3c7*/
    border-radius: 20%;
}
/* Checkbox */
.cst input[type="checkbox"] + label::after {
    content: "\2714";
    color: #fff;
    line-height: 1.3;
    text-align: center;
}
/* Radio */
.cst input[type="radio"] + label::after {
    content: "\2714";
    color: #fff;
    line-height: 1.3;
    text-align: center;
}
/*.cst input[type="radio"] + label::before {
    border-radius: 50%;
}
.cst input[type="radio"] + label::after {
    content: " ";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #e92d5c;
    border: .25em solid #e92d5c;
    border-radius: 50%;
}*/

/* :checked */
.cst input[type="checkbox"]:checked + label::before {
    background: #e92d5c;
    border-color: #e92d5c;
}

.cst input[type="radio"]:checked + label::before {
    background: #e92d5c;
    border-color: #e92d5c;
}
/*.cst input[type="radio"]:checked + label::before {
    background: #fff;
    border-color: #e92d5c;
}*/
.cst input[type="checkbox"] + label::after,
.cst input[type="radio"] + label::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cst input[type="checkbox"]:checked + label::after,
.cst input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* Transition */
.cst label::before,
.cst label::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.cst input[type="radio"]:disabled + label, .cst input[type="checkbox"]:disabled + label { color: #ccc; }