/* @font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.eot);
    src: url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.eot?#iefix) format('embedded-opentype'),
         url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.otf) format('otf'),
         url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.svg#RobotoCondensed-Light) format('svg'),
         url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.ttf) format('truetype'),
         url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.woff) format('woff'),
         url(../fonts/RobotoCondensed-Light/RobotoCondensed-Light.woff2) format('woff2');
         font-style: inherit;
         font-weight: inherit;
}
   */
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot);
    src: url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot?#iefix) format('embedded-opentype'),
         url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.otf) format('otf'),
         url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular) format('svg'),
         url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff) format('woff'),
         url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf) format('truetype'),
         url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff2) format('woff2');
         font-style: inherit;
         font-weight: inherit;
}
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.eot);
    src: url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.eot?#iefix) format('embedded-opentype'),
         url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.otf) format('otf'),
         url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.ttf) format('truetype'),
         url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.svg#RobotoCondensed-Bold) format('svg'),
         url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.woff) format('woff'),
         url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.woff2) format('woff2');
         font-style: inherit;
         font-weight: bold;
}
  
  
html, body{font-family: 'RobotoCondensed-Regular'; font-size: 18px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px; font-family: 'RobotoCondensed-Regular';}

/* DEFAULT */
.dev-tool { position: fixed; top: 0; left: 0px; width: 500px; max-width: 500px; z-index: 999; background-color: rgba(48, 48, 48, 0.52); color: white; display: none; } .dev-tool label { color: white; margin-left: 10px; } .dev-tool input { background-color: black; color: rgb(76, 255, 0); } .dev-tool .text-area { background-color: rgba(48, 48, 48, 0.00); border: none; color: rgb(76, 255, 0); height: 400px; overflow-y: scroll; margin-left: 10px; } .dev-tool .success { color: greenyellow; } .dev-tool .failure { color: red; } .dev-tool .input { color: lightgrey; } .dev-tool p { margin-bottom: 1px; max-width: 450px; word-wrap: break-word; width: 450px; }


/* PAGE BLOG */
.blog-basic-grid { padding-top: 4vw; padding-bottom: 4vw; }
@media screen and (min-width: 768px){
    .blog-basic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-column-gap: 55px; grid-row-gap: 75px; grid-auto-rows: min-content; }
}
.tweak-blog-basic-grid-width-full .blog-basic-grid { width: 100%; padding-left: 4vw; padding-right: 4vw; }
.blog-basic-grid .blog-basic-grid--container { box-sizing: border-box; position: relative; display: flex; flex-direction: column; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease,transform 1s ease; }
.tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--container { text-align: left; }
.blog-basic-grid .blog-basic-grid--container.is-loaded { opacity: 1; transform: translatey(0); }
[data-animation-role="image"] { min-height: 1px; }
.blog-basic-grid .image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex;     padding-bottom: 75%;}
.tweak-blog-basic-grid-image-aspect-ratio-43-four-three .blog-basic-grid .image-wrapper { padding-bottom: 75%; }
.blog-basic-grid .image-wrapper img { transform: scale(1.01); display: block; position: absolute; height: 100%; width: 100%; object-fit: cover;}

@media screen and (min-width: 768px){
    .blog-basic-grid .blog-article-spacer { height: 20px; }
    .blog-basic-grid .blog-meta-section{    margin-bottom: 15px;}
    .blog-basic-grid .blog-more-link{    padding-top: 15px;}
}
.blog-basic-grid .blog-basic-grid--text{    width: 75%;}
.tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--text { margin-left: 0; margin-right: auto; }

