.-single-top-head-bar { display: block; padding: 80px 0px 60px; position: relative; background: linear-gradient(rgb(255, 255, 255), rgb(253, 253, 253)); }
.-single-top-head-container { display: block; margin: 0px; position: relative; }
.top-category-area { display: flex; place-content: center; flex-flow: column wrap; align-items: center; margin-bottom: 20px; }
.-parent-icon-category { display: flex; position: relative; margin-bottom: 15px; border-radius: 50%; font-size: 60px; place-content: center; align-items: center; flex-wrap: wrap; text-align: center; color: var(--categoryuicolor); }
.-parent-icon-category > i { font-weight: 300; }
.-parent-icon-category > svg { width: 100%; height: 100%; }
.-categoet-top-info { display: block; }
.-categoet-top-info > a { display: block; font-size: 20px; color: var(--categoryuicolor); }
.single-post-title { display: block; margin-bottom: 25px; }
.single-post-title > h1 { color: var(--uicolor); font-size: 37px; line-height: 1.6; text-transform: capitalize; }
.-single-bottom-title-list { display: block; margin-bottom: 15px; }
.-single-bottom-title-list > ul { display: flex; list-style: none; align-content: center; align-items: center; flex-wrap: wrap; margin: 0px -10px; }
.-single-bottom-title-list > ul > li { margin: 0px 20px; color: var(--secondarytext); position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; }
.-single-bottom-title-list > ul > li::before { content: ""; --w-h: 8px; position: absolute; left: -24px; top: 50%; transform: translateY(-50%) rotate(45deg); background: var(--secondarytext); width: var(--w-h); height: var(--w-h); border-radius: 38%; }
.-single-bottom-title-list > ul > li:last-child::before { display: none; }
.-single-bottom-title-list > ul > li > a { color: var(--secondarytext); font-weight: 300; font-size: 16px; line-height: 1.5; }
.-single-bottom-title-list > ul > li.-single-bottom-list-Rate > a > i { color: rgb(255, 167, 0); font-weight: 500; }
.-single-bottom-title-list > ul > li.-single-bottom-list-Rate > a { display: flex; color: var(--primary-text); font-size: 20px; font-weight: 500; flex-wrap: wrap; align-content: center; align-items: center; }
.-single-bottom-title-list > ul > li > a:hover { color: var(--primary-text); }
.-single-bottom-title-list > ul > li.-single-bottom-list-user-area > a { text-transform: capitalize; }
.-single-bottom-title-list > ul > li > a > i { margin-inline-end: 10px; font-weight: 600; }
.-secodary-single-post-bar {display: flex;flex-flow: column wrap;flex: 1 1 0%;padding: 40px;background: var(--bgcolor);border: var(--border-defult);position: relative;box-shadow: var(--box-shadow-defult);border-radius: var(--largeradius);margin-bottom: 40px;}
.-secodary-single-post-bar:last-child { margin-bottom: 0px; }
.-secodary-single-post-bar::before, .-secodary-single-post-bar::after { content: ""; position: absolute; width: 1px; height: 100%; left: -1px; top: 0px; background: linear-gradient(0deg, transparent, var(--diver), transparent); opacity: 0; visibility: hidden; }
.-secodary-single-post-bar::after { left: auto; right: -1px; }
.-Yc-single-main.-YC-singleType-post { display: flex; align-items: flex-start; place-content: flex-start center; flex-wrap: wrap; padding: 30px 0px; margin-bottom: 50px; }
.-third-single-post-bar::before { content: ""; position: absolute; right: -40px; height: 100%; top: 0px; background: var(--diver); width: 1px; }
.-third-single-post-bar { position: sticky; top: 140px; min-width: 240px; min-height: 400px; transition: all 180ms ease 0s; max-width: 240px; max-height: calc(100vh - 40px); overflow: hidden scroll; padding-inline-end: 10px; }
.-third-single-post-bar::-webkit-scrollbar { width: 4px; height: 4px; }
.-third-single-post-bar::-webkit-scrollbar-thumb { background: linear-gradient(0deg, transparent 10%, transparent 0%, transparent 90%, transparent 0%); }
.-third-single-post-bar::-webkit-scrollbar-track { background: transparent; }
.-third-single-post-bar:hover::-webkit-scrollbar-thumb { background: linear-gradient(0deg, transparent 10%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 90%, transparent 0%); }
body.hidemenu .-third-single-post-bar { top: 30px; }
.-first-single-post-bar { display: block; min-width: 380px; max-width: 380px; position: sticky; top: 110px; transition: all 180ms ease 0s; }
.-first-single-post-bar:empty { display: none; }
body.hidemenu .-first-single-post-bar { top: 30px; }
.-single-post-user-area { display: block; margin-bottom: 40px; }
.-single-post-user-area > .-user-avatar { width: 85px; height: 85px; border-radius: 50%; margin-bottom: 25px; }
.-single-post-user-area > .-user-avatar > verified { margin-top: -23px; float: left; z-index: 1; position: relative; margin-left: 3px; width: 16px; height: 16px; font-size: 20px; display: flex; place-content: center; align-items: center; flex-wrap: wrap; color: rgb(44, 134, 253); background: white; }
.-single-post-user-area > .-user-avatar > verified > i { font-weight: 900; }
.-single-post-user-area > .-user-context { display: block; margin-bottom: 5px; }
.-single-post-user-area > .-user-context > h4 { font-size: 27px; font-weight: 500; text-transform: capitalize; display: flex; align-items: center; flex-wrap: nowrap; line-height: 1.4; overflow: hidden; }
.-single-post-user-area > .-user-context > h4 > a { display: flex; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; }
.-single-post-user-area > .-user-avatar > a { display: flex; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; place-content: center; align-items: center; flex-wrap: wrap; box-shadow: rgba(4, 28, 54, 0.14) 0px 5px 3px -3px, rgba(4, 28, 54, 0.08) 0px 5px 10px -3px; border: 3px solid rgba(255, 255, 255, 0.02); }
.-single-post-user-area > .-user-avatar > a > img { min-height: 100%; max-width: inherit; max-height: 100%; margin: 0px auto; }
.-single-post-user-area > a { display: block; }
ul.-single-other-lists-UL { display: block; list-style: none; }
ul.-single-other-lists-UL > li { display: flex; align-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 5px; padding: 10px 0px; }
ul.-single-other-lists-UL > li > i { margin-inline-end: 12px; width: 26px; text-align: center; font-size: 20px; font-weight: 400; }
ul.-single-other-lists-UL > li > strong { flex: 1 1 0%; font-size: 16px; color: var(--primary-text); font-weight: 300; }
ul.-single-other-lists-UL > li > span { color: var(--primary-text); font-family: var(--f-number); font-weight: 600; font-size: 16px; }
.-single-post-user-area > .-user-list-info { font-size: 15px; line-height: 1.5; color: var(--secondarytext); font-weight: 300; margin-bottom: 10px; }
.-single-post-user-area > .-user-social-links { display: block; }
.-single-post-user-area > .-user-social-links > ul { display: flex; list-style: none; }
.-single-post-user-area > .-user-social-links > ul > li { display: block; margin-inline-end: 17px; position: relative; }
.-single-post-user-area > .-user-social-links > ul > li > a { display: flex; padding: 10px 0px; position: relative; border-radius: 50%; place-content: center; align-items: center; flex-wrap: wrap; font-size: 18px; color: var(--secondarytext); }
.-single-post-user-area > .-user-social-links > ul > li > a:hover { color: var(--primary-text); }
.-single-post-content {max-width: 100%;font-size: 18px;line-height: 1.7;font-weight: 300;margin-bottom: 30px;}
.-single-post-content table { max-width: 100%; margin-bottom: 1rem; background-color: rgba(0, 0, 0, 0); border-collapse: collapse; border-right: 1px solid var(--diver); width: 100% !important; }
.-single-post-content table > tbody > tr > td:first-child { max-width: 250px; background: rgb(249, 250, 255) !important; }
.-single-post-content table > tbody > tr > :first-child { background: rgb(249, 250, 255); }
.-single-post-content table td, .-single-post-content table th { vertical-align: top; font-size: 14px; padding: 0.65rem !important; }
.-single-post-content table tr { border-top: 1px solid var(--diver); }
.-single-post-content table thead tr th, .-single-post-content table tbody tr td { border-left: 1px solid var(--diver); }
.-single-post-content table tr:first-child { font-weight: 400; }
.-single-post-content table tr:last-child { border-bottom: 1px solid var(--diver); }
.-single-post-content > h2, .-single-post-content > h1, .-single-post-content > h3, .-single-post-content > h4, .-single-post-content > h5, .-single-post-content > h6 { line-height: 1.4; padding: 16px 0px !important; }
.-single-post-content > h2 { color: var(--uicolor); font-size: 26px; }
.-single-post-content > h3 { font-size: 21px; }
.-single-post-content * { margin: revert; padding: revert; max-width: 100%; }
.-single-post-content > p > img.aligncenter { margin: 0px auto; display: block; }
.-YourColor-sticky-TocList { display: block; }
.-YourColor-sticky-TocList > h2 { font-size: 18px; margin-bottom: 15px; font-weight: 500; position: sticky; top: 0px; background: var(--bgcolor); padding: 10px 0px; }
.-YourColor-sticky-TocList > ul { display: flex; list-style: none; place-content: center flex-start; flex-wrap: wrap; align-items: center; }
.-YourColor-sticky-TocList > ul > li { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 5px; }
.-YourColor-sticky-TocList > ul > li.active-now > a { background: var(--uicolor2); color: white; }
.-YourColor-sticky-TocList > ul > li > ul { display: block; list-style: none; width: 100%; padding: 5px 15px; }
.-YourColor-sticky-TocList > ul > li > ul > li { display: flex; flex-flow: column wrap; align-content: stretch; align-items: stretch; margin-bottom: 5px; }
.-YourColor-sticky-TocList > ul > li > ul > li > a { display: inline-block; padding: 8px 0px; color: var(--secondarytext); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; border-radius: var(--miniradius); font-size: 15px; }
.-YourColor-sticky-TocList > ul > li > ul > li > a:hover { color: var(--primary-text); }
.-YourColor-sticky-TocList > ul > li > ul > li.selected > a { color: var(--uicolor2); }
.-YourColor-sticky-TocList > ul > li > ul > li > a > .-em-toc__number { display: inline-block; }
.-YourColor-sticky-TocList > ul > li > a { display: inline-block; font-size: 15px; padding: 10px 0px; font-weight: 400; width: 100%; border-radius: var(--miniradius); color: var(--secondarytext); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.-YourColor-sticky-TocList > ul > li.selected > a { color: var(--uicolor2); }
.-YourColor-sticky-TocList > ul > li:not(.selected) > a:hover { color: var(--primary-text); }
.-YourColor-sticky-TocList > ul > li > a > span { }
.-YourColor-sticky-TocList > ul > li > a > .-em-toc__number { margin-inline-end: 8px; font-size: 16px; display: inline-block; font-weight: 700; }
.-YourColor-sticky-TocList > ul > li > ul > li > a > .-em-toc__number { margin-inline-end: 6px; font-size: 18px; display: inline-block; }
.-single-title-top-bar { display: block; margin-bottom: 30px; max-width: 100%; overflow: hidden; }
.-single-title-top-bar > ul { display: flex; list-style: none; }
.-single-title-top-bar > ul > li { }
.-single-title-top-bar > ul > li > a { display: block; padding: 10px; min-width: max-content; color: var(--secondarytext); font-size: 16px; }
.-single-post-thumb { display: block; width: 100%; background: rgb(3, 26, 50); box-shadow: rgba(9, 35, 64, 0.21) 0px 6px 3px -4px, rgba(9, 35, 64, 0.14) 0px 13px 32px -14px, rgba(9, 35, 64, 0.16) 0px 14px 70px -50px; border-radius: var(--largeradius); overflow: hidden; margin-bottom: 30px; margin-top: -90px; border: 1px solid rgb(187, 194, 203); position: relative; padding-bottom: 70%; }
.-single-thumb-image { display: block; position: absolute; width: 100%; height: 100%; }
.-single-thumb-image > a { display: block; position: relative; height: 100%; }
.-single-thumb-image > a > img { min-height: 100%; max-height: 100%; max-width: inherit; margin: 0px auto; display: block; }
h2.-span-h2-title { font-size: 18px; margin-bottom: 15px; font-weight: 500; }
.-single-top-svg { position: absolute; right: 0px; top: 0px; left: 0px; -webkit-mask-image: linear-gradient(transparent, white); color: rgb(31, 30, 135); transform: rotate(180deg); height: 300px; opacity: 0.02; }
.-single-top-svg > svg { position: absolute; width: 100%; height: 100%; }
body { background: rgb(255, 255, 255); }
.-single-thumb-bg-cover { width: 100%; height: 100%; position: absolute; background-image: var(--background-image); top: 0px; right: 0px; background-size: cover; background-position: center center; z-index: 0; filter: blur(10px) grayscale(0.5); }
.-single-more-read-btn { display: flex; margin: 0px auto 30px; place-content: center; align-items: center; flex-wrap: wrap; }
.-single-more-read-btn > a { display: flex; font-size: 20px; flex-flow: column wrap; border-radius: var(--largeradius); color: var(--primary-text); align-content: center; align-items: center; font-weight: 400; position: relative; padding-top: 60px; }
.-single-more-read-btn > a > i { font-size: 34px; margin-inline-start: 20px; font-weight: 300; }
.-single-more-read-btn > a > span { line-height: 1.4; margin-bottom: 4px; display: block; }
.-single-more-read-btn > a:hover { color: var(--uicolor2); }
.-single-more-read-btn > a .-YC-Icon-Buttons { margin-inline-start: 40px; }
.-single-more-read-btn > a p { display: flex; font-size: 13px; font-weight: 200; color: var(--secondarytext); align-content: center; align-items: center; flex-wrap: wrap; transition: all 180ms ease 0s; }
.-single-more-read-btn > a:hover p { color: var(--primary-text); }
.-single-more-read-btn > a p > em { font-weight: 400; font-style: normal; margin-inline-end: 4px; }
.-single-more-read-btn > a:hover .-YC-Icon-Buttons { --uicolor2: #2c86fd; }
.-single-post-user-area > .-user-context > .-user-role { display: block; font-size: 18px; font-weight: 300; color: var(--uicolor2); text-transform: capitalize; max-width: max-content; margin-bottom: 3px; }
.-mouse-scroller { --secrolluicolor: var(--primary-text); position: absolute; top: 0px; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid var(--secrolluicolor); border-radius: 50px; box-sizing: border-box; background: rgb(255, 255, 255); }
.-single-more-read-btn > a:hover .-mouse-scroller { --secrolluicolor: var(--uicolor2); }
.-mouse-scroller::before { position: absolute; top: 10px; left: 50%; content: ""; width: 6px; height: 6px; margin-left: -3px; background-color: var(--secrolluicolor); border-radius: 100%; animation: 2s ease 0s infinite normal none running sdb10; box-sizing: border-box; }
@-webkit-keyframes sdb10 { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0px, 20px); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes sdb10 { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0px, 20px); opacity: 0; }
  100% { opacity: 0; }
}
.-chevron-scroller-single { position: fixed; --cust-w: 90px; z-index: 1; width: var(--cust-w); display: flex; place-content: center; align-items: center; flex-wrap: wrap; height: var(--cust-w); cursor: pointer; border-radius: 50%; bottom: 40px; right: 40px; color: var(--uicolor2); font-size: 40px; text-align: center; transform: translateY(200px); opacity: 0; visibility: hidden; transition: all 180ms ease 0s; }
.-chevron-scroller-single:hover::before { box-shadow: rgba(15, 38, 72, 0.06) 0px 3px 3px -1px, rgba(15, 38, 72, 0.07) 0px 15px 30px -10px; }
.-chevron-scroller-single::before { content: ""; position: absolute; width: calc(100% - 3px); height: calc(100% - 3px); top: 50%; transform: translate(-50%, -50%); left: 50%; background: white; z-index: -1; border-radius: 50%; box-shadow: rgba(15, 38, 72, 0.06) 0px 3px 3px -1px, rgba(15, 38, 72, 0.07) 0px 5px 30px -10px; border: 1px solid rgb(255, 255, 255); transition: all 180ms ease 0s; }
.-chevron-scroller-single > i.fa-pause { display: block; }
.-chevron-scroller-single.stop-reading > i.fa-pause { display: none; }
.-chevron-scroller-single > i.fa-play { display: none; }
.-chevron-scroller-single.stop-reading > i.fa-play { display: block; }
.-chevron-scroller-single.show { transform: translateX(0px); visibility: visible; opacity: 1; }
.-chevron-scroller-single:hover { transform: translateY(-1px); }
.-chevron-scroller-single > i { font-weight: 400; }
.-singular-scroll-progress { position: absolute; width: 100%; height: 100%; --stroke-width: 4px; --progress-color: var(--uicolor2); }
.-singular-scroll-progress > svg { width: 100%; height: 100%; font-size: 0px; color: transparent; display: block; --tranform-inner: scale(0.91) translate(5px, 5px); }
.-singular-scroll-progress > svg > text tspan { font-size: 0px; }
.-singular-scroll-progress > svg circle { stroke-width: var(--stroke-width); transform: var(--tranform-inner); stroke: rgba(249, 249, 249, 0); }
.-singular-scroll-progress > svg path { stroke-width: var(--stroke-width); stroke: var(--progress-color); transform: var(--tranform-inner); }
.-next-prev-singular-posts { display: flex; margin: 40px 0px 0px; flex-direction: column; }
.-Chevrons--NextPrev { display: block; margin: 0px 0px 30px; flex: 1 1 0%; }
.-Chevrons--NextPrev > a { display: flex; padding: 25px; position: relative; align-content: center; align-items: center; flex-wrap: wrap; box-shadow: var(--box-shadow-defult); border: var(--border-defult); border-radius: var(--largeradius); transition: all 300ms ease 0s; }
.-Chevrons--NextPrev:hover > a { border-color: var(--border-defult-hover); box-shadow: var(--box-shadow-hover); transform: translateY(-1px); transition: ll 180ms ease 0s; }
.-Chevrons--NextPrev > a > i { --sh-color: #0000000d; font-size: 45px; font-weight: 300; color: var(--secondarytext); background: rgb(253, 253, 253); border-radius: 50%; width: 80px; height: 80px; display: flex; text-align: center; place-content: center; align-items: center; flex-wrap: wrap; transition: all 180ms ease 0s; margin-inline-start: 30px; }
.-Chevrons--NextPrev:hover > a > i { color: var(--uicolor); transform: scale(1.1); }
.-Chevrons--NextPrev.-chevron--prevPost > a > i { margin-inline: 0px 30px; }
.-Chevrons--NextPrev > a > .inbox-pos { display: flex; flex-flow: column wrap; flex: 1 1 0%; }
.-Chevrons--NextPrev.-chevron--prevPost > a > .inbox-pos { }
.-Chevrons--NextPrev > a > .inbox-pos > span { font-size: 16px; color: var(--secondarytext); display: block; margin-bottom: 15px; transition: all 180ms ease 0s; }
.-Chevrons--NextPrev > a > .inbox-pos > h3 { font-size: 22px; font-weight: 400; line-height: 1.5; transition: all 180ms ease 0s; }
.-Chevrons--NextPrev:hover > a > .inbox-pos > h3 { color: var(--uicolor); }
.-Chevrons--NextPrev:hover > a > .inbox-pos > span { color: var(--primary-text); }
.single-post-parent-container-comments { display: block; border-radius: var(--largeradius); }
.single-post-parent-container-comments > form > input { max-width: 300px; }
.single-post-parent-container-comments > form { display: flex; flex-wrap: wrap; margin: 0px -15px 15px; }
.single-post-parent-container-comments > form > .alerts { min-width: 100%; flex: 1 1 0%; margin: 0px 0px 30px; }
.single-post-parent-container-comments > form > .alerts > .alert { font-weight: 300; font-size: 15px; }
.single-post-parent-container-comments > form > .alerts > .alert.alert-danger { color: rgb(181, 2, 33); background: rgba(240, 40, 74, 0.03); margin: 0px 15px; width: auto; }
.single-post-parent-container-comments > form > .alerts > .alert.alert-danger:empty { margin-bottom: 0px; }
.single-post-parent-container-comments > h4 { display: block; font-size: 21px; margin-bottom: 20px; }
.-comments-form-inputs-area { flex: 1 1 0%; display: flex; margin: 0px 15px 30px; min-width: 280px; }
.-comments-form-inputs-area.necessary > input, .-comments-form-inputs-area.necessary > textarea { border-color: var(--negative); }
.-comments-form-inputs-area.-comments--textarea > textarea { min-height: 160px; }
.-comments-form-inputs-area.-comments--textarea { min-width: 350px; margin: 0px 15px; }
.-comments-form-Button-area { min-width: 500px; display: flex; justify-content: flex-end; flex: 1 1 0%; margin: 0px 15px; }
.-comments-form-Button-area > button {display: flex;justify-content: space-between;padding: 13px;border-radius: var(--miniradius);background: var(--uicolor
);border: 2px solid var(--uicolor);color: white;font-size: 15px;align-items: center;}
.-comments-form-Button-area > button > i { margin-inline-start: 10px; }
.-comments-form-Button-area > button:hover {background: var(--bgcolor);color: var(--uicolor);}
.-comments-form-Button-area > button > btn-icon { --inset-uicolor: white; }
.-comments-form-Button-area > button:hover > btn-icon { --inset-uicolor: var(--uicolor2); }
.-singular-comments-post { display: flex; align-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
.-comments-titlecontext-inner { display: block; flex: 1 1 0%; }
.-insert-custom-comments .-comments-titlecontext-inner { margin-bottom: 40px; }
.-comments-titlecontext-inner > h4 { display: block; font-size: 21px; line-height: 1.5; margin-bottom: 7px; font-weight: 500; }
.-comments-titlecontext-inner > p { font-weight: 200; color: var(--secondarytext); font-size: 17px; }
comment-counter { display: block; font-size: 18px; }
comment-counter > em { font-style: normal; }
.CommentsList { display: block; }
.CommentsList__Title { display: block; margin-bottom: 20px; font-size: 16px; }
ul.CommentsListInner { display: block; }
ul.CommentsListInner .ChildComments { display: flex; flex-direction: column; list-style: none; }
ul.CommentsListInner > .ChildComments { margin: 30px 30px 30px 0px; }
ul.CommentsListInner .ChildComments:last-child { margin-bottom: 0px; }
ul.CommentsListInner > li, .ChildComments > li { display: flex; flex-flow: column wrap; margin-bottom: 35px; }
ul.CommentsListInner > li:last-child { margin-bottom: 0px; }
.NoComments { display: block; font-size: 15px; color: var(--secondarytext); font-weight: 200; }
.NoComments > i { font-size: 20px; margin-inline-end: 5px; }
.Context-Comments > p { font-size: 18px; color: var(--primary-text); font-weight: 200; line-height: 1.5; }
.Context-Comments > p > a { font-weight: 300; position: relative; display: inline; font-size: 15px; }
.Context-Comments > p > a > .showbox { position: relative; width: 20px; height: 20px; display: inline-block; margin-top: -4px; margin-inline-start: 5px; }
.Context-Comments > p > a > .showbox svg path { fill: var(--uicolor2); }
.Context-Comments > p > a > .showbox > svg { width: 100%; height: 100%; }
.ReplyCommentPreview { display: block; min-width: 500px; margin: 0px 15px 20px; flex: 1 1 0%; position: relative; padding: 20px; padding-inline-start: 75px; color: var(--secondarytext); border: 1px solid var(--diver); border-radius: var(--largeradius); background: rgb(255, 255, 255); overflow: hidden; max-width: 100%; }
.ReplyCommentPreview > h2 { display: flex; align-content: center; align-items: center; flex-wrap: wrap; font-size: 18px; font-weight: 400; color: var(--primary-text); line-height: 1.5; margin-bottom: 5px; }
.ReplyCommentPreview > p { font-size: 15px; font-weight: 200; color: var(--secondarytext); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ReplyCommentPreview > h2 > span { font-weight: 500; }
.ReplyCommentPreview > h2 > i { margin-left: 10px; font-weight: 300; font-size: 35px; position: absolute; right: 21px; top: 23px; }
.ReplyCommentPreview > h2 > em { font-style: normal; margin-inline-end: 5px; }
.Context-Comments { position: relative; }
.CommentContent { display: block; padding: 30px; border: 1px solid var(--diver); border-radius: var(--largeradius); }
.-comments-head-area { display: flex; align-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 15px; }
.-comments-head-area > .UserAvatar { border-radius: 50%; width: 54px; height: 54px; overflow: hidden; position: relative; margin-inline-end: 15px; display: flex; place-content: center; align-items: center; flex-wrap: wrap; font-size: 25px; border: 1px var(--border-defult-hover); color: var(--secondarytext); box-shadow: var(--box-shadow-hover); }
.-comments-head-area > .UserAvatar > img { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; min-height: 100%; max-width: unset; max-height: 100%; }
.-comment-user-area { display: block; flex: 1 1 0%; }
.-comment-user-area > .NameArea { display: flex; font-size: 19px; line-height: 1.4; margin-bottom: 1px; font-weight: 400; flex-wrap: wrap; align-content: center; align-items: center; text-transform: capitalize; flex: 1 1 0%; }
.-comment-user-area > .NameArea > verified { line-height: 14px; }
.comment-status { display: block; color: var(--secondarytext); font-weight: 200; font-size: 13px; }
.Bottom-comment-bar { display: flex; padding-inline-start: 20px; font-size: 14px; flex-wrap: wrap; align-content: center; align-items: center; }
.Bottom-comment-bar > .replay-comment-button { color: var(--secondarytext); }
.Bottom-comment-bar > .replay-comment-button:hover { color: var(--primary-text); }
.Bottom-comment-bar > ul { display: flex; list-style: none; flex-wrap: wrap; align-content: center; align-items: center; }
.Bottom-comment-bar > ul > li { color: var(--secondarytext); margin-inline-end: 0px; position: relative; transition: all 180ms ease 0s; display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.Bottom-comment-bar > ul > li > .comment-like-counter { display: block; letter-spacing: 1px; margin-inline-start: 3px; }
.Bottom-comment-bar > ul > li:not(.active):hover { color: var(--primary-text); }
.Bottom-comment-bar > ul > li.active { color: var(--uicolor2); }
.Bottom-comment-bar > ul > li.disliked-multibuttons.active { color: var(--negative); }
.Bottom-comment-bar > ul > li > i { margin-inline-end: 5px; }
grap-dots { --dot-width: 4px; width: var(--dot-width); height: var(--dot-width); background: var(--secondarytext); border-radius: 50%; margin: 0px 10px; }
.body-product-cover .-singular-pages-container { }
.-singular-pages-container { background: var(--bgcolor); }
.-Related-Single { display: block; padding: 50px 0px; background: linear-gradient(rgb(253, 253, 253), white); }
.-Related-Single:nth-child(2n) { }
.-YC-related-posts { --bgcolor: #fff; }
.-TitleContent-section { display: flex; justify-content: flex-start; margin-bottom: 40px; }
.-TitleContent-section > i { margin-inline-end: 15px; }
.-TitleContent-section > a { display: flex; color: var(--primary-text); align-content: center; align-items: center; flex-wrap: wrap; font-size: 18px; font-weight: 400; }
.-TitleContent-section > a:hover { color: var(--uicolor2); }
.-TitleContent-section > a > .-YC-Icon-Buttons { --inset-uicolor: var(--primary-text); }
.-TitleContent-section > a:hover .-YC-Icon-Buttons { --inset-uicolor: var(--uicolor2); }
h2.-TitleContent-section > .seccontent { display: flex; align-content: center; align-items: center; flex-wrap: wrap; color: var(--uicolor); font-size: 21px; flex: 1 1 0%; }
h2.-TitleContent-section > .seccontent > span { font-weight: 300; margin-inline-end: 10px; color: var(--primary-text); font-size: 20px; }
h2.-TitleContent-section > .seccontent > i { font-size: 30px; margin-inline-end: 15px; font-weight: 300; color: var(--secondarytext); }
.-Posts-RelatedBoxes { display: flex; flex-wrap: wrap; margin: 0px -15px; }
.-Posts-RelatedBoxes > .-YC-Post-box { min-width: 420px; max-width: 440px; }
.-Title-references { display: flex; font-size: 20px; align-content: center; align-items: center; flex-wrap: wrap; margin: 0px; position: relative; font-weight: 500; }
.-Title-references > i { display: block; margin-inline-end: 15px; color: rgba(4, 28, 54, 0.48); font-size: 33px; font-weight: 300; }
.-references-title-context { display: flex; flex-wrap: wrap; align-content: center; align-items: center; flex: 1 1 0%; }
.-references-title-context > span { margin-inline-end: 10px; }
.-references-title-context > p { margin: 0px; font-size: 13px; color: var(--secondarytext); font-weight: 300; border-inline-start: 1px solid var(--diver); padding-inline-start: 10px; line-height: normal; }
.-references-post { padding: 25px; display: block; border-radius: var(--largeradius); position: relative; margin: 0px 0px 30px; box-shadow: var(--box-shadow-defult); border: var(--border-defult); }
.-references-post.showin btn-icon.-YC-Icon-Buttons > span { width: 50px; }
.-references-post.showin btn-icon.-YC-Icon-Buttons > em { opacity: 0; }
.-references-post.showin { height: var(--tableofcontentH); }
.-references-post > ul { color: var(--uicolor); list-style: none; position: absolute; visibility: hidden; opacity: 0; width: 100%; z-index: 1; transition: all 50ms ease 0s; right: 0px; padding: 30px !important; margin: 0px !important; }
.-references-post.showin > ul { visibility: visible; opacity: 1; transition: all 180ms ease 0s; }
.-references-post ul > li { visibility: hidden; opacity: 0; transform: scale(0.9); transition: all 50ms ease 0s; }
.-references-post.showin ul > li { visibility: visible; opacity: 1; transform: scale(1); transition-duration: 180ms; transition-timing-function: ease; transition-property: all; transition-delay: var(--trans-delay); }
.-references-post ul > li a { display: flex; font-weight: 400; font-size: 15px; border-radius: var(--largeradius); color: var(--primary-text); place-content: center flex-end; align-items: center; flex-wrap: wrap; padding: 15px !important; }
.-references-post ul > li a:hover { text-decoration: unset; }
.-references-post ul > li a > em { font-size: 24px; min-width: 35px; font-weight: 600; text-align: center; color: var(--secondarytext); transition: all 180ms ease 0s; font-style: normal; display: block; margin-left: 10px !important; }
.-references-post ul > li a:hover > em { color: var(--uicolor2); }
.-post-tag-items { display: flex; margin-bottom: 30px; }
.-post-tag-items > a { display: flex; padding: 10px; position: relative; align-content: center; align-items: center; flex-wrap: wrap; font-size: 17px; color: var(--uicolor); font-weight: 300; border-radius: var(--largeradius); }
.-post-tag-items > a:hover { }
.-post-tag-items > a::before { content: "#"; position: relative; display: block; margin-inline-end: 7px; font-weight: 200; font-size: 20px; height: 22px; color: var(--secondarytext); transition: all 180ms ease 0s; }
.-post-tag-items > a:hover::before { color: var(--uicolor); }
.-YC-FaqsSimple-vsingle-Item-v2 { margin-bottom: 20px; border-radius: var(--largeradius); border: var(--border-defult); background: rgb(255, 255, 255); transition: all 180ms ease 0s; box-shadow: var(--box-shadow-defult); }
.-YC-FaqsSimple-vsingle-Item-v2:hover { border-color: var(--border-defult-hover); box-shadow: var(--box-shadow-hover); }
.-YC-FaqsSimple-vsingle-Item-v2:last-child { margin-bottom: 0px; }
.-YC-FaqsSimple-vsingle-Item-v2.active { box-shadow: var(--box-shadow-hover); }
.-YC-FaqsSimple-vsingle-Title { display: flex; padding: 25px; place-content: center space-between; align-items: center; cursor: pointer; flex-wrap: wrap; }
.-YC-FaqsSimple-vsingle-Title > i { font-size: 22px; color: var(--secondarytext); transition: all 180ms ease 0s; }
.-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title > i { color: var(--uicolor2); transform: rotate(45deg); }
.-YC-FaqsSimple-vsingle-Item-v2:not(.active):hover .-YC-FaqsSimple-vsingle-Title > i { color: var(--primary-text); }
.-YC-FaqsSimple-vsingle-Title > h2 > a { display: block; font-size: 20px; font-weight: 300; color: var(--secondarytext); }
.-YC-FaqsSimple-vsingle-Title > h2 > a > em { margin-inline-end: 10px; font-style: normal; font-family: var(--f-number); font-weight: 400; font-size: 30px; }
.-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title > h2 > a { color: var(--uicolor2); }
.-YC-FaqsSimple-vsingle-Item-v2:not(.active):hover .-YC-FaqsSimple-vsingle-Title > h2 > a { color: var(--primary-text); }
.-YC-FaqsSimple-vsingle-Item-v2.active .-FaqsSimple-vsingle-Content-Row-v1 { display: block; height: var(--pin-height); }
.-FaqsSimple-vsingle-Content-Row-v1 { display: block; height: 0px; --pin-height: auto; overflow: hidden; transition: all 180ms ease 0s; }
.-p-FaqsSimple-vsingle-ContentValue-v1 { padding: 0px 40px 40px; display: block; line-height: 1.6; font-size: 17px; color: var(--secondarytext); font-weight: 200; }
.-YC-FaqsSimple-vsingle { margin-bottom: 30px; display: block; }
.-post-reviews-area { display: flex; padding: 40px; border: 1px solid var(--diver); margin-bottom: 40px; border-radius: var(--largeradius); place-content: center space-between; align-items: center; flex-wrap: wrap; position: relative; }
.-post-reviews-area > h2 { font-size: 26px; color: var(--primary-text); font-weight: 400; }
.-post-reviews-buttons { display: flex; }
.-post-button-rev-item { display: block; padding: 13px 23px; border-radius: var(--largeradius); min-width: 60px; text-align: center; margin: 0px 5px; font-size: 15px; font-weight: 400; transition: all 180ms ease 0s; cursor: pointer; }
.-post-button-rev-item.-button-negative { border: 2px solid var(--negative); color: var(--negative); }
.-post-button-rev-item.-button-positive { border: 2px solid var(--positive); color: white; background: var(--positive); }
.-post-button-rev-item.-button-positive:hover { background: white; color: var(--positive); }
.-post-button-rev-item.-button-negative:hover { background: var(--negative); }
.-post-button-rev-item:hover { color: white; }
.-FeedBack-Rating > .RatingReview { direction: ltr; font-size: 45px; color: rgb(225, 225, 225); cursor: pointer; display: flex; }
.-FeedBack-Rating > .RatingReview > i { }
.-FeedBack-Rating > .RatingReview > i.active { color: rgb(255, 167, 0); }
.-FeedBack-Rating > .RatingReview > i.fixedactive { color: rgb(255, 167, 0); }
.-PostFeedBack-Rateing-Box { padding: 40px; border: 1px solid var(--diver); border-radius: var(--largeradius); margin-bottom: 40px; display: flex; place-content: center flex-start; flex-wrap: wrap; align-items: center; }
.-YC-post-reviews-info { display: flex; margin-inline-end: 30px; align-items: center; flex-flow: column wrap; place-content: center; background: rgb(255, 255, 255); }
.-YC-post-reviews-info .product-item-info-stats-ratings { flex: 1 1 0%; display: flex; flex-flow: column wrap; align-content: center; align-items: center; position: relative; min-width: 250px; }
.product-item-info-stats-ratings > .-icon-info-stats-ratings > i { display: block; font-size: 145px; font-weight: 100; color: rgb(255, 167, 0); text-shadow: rgba(0, 0, 0, 0.02) -4px 2px 0px, rgba(0, 0, 0, 0.02) -6px 3px 0px; }
.-YC-post-reviews-info .product-item-info-stats-ratings > p { display: flex; flex-flow: column wrap; align-content: center; align-items: center; }
.-YC-post-reviews-info .product-item-info-stats-ratings > p > .-rating-suptitle { min-width: 100%; color: var(--secondarytext); font-size: 14px; font-weight: 300; }
.-YC-post-reviews-info .product-item-info-stats-ratings > p > .-rating-suptitle > em { }
.product-item-info-stats-ratings > p > .-rating-suptitle > em { font-weight: 600; font-style: normal; font-size: 15px; color: var(--primary-text); font-family: var(--f-number); }
.-YC-post-reviews-info .product-item-info-stats-ratings > p > span.-rating-label { display: block; color: var(--primary-text); font-size: 26px; font-weight: 400; line-height: 1.5; margin-bottom: 4px; }
.product-item-info-stats-ratings > .-icon-info-stats-ratings > span.-rating-value { color: var(--primary-text); font-size: 40px; position: absolute; left: 50%; top: 60px; font-weight: 500; transform: translate(-50%, 0%); font-family: var(--f-number); }
.-PostFeedBack-Rateing-Box .RatingReview { direction: ltr; font-size: 48px; color: rgb(225, 225, 225); cursor: pointer; }
.-PostFeedBack-Rateing-Box .RatingReview > i { font-weight: 200; }
.-PostFeedBack-Rateing-Box .RatingReview > i.fixedactive { color: rgb(255, 167, 0); font-weight: 600; }
.-Rate-Average-Items { display: block; flex: 1 1 0%; padding-inline-start: 40px; position: relative; }
.-Rate-Average-Items::before { content: ""; height: 100%; right: 0px; width: 1px; background: linear-gradient(0deg, transparent, rgb(245, 245, 245), transparent); position: absolute; }
.-Rate-Average-element { display: flex; place-content: center space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; color: var(--secondarytext); position: relative; padding-bottom: 10px; font-family: var(--f-number); font-size: 14px; }
.-Rate-Average-element:last-child { margin-bottom: 0px; }
.-Rate-Average-element > span { display: block; }
.-Rate-Average-element > em { font-style: normal; }
.-Rate-Average-Label { flex: 1 1 0%; background: rgb(238, 238, 238); border-radius: var(--largeradius); height: 6px; margin: 0px; position: absolute; width: 100%; bottom: 0px; }
.-Average--progress { background: rgb(255, 207, 0); height: 100%; width: 0px; border-radius: var(--largeradius); transition: all 0.7s ease 0s; }
.ThankYou-svg-wrap { width: 100px; height: 100px; background-color: rgb(255, 255, 255); border-radius: 200px; margin: 0px auto; }
.ThankYou-svg-wrap #circle { fill: none; position: absolute; height: inherit; opacity: 1; transform: rotate(-33deg); animation: 1.8s ease-in 2s infinite alternate none running circle; stroke-linecap: round; stroke-dasharray: 291, 943; stroke-dashoffset: -943; }
.ThankYou-svg-wrap #circle .st0 { stroke: var(--positive); animation: 1.8s ease-in-out 2s infinite normal none running fill; stroke-width: 8px; }
.ThankYou-svg-wrap #check { fill: none; position: absolute; height: inherit; opacity: 0; stroke-dasharray: 290, 9000; stroke-dashoffset: -290; animation: 1.8s ease-out 2s infinite alternate none running check; stroke-linecap: round; }
.ThankYou-svg-wrap #check path { stroke: var(--positive); stroke-width: 8px; }
.ThankYou-svg-wrap #button { fill: none; position: absolute; height: inherit; opacity: 1; stroke-dasharray: 943, 9000; stroke-dashoffset: 0; animation: 1.8s ease-in-out 2s infinite alternate none running button; stroke-linecap: round; stroke: green; transform: scale(1); }
.ThankYou-svg-wrap #button circle { stroke: var(--positive); stroke-width: 8px; }
@-webkit-keyframes circle { 
  0% { opacity: 0; stroke-dasharray: 40, 943; stroke-dashoffset: 0; transform: rotate(-73deg); }
  40% { opacity: 0.5; }
  50% { stroke-dasharray: 200, 943; transform: rotate(-33deg); }
  51% { opacity: 1; }
  58% { stroke-dasharray: 0, 943; stroke-dashoffset: -943; opacity: 1; }
  59% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes circle { 
  0% { opacity: 0; stroke-dasharray: 40, 943; stroke-dashoffset: 0; transform: rotate(-73deg); }
  40% { opacity: 0.5; }
  50% { stroke-dasharray: 200, 943; transform: rotate(-33deg); }
  51% { opacity: 1; }
  58% { stroke-dasharray: 0, 943; stroke-dashoffset: -943; opacity: 1; }
  59% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes check { 
  0% { stroke-dasharray: 290, 9000; stroke-dashoffset: -294; opacity: 0; }
  50% { stroke-dasharray: 290, 9000; stroke-dashoffset: -294; opacity: 0; }
  50% { opacity: 1; }
  63% { opacity: 1; }
  63% { stroke-dasharray: 291, 9000; stroke-dashoffset: 55; opacity: 1; }
  100% { stroke-dasharray: 291, 9000; stroke-dashoffset: 43; opacity: 1; }
}
@keyframes check { 
  0% { stroke-dasharray: 290, 9000; stroke-dashoffset: -294; opacity: 0; }
  50% { stroke-dasharray: 290, 9000; stroke-dashoffset: -294; opacity: 0; }
  50% { opacity: 1; }
  63% { opacity: 1; }
  63% { stroke-dasharray: 291, 9000; stroke-dashoffset: 55; opacity: 1; }
  100% { stroke-dasharray: 291, 9000; stroke-dashoffset: 43; opacity: 1; }
}
@-webkit-keyframes button { 
  0% { opacity: 0; transform: scale(1); }
  60% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes button { 
  0% { opacity: 0; transform: scale(1); }
  60% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; transform: scale(1); }
}
.-ThankYou-SendFeedBack > h2 { font-weight: 400; color: var(--primary-text); font-size: 24px; }
.ThankYou-for-rating { display: block; margin-bottom: 30px; }
.-post-reviews-area > form { flex: 1 1 0%; min-width: 100%; display: flex; flex-wrap: wrap; padding-top: 10px; }
.-YC-Forms-FeedBack { display: flex; align-items: center; place-content: center flex-end; flex-wrap: wrap; flex: 1 1 0%; }
.-YC-Forms-FeedBack > button { display: flex; justify-content: space-between; padding: 13px; border-radius: var(--miniradius); background: var(--uicolor2); border: 2px solid var(--uicolor2); color: white; font-size: 15px; }
.-YC-Forms-FeedBack > button:hover { background: white; color: var(--uicolor2); }
.-YC-Forms-FeedBack > button:hover > .-YC-Icon-Buttons { --inset-uicolor: var(--uicolor2); }
.-YC-Forms-FeedBack > button > .-YC-Icon-Buttons { --inset-uicolor: white; }
.-post-reviews-area > form textarea { min-height: 140px; }
.-post-reviews-area > form .-fix-inputs-area { margin-bottom: 30px; max-width: 320px; flex: 1 1 0%; }
.-post-reviews-area > form .-fix-inputs-area[data-field-id="feedback__content"] { min-width: 100%; }
.-post-reviews-area > form .-fix-inputs-area:first-of-type { margin-inline-end: 30px; }
.-post-reviews-area > form .-fix-forms-field-title { margin-bottom: 30px; position: relative; padding-inline: 20px; }
.-post-reviews-area > form .-fix-forms-field-title::before { content: ""; position: absolute; width: 9px; background: var(--secondarytext); top: 50%; transform: translateY(-50%); height: 16px; right: 0px; border-radius: 50px; opacity: 0.4; }
.-post-reviews-area > form .-fix-forms-field-title > h3 { }
.-BackToClean { display: flex; margin-bottom: 30px; align-content: center; align-items: center; flex-wrap: wrap; color: var(--secondarytext); min-width: 100%; font-size: 18px; transition: all 180ms ease 0s; }
.-BackToClean:hover { color: var(--primary-text); }
.-BackToClean > i { margin-inline-end: 10px; }
.-FeedBack-Rating-MasterArea { display: flex; flex: 1 1 0%; min-width: 100%; place-content: center space-between; flex-wrap: wrap; align-items: center; }
.-FeedBack-Rating-MasterArea > h2 { max-width: 310px; line-height: 1.5; font-size: 26px; font-weight: 400; }
.-FeedBack-Rating.-Rating-Master-Area { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.-form-title-PostFeedBack { display: flex; padding: 20px; flex: 1 1 0%; margin-bottom: 40px; border-right: 4px solid rgb(255, 167, 0); font-size: 18px; line-height: 1.6; background: linear-gradient(270deg, rgba(255, 167, 0, 0.02), transparent); }
.-ThankYou-SendFeedBack { margin: 0px auto; display: block; }
.-icon-info-stats-ratings { position: relative; margin-bottom: 10px; min-height: 145px; }
.-share-icons-list { margin-bottom: 40px; flex-flow: column wrap; overflow: hidden; display: flex; }
.-itemslist-share-icons-list { list-style: none; position: relative; max-width: 100%; direction: rtl; opacity: 0; }
.-itemslist-share-icons-list .owl-stage { display: flex; }
.-itemslist-share-icons-list .owl-item { display: inline-block; vertical-align: top; }
.-itemslist-share-icons-list .owl-item > li { min-width: 79px; }
.-itemslist-share-icons-list .owl-item > li > a { color: var(--secondarytext); transition: all 180ms ease 0s; display: flex; flex-flow: column wrap; place-content: center; align-items: center; }
.-itemslist-share-icons-list .owl-item > li:hover > a { color: var(--sociaColor); }
.-itemslist-share-icons-list .owl-item > li > a > i { display: flex; height: 60px; border-radius: 70px; color: var(--sociaTextColor); align-items: center; justify-content: center; font-size: 28px; margin-bottom: 10px; width: 60px; border: 2px solid var(--sociaColor); transition: all 180ms ease 0s; background: var(--sociaColor); }
.-itemslist-share-icons-list .owl-item > li:hover > a > i { background: white; color: var(--sociaColor); }
.-itemslist-share-icons-list .owl-item > li > a > span { white-space: nowrap; text-align: center; font-weight: 300; font-size: 12px; text-transform: capitalize; transition: all 180ms ease 0s; }
.-itemslist-share-icons-list .owl-next, .-itemslist-share-icons-list .owl-prev { display: none; }
.-itemslist-share-icons-list .owl-next { }
.-itemslist-share-icons-list .owl-prev { }
.-itemslist-share-icons-list .owl-next.disabled, .-itemslist-share-icons-list .owl-prev.disabled { display: none; }
.-itemslist-share-icons-list .owl-next > i, .-itemslist-share-icons-list .owl-prev > i { }
.-single-share-posts-area { display: block; max-width: 100%; padding: 40px; border: 1px solid var(--diver); border-radius: var(--largeradius); margin-bottom: 40px; overflow: hidden; }
.-share-popover-boxed-copy { display: flex; border-radius: var(--largeradius); border: 1px solid var(--diver); padding: 15px; overflow: hidden; }
.-share-popover-boxed-copy > input { flex: 1 1 0%; min-height: auto; direction: ltr; font-size: 14px; text-overflow: ellipsis; background: transparent; border: 0px; font-weight: 200; overflow: hidden; padding: 0px; white-space: nowrap; margin-inline-end: 10px; }
.-share-popover-boxed-copy > button { background: white; cursor: pointer; font-size: 14px; border-radius: var(--largeradius); padding: 10px; margin-inline-start: 15px; color: var(--secondarytext); font-weight: 400; min-width: 110px; text-align: center; display: flex; place-content: center; align-items: center; flex-wrap: wrap; border: 2px solid var(--secondarytext); transition: all 180ms ease 0s; overflow: hidden; position: relative; }
.-share-popover-boxed-copy > button > em { position: relative; display: block; visibility: visible; transition: all 180ms ease 0s; opacity: 1; font-style: normal; transform: translateX(0px); }
.-share-popover-boxed-copy.active > button > em { visibility: hidden; opacity: 0; transform: translateX(100px); }
.-share-popover-boxed-copy.active > button { background: var(--positive); border-color: var(--positive); }
.-share-popover-boxed-copy > button > span { position: absolute; padding: 5px 10px; visibility: hidden; opacity: 0; transition: all 180ms ease 0s; color: white; transform: translateX(-100px); }
.-share-popover-boxed-copy.active > button > span { opacity: 1; visibility: visible; transform: translateX(0px); }
.-share-popover-boxed-copy:not(.active) > button:hover { color: white; background: var(--primary-text); border-color: var(--primary-text); }
title--tooltip.socialTips { padding: 10px 15px; }
.-single-share-header { display: flex; place-content: center space-between; margin-bottom: 40px; align-items: center; flex-wrap: wrap; }
.-single-share-header > h2 { font-size: 26px; font-weight: 400; }
.-single-share-header .-YC-owl-navs-items { display: flex; }
.-single-share-header .-YC-owl-navs-items > div { display: flex; place-content: center; align-items: center; flex-wrap: wrap; padding: 10px; min-width: 44px; font-size: 22px; color: var(--secondarytext); height: 44px; border-radius: 50%; border: 1px solid var(--diver); margin-inline-start: 10px; transition: all 180ms ease 0s; }
.-single-share-header .-YC-owl-navs-items > div:hover { color: var(--primary-text); border-color: var(--primary-text); }
.-single-share-header .-YC-owl-navs-items > div > i { font-weight: 400; }
.-single-like-article { display: flex; padding: 40px; border: 1px solid var(--diver); margin-bottom: 40px; border-radius: var(--largeradius); align-content: center; align-items: center; flex-wrap: wrap; }
.-likes-progress-undershots { flex: 1 1 0%; display: flex; border-radius: 10px; overflow: hidden; margin: 0px 20px; background: whitesmoke; justify-content: center; }
.-article-buttons-likes { display: flex; flex-flow: column wrap; position: relative; width: 55px; height: 55px; place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 50%; font-size: 20px; color: var(--secondarytext); transition: all 180ms ease 0s; border: 2px solid var(--secondarytext); --hoverbg: var(--positive); }
.-article-buttons-likes > i { position: relative; z-index: 1; transform-origin: center bottom; }
.-article-buttons-likes:not(.active):hover > i { animation: 300ms ease-in-out 0s 1 normal none running shakeIt; }
@keyframes shakeIt { 
  0% { transform: rotate(0deg); }
  10% { transform: rotate(10deg); }
  25% { transform: rotate(-10deg); }
  50% { transform: rotate(10deg); }
  75% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
.-article-buttons-likes.-ar-b-dislikes { --hoverbg: var(--primary-text); }
.-article-buttons-likes::before { content: ""; opacity: 0; z-index: -99; position: absolute; width: 90%; height: 90%; border-radius: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, var(--hoverbg) 100%); }
.-article-buttons-likes.active::before { animation: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s 1 normal forwards running bubbleMotion; opacity: 0.2; }
@keyframes bubbleMotion { 
  100% { transform: scale(2.6); opacity: 0; }
}
.-article-buttons-likes.active { background: var(--hoverbg); color: rgb(255, 255, 255); border-color: var(--hoverbg); }
.-article-buttons-likes.-ar-b-likes.active { background: var(--positive); color: white; }
.article-like-button-area .-article-like-counter { font-family: var(--f-number); color: var(--secondarytext); font-size: 17px; font-weight: 400; text-align: center; }
.article-like-button-area .-article-like-counter.liked-counter { margin-inline-start: 20px; }
.article-like-button-area .-article-like-counter.disliked-counter { margin-inline-end: 20px; }
.-article-buttons-likes:not(.active):hover { box-shadow: rgba(4, 28, 54, 0.18) 0px 0px 2px -1px, rgba(7, 34, 64, 0.07) 0px 10px 30px; border-color: var(--hoverbg); transform: translateY(-1px); color: var(--hoverbg); }
.-article-buttons-likes:not(.active):hover { }
.-like-progress-element { display: block; width: var(--progress-width); background: var(--primary-text); height: 9px; transition: all 300ms ease 0s; border-inline-start: 2px solid rgb(255, 255, 255); }
.-like-progress-element.progress-empty { border-inline: 0px !important; }
.-like-progress-element.-like-progress-positive { background: var(--positive); border-inline-start: 0px; border-inline-end: 2px solid rgb(255, 255, 255); }
.-article-buttons-likes .comment-like-counter { position: absolute; top: calc(100% + 5px); font-weight: 400; color: var(--secondarytext); left: 50%; transform: translateX(-50%); font-size: 15px; font-family: var(--f-number); }
.-article-buttons-likes .particles { --color-bg: #FDF1F2; --color-heart: #EA442B; --easing: cubic-bezier(.7,0,.3,1); --duration: .5s; width: 1px; height: 1px; margin: auto; position: absolute; }
.-article-buttons-likes.active .particles .particle { animation: particles-out calc(var(--duration) * 1.2) var(--easing) forwards; }
@-webkit-keyframes heart-bounce { 
  40% { transform: scale(0.7); }
  0%, 80%, 100% { transform: scale(1); }
}
@keyframes heart-bounce { 
  40% { transform: scale(0.7); }
  0%, 80%, 100% { transform: scale(1); }
}
@-webkit-keyframes ripple-out { 
  0% { transform: scale(0); }
  100% { transform: scale(5); }
}
@keyframes ripple-out { 
  0% { transform: scale(0); }
  100% { transform: scale(5); }
}
.article-like-button-area { display: flex; align-content: center; align-items: center; flex-wrap: wrap; }
.-sidebar-related-Single { margin-bottom: 50px; }
.-sidebar-related-Single:last-child { margin-bottom: 0px; }
.-sidebar-related-title-section { display: flex; flex-wrap: wrap; align-content: center; align-items: center; margin-bottom: 20px; padding: 5px 10px; }
.-sidebar-related-title-section > span { font-size: 22px; font-weight: 400; }
.-sidebar-related-title-section > p { display: block; margin-inline-start: 5px; }
.-sidebar-related-title-section > p > a { display: block; color: var(--uicolor); }
h2.-sidebar-related-title-section .-Post-box-item-Info > .-P-content { }
.-sidebar-related-title-section > i { margin-inline-end: 15px; font-weight: 900; color: var(--secondarytext); font-size: 22px; width: 44px; height: 44px; border: 2px solid var(--diver); border-radius: 50%; display: flex; flex-wrap: wrap; place-content: center; align-items: center; }
.-sidebar-related-title-posts-items .-Post-box-single-item { margin: 0px 0px 20px; padding: 15px; }
.YC-BreadCrumb.-BreadCrumb-PT-post { margin-bottom: 25px; }
.-single-parent-flexes--content-inner-thumb--inner { display: block; overflow: hidden; border-radius: var(--largeradius); position: relative; padding-bottom: 60%; background: var(--primary-text); }
.-single-parent-flexes--content-inner-thumb--inner > img { position: absolute; max-height: 100%; min-height: 100%; max-width: unset; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.-single-parent-flexes--content-inner-thumb { display: flex; flex-direction: column; width: 100%; margin-bottom: 30px; }
.-single-post-content #ez-toc-container { border: 0px; background: rgba(6, 6, 50, 0); border-radius: var(--largeradius); min-width: 100%; transition: all 180ms ease 0s; position: relative; max-width: 100%; direction: rtl; box-shadow: 0px 0px 0px; padding: 20px 30px 20px 25px !important; float: none !important; }
#ez-toc-container.showin { height: var(--tableofcontentH); }
#ez-toc-container.showin::before { height: var(--tableofcontentH); transition-delay: 0.1s; box-shadow: var(--box-shadow-hover); }
#ez-toc-container::before { content: ""; position: absolute; width: calc(100% - 6px); height: 82px; border-radius: var(--largeradius); top: 0px; left: 50%; transition: all 180ms ease 0s; background: rgb(255, 255, 255); z-index: 0; box-shadow: var(--box-shadow-defult); border: var(--border-defult); transform: translateX(-50%); }
#ez-toc-container .ez-toc-title-container { place-content: center space-between; align-items: center; position: relative; font-weight: 500; font-size: 17px; margin: 0px; display: flex !important; }
toggle-toc { color: var(--secondarytext); font-size: 16px; cursor: pointer; vertical-align: bottom; border-radius: var(--largeradius); background: rgba(33, 68, 240, 0); transition: all 0.3s ease 0s; position: relative; font-weight: 500; align-content: center; align-items: center; flex-wrap: wrap; height: 43px; padding: 8px 15px !important; display: flex !important; }
toggle-toc > span { font-weight: 400; }
.showin toggle-toc { color: var(--primary-text); }
.showin toggle-toc > i { transform: rotate(180deg); }
toggle-toc:hover { color: var(--primary-text); }
toggle-toc > i { font-size: 18px; display: block; transition: all 180ms ease 0s; margin-inline-start: 10px !important; }
#ez-toc-container nav { margin-bottom: -8px; color: var(--uicolor); margin-right: 0px; padding: 8px 25px 0px; list-style: none; position: absolute; visibility: hidden; opacity: 0; width: 100%; z-index: 1; transition: all 50ms ease 0s; right: 0px; margin-top: 10px !important; }
#ez-toc-container nav > ul { display: flex; flex-direction: column; }
#ez-toc-container ul.ez-toc-list > li { visibility: hidden; opacity: 0; transform: scale(0.9); transition: all 50ms ease 0s; }
#ez-toc-container ul.ez-toc-list > li > ul { display: block; margin: 0px !important; }
#ez-toc-container ul.ez-toc-list > li > a { display: flex; font-weight: 400; font-size: 16px; padding: 12px; border-radius: var(--miniradius); color: var(--primary-text); align-content: center; align-items: center; flex-wrap: wrap; }
#ez-toc-container a:hover { text-decoration: unset; }
.ez-toc-counter nav ul li a::before { font-family: var(--f-number); font-weight: 700; color: var(--secondarytext); font-size: 20px; margin-inline-end: 4px; transition: all 180ms ease 0s; }
ul.ez-toc-list li:hover > a::before { color: var(--uicolor); }
#ez-toc-container ul.ez-toc-list > li > a > span { font-size: 23px; font-family: var(--numberffont); width: 25px; font-weight: 600; text-align: center; margin-left: 8px; color: var(--placeholder); transition: all 180ms ease 0s; }
#ez-toc-container.showin nav { visibility: visible; opacity: 1; transition: all 180ms ease 0s; }
#ez-toc-container.showin ul.ez-toc-list > li { visibility: visible; opacity: 1; transform: scale(1); transition-duration: 180ms; transition-timing-function: ease; transition-property: all; transition-delay: var(--trans-delay); }
#ez-toc-container.showin ul.ez-toc-list > li ul { display: block; list-style: none; overflow: auto; padding: 0px 15px; border-inline-start: 2px solid rgb(245, 245, 245); margin: 15px 0px !important; margin-inline-start: 20px !important; }
#ez-toc-container.showin ul.ez-toc-list > li ul > li { list-style: none; visibility: hidden; opacity: 0; transform: scale(0.9); transition: all 50ms ease 0s; }
#ez-toc-container.showin ul.ez-toc-list > li ul > li { visibility: visible; opacity: 1; transform: scale(1); transition-duration: 180ms; transition-timing-function: ease; transition-property: all; transition-delay: var(--trans-delay); }
#ez-toc-container.showin ul.ez-toc-list > li ul > li > a { display: flex; font-weight: 400; font-size: 15px; padding: 12px; border-radius: var(--miniradius); color: var(--primary-text); align-content: center; align-items: center; }
div#ez-toc-container p.ez-toc-title { display: block; text-align: right; }
span.ez-toc-title-toggle { display: none; }
.-Chevrons--NextPrev-poster { display: block; max-width: 280px; min-width: 280px; border-radius: var(--largeradius); overflow: hidden; position: relative; padding-bottom: 23%; margin-inline-end: 25px; }
.-Chevrons--NextPrev.-chevron--nextPost .-Chevrons--NextPrev-poster { margin-inline: 25px 0px; }
.-Chevrons--NextPrev-poster > img { position: absolute; max-width: 100%; top: 50%; transform: translate(-50%, -50%); left: 50%; min-height: 100%; }
.single-content-context-elements { display: flex; flex-flow: column wrap; flex: 1 1 0%; margin-inline-end: 40px; position: relative; }
.single-content-context-elements.-YC-single-page { margin-inline-end: 0px; margin-bottom: 40px; }
.--secondary-products-context-info { display: flex; align-items: flex-start; place-content: flex-start center; flex-wrap: wrap; padding: 30px 0px; margin-bottom: 50px; }
.single-content-context-products { display: flex; flex-flow: column wrap; flex: 1 1 0%; transition: all 180ms ease 0s; }
.hidemenu .single-content-context-products { top: 30px; }
.-secodary-single-products-bar {display: flex;flex-flow: column wrap;flex: 1 1 0%;padding: 40px;background: var(--bgcolor);border: var(--border-defult);position: relative;box-shadow: var(--box-shadow-defult);border-radius: var(--largeradius);margin-bottom: 40px;}
.-secodary-single-products-bar:empty { display: none; }
.-secodary-single-products-bar:last-child { margin-bottom: 0px; }
.top-singular-products-cover {display: flex;align-items: flex-start;flex-wrap: wrap;flex-direction: row-reverse;}
.-products-right-poster {display: block; --element--width: 380px;max-width: var(--element--width);min-width: var(--element--width);border: 1px solid var(--diver);position: sticky;top: 110px;transition: all 180ms ease 0s;padding: 25px;background: var(--bgcolor);border-radius: var(--largeradius); --bx-shadow: 0 5px 20px 5px #020812;box-shadow: var(--bx-shadow);}
.hidemenu .-products-right-poster { top: 30px; }
.-prodct-poster-src { border-radius: var(--largeradius); overflow: hidden; margin-bottom: 30px; }
product-image { display: block; cursor: pointer; margin: auto; max-width: 100%; position: relative; }
product-image img { display: block; }
.-prducts-context-info {display: block;flex: 1;margin-inline-end: 25px;padding: 0px 15px;}
.buy--elements--content {display: block;border-radius: var(--largeradius);}
.hidemenu .buy--elements--content { }
.-singular-products-price-area { font-size: 32px; font-family: var(--f-number); display: none; }
.-singular-products-price-area > strong { font-family: var(--f-number); font-weight: 500; font-size: 36px; color: var(--alinks); }
.product-top-title { display: flex; align-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 25px; }
.product-top-title > h1 { font-size: 38px; line-height: 1.5; margin-inline-end: 20px; font-weight: 500; }
.product-top-title > h1 { flex: 1 1 0%; }
.-context-products-list-items { display: block; margin: 0px 0px 30px; padding: 25px; background: rgb(2, 10, 23); border: 1px solid var(--diver); border-radius: var(--largeradius); }
.-context-products-list-items > ul { display: flex; list-style: none; flex-wrap: wrap; }
.-context-products-list-items > ul > li { display: flex; align-items: center; justify-content: center; min-width: max-content; position: relative; cursor: pointer; border-inline-end: 1px solid var(--diver); flex: 1 1 0%; padding: 5px 15px; }
.-context-products-list-items > ul > li.for-stars-status { }
.-context-products-list-items > ul > li:last-child { border: 0px; }
.-context-products-list-items > ul > li:last-child { }
.-context-products-list-items > ul > li > p { display: flex; justify-content: center; align-items: center; }
.-context-products-list-items > ul > li > p > span { font-weight: 300; color: var(--secondarytext); font-size: 13px; margin-inline-end: 5px; }
.-context-products-list-items > ul > li > p > strong { font-size: 17px; font-weight: 400; display: flex; align-content: center; align-items: center; flex-wrap: wrap; font-family: var(--f-number); }
.-context-products-list-items > ul > li > p > strong > em { font-style: normal; color: var(--secondarytext); font-size: 13px; margin-inline-start: 7px; font-weight: 200; font-family: var(--ffamily); }
.-context-products-list-items > ul > li > i { font-size: 25px; text-align: center; display: flex; flex-wrap: wrap; place-content: center; align-items: center; color: var(--secondarytext); font-weight: 300; margin-inline-end: 10px; }
.-context-products-list-items > ul > li.for-stars-status > i { color: rgb(255, 161, 27); font-weight: 600; }
.mini-content-single-products { display: block; font-weight: 300; font-size: 16px; line-height: 1.6; color: var(--secondarytext); margin-bottom: 30px; }
.buy--elements--content .price-bx {position: relative;display: flex;align-items: flex-end;margin: 15px 0px 40px;justify-content: center;}
.buy--elements--content .price-bx > span:not(.price-value) {color: var(--secondarytext);font-size: 18px;}
.buy--elements--content .price-bx > span.price-value {font-size: 40px;font-family: var(--f-number);font-weight: 400;line-height: 0.8;margin-inline-end: 7px;color: var(--primary-text);min-width: max-content;}
.in-punber-title {font-size: 16px;font-weight: 400;color: var(--primary-text);line-height: 1.5;max-width: 150px;}
.-products-action-button-area { display: block; }
.-products-action-btn { display: block; }
.-products-action-btn:not(:last-child) {margin-bottom: 18px;}
.-products-action-btn.-btn-show-demo { }
.-products-action-btn > a {display: flex;place-content: center space-between;align-items: center;border-radius: var(--miniradius);flex-flow: row-reverse wrap;padding: 25px;font-size: 18px;color: white;background: var(--positive);border: 2px solid var(--positive);transition: all 180ms ease 0s;font-weight: 400;}

.-btn-favourite-Button.-products-action-btn > a {
    background: var(--bgcolor);
    border-color: var(--secondaryui);
    color: var(--secondaryui);
}

.-btn-favourite-Button.-products-action-btn > a.active {
    background: var(--secondaryui);
    color: var(--bgcolor);
}
.-products-action-btn.-remove-product-item > a { background: var(--negative); border-color: var(--negative); }
.-products-action-btn:hover > a {color: var(--positive);background: transparent;}

.-btn-favourite-Button.-products-action-btn:hover > a {
    background: var(--secondaryui);
    color: var(--bgcolor);
}
.-products-action-btn.-remove-product-item:hover > a { color: var(--negative); }
.-products-action-btn.-btn-show-demo > a { background: var(--uicolor); border-color: var(--uicolor); color: white; }
.-products-action-btn.-btn-show-demo > a.active { background: var(--negative); border-color: var(--negative); }
.-products-action-btn > a > span { }
.-products-action-btn.-btn-show-demo:hover > a { background: transparent; color: var(--uicolor); }
.-products-action-btn.-btn-show-demo:hover > a.active { color: var(--negative); }
.-products-action-btn > a > i { margin-inline-start: 25px; transition: all 180ms ease 0s; font-size: 22px; }
.-products-action-btn:hover > a > i { transform: scale(1.4); }
.body-product-cover root { padding: 135px 0px 0px; }
.-top--products-cover { display: flex; padding: 70px 0px; margin-bottom: 30px; --bx-shadow: #021021; }
.-top--products-cover > .container { min-width: var(--container-width); }
.select-option-product { margin-bottom: 25px; display: flex; place-content: center space-between; align-items: center; flex-wrap: wrap; }
.priced-to-area { display: flex; align-items: center; font-size: 23px; }
.priced-to-area > span { max-width: 90px; }
.-sidebar-related-title-posts-items .-Product-Post-Box { margin: 0px 0px 20px; --box-width: 100%; }
.-comment-contentarea { position: relative; min-width: 100%; margin-bottom: 30px; }
.RateComment { position: absolute; bottom: 15px; left: 30px; display: flex; align-items: center; padding: 10px; }
.RateComment.necessary { }
.RateComment > .RatingReview { direction: ltr; font-size: 21px; color: rgb(225, 225, 225); cursor: pointer; margin-inline-start: 10px; margin-top: -4px; }
.RateComment > .RatingReview > i.fixedactive { color: rgb(255, 167, 0); font-weight: 600; }
.Rate-New-Mixers > .RateComment > .RatingReview > i.fixedactive { }
.RateComment > .RatingReview > i.active { color: rgb(255, 167, 0); }
.RateComment .product-item-info-stats-ratings > p { margin: 0px; }
.RateComment .product-item-info-stats-ratings > p > span.-rating-value { font-weight: bold; font-family: var(--f-number); font-size: 22px; margin-inline-start: 5px; }
.-comments-head-area .stars-avg { font-size: 20px; }
.YC-BreadCrumb.-BreadCrumb-PT-products { margin-bottom: 15px; }
.-singular-products-fav-area { display: flex; align-items: center; }
.-singular-products-fav-area > .singular-item-elem-Button { display: flex; width: 44px; height: 44px; background: rgb(255, 255, 255); justify-content: center; align-items: center; border-radius: var(--largeradius); font-size: 17px; transition: all 180ms ease 0s; --button-uicolor: (--negative); border: 1px solid var(--primary-text); --botton-uitext: var(--primary-text); margin-inline-end: 10px; box-shadow: var(--box-shadow-hover); }
.-singular-products-fav-area > .singular-item-elem-Button:hover { border-color: var(--button-uicolor); color: var(--button-uicolor); }
.-singular-products-fav-area > .singular-item-elem-Button.singular-item-favourite-Button { --button-uicolor: #FFC107; --botton-uitext: var(
    --primary-text); }
.-singular-products-fav-area > .singular-item-elem-Button.active { background: var(--button-uicolor); color: var(--botton-uitext); border-color: var(--button-uicolor); }
.-singular-products-fav-area > .singular-item-elem-Button > i { font-weight: 500; }
.-singular-products-fav-area > .singular-item-elem-Button:hover > i { }
.-singular-products-fav-area > .singular-item-elem-Button.active > i { font-weight: 900; }
.-singular-products-fav-area > .singular-item-elem-Button.singular-item-like-Button { --button-uicolor: var(--negative); --botton-uitext: white; }
.-singular-products-fav-area > .singular-item-elem-Button:last-child { margin-inline-end: 0px; }
span.is-sale-product {padding: 7px 10px;background: rgb(232 245 233 / 8%);color: var(--positive);border-radius: var(--miniradius);font-size: 13px;margin-inline-start: 10px;}
.-price--product--insert .price-bx { font-size: 50px; }

.--price-was.price-bx {
    max-width: max-content;
}

.--price-was.price-bx:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: red;
    transform: rotate(-3deg) translate(0%,-50%);
    top: 50%;
    left: 0;
}
.-price--product--insert .price-bx > span:not(.price-value) { font-size: 35px; }

.-price--product--insert .price-bx.--price-was > span:last-child {
    font-size: 18px;
}

.-price--product--insert .price-bx.--price-was > span:first-child {
    font-size: 23px;
}