.blog-basic-grid .blog-title { margin: 0; margin-bottom: 20px;     font-size: 28px;}
.blog-basic-grid .blog-title a{color: #000000;}
.tweak-blog-basic-grid-excerpt-show .blog-basic-grid .blog-excerpt { display: block; }

.blog-basic-grid .blog-more-link{    display: inline-block; color: #000000;}
.tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--container .blog-more-link{    align-self: flex-start;
}
.blog-more-link:after { content: ''; display: block; width: 100%; height: 1px; transform: translatey(-3px); background: #000000;}

.blog-meta-section{display: none;}

/* PAGE BLOG DETAILS */
.blog-item-wrapper{width: 100%; box-sizing: border-box; margin: 0 auto; position: relative;}
.blog-item-wrapper article.entry { width: 100%; box-sizing: border-box; margin: 0 auto; padding-right: 4vw; padding-left: 4vw; padding-top: 4vw; padding-bottom: 4vw; }
.blog-item-wrapper .blog-item-inner-wrapper { max-width: 1400px; box-sizing: border-box; margin: 0 auto; position: relative; }
@media screen and (min-width: 768px){
    .tweak-blog-item-width-narrow .blog-item-wrapper .blog-item-inner-wrapper { width: 50%; }
}
.blog-item-wrapper .blog-item-top-wrapper { margin-bottom: 50px; display: flex; flex-direction: column; }
.tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wrapper { text-align: center; }
.tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-item-title { order: 2; }
.tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-item-meta-wrapper { order: 1; }
@media screen and (min-width: 768px){
    .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-categories .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-meta-wrapper { margin-bottom: 2rem; }
}
.blog-item-wrapper .blog-item-author-date-wrapper, .blog-item-wrapper .blog-item-author-date-wrapper { display: flex; }
.tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wrapper .blog-item-author-date-wrapper { justify-content: center; }
.tweak-blog-item-show-date .blog-item-wrapper .blog-meta-item--date { display: block; }
.tweak-blog-item-show-date.tweak-blog-item-show-author-name .blog-item-wrapper .blog-meta-item--date::after { padding: 0 0.5em; }
.tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-meta-item--date::after { content: "-"; }
.tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-meta-item--date{margin-right: 5px;}
.tweak-blog-item-show-author-name .blog-item-wrapper .blog-meta-item--author { display: block; }
.blog-item-wrapper .blog-item-content { margin: 0 0 3vw 0; }
.sqs-row { width: auto !important; }
.sqs-layout > .sqs-row { margin-left: -17px; margin-right: -17px; }
[class*=sqs-col] { float: left; }
.sqs-col-12 { width: 100%; }

.sqs-block { position: relative; height: auto; padding-top: 17px; padding-bottom: 17px; }
.sqs-block-html { clear: none; }
[class*=sqs-col] .sqs-block { padding-left: 17px; padding-right: 17px; }
.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child { padding-top: 0; }
.sqs-block-html .sqs-block-content, .sqs-block-html .sqs-html-content { outline: none; }

.blog-meta-item a{color: #000000;}

/* .ITEM-PAGINATION-LINK */
.item-pagination-link{display: flex; align-items: center; max-width: 50%; width: auto; text-align: right; margin-left: auto; margin-right: 0;-ms-flex-pack: end!important; justify-content: flex-end!important;}
.visually-hidden { position: absolute !important; clip: rect(1px,1px,1px,1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.item-pagination[data-collection-type^="blog"] .item-pagination-prev-next { color: #000000 }
.item-pagination .item-pagination-title{font-size: 24px; font-weight: 600;}
.item-pagination img{height: 30px; display: inline-block; position: relative; top: -4px;}

/* ABOUT-US-SECTION */
#about-us-section { height: 882px; background: url('../images/4-1.jpeg'); background-size: contain; background-repeat: no-repeat; background-position: center; } #about-us-section .row { position: absolute; top: 50%; transform: translateY(-50%); } #about-us-section .btn.btn-core-green { border-radius: 0; border-color: #3CBD7D; color: black; font-size: 1rem; padding-top: .5rem; padding-bottom: .5rem; padding-left: 3rem; padding-right: 3rem; }

/* COOKIES-DIALOG */
#cookies-dialog { position: fixed; background-color: #464646; z-index: 1500; right: 15px; bottom: 10px; border-radius: 10px; padding: 20px; width: 870px; } #cookies-dialog .cookies-header h5 { color: white; } #cookies-dialog .cookies-body { color: white; font-size: 14px; } @media (max-width: 870px) { #cookies-dialog { right: unset; width: auto; } }

/* FOOTER */
footer { background-color: #f3f3f3; border: 1px solid #ccc; font-family: 'Lato', sans-serif; } footer a { color: #333; } footer a:hover, footer a:active, footer a:hover { color: #5e5e5e; } footer h1 { text-transform: none; font-size: 1em; color: #000; font-weight: bold; letter-spacing: .5px; } footer ul.footerLinks { list-style-type: none; margin-top: 1em; } footer ul.footerLinks li { margin-bottom: 1em; } footer .foot-social li { list-style: none; color: #5b6770; display: inline; font-size: 2em; } footer div .get-started { border-right: 1px solid; } #copyrights .footer-logo { max-width: 100%; height: 70px; }


/* ------------- PAGE CART ----------------------------------------------------------------- */
.clear-btn-style { background: 0; border: 0; }

/* ------------- PAGE CHECKOUT ----------------------------------------------------------------- */
.OX-2Lj { width: 1200px; margin: 0 auto 70px; }
.-p7ULT { box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); background: #fff; }
/* .vtrWey { height: 3px; width: 100%; background-position-x: -30px; background-size: 116px 3px; background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px); } */
._8jJlG8 { padding: 28px 30px 24px; }
.nU2ylc { display: flex; align-items: center; justify-content: space-between; }
.MqmqK4 { display: flex; align-items: center; font-size: 1.125rem; color: #387d55; margin-bottom: 20px; text-transform: capitalize; flex: 1 1 auto; }
.MqmqK4 .Iafoll { display: flex; margin-right: 9px; }
.MqmqK4 .Iafoll img{height: 20px;}
.nU2ylc .icon-location-marker { width: 12px; height: 16px; }
.OX-2Lj h1, .OX-2Lj h2, .OX-2Lj h3 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.Jw2Sc- { display: flex; align-items: center; }
.NYnMjH { display: flex; align-items: center; font-size: 1rem; word-break: break-word; }
.FVWWQy { font-weight: 700; color: #222; }
.QsWYfx { margin-left: 20px; word-break: break-word; }
.uk7Wpm { padding: 2px 5px; margin-left: 1.5em; color: #387d55; border-radius: 1px; border: 0.5px solid; font-size: 10px; text-transform: capitalize; flex-shrink: 0; }
.OX-2Lj .div-style { display: block; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: inherit; }
button._3WkjWD.div-style { color: #4080ee; text-transform: capitalize; margin-left: 2.5rem; cursor: pointer; }

.sqxwIi { box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); border-radius: 3px; }
._3cPNXP { height: 50px; padding: 24px 30px 0; background: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.09); border-radius: 3px; }
._3cPNXP, .V-sVj2 { display: flex; align-items: center; }
.V-sVj2 { width: 100%; height: 30px; font-size: 14px; color: #bbb; }

.jNp\+ZB:first-child { justify-content: flex-start; text-align: left; }
.jNp\+ZB ._6HCfS6 { display: flex; align-items: center; font-size: 18px; color: #222; }
.jNp\+ZB { flex: 1; justify-content: center; text-align: center; }
.ktatB- { flex: 4; }
/* ._04sLFc, .LBqTli { flex: 2; } */
.jNp\+ZB:last-child { justify-content: flex-end; text-align: right; }
.o6P-mw { background: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.09); border-radius: 3px; }
.Z7qspM { position: relative; background: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.09); border-radius: 3px; }
.vYrpLx, .xAkOUO { display: flex; align-items: center; }
.vYrpLx { height: 50px; padding: 0 30px; border: 0; }
.vYrpLx h3.YSl9dN { text-decoration: none; color: rgba(0,0,0,.87); font-family: HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Arial Bold,arial,sans-serif; margin-left: 5px; }
.vYrpLx button._75ySYI { display: flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: inline-flex; color: #00bfa5; margin-left: 10px; border-left: 1px solid rgba(0,0,0,.09); }
.vYrpLx button._75ySYI img{height: 20px; margin-left: 10px; margin-right: 5px;}
.\+Wv1h7 { width: 20px; height: 15px; margin-left: 10px; margin-right: 4px; }
.KxX-H6 { border-bottom: 1px dashed rgba(0,0,0,.09); padding-bottom: 20px; }
._2OGC7L { margin: 0 30px; display: flex; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #222; min-height: 55px; }
.h3ONzh { flex: 1; overflow: hidden; text-overflow: ellipsis; display: flex; justify-content: center; align-items: center; }
.EOqcX3 { flex: 4; }
.h3ONzh:first-child { justify-content: flex-start; }
.oEI3Ln { margin: 0 15px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.gHbVhc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Le31ox { justify-content: flex-start; color: #929292; flex: 2; }
.dVLwMH { padding-left: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fHRPUO { flex: 2; }
.h3ONzh:last-child { justify-content: flex-end; }
.uw1QJu { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-bottom: 1px dashed rgba(0,0,0,.09); padding: 18px 30px; }
.D2AHAU, .za7qoR { display: flex; }
.D2AHAU { flex: 6; align-items: center; justify-content: flex-end; }
.hcC4-3, .zjjc32 { display: flex; align-items: center; }
.hcC4-3 { font-size: 14px; color: #387d55;}
.hcC4-3 img{height: 20px; margin-right: 5px;}
.zjjc32 { flex: 4; justify-content: flex-end; }
._64JAsH { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; float: right; box-shadow: 0 0 0 0!important; border: 0!important; color: #05a!important; line-height: 21px; font-size: 14px; text-transform: none!important; font-weight: 500; background: transparent; }
._64JAsH span { text-transform: capitalize; }


.wVzdz- { display: flex; background-color: #fafdff; min-width: 0; min-height: 0; border-bottom: 1px dashed rgba(0,0,0,.09); }
.OUah6W { display: flex; flex-direction: column; min-width: 0; min-height: 0; font-size: 14px; }
.Tn7sb8 { flex: 4; }
.u-JjSt { display: flex; border-top: 0; min-width: 0; min-height: 0; padding: 16px 30px; }
.u-JjSt>span { line-height: 40px; }
.nWvmL7 { flex: 1; }
.bJhpic { position: relative; margin-bottom: 15px; }
._0HwzC1 { margin-left: 15px; margin-bottom: 0; flex: 1; font-size: 12px; font-weight: 300; }
.peusTR { display: block; display: flex; align-items: center; box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02); border-radius: 2px; height: 40px; box-sizing: border-box; border: 1px solid rgba(0,0,0,.14); transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out; }
.F9tXsd { background-color: #fff; }
.gQuJxM { height: 38px; box-sizing: border-box; width: 100%; padding: 10px; background-color: initial; flex: 1; outline: none; font-size: .875rem; min-width: 0; color: #222; border: 0; }
._0HwzC1 input { padding: 4px 12px; width: 100%; height: 40px; }

.Fzg\+Gz { flex: 6; padding: 16px 0; display: grid; grid-template-columns: auto; grid-template-rows: auto; grid-column-gap: 10px; }
.Fzg\+Gz, .GJ7sOQ { align-items: center; }
.OUah6W:last-child { border-left: 1px dashed rgba(0,0,0,.09); }

.Oa38lC { min-width: 0; min-height: 0; padding-left: 20px; display: flex; flex: 0 0 auto; color: #00bfa5; grid-column-start: 1; grid-column-end: 2; }
._9HO6as, .xffMOK { white-space: nowrap; }
._9HO6as { flex: 0 0 auto; font-weight: 500; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; }
.tDdA1Q { margin-bottom: 5px; font-size: 16px; font-weight: 600; }
.okGi0Z { font-size: 12px; font-weight: 400; }

.GEI150 { grid-column-start: 1; grid-column-end: 2; -ms-grid-column-span: 1; }
._3zds3i { margin-top: 5px; font-size: 12px; color: #888; grid-column-start: 2; grid-column-end: 5; -ms-grid-column-span: 3; grid-row-start: 3; grid-row-end: 3; -ms-grid-row-span: 0; }
button.elfp9W.div-style { flex: 0 0 auto; text-align: center; text-transform: uppercase; color: #05a; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; grid-column-start: 3; grid-column-end: 4; -ms-grid-column-span: 1; grid-row-start: 1; grid-row-end: 2; -ms-grid-row-span: 1; }
.dnXfYW { padding-right: 30px; flex: 1; text-align: right; font-size: 14px; color: #222; grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; }
.Nivkv- { background-color: #fafdff; display: flex; flex-direction: column; padding: 16px 30px 20px; }
.ULZMSb { display: flex; justify-content: flex-end; align-items: center; }
.z10ZuQ { font-size: 14px; color: #929292; }
._9F3E9v { margin-left: 20px; font-size: 20px; color: #387d55; }

.\+w8dNn { margin-top: 20px; }
.At3Wkr { position: relative; display: flex; align-items: center; padding: 28px 30px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.05); }
.W-XOpk { flex-grow: 1; flex-shrink: 0; flex-direction: column; }
.kKkbFa, .W-XOpk { display: flex; }
.jeFLq1 { display: flex; align-items: center; flex-shrink: 0; flex-grow: 1; }
.jeFLq1 img{height: 20px;}
.jeFLq1 .Pd8fbQ { font-size: 18px; font-weight: 400; margin: 0 8px; }
._84yUzo { padding-left: 50px; flex-grow: 0; flex-shrink: 0; margin-left: 15px; }
.FPhJqC { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; float: right; box-shadow: 0 0 0 0!important; border: 0!important; color: #05a!important; line-height: 21px; font-size: 14px; text-transform: capitalize; font-weight: 500; background: transparent; }
.a\+7foE { position: relative; padding: 28px 30px; background: #fff; border-bottom: 1px solid rgba(0,0,0,.05); }
.a\+7foE, .XKo7IA { display: flex; align-items: center; }
.XKo7IA { flex-grow: 1; flex-shrink: 0; }
.XKo7IA .rHlA12 { font-size: 18px; font-weight: 400; margin: 0 8px; }
.XKo7IA img{height: 20px;}
.ER\+Dws { font-weight: 500; flex: 0 1 auto; color: #929292; margin-left: 17px; }
._5bMjRo { display: flex; }
.f8yTr7 { padding-right: 12px; font-weight: 500; color: #d0d0d0; }

.DS2ZYY { margin-bottom: 12px; border-radius: 3px; box-shadow: 0 1px 0 0 rgba(0,0,0,.05); }
.DQ7t9K { margin-top: 20px; background: #fff; }
._2qsKTk { display: flex; align-items: center; min-height: 90px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
.SzEjHI { width: 200px; font-size: 18px; color: #222; }
.zDPGhr { flex: 1; }
.KoRB7y { font-size: 14px; color: #222; }
button.FooGkf.div-style { margin-left: 60px; color: #05a; text-transform: uppercase; font-weight: 500; cursor: pointer; }

.KQyCj0 { background: #fffefb; box-shadow: 0 1px 1px 0 rgba(0,0,0,.05); border-top: 1px solid #f1f0ed; padding-top: 15px; display: grid; grid-template-columns: 1fr -webkit-max-content -webkit-max-content; grid-template-columns: 1fr max-content max-content; grid-template-rows: auto; grid-column-gap: 10px; }
.OX-2Lj h1.a11y-visually-hidden, .OX-2Lj h2.a11y-visually-hidden, .OX-2Lj h3.a11y-visually-hidden { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
h3.Tc17Ac.XIEGGF { grid-column-start: 2; grid-column-end: 3; -ms-grid-column-span: 1; }

.mCEcIy { padding: 0 25px 0 10px; height: 40px; min-width: 100px; grid-column-start: 3; grid-column-end: 4; -ms-grid-column-span: 1; justify-content: flex-end; }
.BcITa9, .GJEkd- { -ms-grid-row-span: 1; }
.BcITa9 { grid-row-start: 11; grid-row-end: 12; }
.RY9Grr { grid-row-start: 12; grid-row-end: 13; }
.EOJLSN, .RY9Grr { -ms-grid-row-span: 1; }
h3.Tc17Ac.XIEGGF { grid-column-start: 2; grid-column-end: 3; -ms-grid-column-span: 1; }

.Tc17Ac { font-size: 14px; color: rgba(0,0,0,.54); display: flex; align-items: center; }
.kC0GSn { height: 50px; font-size: 28px; color: #387d55; }
.HwdwmZ, .n3vdfL { -ms-grid-row-span: 1; }
.n3vdfL { grid-row-start: 19; grid-row-end: 20; }

.uTFqRt { grid-column-start: 1; grid-column-end: 4; -ms-grid-column-span: 3; grid-row-start: 32; grid-row-end: 33; -ms-grid-row-span: 1; min-height: 95px; padding: 0 30px; margin: 10px 0 0; display: flex; justify-content: flex-end; align-items: center; border-top: 1px dashed rgba(0,0,0,.09); }
.uTFqRt .stardust-button{margin-top: 20px;}
.k4VpYA { padding: 40px 25px 32px 0; flex: 1; }
.C-NSr- { padding: 12px 15px 0; font-size: 14px; background-color: #fffdf8; color: rgba(0,0,0,.54); }
.C-NSr- a{color: #387d55!important;}
.C-NSr-:first-child { padding: 0 15px; }
.C-NSr- a { color: #05a; }
.OX-2Lj .stardust-button { display: flex; align-items: center; justify-content: center; align-self: flex-start; background: #fff; border: 1px solid rgba(0,0,0,.09); box-shadow: 0 1px 1px 0 rgba(0,0,0,.03); border-radius: 2px!important; color: #555; text-transform: capitalize; outline: none; }
.OX-2Lj .stardust-button--primary { background: #387d55; color: #fff; }
@media screen and (min-width: 992px){
    .OX-2Lj .stardust-button--primary{min-width: 150px;}
}
.jeFLq1 svg { width: 24px; height: 100%; }
._8DaKrB { height: 18px; fill: transparent; flex: 0 0 auto; width: 18px; height: 100%; padding: 0 3px; }

.bg-gray{    background: #f5f5f5;}

/* .CART-HEADER */
.cart-header{display: flex; padding-left: 1.125rem; margin-bottom: 30px; position: relative;}
.cart-header .c-left{text-decoration: none; color: rgba(0,0,0,.87); display: block; display: flex; align-items: flex-end;}
.cart-header .text { margin-left: 0.9375rem; border-left: 0.0625rem solid #387d55; color: #387d55; font-size: 1.25rem; line-height: 1.875rem; height: 1.875rem; padding-left: 0.9375rem; margin-bottom: 0.0625rem; text-transform: capitalize; }
.cart-header .logo{}
.cart-header .logo img{height: 46px;}
.cart-header .c-right{position: absolute; right: 0; top: 0;}
.cart-header .c-right .form-control{height: 40px; border-radius: 0; border: 2px solid #387d55; width: 500px; padding-right: 90px;}
.cart-header .c-right .btn{position: absolute; top: 0; text-align: center; right: 0; background: #387d55; display: block!important; padding: 0; line-height: 40px; height: 40px; width: 80px; padding-top: 9px;}
.cart-header .c-right .btn:hover{    background: #65ac00;}
.cart-header .c-right .btn img{height: 20px; display: block; margin: auto; vertical-align: top;}

.OQeSXg img{display: inline-block; height: 18px;}

.y36pik.y36pik img{height: 16px;}
.fX1Y2g{color: #000;}
.dT5fMv img{height: 20px;}
.kAocQv{color: #387d55!important;}
.p2B\+nr{margin-left: 10px;}
.p2B\+nr img{height: 20px;}
.nPjHJw img{height: 20px;}

.stardust-button--primary.stardust-button--active, .stardust-button--primary:hover{background: #609f05!important; color: #fff!important; border-color: #609f05!important;}

.s1Gxkq{    font-size: 14px;}
.s1Gxkq .clear-btn-style{color: #387d55;}

.DHyTjg{    background: #ecfad7!important;}

.stardust-checkbox__input{opacity: 1!important; position: static!important;}

.rnocow .shopee-button-solid:hover{background: #65ac00!important; color: #fff;}

@media screen and (max-width: 992px){
    .OX-2Lj{width: 100%;}
    .NYnMjH{    display: block!important;}
    .QsWYfx{display: block; margin-left: 0;}
    .uk7Wpm{display: inline-block; margin-left: 0;}
    button._3WkjWD.div-style{min-width: 90px; text-align: center; margin-left: 0;}

    ._3cPNXP{display: none;}
    .OUah6W{display: none;}
    .u-JjSt{display: none;}
    .k4VpYA{padding-top: 20px; padding-bottom: 20px;}


    ._2qsKTk, .uTFqRt{padding-left: 15px; padding-right: 15px;}
    .SzEjHI{    font-size: 14px;}
    .C-NSr-{padding-left: 0!important;}

    .KQyCj0{font-size: 14px;}
    .n3vdfL{font-size: 20px;}
    .a\+7foE{display: block!important; padding-left: 15px; padding-right: 15px;}

    .d1QL\+i{overflow: auto;}
    .BjIo5w{display: none!important;}

    .GODVSY{min-width: 900px;}

    .cart-header{    display: block; padding-left: 0;}
    .cart-header .c-right{position: relative; display: block; margin-top: 20px;}
    .cart-header .c-right .form-control{width: 100%;}

    .uEhFYV{position: static!important; padding-bottom: 20px;}

    .s1Gxkq{display: block!important;}
    .fyYBP1, .aiyQAr{display: block!important;}
    .aiyQAr{padding-top: 20px; margin-left: 0!important; margin-bottom: 20px; text-align: center;}
    .A-CcKC{margin-bottom: 5px;}

    .s1Gxkq .KbDVuv{margin-left: 0; margin-right: 10px;}

    .DHyTjg{width: 900px;}
    .uEhFYV{display: block!important;}

    .s1Gxkq.c2pfrq{padding-left: 10px; padding-right: 15px; text-align: center;}
    .s1Gxkq.c2pfrq .wqjloc{min-width: inherit;     padding-right: 0;}
    .rnocow .shopee-button-solid{display: block; margin: auto;}

    .nPjHJw{padding-left: 15px; }

    .wqjloc{display: block; margin: auto;display: inline-block!important; padding-left: 0!important; min-width: initial; padding-right: 0;}

    .nPjHJw, .korYGr, .WpXi0X{    display: inline-block!important;}
    .nPjHJw{padding-bottom: 20px;}
    .rnocow .shopee-button-solid{margin: auto!important;}
    .s1Gxkq.c2pfrq .clear-btn-style{}

}
.A-CcKC-mb{display: none;}
@media screen and (max-width: 767px){
    .s1Gxkq.c2pfrq{position: fixed; bottom: 0; z-index: 999; background: #ffffff; left: 0; display: flex!important;}
    .uTFqRt{position: fixed; z-index: 999; background: #fff; bottom: 0; left: 0;}

    .s1Gxkq.c2pfrq .ukPYq9, .s1Gxkq.c2pfrq  .KbDVuv, .s1Gxkq.c2pfrq .btn-pro-noactive{display: none;}
    .A-CcKC-mb, .s1Gxkq.c2pfrq .WC0us\+{display: inline-block!important;     font-size: 14px;}
    .s1Gxkq.c2pfrq  .A-CcKC{display: none;}

    .s1Gxkq.c2pfrq .shopee-button-solid{display: inline-block; min-width: inherit; width: 85px; padding-left: 0; padding-right: 0; margin: 0 0 0 5px!important;}
    .s1Gxkq.c2pfrq .UQv8V6 ,.s1Gxkq.c2pfrq .wqjloc{display: inline-block;}
}

/* PRODUCT-MAIN-SLICK */
.banner-area.special-banner-area{position: relative; margin-top: 120px; padding: 0;}
.product-main-slick .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px; text-align: center; line-height: 60px; display: block; background: #387d55; border-radius: 50%; cursor: pointer; color: #fff; margin-right: 12px; font-size: 20px; z-index: 1;     border: 0;     left: 20px; opacity: 0.2; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.product-main-slick .slick-arrow.slick-next{left: inherit; right: 20px;}
.product-main-slick .slick-arrow:hover{opacity: 1;}
.product-main-slick .item img{width: 100%;}
.product-main-slick .item .banner-s-sm{display: none;}
@media screen and (max-width: 767px){
    .product-main-slick .item .banner-s-lg{display: none;}
    .product-main-slick .item .banner-s-sm{display: block;}
    .banner-area.special-banner-area{margin-top: 85px;}
}

.form-default{}
.form-default .btn{display: inline-block!important; min-width: initial; padding: 0 20px; text-align: center; line-height: 38px; height: 38px;}
.form-default .btn.btn-success{background: #387d55; color: #fff;}
.form-default .btn.btn-success:hover{background: #609f05!important; color: #fff!important;}
.form-default .form-control{height: 38px; border-radius: 0;}

.modal-header{background: #387d55; color: #fff; font-weight: bold; text-transform: uppercase;     border-radius: 0;}
.modal-content{border: 0; border-radius: 0; }


.header-action > ul .offcanvas-btn.custom-login a{height: 42px; min-width: 120px; border-radius: 100px; color: #fff; line-height: 42px; padding: 0 10px; text-align: center; font-size: 18px;}
.header-action > ul .offcanvas-btn.custom-login a:hover{    background: #387d55; color: #ffffff;}
.header-action > ul .offcanvas-btn.custom-login a.icon-login{min-width: inherit; padding: 0; width: inherit; background: transparent; color: #387d55; font-size: 26px;}
.header-action > ul .offcanvas-btn.custom-login a.icon-login i{    -webkit-text-fill-color: #387d55; color: #387d55;}
.menu-area .mobile-nav-toggler{width: 32px; height: 32px; line-height: 32px;     top: 4px;}
@media (max-width: 991.98px){
    .menu-area .mobile-nav-toggler{    top: 15px!important;}
}
@media screen and (max-width: 767px){
    .logo img { max-width: 120px; }
    .header-action > ul .offcanvas-btn.custom-login a{height: 32px; min-width: 80px;    line-height: 32px; font-size: 14px;}
    .menu-area .mobile-nav-toggler{}
    .header-action { margin-right: 20px!important; }
    .transparent-header{padding-top: 10px!important; padding-bottom: 10px!important;}
    .header-search{display: none!important;}
}

.footer-area{}
.footer-area .logo{margin-bottom: 30px;}
.footer-area .logo img{height: 80px; }

.fw-blog-post{}
.fw-blog-post .list-socail{margin-bottom: 30px;}
.fw-blog-post .list-socail a{display: inline-block; width: 30px; height: 30px; text-align: center; background: #ffffff; border-radius: 100%; color: #387D55; margin-right: 8px; line-height: 30px;}
.fw-blog-post .list-socail a:hover{background: #387D55; color: #fff;}

.item-certificate img{width: 200px;}
.footer-payment-method .title{color:#387d55;font-size: 24px;font-weight: bold;}

.link-line{border: 1px solid #387D55; color: #387D55; line-height: 42px; padding: 0 15px; display: inline-block; border-radius: 5px;}
.link-line:hover{background: #387D55; color: #ffffff;}

.marg-b-30{margin-bottom: 30px!important;}

/* LIST-PAY */
.list-pay{}
.list-pay .btn{display: inline-block; border: 1px solid #dddddd; color: #9d9696; padding: 0 15px; line-height: 30px; margin-right: 5px; position: relative; border-radius: 0; background: transparent; font-weight: inherit; margin-bottom: 5px;}
.list-pay .btn:hover, .list-pay .btn.active{}
.list-pay .btn::after{width: 0; height: 0; border-bottom: 18px solid #ff4700; border-left: 18px solid transparent; position: absolute; content: ""; bottom: 0; right: 0; opacity: 0;}
.list-pay .btn::before{position: absolute; content: ""; width: 10px; height: 10px; background: url(../images/check_icon.svg) no-repeat center center; bottom: 1px; right: 0; z-index: 1; background-size: 8px 8px; opacity: 0;}
.list-pay .btn:hover, .list-pay .btn.active{border-color: #ff4700; color: #ff4700;}
.list-pay .btn:hover::after, .list-pay .btn.active::after{opacity: 1;}
.list-pay .btn:hover::before, .list-pay .btn.active::before{opacity: 1;}


.list-payVC .btn{display: inline-block; border: 1px solid #dddddd; color: #9d9696; padding: 0 15px; line-height: 30px; margin-right: 5px; position: relative; border-radius: 0; background: transparent; font-weight: inherit; margin-bottom: 5px;}
.list-payVC .btn:hover, .list-payVC .btn.active{}
.list-payVC .btn::after{width: 0; height: 0; border-bottom: 18px solid #ff4700; border-left: 18px solid transparent; position: absolute; content: ""; bottom: 0; right: 0; opacity: 0;}
.list-payVC .btn::before{position: absolute; content: ""; width: 10px; height: 10px; background: url(../images/check_icon.svg) no-repeat center center; bottom: 1px; right: 0; z-index: 1; background-size: 8px 8px; opacity: 0;}
.list-payVC .btn:hover, .list-payVC .btn.active{border-color: #ff4700; color: #ff4700;}
.list-payVC .btn:hover::after, .list-payVC .btn.active::after{opacity: 1;}
.list-payVC .btn:hover::before, .list-payVC .btn.active::before{opacity: 1;}

.list-ExportBill .btn{display: inline-block; border: 1px solid #dddddd; color: #9d9696; padding: 0 15px; line-height: 30px; margin-right: 5px; position: relative; border-radius: 0; background: transparent; font-weight: inherit; margin-bottom: 5px;}
.list-ExportBill .btn:hover, .list-ExportBill .btn.active{}
.list-ExportBill .btn::after{width: 0; height: 0; border-bottom: 18px solid #ff4700; border-left: 18px solid transparent; position: absolute; content: ""; bottom: 0; right: 0; opacity: 0;}
.list-ExportBill .btn::before{position: absolute; content: ""; width: 10px; height: 10px; background: url(../images/check_icon.svg) no-repeat center center; bottom: 1px; right: 0; z-index: 1; background-size: 8px 8px; opacity: 0;}
.list-ExportBill .btn:hover, .list-ExportBill .btn.active{border-color: #ff4700; color: #ff4700;}
.list-ExportBill .btn:hover::after, .list-ExportBill .btn.active::after{opacity: 1;}
.list-ExportBill .btn:hover::before, .list-ExportBill .btn.active::before{opacity: 1;}

/* LP-POST-THUMB */
.lp-post-thumb{}
.lp-post-thumb a{width: 80px; height: 80px; overflow: hidden; display: block;}
.lp-post-thumb a img{width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 992px){
    .Z7qspM{overflow: auto; display: block!important;     background: #fff;}
    /* ._3cPNXP{display: block!important;} */
    .KxX-H6, .V-sVj2{width: 900px;}
}
@media screen and (max-width: 767px){
    .At3Wkr{    display: block;}
    ._84yUzo{display: block; text-align: left; padding: 0; margin: 0;}
    .FPhJqC{display: block; text-align: left; padding: 0; margin: 0;float: none; padding-left: 0; margin: 0;}

    .footer-widget.f-follow{text-align: center;}
    .fw-blog-post .list-socail{text-align: center; margin-bottom: 20px;}
    .fw-blog-post .list-socail li{margin: 0; padding: 0;}
}



/* CART */
.BjIo5w{    width: 100%;}
.BjIo5w .mcsiKT{width: 6%;}
.BjIo5w .yl931K{width: 30%;}
.BjIo5w .pZMZa7{width: 16%; text-align: right;}
.BjIo5w .lKFOxX{width: 16%; text-align: right;}
.BjIo5w ._5f317z{width: 16%; text-align: right;}
.BjIo5w .\+4E7yJ{width: 16%;}

.zoXdNN{    width: 100%;}
.zoXdNN .lgcEHJ{width: 6%;}
.zoXdNN .eUrDQm{width: 30%;}
.zoXdNN .G7E4B7{width: 16%; text-align: right;display: block;}
.zoXdNN .MRh9G6{width: 16%; text-align: right;display: block;;}
.zoXdNN .MRh9G6 ._8Xhu5\+{display: block; text-align: right;}
.zoXdNN .MRh9G6 ._8Xhu5\+ .quickview-cart-plus-minus{margin-left: auto; margin-right: 0;}
.zoXdNN .ofQLuG{width: 16%; text-align: right;     display: block;}
.zoXdNN .mhcjog._0p-F-m{width: 16%;}

/* CHECKOUT */
.V-sVj2{}
.V-sVj2 .jNp\+ZB{width: 20%; text-align: right;     float: inherit;}
.V-sVj2 .jNp\+ZB.ktatB-{width: 40%;     flex: inherit;}

._2OGC7L{padding-top: 20px;}
._2OGC7L.xBI6Zm .h3ONzh.EOqcX3{width: 40%;}
._2OGC7L.xBI6Zm .h3ONzh{width: 15%; text-align: right;     float: inherit; flex: inherit; display: block;}
._2OGC7L.xBI6Zm .h3ONzh.fHRPUO{display: block;}

.flex-block-pro{}


@media screen and (max-width: 767px){
    .header-action > ul li.header-shop-cart{position: static;}
    .header-action > ul li.header-shop-cart a{position: relative;}
    .blog-area.pt-120.pb-120 { padding: 20px 0!important; }
    .breadcrumb-content h2{font-size: 36px!important; line-height: inherit;}
    .inner-shop-area.pt-120{padding: 20px 0!important;}
}

.uTFqRt .mb-total{display: none;}

@media screen and (max-width: 767px){
    .Eb\+POp .GODVSY{min-width: inherit;     border-bottom: 1px solid rgba(0,0,0,.09);}
    .Eb\+POp .d1QL\+i{padding: 0; margin: 0; border: 0; }
    .Eb\+POp .d1QL\+i .zoXdNN{display: block; position: relative; padding-left: 120px; min-height: 90px; }
    .Eb\+POp .d1QL\+i .zoXdNN .TyNN8t{display: block; padding-top: 0; padding-right: 0; padding: 0; margin-bottom: 0px;    padding-top: 5px;}
    .Eb\+POp .d1QL\+i .zoXdNN .TyNN8t a{    font-size: 16px;}
    .Eb\+POp .d1QL\+i .zoXdNN .lgcEHJ{display: block; position: absolute; left: 10px; padding: 0; min-width: inherit; width: 20px; display: block; position: absolute; left: 10px; padding: 0; min-width: inherit; width: 20px; top: 28px;}
    .Eb\+POp .d1QL\+i .zoXdNN .lgcEHJ .eUrDQm{width: inherit; position: relative; display: block;}
    .Eb\+POp .d1QL\+i .zoXdNN .lgcEHJ .eUrDQm .LAQKxn{    display: block!important;}
    .Eb\+POp .d1QL\+i .zoXdNN .LAQKxn a.img-pro{position: absolute; left: -90px; display: block; top: 0;}
    .Eb\+POp .d1QL\+i .zoXdNN .G7E4B7{width: inherit; text-align: left; margin-bottom: 10px; display: none;}
    .Eb\+POp .zoXdNN .ofQLuG{width: 100%; display: block; text-align: left;}
    .Eb\+POp .zoXdNN .mhcjog._0p-F-m{position: absolute; right: 0; bottom: 0px;}
    .Eb\+POp .zoXdNN .eUrDQm{width: 100%; margin-bottom: 5px;}
    .quickview-cart-plus-minus input{height: 32px;}
    ._2rzy4U{display: none!important;}
    .Eb\+POp .zoXdNN .MRh9G6{width: 100%;}
    .zoXdNN .MRh9G6 ._8Xhu5\+ .quickview-cart-plus-minus{margin-left: 0;}


    .sqxwIi .OUah6W{display: block; position: relative; border: 0;    border-bottom: 1px solid #ddd; padding: 16px 30px;}
    .sqxwIi .OUah6W .u-JjSt{display: block; padding: 0;}
    .sqxwIi .wVzdz-{display: block!important; border: 0;}
    .sqxwIi ._0HwzC1{margin-left: 0;}
    .sqxwIi .Oa38lC{padding-left: 0;}

    .sqxwIi .dnXfYW{position: absolute; bottom: 15px; padding-right: 0; right: 30px;}

    .KxX-H6 ._2OGC7L{position: relative; width: inherit; padding-top: 0;     display: block;}
    .KxX-H6{width: inherit;}

    ._2OGC7L.xBI6Zm .h3ONzh.EOqcX3{display: block!important; width: 100%;}
    ._2OGC7L.xBI6Zm .h3ONzh{display: none;}
    ._2OGC7L.xBI6Zm .h3ONzh.quality{display: block!important;}

    ._2OGC7L.xBI6Zm .h3ONzh.quality{width: 100%;}
    ._2OGC7L.xBI6Zm .h3ONzh.fHRPUO{    width: 100%;}

    .uTFqRt{    padding: 15px;     display: block;}
    .uTFqRt .mb-total{    font-size: 18px; display: block;}
    .uTFqRt .stardust-button--primary{position: absolute; top: 25px; right: 15px; margin: 0;}
    .uTFqRt .k4VpYA{padding: 0 120px 0 0;}
}

/* INNER-SHOP-AREA */
.inner-shop-area{padding: 50px 0;}
.inner-shop-area input[type=checkbox]{width: 14px; height: 14px;  margin-right: 0;transform: scale(1);}
.inner-shop-area input[type=checkbox]:after{width: 14px; height: 14px;     border: 1px solid #ddd;}
.inner-shop-area input[type=checkbox]:checked:after { content: "✔"; padding: 0; font-weight: bold; background-color: #1abc9c; font-size: 8px; line-height: 14px; text-align: center;     position: absolute;}

/* CONTROL-NUMBER */
.control-number.number{display: inline-block; font-size: 22px; overflow: hidden; background: #eaeae8; height: 38px; width: 110px; position: relative;     text-align: center;} 
.control-number.number .minus, .control-number .plus{ padding: 0; display: inline-block; vertical-align: top; text-align: center; width: 35px!important; height: 38px; border: 0; border-radius: 0; line-height: 38px;}
.control-number .plus{float: right; position: absolute; top: 0;}
.control-number.number .minus{position: absolute; top: 0; left: 0;}
.control-number.number input{ text-align: center; display: inline-block; vertical-align: top; height: 34px; border: 0; border-radius: 0; font-size: 18px; width: 38px; margin-top: 2px; }
.control-number.number input:focus{box-shadow: none; outline: none;}
.control-number.number .minus:hover, .control-number .plus:hover{        background: #f4e8a3;}

.btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: url(../images/1-cancel_close_delete_exit_logout_icon.svg)no-repeat center center; border: 0; border-radius: 0.25rem; opacity: .5; }

@media screen and (max-width: 767px){
    .header-action > ul li.header-shop-cart{position: static;}
    .header-action > ul li.header-shop-cart a{position: relative;}
    .blog-area.pt-120.pb-120 { padding: 20px 0!important; }
    .breadcrumb-content h2{font-size: 36px!important; line-height: inherit;}
    .inner-shop-area.pt-120{padding: 20px 0!important;}
}

.uTFqRt .mb-total{display: none;}

@media screen and (max-width: 767px){
    .Eb\+POp .GODVSY{min-width: inherit;     border-bottom: 1px solid rgba(0,0,0,.09); padding-right: 10px;}
    .Eb\+POp .d1QL\+i{padding: 0; margin: 0; border: 0; }
    .Eb\+POp .d1QL\+i .zoXdNN{display: block; position: relative; padding-left: 120px; min-height: 90px; }
    .Eb\+POp .d1QL\+i .zoXdNN .TyNN8t{display: block; padding-top: 0; padding-right: 0; padding: 0; margin-bottom: 0px;    padding-top: 5px;}
    .Eb\+POp .d1QL\+i .zoXdNN .TyNN8t a{    font-size: 16px;}
    .Eb\+POp .d1QL\+i .zoXdNN .lgcEHJ{display: block; position: absolute; left: 10px; padding: 0; min-width: inherit; width: 20px; display: block; position: absolute; left: 10px; padding: 0; min-width: inherit; width: 20px; top: 28px;}
    .Eb\+POp .d1QL\+i .zoXdNN .lgcEHJ .eUrDQm{width: inherit; position: relative; display: block;}
    .Eb\+POp .d1QL\+i .zoXdNN .lgcEHJ .eUrDQm .LAQKxn{    display: block!important;}
    .Eb\+POp .d1QL\+i .zoXdNN .LAQKxn a.img-pro{position: absolute; left: -90px; display: block; top: 0;}
    .Eb\+POp .d1QL\+i .zoXdNN .G7E4B7{width: inherit; text-align: left; margin-bottom: 10px; display: none;}
    .Eb\+POp .zoXdNN .ofQLuG{width: 100%; display: block; text-align: left;}
    /* .Eb\+POp .zoXdNN .mhcjog._0p-F-m{display: none;} */
    .Eb\+POp .zoXdNN .eUrDQm{width: 100%; margin-bottom: 5px;}
    .quickview-cart-plus-minus input{height: 32px;}
    ._2rzy4U{display: none!important;}
    .Eb\+POp .zoXdNN .MRh9G6{width: 100%; text-align: left!important;}
    .zoXdNN .MRh9G6 ._8Xhu5\+ .quickview-cart-plus-minus{margin-left: 0;}


    .sqxwIi .OUah6W{display: block; position: relative; border: 0;    border-bottom: 1px solid #ddd; padding: 16px 30px;}
    .sqxwIi .OUah6W .u-JjSt{display: block; padding: 0;}
    .sqxwIi .wVzdz-{display: block!important; border: 0;}
    .sqxwIi ._0HwzC1{margin-left: 0;}
    .sqxwIi .Oa38lC{padding-left: 0;}

    .sqxwIi .dnXfYW{position: absolute; bottom: 15px; padding-right: 0; right: 30px;}

    .KxX-H6 ._2OGC7L{position: relative; width: inherit; padding-top: 0;     display: block;}
    .KxX-H6{width: inherit;}

    ._2OGC7L.xBI6Zm .h3ONzh.EOqcX3{display: block!important; width: 100%;}
    ._2OGC7L.xBI6Zm .h3ONzh{display: none;}
    ._2OGC7L.xBI6Zm .h3ONzh.quality{display: block!important;}

    ._2OGC7L.xBI6Zm .h3ONzh.quality{width: 100%;}
    ._2OGC7L.xBI6Zm .h3ONzh.fHRPUO{    width: 100%;}

    .uTFqRt{    padding: 15px;     display: block;}
    .uTFqRt .mb-total{    font-size: 18px; display: block;}
    .uTFqRt .stardust-button--primary{position: absolute; top: 25px; right: 15px; margin: 0;}
    .uTFqRt .k4VpYA{padding: 0 120px 0 0;}

    .zoXdNN .MRh9G6 ._8Xhu5\+{text-align: left!important;}
}


.btn-outline-primary{ color: #387d55!important; border-color: #387d55!important; }
.btn-outline-primary:hover, .btn-outline-primary:focus{color: #ffffff!important; background: #387d55!important;}

.link-view-img{color: #000;  display: inline-block; padding: 0 20px; line-height: 30px; border-radius: 100px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.link-view-img:hover{background: #387d55; color: #ffffff;}

footer .foot-social li.mr-4{    margin-right: 3px!important;}

.footer-info{}
.footer-info .f-title{font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.footer-info .f-item{margin-bottom: 10px;}
.footer-info .f-item .f-text{display: inline-block; min-width: 75px;}


#view-contact-us.custom-contact{}
.f-map{}
.f-map iframe{width: 100%!important; height: 550px!important;}
#view-contact-us.custom-contact #offices h1{font-size: 20px; text-transform: uppercase; margin-bottom: 20px; border-bottom: 1px solid #dddddd; padding-bottom: 5px;}
#view-contact-us.custom-contact #offices h5{font-size: 16px; text-transform: uppercase; color: #d62430;}
#view-contact-us.custom-contact #offices h5 span{display: inline-block; width: 16px; height: 16px; background: #d62430; border-radius: 100%; text-align: center; line-height: 16px; color: #fff; font-size: 14px; vertical-align: top;}

#view-contact-us.custom-contact .f-content-scroll{height: 550px!important; overflow: auto;}
.marg-top-20{margin-top: 20px!important;}
#view-contact-us.custom-contact .content-wrap{    padding: 50px 0;}

.form-contact-custom{max-width: 900px; margin: auto; margin-top: 70px; background: #f9f9f9; padding: 30px;}

@media screen and (min-width: 992px){
    #header-wrap #navbar-container{-ms-flex-pack: justify!important; justify-content: space-between!important;}
    #header-wrap #navbar-container .single-nav-container{    flex: inherit;}
    #header-wrap #navbar-container .single-nav-container#logo{flex: inherit; position: absolute; left: 0; right: 0; margin: auto;    width: 200px;}
    #header-wrap #navbar-container #secundary-menu{    flex: inherit;}
}

#copyrights .get-started{min-height: 225px;}
.link-certificate{max-width: 160px; margin: auto;}
@media (max-width: 768px){
    #copyrights .get-started.custom-info{border: 0;}
    #copyrights .get-started.right{border: 0;}
    #copyrights .custom-social{text-align: left!important;}
    #copyrights .custom-social .foot-social{display: inline-block; line-height: 60px;}
    #copyrights .custom-social .link-certificate{display: inline-block; float: right;}
}

.modal .modal-title{color: #fff;}

/* ------------ ADMIN TEMPLATE ------------------------------------------------------------ */
a{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.padd-form-md{padding: 25px 35px;}
#site-content{    background: #ffffff;}
ul{list-style: none;}
.padd-sys{padding-top: 50px;}
.max-w-main{max-width: 1390px; margin: auto;}
.mb-30{margin-bottom: 30px!important;}

.table-main{position: relative; padding-bottom: 30px;}
.table-main .table { margin-bottom: 10px; color: #181a39; } 
.table-main .table th { font-size: 14px; font-weight: 600; border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 0.7rem; } 
.table-main .table td { color: #000000; vertical-align: middle; border-top: 1px solid rgba(112, 112, 112, 0.24); padding: 7px 15px; font-size: 14px; } 
.table-main .table thead th { vertical-align: middle; border-top: 0px; border-bottom: 1px solid rgba(112, 112, 112, 0.24); }

.table-main .page-item{margin-left: 3px; margin-right: 3px;}
.table-main .page-item .page-link{border: 1px solid #000; border-radius: 100%!important; width: 30px; height: 30px; padding: 0; line-height: 30px; text-align: center; color: #000; font-size: 13px;}
.table-main .page-item .page-link img{vertical-align: top; max-height: 10px; margin: auto; position: relative; top: 5px;}
.table-main .page-item.active .page-link, .table-main .page-item:hover .page-link{background: #FF6F18; color: #fff; border-color: #FF6F18; font-weight: 600;}

.table-main .table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.table-main .title-table{color: #387D55; font-weight: bold; margin-bottom: 15px; padding-left: 15px; padding-right: 15px;}

.navigation-custom-2 .pagination .page-link { margin-left: 0; width: 26px; height: 22px; text-align: center; font-size: 14px; border: 1px solid #444444!important; color: #444444; margin-right: 0; line-height: 22px; padding: 0; border-radius: 8px!important; overflow: hidden;}
.navigation-custom-2 .pagination .page-link:hover, .navigation-custom-2 .pagination .page-link.active, .navigation-custom-2 .pagination .page-item.active .page-link, .navigation-custom-2 .pagination .page-item:hover .page-link{background: #387D55; width: 26px; height: 22px; color: #ffffff;}
               
/* MENU */
ul#metismenu>li .menu-item{position: relative; padding-left: 55px; line-height: 30px; margin-bottom: 20px;}
ul#metismenu>li .menu-item .icon{position: absolute; left: 10px; width: 30px;}
ul#metismenu>li .menu-item .icon .basic{position: absolute; top: 0px; left: 0; right: 0; margin: auto; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
ul#metismenu>li:hover .menu-item .icon .basic, ul#metismenu>li.active .menu-item .icon .basic{opacity: 0;}
ul#metismenu>li .menu-item .icon .hover{position: absolute; top: 0px; left: 0; right: 0; margin: auto; opacity: 0;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
ul#metismenu>li:hover .menu-item .icon .hover, ul#metismenu>li.active .menu-item .icon .hover{opacity: 1;}
ul#metismenu>li .menu-item img{width: 30px; height: 30px;}
ul#metismenu>li:hover a, ul#metismenu>li.active a{color: #387D55;}

ul#metismenu>li a{    color: #444444;}
ul#metismenu>li a .text span{background: #6C757D; color: #ffffff; width: 20px; display: inline-block; height: 20px; border-radius: 100%; text-align: center; line-height: 20px; font-weight: bold; margin-left: 12px;}

/* WARPPER-PADD-MAIN */
.warpper-padd-main{position: relative; padding-left: 255px; min-height: 580px;padding-bottom: 1px;}
.warpper-padd-main .left-side-menu{position: absolute; left: 0; top: 0; width: 250px;     height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.warpper-padd-main .left-side-menu .block-user-main{position: relative; padding-left: 55px; margin-bottom: 22px;}
.warpper-padd-main .left-side-menu .block-user-main .avatar{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0;}
.warpper-padd-main .left-side-menu .block-user-main .avatar a{width: 45px; height: 45px; display: block; border: 1px solid #387D55; border-radius: 100%; overflow: hidden;}
.warpper-padd-main .left-side-menu .block-user-main .avatar img{width: 100%; height: 100%; object-fit: cover;}
.warpper-padd-main .left-side-menu .block-user-main .user a{color: #444444;}
.warpper-padd-main .left-side-menu .block-user-main .link a{color: #387D55;}
.warpper-padd-main #sidebar-menu{border-top: 1px solid #6C757D; padding-top: 20px;} 

/* BLOCK-FORM-MAIN */
.block-form-main{background: #ffffff; border-radius: 10px; box-shadow: 0 3px 6px hsl(0deg 0% 0% / 20%); margin-bottom: 150px; min-height: 680px;}
.block-form-main .title-form-main{position: relative; min-height: 64px; border-bottom: 1px solid #6C757D; padding: 22px 30px 10px;}
.block-form-main .title-form-main h1{font-size: 20px; font-weight: bold; color: #6C757D; display: inline-block;}
.block-form-main .title-form-main .action-right{display: inline-block; float: right;}
.block-form-main .title-form-main .action-right .btn{line-height: 30px; height: 30px;}
.block-form-main .title-sub{color: #444444; font-weight: bold; margin-bottom: 10px;}
@media screen and (max-width: 992px){
    .block-form-main .title-form-main{padding-bottom: 22px;}
    .block-form-main .title-form-main .action-right{display: block; float: none; margin-top: 10px;}
}

/* LINK-LINE-SM */
.link-line-sm{display: inline-block; line-height: 30px; border: 1px solid #444444; color: #444444; border-radius: 5px; min-width: 87px; padding: 0 5px; text-align: center;}
.link-line-sm:hover, .link-line-sm.active{background: #387D55; color: #ffffff; border-color: #387D55;}

/* LINK-GREEN */
.link-green{height: 35px; background: #387D55; color: #ffff; line-height: 35px; padding: 0 10px; display: inline-block; border-radius: 5px;}
.link-green:hover, .link-green.active{background: #1c5f38; color: #ffff;}

/* BTN-GREEN */
.btn-green{height: 35px; background: #387D55; color: #ffff; line-height: 35px; padding: 0 10px;}
.btn-green:hover, .btn-green.active{background: #1c5f38; color: #ffff;}

/* BTN-GRAY */
.btn-gray{height: 35px; background: #a0a09f; color: #ffff; line-height: 35px; padding: 0 10px;}
.btn-gray:hover, .btn-gray.active{background: #817b7b; color: #ffff;}

/* BTN-LINE-GREEN */
.btn-line-green{height: 35px; border: 1px solid #387D55; color: #387D55; line-height: 35px; padding: 0 10px; min-width: 85px; background: #ffffff;}
.btn-line-green:hover, .btn-line-green.active{background: #1c5f38; color: #ffff;}

/* FORM-HORI-SM */
.form-hori-sm{position: relative; margin-bottom: 25px; padding-left: 125px;}
.form-hori-sm .label-pos{margin: 0; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 120px;}
.form-hori-sm .form-control{height: 35px; border: 1px solid #707070; border-radius: 5px;}
.form-hori-sm.custom-time .row{margin-left: -10px; margin-right: -10px;}
.form-hori-sm.custom-time .row .col-md-4{padding-left: 10px; padding-right: 10px;}

.form-hori-sm.custom{margin-bottom: 0;}
.form-hori-sm.custom .label-pos-left{margin: 0; position: absolute; left: 0;}
.form-hori-sm.custom .custom-control{margin-bottom: 25px;}

@media screen and (max-width: 992px){
    .form-hori-sm.custom-time .form-control{margin-bottom: 10px;}
    .form-hori-sm.custom .custom-control{margin-bottom: 10px;}
}

/* LIST-INFO-ACTION */
.list-info-action{border-bottom: 1px solid #6C757D; margin-bottom: 25px;}
.list-info-action .item{position: relative; padding-left: 40px; margin-bottom: 25px;}
.list-info-action .item .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0;}
.list-info-action .item .icon img{width: 30px; height: 30px;}
.list-info-action .item .btn-right-sm{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;}
.list-info-action .item{}

@media screen and (min-width: 992px){
    .marg-box-lr-100{}
    .marg-box-lr-100 .padd-right{padding-right: 100px; border-right: 1px solid #6C757D;}
    .marg-box-lr-100 .padd-left{padding-left: 100px; padding-right: 70px;}
}

input.check-custom[type=checkbox]{width: 15px; height: 15px; transform: scale(1); position: absolute; margin: 0; top: 2px; left: 0px;}
input.check-custom[type=checkbox]:after{border: 1px solid #444444; width: 15px; height: 15px; border-radius: 5px; padding: 0; position: absolute; top: 0;}
input.check-custom[type=checkbox]:checked:after{background-color: #387D55; border-color: #387D55!important; font-size: 10px; text-align: center;}


/* ITEM-AVATAR-FORM */
.item-avatar-form{position: relative; padding-left: 125px; min-height: 115px; margin-bottom: 25px;}
.item-avatar-form .avatar-img{position: absolute; left: 0; top: 0;}
.item-avatar-form .avatar-img a{width: 115px; height: 115px; display: block; border: 1px solid #387D55; border-radius: 100%; overflow: hidden;}
.item-avatar-form .avatar-img img{width: 100%; height: 100%; object-fit: cover;}

/* ------------ PAGE LINK */
/* BLOCK-LINK-REFF */
.block-link-reff{text-align: center;background: hsl(90deg 54% 75% / 30%);margin-top: 25px;height: 250px;margin-bottom: 45px; position: relative;}
.block-link-reff .content{display: inline-block; width: 346px; margin-right: 85px; padding-top: 15px;}
.block-link-reff .content .title-sm{font-size: 24px; color: #387D55;}
.block-link-reff .content .decs{font-size: 18px; color: #444444; font-weight: bold; margin-bottom: 15px;}
.block-link-reff .content .item-reff .form-control{height: 35px; border-radius: 5px; border: 1px solid #707070; margin-bottom: 15px;}
.block-link-reff .content .item-reff .btn{width: 100%;}
.block-link-reff .content .item-reff{margin-bottom: 15px;}
.block-link-reff .banner{display: inline-block; position: relative; top: -64px;}
@media screen and (max-width: 767px){
    .block-link-reff{height: inherit; padding: 22px;}
    .block-link-reff .content{width: inherit; margin: auto auto 20px;}
    .block-link-reff .banner{    position: static;} 
}

/* LIST-SOCIAL */
.list-social{}
.list-social a{display: inline-block; width: 30px; height: 30px; border-radius: 100%; background: #fff; padding-top: 3px;}
.list-social a img{height: 20px; width: 20px; border-radius: 100%; margin-left: 5px; margin-right: 5px;}
.list-social a:hover{    box-shadow: 0 3px 3px hsl(0deg 0% 0% / 20%);}

.block-search.custom-table{background: transparent; text-align: right;}
.block-search.custom-table .form-hori-search{float: right; width: 345px;}

.block-table-main{padding-bottom: 10px;}
.block-table-main .table-main .table-responsive{margin-bottom: 25px;}
/* ------------ PAGE ORDER */
/* BLOCK-SEARCH */
.block-search{background: hsl(90.45deg 53.6% 75.49% / 30%); min-height: 45px;     padding: 8px 30px 5px;}
.block-search .form-hori-search{position: relative; max-width: 550px;}
.block-search .form-hori-search .btn{height: 30px; padding: 0; border: 0; width: 30px; text-align: center; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;}
.block-search .form-hori-search .btn img{height: 14px;}
.block-search .form-hori-search{}
.block-search .form-hori-search .form-control{height: 30px; border: 1px solid #A1A1A1; padding-right: 30px;}

/* ------------ PAGE DELIVERY ADDRESS */
.block-delivery-main{padding: 25px 30px;}
.block-delivery-main .content-bg{background: #ECF6E2; border-radius: 5px; padding: 25px; position: relative; min-height: 110px; padding-right: 210px;}
.block-delivery-main .user-name{font-weight: bold; margin-bottom: 18px;}
.block-delivery-main .desc{display: flex; }
.block-delivery-main .desc .item-sm{display: flex;margin-right: 50px;}
.block-delivery-main .desc .item-sm .text{margin-right: 10px; color: #387D55;}
.block-delivery-main .action-right{position: absolute; top: 40px; right: 25px;}
@media screen and (max-width: 992px){
    .block-delivery-main .content-bg{    padding: 15px;}
    .block-delivery-main .action-right{position: static; margin-top: 15px;}
    .block-delivery-main .desc{display: block; }
    .block-delivery-main .desc .item-sm{display: block; margin-bottom: 15px; margin-right: 0;}
}

/* BLOCK-DELIVERY-ADD */
.block-delivery-add{padding: 25px 30px;}
.custom-control-input:checked~.custom-control-label::before{border-color: #387D55; background-color: #387D55;}

/* ------------ PAGE ORDER */
.block-form-main .nav-tabs{border: 0;}
.block-form-main .nav-tabs .nav-link{text-transform: uppercase; border: 0; padding: 24px 30px; color: #444444;    margin: 0;}
.block-form-main .nav-tabs .nav-item.show .nav-link, .block-form-main .nav-tabs .nav-link.active{color: #387D55;}
@media screen and (max-width: 767px){
    .block-form-main .nav-tabs{display: block; overflow: auto; white-space: nowrap; padding-left: 15px;}
    .block-form-main .nav-tabs li{    display: inline-block; margin-right: 15px;}
    .block-form-main .nav-tabs .nav-link{padding-left: 0; padding-right: 0;}
}


.block-order-main{padding: 28px 30px;}
.block-order-main .order-header{background: #F3F3F3; border: 1px solid #A1A1A1; -ms-flex-pack: justify!important; justify-content: space-between!important; display: flex; padding: 16px 18px;}
.block-order-main .order-header .h-left{display: flex;}
.block-order-main .order-header .h-left .id{display: flex; margin-right: 20px;}
.block-order-main .order-header .h-left .id strong{color: #387D55;}
.block-order-main .order-header .h-right span{color: #387D55;}
.block-order-main .order-content .item-ord-sm{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; border: 1px solid #A1A1A1; border-top: 0; -ms-flex-align: center!important; align-items: center!important; color: #726A6C;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-order-main .order-content .item-ord-sm .ord-thumb-img{-ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%;}
.block-order-main .order-content .item-ord-sm .ord-thumb-img img{height: 92px; width: 92px; border-radius: 5px;}
.block-order-main .order-content .item-ord-sm .ord-title{-ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%;}
.block-order-main .order-content .item-ord-sm .ord-title a{    color: #726A6C;}
.block-order-main .order-content .item-ord-sm .ord-quality{-ms-flex: 0 0 26%; flex: 0 0 26%; max-width: 26%;}
.block-order-main .order-content .item-ord-sm .ord-total{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;     text-align: right;}
.block-order-main .order-content .item-ord-sm:hover{    background: rgba(192, 226, 159, 0.3);}
@media screen and (max-width: 767px){
    .block-order-main .order-content .item-ord-sm{display: block; position: relative; padding-left: 100px;}
    .block-order-main .order-content .item-ord-sm .ord-thumb-img{position: absolute; left: 15px; max-width: inherit;}
    .block-order-main .order-content .item-ord-sm .ord-thumb-img img{width: 70px; height: 70px;}
    .block-order-main .order-content .item-ord-sm .ord-title{max-width: inherit;}
    .block-order-main .order-content .item-ord-sm .ord-quality{max-width: inherit;}
    .block-order-main .order-content .item-ord-sm .ord-total{max-width: inherit; text-align: left;}
}

.block-order-main .order-bottom{border: 1px solid #A1A1A1; border-top: 0; min-height: 70px; display: flex; -ms-flex-pack: justify!important; justify-content: space-between!important; padding: 20px 18px;}
.block-order-main .order-bottom .link a{display: inline-block; border-radius: 5px; line-height: 30px; height: 30px; text-align: center;}
.block-order-main .order-bottom .total-right{font-size: 20px; font-weight: bold; color: #387D55;}
.block-order-main .order-bottom .total-right span{display: inline-block; margin-right: 20px;}

.block-order-main .order-total-bottom{-ms-flex-pack: justify!important; justify-content: space-between!important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #A1A1A1; border-top: 0;}
.block-order-main .order-total-bottom .info{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-right: 1px solid #A1A1A1; min-height: 190px; padding: 22px 26px;}
.block-order-main .order-total-bottom .info .user-name{color: #726A6C; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.block-order-main .order-total-bottom .info .item-info{margin-bottom: 15px;}
.block-order-main .order-total-bottom .info .item-info .value{color: #726A6C; font-weight: bold;}
.block-order-main .order-total-bottom .total-right{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;       text-align: right;  padding: 22px 26px;}
.block-order-main .order-total-bottom .total-right .item-total{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px;}
.block-order-main .order-total-bottom .total-right .item-total .text{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.block-order-main .order-total-bottom .total-right .item-total .value{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.block-order-main .order-total-bottom .total-right .item-total.custom{color: #387D55; font-weight: bold; font-size: 20px;}
@media screen and (max-width: 767px){
    .block-order-main .order-total-bottom{    display: block;}
    .block-order-main .order-total-bottom .info{max-width: inherit; border-right: 0px solid #A1A1A1; border-bottom: 1px solid #A1A1A1;}
    .block-order-main .order-total-bottom .total-right{max-width: inherit;}
}

.report-header{background: hsl(90deg 54% 75% / 30%); margin-top: 30px; display: flex; -ms-flex-pack: justify!important; justify-content: space-between!important; min-height: 45px; padding: 7px 35px 5px; color: #6C757D;}
.report-header .h-left{display: flex; padding-top: 5px;}
.report-header .h-left .title-sm{font-weight: bold; color: #387D55; margin-right: 20px;}
.report-header .h-right{}
.report-header .h-right .form-control{height: 30px; line-height: 30px; padding: 0 15px; border: 1px solid #6C757D;}
@media screen and (max-width: 767px){
    .block-order-main .order-header{display: block;}
    .block-order-main .order-header .h-left{display: block; margin-bottom: 10px;}
    .block-order-main .order-header .h-right{display: block;}
    .block-order-main .order-bottom{display: block; text-align: center;}
    .block-order-main .order-bottom .link{margin-bottom: 10px;}
    .report-header{display: block;}
    .report-header .h-left{display: block; margin-bottom: 10px; padding-top: 0;}
}
/* ------------ PAGE REPORT */
.td-empty{padding: 30px 10px;}
.td-empty .icon{margin-bottom: 10px;}
.td-empty .icon img{width: 60px;     margin: auto;}

.item-total-report{background: #F3F3F3; min-height: 62px; border-radius: 5px; padding: 10px 5px 5px; border: 1px solid #F3F3F3;}
.item-total-report .value{color: #387D55;}
.slick-current .item-total-report,  .item-total-report:hover{background: #ffffff; border: 1px solid #387D55;}

.block-slick-main.custom-total-report{padding-left: 38.5px; padding-right: 38.5px;      margin-bottom: 60px;   margin-top: 20px;}
.list-total-report.row{margin-left: -3.5px; margin-right: -3.5px;}
.list-total-report.row .col-md-12{padding-left: 3.5px; padding-right: 3.5px;}
.list-total-report{}

/* BLOCK-SLICK-MAIN */
.block-slick-main{position: relative; } 
.block-slick-main .block-nav .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px;}
.block-slick-main .block-nav .slick-arrow img{width: 6px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .block-nav .slick-arrow:last-child{left: inherit; right: 15px;}
.block-slick-main .block-nav .slick-arrow:hover img{-moz-transform: scale(1.7); -webkit-transform: scale(1.7); -o-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7);}

.block-chart-padd{padding: 0 30px 0px; margin-bottom: 40px;}

/* BLOCK-MENU-SYS */
.block-menu-sys{background: #ffffff; border-radius: 5px; margin-bottom: 10px; padding: 5px 25px; display: flex; -ms-flex-pack: justify!important; justify-content: space-between!important; padding-right: 10px; -ms-flex-align: center!important; align-items: center!important; display: none;}
.block-menu-sys .btn{}
.block-menu-sys .btn img{height: 30px;}
@media screen and (max-width: 992px){
    .block-menu-sys{display: flex;}
    .warpper-padd-main{padding-left: 0;}
    .warpper-padd-main .left-side-menu{width: 0px; opacity: 0; position: absolute; z-index: 1;}
    .warpper-padd-main.show-menu-sys .left-side-menu{opacity: 1; width: 300px; z-index: 3; background: #fff; border-radius: 5px; padding: 22px; box-shadow: 0 3px 6px hsl(0deg 0% 0% / 30%); height: calc(100% - 150px);}
    .warpper-padd-main .block-form-main{position: relative; z-index: 2;} 
}

/* ------------ PAGE NOTIFICATION */
/* ITEM-NOTIFI-SM */
.item-notifi-sm{background: #f3f3f3; min-height: 110px; margin-bottom: 15px; border-radius: 5px; padding: 10px 30px; display: flex;}
.item-notifi-sm.active{    background: #ECF6E2!important;}
.item-notifi-sm .icon{display: block; position: relative; width: 60px; height: 60px; background: #ffffff; border-radius: 5px; -ms-flex-item-align: center!important; align-self: center!important; margin-right: 20px;     box-shadow: 0 3px 6px hsl(0deg 0% 0% / 30%);}
.item-notifi-sm .icon a{position: absolute;content: "";top: 50%;left:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.item-notifi-sm .icon img{height: 34px; display: block; margin: auto; width: 34px;}
.item-notifi-sm .content{-ms-flex-item-align: center!important; align-self: center!important;}
.item-notifi-sm .content .title-sm{font-weight: bold; margin-bottom: 3px;}
.item-notifi-sm .content .list-id-order{display: flex; margin-bottom: 3px;}
.item-notifi-sm .content .id-order{display: flex; margin-right: 60px;}
.item-notifi-sm .action-right{-ms-flex-item-align: center!important; align-self: center!important; margin-left: auto;}
.block-notifi-main{padding: 22px 30px;}

.modal .item-notifi-sm{display: block; margin-bottom: 0;}
.modal .item-notifi-sm .icon{    margin: auto auto 30px;}
.modal .item-notifi-sm .content .list-id-order{margin-bottom: 20px;}
.modal .item-notifi-sm .content .id-order{margin-right: 30px;}

@media screen and (max-width: 992px){
    .item-notifi-sm .content .list-id-order{display: block;}    
}
@media screen and (max-width: 767px){
    .item-notifi-sm{display: block; position: relative; padding: 15px; padding-left: 90px;}
    .item-notifi-sm .icon{position: absolute; left: 15px;}
    .item-notifi-sm .content{    margin-bottom: 15px;}
}

.action-right .btn{min-width: 85px;}

/* ---------- UPDATE MAIN */
#primary-menu ul li>a{font-size: 16px; font-family: 'RobotoCondensed-Regular';}
#secundary-menu i{font-size: 22px!important;}
#secundary-menu #top-login-trigger .fa-user{font-size: 26px!important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
@media screen and (max-width: 991.98px){
    #secundary-menu #top-login-trigger .fa-user{border: 1px solid #444; width: 36px; height: 36px; border-radius: 100%; text-align: center; line-height: 32px; position: relative; top: -8px;}
    #secundary-menu #top-login-trigger .fa-user:hover, #secundary-menu #top-login-trigger .fa-user:focus{background: #387d55; color: #ffff; border-color: #387d55;}
    #seeds-banner .row{    margin: 0!important;}
}

/* VIEW-BLOG-DETAIL */
.block-blog-detail{    padding: 50px 0;}
.block-blog-detail{}
.block-blog-detail{}
.block-blog-detail .title-main{margin-bottom: 5px;}
.block-blog-detail .title-main h3{font-size: 30px; font-weight: bold;}
.block-blog-detail .time-main{-ms-flex-align: center!important; align-items: center!important; display: flex;     margin-bottom: 30px;}
.block-blog-detail .time-main img{height: 15px; margin-right: 10px;}
.sidebar-featured-posts{}
.sidebar-featured-posts .title-sm{margin-bottom: 20px;}
.sidebar-featured-posts .title-sm h3{font-size: 30px; font-weight: bold;}
.sidebar-featured-posts .list-post{}
.sidebar-featured-posts .list-post li{    margin-bottom: 20px;}
.sidebar-featured-posts .list-post li a{text-decoration: underline!important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sidebar-featured-posts .list-post li a:hover, .sidebar-featured-posts .list-post li.active a{color: #3dc174;}
@media screen and (max-width: 767px){
    .block-blog-detail .content-main{margin-bottom: 30px;}
    .block-blog-detail .content-main .detail-main{    text-align: justify;}
}


/* FONT */
#page-title h1{font-family: 'RobotoCondensed-Regular'!important;}
#primary-menu ul li>a{font-family: 'RobotoCondensed-Regular'!important;}
#header-wrap #navbar-container #secundary-menu ul li a:not(.dropdowntag){font-family: 'RobotoCondensed-Regular'!important;}
footer{font-family: 'RobotoCondensed-Regular'!important;}


.reviews-comment .review-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
}
.review-img {
    margin-right: 20px;
    width: 100px;
    flex: 0 0 100px;
}
.review-img img {
    border-radius: 50%;
}
.review-rating li {
    color: #ff9b26;
    letter-spacing: -1px;
    font-size: 13px;
    margin-bottom: 7px;
}
.review-meta h6 {
    color: #222;
    font-size: 16px;
    margin-bottom: 8px;
}
.review-meta h6 span {
    color: #777777;
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
}
.reviews-comment .review-content p {
    margin-bottom: 0;
}
.add-review .title {
    font-size: 26px;
    color: #222222;
    margin-bottom: 25px;
    font-weight: 600;
    font-family: 'RobotoCondensed-Regular';
}
.add-review {
    margin-top: 55px;
    padding-top: 35px;
    border-top: 1px solid #ebebeb;
}
.add-review form {
    padding: 55px 50px 60px;
    background: #f5f5f5;
}
.add-review p {
    font-size: 16px;
}
.add-review p span {
    color: #387d55;
}
.add-review .from-grp {
    margin-bottom: 25px;
}
.add-review .from-grp label,
.form-rating label {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    margin-bottom: 6px;
}
.add-review .from-grp label span {
    color: #387d55;
}
.add-review .from-grp input,
.add-review .from-grp textarea {
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 15px 25px;
    display: block;
}
.add-review .checkbox-grp input {
    width: auto;
    margin-top: 3px;
    margin-right: 10px;
}
.add-review .checkbox-grp label {
    margin-bottom: 0;
}
.add-review .checkbox-grp {
    display: flex;
}
.form-rating {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
.form-rating label {
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-right: 10px;
}
.form-rating ul li {
    transition: .3s linear;
    letter-spacing: -1px;
    display: inline-block;
    font-size: 14px;
}
.form-rating ul li:hover {
    color: #ff9b26;
}
.add-review .from-grp textarea {
    height: 170px;
}

.special-btn i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
	color: #222222;
	background: #fff;
    margin-left: 25px;
}

.special-btn:hover {
	background: #387d55;
	color: #fff;
}
.special-btn {
    background: #444;
    color: #fff;
}

/* UPDATE */
.block-form-main .title-form-main{    padding: 31px 30px 18px;}
.item-total-report .title-sm{    font-size: 18px; font-weight: bold;}
.btn-close{    background-size: 15px 15px;}

.list-social a{    padding-top: 5px;}
.list-social a img{display: block; margin: auto; vertical-align: top;}

.s1Gxkq.c2pfrq{    align-items: flex-start!important;}
.s1Gxkq.c2pfrq .wqjloc .stardust-checkbox{top: 4px;}
.fyYBP1.custom-list{display: block; padding-right: 20px; }
.fyYBP1.custom-list .aiyQAr{min-width: 500px;     width: 100%;     text-align: right; margin-bottom: 5px;}
.fyYBP1.custom-list .aiyQAr .A-CcKC{width: 50%; padding-right: 15px;}
.fyYBP1.custom-list .aiyQAr .WC0us\+{width: 50%; text-align: left;}
.fyYBP1.custom-list .aiyQAr.custom-btn{margin-top: 15px;}
.fyYBP1.custom-list .aiyQAr.custom-btn .A-CcKC{ opacity: 0;}
.fyYBP1.custom-list .aiyQAr.custom-btn button{margin-left: 0!important;}
.block-cart-total .s1Gxkq.c2pfrq{display: flex!important;}

    @media screen and (max-width: 992px){
        .fyYBP1.custom-list .aiyQAr{padding-top: 0;}
        .fyYBP1.custom-list{padding-right: 0;}
        .fyYBP1.custom-list .aiyQAr{display: flex!important; align-items: flex-start!important; margin-bottom: 0;}
        .s1Gxkq.c2pfrq .fyYBP1.custom-list .A-CcKC{display: block; width: 60%;}
        .fyYBP1.custom-list .aiyQAr .A-CcKC{font-size: 12px;}
        .fyYBP1.custom-list .aiyQAr .WC0us\+{width: 40%; font-size: 14px;}
        .block-cart-total .s1Gxkq.c2pfrq .wqjloc{margin-top: 0;}
        .fyYBP1.custom-list .aiyQAr.custom-btn{margin-top: 0;}
        .fyYBP1.custom-list .aiyQAr.custom-btn button{padding-left: 15px; padding-right: 15px;}
        }
    @media screen and (max-width: 767px){
        .fyYBP1.custom-list .aiyQAr{min-width: 250px; }
        .fyYBP1.custom-list .aiyQAr.custom-btn button{padding-left: 5px; padding-right: 5px;}
        }


        @media screen and (max-width: 767px){
            #site-content #BannerCarousel .carousel-item .row h1{font-size: 30px;}
            #site-content #BannerCarousel .carousel-item .row{margin-left: 0;}
            #site-content .carousel-item{padding-left: 35px; padding-right: 35px;}
            #site-content .carousel-item .row{margin: 0;}
        }