/* Reset CSS */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}::-webkit-input-placeholder{color:inherit}:-moz-placeholder{color:inherit;opacity:1}::-moz-placeholder{color:inherit;opacity:1}:-ms-input-placeholder{color:inherit}sup{opacity:0.7;margin-left:4px;vertical-align: super;font-size: smaller}
:root { --color-general: #2C2C2C; --color-accent: #f71b63; --color-accent-hover: #d41655; --color-green: #30D5B3 }
/* General */
html { scroll-behavior: smooth }
body { font-size: 14px; font-family: 'Montserrat', Arial, Verdana, Georgia, Helvetica, sans-serif; margin: 0; padding: 0; color: var(--color-general); background: #fff }
input, textarea, select { filter: none; padding: 5px; font-size: 13px; font-family: 'Montserrat', Arial, Verdana, Georgia, Helvetica, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover, button:focus { outline: none; outline-width: 0 }
.inside { width: 95%; max-width: 1700px; min-width: 1280px; position: relative; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover, button:focus { outline: none; outline-width: 0 }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { display: none; -webkit-appearance: none; margin: 0 }
input[type="submit"] { -webkit-appearance: none }
select { -webkit-appearance: none }
.anim { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out }
.clear { clear: both }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
.noscroll { overflow: hidden }
.showMobile { display: none!important }
.hideMobile { display: block }
img { border: none }
.mobileMenuButton { display: none!important }
.jqvmap-label { background: var(--color-green) !important; color: #fff !important; border-radius: 6px !important; padding: 6px 10px !important; box-shadow: 0 6px 20px rgba(0,0,0,.15) !important; z-index: 9999 !important } .jqvmap-label * { color: inherit !important }
.articol { box-shadow: 0 0 15px rgba(0,0,0,0.15); padding: 25px 35px; margin: 0 0 15px 0 }
.articol h2 { font-size: 20px; margin: 0 0 15px 0; font-weight: 600; text-transform: uppercase; color: #000 }
.articol video { width: 100%; height: 400px; display: block }
.articol ul { margin: 0 0 0 20px!important }
.usp-bar { background: #000; color: #fff; font-size: 14px; position: relative; z-index: 99999999999 }
.usp-inner { max-width: 1200px; margin: 0 auto; padding: 10px 16px }
.usp-list { display: flex; align-items: center; justify-content: center; gap: 80px; text-align: center; flex-wrap: wrap }
.usp-item { display: flex; align-items: center; gap: 10px; line-height: 1.2; white-space: nowrap }
.usp-item svg { width: 18px; height: 18px; display: block; flex: 0 0 18px }
@media (max-width: 768px) { .usp-list { gap: 16px } }
@media (max-width: 520px) {
.usp-list { position: relative; min-height: 20px }
.usp-item { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; justify-content: center; width: 100%; opacity: 0; pointer-events: none; transition: opacity .5s ease }
.usp-item.is-active { opacity: 1; pointer-events: auto }
}
@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}.saver{color:var(--color-general);position:absolute;right:20px;top: 8px;font-size:30px}.saving span{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;margin:0 0 0 2px;animation-fill-mode:both}.saving span:nth-child(2){animation-delay:.2s}.saving span:nth-child(3){animation-delay:.4s}
#valueDiscount { border-radius: 8px; text-align: center; display: none; position: fixed; color: #fff; padding: 30px 35px; z-index: 999; right: 15px; bottom: 15px; background: #000 }
#valueDiscount.minify { padding: 0 15px; border-radius: 8px 0 0 8px; right: 0 }
#valueDiscount.minify .expanded { display: none }
#valueDiscount.minify .minified { display: block }
#valueDiscount .minified { text-align: center; display: none }
#valueDiscount .minified .minifiedLine { font-size: 14px; margin: 25px auto; width: 80px; display: block }
#valueDiscount .minified .minifiedLine svg { width: 30px; margin: 0 auto 5px auto; display: block }
#valueDiscount .minified .minifiedLine.goToCart { cursor: pointer; border-radius: 10px; padding: 10px 0; background: rgba(0,0,0,0.2) }
#valueDiscount b { display: block; color: #fff; margin: 0 0 12px 0; font-size: 16px; font-weight: 700 }
#valueDiscount p { display: block; color: #F2F2F2; margin: 0 0 15px 0; width: 300px; font-size: 15px }
#valueDiscount p b { font-weight: 600 }
#valueDiscount .line { display: block; width: 100%; border-radius: 26px; background: #fff; margin: 15px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#valueDiscount .line .lineBar { background: var(--color-general); border-radius: 26px; height: 8px }
#valueDiscount .value { border-radius: 10px; font-weight: 600; background: rgba(0,0,0,0.2); padding: 5px 15px; display: block; float: left; font-size: 12px }
#valueDiscount .value.current { background: rgba(0,0,0,0.4); color: #fff }
#valueDiscount .value.val2 { float: right }
#valueDiscount .ccValue { margin-top: 15px; display: block; font-size: 16px }
#valueDiscount .ccValue b { font-size: 16px; font-weight: 600; display: block; margin: 10px 0 0 0 }
#valueDiscount #expandBox { display: block; padding: 10px; cursor: pointer; position: absolute; top: 5px; right: 5px }
#valueDiscount #expandBox:hover { opacity: 0.8 }
#valueDiscount.minify #expandBox { width: 40px; top: 50%; transform: translateY(-50%); left: 0; margin-left: -55px }
#valueDiscount.minify #expandBox svg { width: 25px; height: 25px; filter: brightness(0%) }
.pdf-banner p { margin: 0!important }
.pdf-banner { display: flex; align-items: center; gap: 10px; background: #f5f8ff; border: 1px solid #d0dbf7; border-left: 5px solid #30D5B3; padding: 12px 16px; border-radius: 8px; font-family: system-ui, sans-serif; font-size: 15px; color: #1e293b; margin: 20px 0 }
.pdf-banner .badge { background: #30D5B3; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 3px 8px; border-radius: 4px }
.pdf-banner .pdf-link { color: #30D5B3; font-weight: 600; text-decoration: none }
.pdf-banner .pdf-link:hover { text-decoration: underline }
.disclaimer { border-left: 3px solid var(--color-general); box-shadow: 0 0 11px rgba(0,0,0,0.06); padding: 10px 20px; margin-top: 25px }
.disclaimer ul { margin: 0!important; padding: 0; list-style: none }
.disclaimer ul li { line-height: 100%; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 0 }
.disclaimer ul li:last-of-type { border: 0 }
.disclaimer ul li b { color: var(--color-general); display: inline-block; width: 70px; margin-right: 10px; text-align: right }
.content .vList { border-radius: 15px; overflow: hidden; display: table; width: 100%; background: #f5f5f5; text-align: center; margin: 20px 0; position: relative }
.content .vList .colo { width: 20%; display: table-cell; padding: 35px; height: 100% }
.content .vList .colo.img { width: 20%; background-position: center center; background-size: cover }
.content .vList .colo.img img { display: none }
.content .vList h5 { border: 1px solid #000; text-transform: uppercase; color: var(--color-general); display: inline-block; padding: 10px; font-size: 20px; font-weight: 700 }
.content .vList h5 b { font-weight: 500 }
.content .vList > span { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1); display: block }
.content .vList .code { text-transform: uppercase; color: var(--color-general); border: 0 }
.content .vList .code i { font-style: normal; font-weight: 600 }
.content .vList .code b { text-transform: none; margin-top: 10px; letter-spacing: 4px; font-size: 20px; font-weight: 700; display: inline-block; border: 1px solid #000; color: #000; padding: 5px 15px }
.content .vList .discount { display: block; border: 0; padding: 0; margin: 20px 0 10px 0; font-size: 65px; line-height: 65px; font-weight: 700; color: #000 }
.content .vList .appl { border: 0; margin-top: 15px; padding-bottom: 0 }
.content .vList .clearfix { position: relative; font-size: 12px; text-align: left }
.content .vList .clearfix span { color: var(--color-general); display: block }
.content .vList .clearfix span span { color: #000; display: block }
.content .vList .clearfix b { display: block }
.content .vList .lVt { width: 40%; float: left }
.content .vList .rVt { text-align: right; width: 40%; float: right }
.content .vList .buy { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: #000; color: #fff; padding: 8px 40px; text-decoration: none; display: inline-block }
.orderStatusRemote { font-size: 11px; display: block; text-align: center; border-radius: 25px; background: #333; padding: 4px 10px; color: #fff }
.orderStatusRemote.sts0 { background: #888!important }
.orderStatusRemote.sts1, .stsCreated { background: #888!important }
.orderStatusRemote.sts2, .stsCourier, .prf1 { background: #42c08b!important }
.orderStatusRemote.sts3, .stsShipping { background: #f9ca6c!important }
.orderStatusRemote.sts4, .prf0 { background: red!important }
.orderStatusRemote.sts5 { background: #098011!important }
.orderStatusRemote.sts6 { background: #474b47!important }
.orderStatusRemote.stsPicking { background: #3591b2!important }
.orderStatusRemote.stsShipping { background: #098011!important }
.orderStatusRemote.stsCancelled { background: red!important }
.productPage .descTags { margin-top:14px; display:flex; flex-wrap:wrap; gap:8px }
.productPage .descTags .dTag { display:inline-flex; align-items:center; padding:8px 10px; border-radius:999px; border:1px solid #e6e8ef; background:#f6f7fb; color:#111; font-size:12px; font-weight:500; line-height:1 }
.productPage .pCrumb { margin:20px 0 -10px 0; display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#6b7280; font-size:12px }
.productPage .pCrumb a { color:#6b7280; text-decoration:none; transition:all .2s ease }
.productPage .pCrumb a:hover { color:#111 }
.productPage .pCrumb .sep { opacity:.5 }
.productPage .pCrumb .cur { color:#111; font-weight:600 }
.productPage .pTop { margin: 40px 0; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start }
.productPage .pLeft { position:relative; display:flex; gap:14px; }
.productPage .pBadge { position:absolute; top:14px; left:14px; background:#BE0F0F; color:#fff; padding:7px 10px; border-radius:10px; font-weight:700; z-index:3 }
.productPage .prodHero { display:block; width:100%; aspect-ratio:1/1; border-radius:16px; background:#fff center/contain no-repeat; border:1px solid #e6e8ef; box-shadow:0 0 15px rgba(0,0,0,0.03); position:relative; overflow:hidden; padding:18px; background-origin:content-box; background-clip:content-box; box-sizing: border-box }
.productPage .prodHero:before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.00), rgba(0,0,0,0.05)); pointer-events:none }
.productPage .prodHero.empty { padding:0; background:#fff center/cover no-repeat; background-origin:padding-box; background-clip:padding-box }
.productPage .prodHeroTip { position:absolute; left:12px; bottom:12px; display:flex; gap:8px; align-items:center; background:rgba(255,255,255,0.92); border:1px solid #e8e8e8; border-radius:12px; padding:8px 10px; font-size:12px; color:#444 }
.productPage .pMainWrap { flex:1; min-width:0; padding:0 }
.productPage .prodThumbs { width:74px; display:flex; flex-direction:column; gap:10px; margin-right:0 }
.productPage .prodThumb { display:block; width:74px; aspect-ratio:1/1; border-radius:12px; border:1px solid #e6e8ef; background:#fff center/contain no-repeat; box-shadow:0 0 10px rgba(0,0,0,0.03); opacity:.85; transition:all .2s ease; margin:2px; padding:8px; background-origin:content-box; background-clip:content-box; box-sizing: border-box }
.productPage .prodThumb:hover { opacity:1; transform:translateY(-1px) }
.productPage .prodThumb.act { opacity:1; border-color:#10B981 }
@media(max-width:1024px){ .productPage .pLeft { flex-direction:column } .productPage .prodThumbs { width:100%; flex-direction:row; } .productPage .prodThumb { width:64px; padding:6px } }
.productPage .pTitle .h1 { margin:8px 0 0 0; font-size:26px; line-height:1.2; color:#111 }
.productPage .pMeta { margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; align-items:center }
.productPage .pPill { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #e6e8ef; border-radius:999px; background:#fff; color:#444; font-size:13px; line-height:1 }
.productPage .pPill b { font-weight:600; color:#111 }
.productPage .pPill .val { font-weight:500; color:#333 }
.productPage .pPill.ean i { font-style:normal; font-weight:600; color:#111 }
.productPage .pPill .copyEan { cursor:pointer; margin-left:4px; vertical-align:middle; opacity:.75 }
.productPage .pTabs { margin-top:18px; background:#fff; border:1px solid #e6e8ef; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.04); overflow:hidden }
.productPage .pTabNav { display:flex; gap:6px; padding:10px; border-bottom:1px solid #eee; background:#fafafa }
.productPage .pTabNav a { padding:10px 12px; border-radius:12px; text-decoration:none; color:#444; font-weight:600; font-size:13px }
.productPage .pTabNav a.act { background:#10B981; color:#fff }
.productPage .pTabBody { display:none; padding:16px 18px; color:#444; line-height:1.55; font-size:14px }
.productPage .pTabBody.act { display:block }
.productPage .pBullets { margin:0; padding-left:18px }
.productPage .pOffers { margin-top:18px; display:flex; flex-direction:column; gap:14px }
.productPage .offerCard { background:#fff; border:1px solid #e6e8ef; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.04); padding:18px 18px }
.productPage .offerCard.best { border-color:#e6e8ef }
.productPage .offerTop { display:flex; justify-content:space-between; gap:16px; align-items:center }
.productPage .offerLabel { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid #e6e8ef; background:#f6f7fb; font-weight:600; color:#111; font-size:13px; line-height:1 }
.productPage .offerCard.best .offerPrice { font-size:30px }
.productPage .offerTitle { display:flex; flex-direction:column; gap:6px }
.productPage .offerTitle .tag { display:inline-flex; align-items:center; gap:8px; background:#10B981; color:#fff; padding:6px 10px; border-radius:999px; font-weight:500; font-size:12px; width:max-content }
.productPage .offerTitle .sold { color:#666; font-size:13px }
.productPage .offerPrice { font-size:28px; font-weight:600; color:#111; letter-spacing:-0.3px }
.productPage .offerMeta { margin-top:12px }
.productPage .stockNotif { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; border:1px solid #e6e8ef; font-weight:800; font-size:12px; background:#fff }
.productPage .stockNotif.stock--in { color:#0b7a59 }
.productPage .stockNotif.stock--out { color:#BE0F0F }
.productPage .pLast { color:#777; font-size:13px }
.productPage .pLast span { font-weight:700; color:#666 }
.productPage .offerList { background:#fff; border:1px solid #e6e8ef; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.04); overflow:hidden }
.productPage .offerListTitle { padding:12px 14px; background:#fafafa; border-bottom:1px solid #eee; font-weight:600; color:#111; display:flex; align-items:center; justify-content:space-between; gap:12px }
.productPage .offerCount { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; border:1px solid #e6e8ef; background:#fff; color:#111; font-size:12px; font-weight:600; line-height:1 }
.productPage .offerNote { padding:12px 14px; font-style: italic; border-bottom:1px solid #f0f0f0; color:#6b7280; font-size:12px; line-height:1.45; background:#fff }
.productPage .offerOpt { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(16,185,129,0.30); background:rgba(16,185,129,0.10); color:#0b7a59; font-size:12px; font-weight:600; line-height:1; width:max-content }
.productPage .offerRow { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:14px 16px; border-top:1px solid #f0f0f0 }
.productPage .offerRow:first-of-type { border-top:0 }
.productPage .offerRow .left { display:flex; flex-direction:column; gap:6px }
.productPage .offerRow .right { display:flex; align-items:center; gap:12px }
.productPage .offerRow .miniCart .btn { padding:10px 14px }
.productPage .qtyRow { display:flex; gap:12px; align-items:center; margin-top:14px }
.productPage .math { display:flex; align-items:center; border:1px solid #e6e8ef; border-radius:12px; overflow:hidden; background:#fff; height:44px }
.productPage .math .bb { width:44px; height:44px; display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; background:#f6f7fb; color:#111; font-weight:600; font-size:18px }
.productPage .math .bb:hover { background:#eef0f7 }
.productPage .math input { width:54px; height:44px; border:0; outline:0; text-align:center; font-weight:600; color:#111; background:#fff; padding:0; margin:0 }
.productPage .addToCartForm .btn, .productPage .miniAddForm .btn { border-radius:12px; height:44px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center }
.productPage .addToCartForm .btn svg, .productPage .miniAddForm .btn svg { display:block }
.productPage .addToCartForm.isDisabled { opacity:.45; filter:grayscale(.1); pointer-events:none; user-select:none }
.productPage .addToCartForm.isDisabled * { pointer-events:none }
.productPage .addToCartForm.isDisabled .math { background:#f3f4f6 }
.productPage .addToCartForm.isDisabled .math input { background:#f3f4f6; color:#6b7280 }
.productPage .addToCartForm.isDisabled .math .bb { background:#eef0f4; color:#9ca3af }
.productPage .addToCartForm.isDisabled .btn { cursor:not-allowed }
.productPage .pActionsLine { display:flex; justify-content:flex-end }
@media(max-width:1024px){ .productPage .pTop { grid-template-columns:1fr; } }
.productPage .pTitle .brand {
font-size:12px;
font-weight:600;
color:#111;
letter-spacing:.4px;
display:block;
text-decoration:none;
}
.productPage .pTitle .brand:hover { text-decoration:none; opacity:.85 }
.productPage .pUpdatedLine { margin-top:30px; padding-top:12px; border-top:1px solid #eef0f4; color:#6b7280; font-size:12px; display:flex; align-items:center; gap:8px; opacity:.85 }
.productPage .pUpdatedLine i { font-size:14px; color:#10B981 }
.productPage .detailsRows { display:flex; flex-direction:column; gap:0 }
.productPage .detailsRow { display:flex; justify-content:space-between; gap:18px; padding:12px 0; border-top:1px solid #eef0f4 }
.productPage .detailsRow:first-child { border-top:0 }
.productPage .detailsRow .k { color:#666; font-weight:500 }
.productPage .detailsRow .v { color:#111; font-weight:600; text-align:right }
.productPage .detailsRow.muted { opacity:.65 }
.productPage .detailsRow.muted .k, .productPage .detailsRow.muted .v { font-weight:500 }
.productPage .priceHistoryMeta { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; justify-content:space-between }
.productPage .phPill { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #e6e8ef; border-radius:999px; background:#fff; font-size:13px; line-height:1 }
.productPage .phPill b { font-weight:600; color:#111 }
.productPage .phPill span { color:#444; font-weight:500 }
.productPage .offerUid { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid #e6e8ef; background:#fff; color:#111; font-weight:600; font-size:12px; width:max-content }
.productPage .offerUid i { font-style:normal; opacity:.65; font-weight:600 }
.productPage .offerPills { display:flex; flex-wrap:wrap; gap:8px; align-items:center }
.productPage .offerPill { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid #e6e8ef; background:#fff; color:#111; font-size:13px; line-height:1; font-weight:500 }
.productPage .offerPill i { font-style:normal; opacity:.6; font-weight:600 }
.productPage .offerPill.stock { border-color:rgba(16,185,129,0.35); background:rgba(16,185,129,0.10); color:#0b7a59 }
.productPage .offerPill.price { background:#f6f7fb }
.productPage .offerRow .qtyRow { margin-top:0 }
.productPage .offerRow .math { height:40px }
.productPage .offerRow .math .bb { width:40px; height:40px }
.productPage .offerRow .math input { height:40px; width:52px }
.productPage .offerRow .miniAddForm .btn { height:40px; padding:0 12px }
/* Notification bell bigger + styled */
.productPage .pNotif a {
display:inline-flex;
text-decoration: none;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:12px;
border:1px solid #e6e8ef;
background:#fff;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
font-size:18px;
color:#111;
transition:all .2s ease;
}
.productPage .pNotif a:hover {
background:#10B981;
color:#fff;
border-color:#10B981;
}
.productPage .pNotif a.act {
background:#10B981;
color:#fff;
border-color:#10B981;
}
/* Notification bell locked modal */
.productPage .notifLockedBox { margin-top:12px; padding:14px; border:1px solid #e6e8ef; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.04) }
.productPage .notifLockedBox ul { margin:10px 0 0 18px; color:#444; font-size:13px; line-height:1.45 }
.productPage .notifLockedSmall { margin:10px 0 0 0; color:#6b7280; font-size:12px }
.recruitLanding { background:#fff; padding:30px 0 60px 0 }
.recruitLanding .inside { min-width:0; max-width:1200px }
.recruitLanding .inside.reInsideWide { max-width:1680px; width:96% }
.reHero { background:linear-gradient(130deg,#F71B63 0%,#b11688 45%,#6c2ee6 100%); color:#fff!important; border-radius:22px; padding:55px 52px; margin-bottom:24px; box-shadow:0 20px 45px rgba(247,27,99,0.28) }
.reHero h1 { font-size:44px; line-height:1.12; margin-bottom:14px; font-weight:700; color:#fff!important }
.reHero p { font-size:18px; line-height:1.45; max-width:900px; margin-bottom:26px; color:#fff!important }
.reHero a, .reHero a span { color:#fff!important }
.recruitLanding .reHero a.btn.reg, .recruitLanding .reHero .btn.reg { background:#fff!important; border-color:#fff!important; color:#F71B63!important; box-shadow:0 10px 24px rgba(0,0,0,0.18) }
.recruitLanding .reHero a.btn.reg:hover, .recruitLanding .reHero .btn.reg:hover { background:#fff!important; border-color:#fff!important; color:#d41655!important; transform:translateY(-1px) }
.reSection { background:#fff; border:1px solid #ececf2; border-radius:14px; padding:22px 22px; margin-bottom:14px; box-shadow:0 4px 20px rgba(44,44,44,.04) }
.reSection h3 { font-size:28px; line-height:1.2; margin-bottom:12px; color:#2c2c2c }
.reSection h4 { font-size:19px; line-height:1.2; margin-bottom:8px; color:#2c2c2c }
.reSection p { font-size:16px; line-height:1.55; margin-bottom:10px }
.reSection ul { margin:4px 0 8px 0; padding:0; list-style:none; column-count:3; column-gap:12px }
.reSection ul li { position:relative; font-size:15px; line-height:1.6; margin:0 0 10px 0; padding:10px 12px 10px 34px; border-radius:10px; background:#faf5f8; border:1px solid #f8d8e5; display:inline-block; width:100%; box-sizing:border-box; break-inside:avoid; -webkit-column-break-inside:avoid }
.reSection ul li:before { content:""; width:9px; height:9px; border-radius:50%; background:#F71B63; position:absolute; left:14px; top:17px; box-shadow:0 0 0 4px rgba(247,27,99,0.15) }
.reCols { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:8px }
.reColsGap { margin-bottom:16px }
.reCard { border:1px solid #ececf2; border-radius:12px; padding:18px; background:#fafafe }
.reCardWide { margin-top:14px }
.rePanel { margin-bottom:0 }
.reFinalCta { border-radius:18px; background:linear-gradient(120deg,#1f2434 0%,#2a3148 70%,#363f5d 100%); border:1px solid #3b4567; padding:26px 28px; text-align:center; margin-bottom:25px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; box-shadow:0 15px 35px rgba(22,27,44,0.28) }
.reFinalCta p { font-size:22px; line-height:1.35; margin:0; font-weight:600; color:#fff }
.recruitLanding .btn.reg { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:12px; background:#F71B63; border:1px solid #d41655; color:#fff!important; font-size:14px; font-weight:700; text-decoration:none!important; text-transform:uppercase; letter-spacing:.2px; box-shadow:0 10px 22px rgba(247,27,99,0.32) }
.recruitLanding .btn.reg:hover { background:#d41655; border-color:#b91247; color:#fff!important; transform:translateY(-1px) }
.reApply { padding-top:10px; padding-bottom:35px }
.reApply .inside { min-width:0; max-width:1200px }
.reApply .inside.reInsideWide { max-width:1680px; width:96% }
.reApply h3 { font-size:34px; margin-bottom:16px; line-height:1.2 }
.reForm { background:#fff; border:1px solid #ececf2; border-radius:16px; padding:18px }
.reFormCompact { padding:16px }
.reGroup { margin-bottom:16px }
.reGroup h4 { margin: 15px 0 15px 0!important; font-size:18px; border-left: 5px solid #d3d3d3; padding-left: 10px; font-weight: 600; color:#2c2c2c }
.reGroup h4:after { display: none!important }
.reGrid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px 12px }
.reGrid .line { margin-top:0; margin-bottom:0 }
.reGrid .line.full { grid-column:1 / span 3 }
.reForm .line label { display:block; font-size:12px; margin-bottom:4px; font-weight:600; color:#4b4b4b }
.reForm .line input, .reForm .line textarea, .reForm .line select { width:100%; border:1px solid #ddd; border-radius:10px; padding:8px 10px; font-size:13px; min-height:38px }
.reForm .line textarea { min-height:86px; resize:vertical; line-height:1.35 }
.reChecks { display:flex; flex-wrap:wrap; gap:12px 18px }
.reChecks label { font-size:14px; display:inline-flex; align-items:center; gap:7px }
.reForm .raspuns.ok { display:none }
.reForm .btn { min-width:180px }
@media(max-width:1024px) {
.reHero { padding:38px 28px }
.reHero h1 { font-size:32px }
.reHero p { font-size:16px }
.reSection ul { column-count:2 }
.reCols, .reGrid { grid-template-columns:1fr }
.reGrid .line.full { grid-column:auto }
.reFinalCta { text-align:center }
}
@media(max-width:700px) {
.reSection ul { column-count:1 }
}
.productPage .notifLoginBtn { margin-top:12px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border-radius:12px }
.productPage .relWrap { margin:40px 0 10px 0 }
.productPage .relHead { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:14px }
.productPage .relHead h2 { margin:0; font-size:18px; color:#111 }
.productPage .relHead p { margin:0; color:#6b7280; font-size:13px }
.productPage .relGrid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px }
.productPage .relCard { display:flex; flex-direction:column; gap:10px; padding:12px; border:1px solid #e6e8ef; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.04); text-decoration:none; color:#111; transition:all .2s ease }
.productPage .relCard:hover { transform:translateY(-2px) }
.productPage .relImg { width:100%; aspect-ratio:1/1; border-radius:12px; border:1px solid #eef0f4; background:#fff center/contain no-repeat; padding:10px; background-origin:content-box; background-clip:content-box; box-sizing:border-box }
.productPage .relName { font-weight:700; font-size:13px; line-height:1.25; color:#111; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.productPage .relMeta { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:#6b7280 }
.productPage .relStock { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(16,185,129,0.30); background:rgba(16,185,129,0.10); color:#0b7a59; font-weight:700 }
.productPage .relPrice { font-weight:800; color:#111 }
@media(max-width:1024px){ .productPage .relGrid { grid-template-columns:repeat(2,1fr) } }
@media(max-width:520px){ .productPage .relGrid { grid-template-columns:1fr } }
/* CSV upload modal (new UI) */
#addForm .csvDesc { margin: 0 0 14px 0; line-height: 1.55; color: #444; font-size: 13px }
#addForm .csvLinks { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #f8fafc; border: 1px solid #e2e8f0; margin: 0 0 14px 0 }
#addForm .csvSample { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 800; font-size: 13px; color: #111; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(0,0,0,.10); background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.05) }
#addForm .csvSample:hover { transform: translateY(-1px) }
#addForm .csvHint { font-size: 12px; color: #64748b; font-weight: 600; line-height: 1.3 }
#addForm .csvOptions { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0 0 12px 0 }
#addForm .csvToggle { display: flex; gap: 10px; flex-wrap: wrap }
#addForm .csvTgItem { margin: 0; cursor: pointer; position: relative; overflow: hidden; display: inline-flex; align-items: center }
#addForm .csvTgItem input { position: absolute; left: -100px }
#addForm .csvTgItem span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; border: 1px solid #e2e8f0; background: #fff; color: #111; font-weight: 800; font-size: 12px; line-height: 1 }
#addForm .csvTgItem:hover span { border-color: rgba(0,0,0,.18); transform: translateY(-1px) }
#addForm .csvTgItem input:checked + span { border-color: rgba(247,27,99,.35); background: rgba(247,27,99,.08); color: #9f1239 }
#addForm .csvTgItem input:checked + span i { color: #9f1239 }
#addForm .csvNote { padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(148,163,184,.30); background: rgba(248,250,252,.70); color: #334155; font-size: 12px; line-height: 1.5; font-weight: 600 }
#addForm .csvNote b { display: block; margin: 0 0 6px 0; font-size: 12px; font-weight: 900; color: #111827 }
#addForm .csvNote .muted { color: #64748b; font-weight: 900 }
#addForm .csvUploadForm { margin-top: 6px }
#addForm .csvUploadForm .formInfo { display: block; margin: 8px 0 0 0; font-size: 12px; color: #64748b; font-weight: 600 }
/* responsive */
@media(max-width:700px) {
#addForm .csvLinks { flex-direction: column; align-items: flex-start }
#addForm .csvSample { width: 100%; justify-content: center }
#addForm .csvToggle { flex-direction: column }
#addForm .csvTgItem span { width: 100%; justify-content: center }
}
.swal2-container { z-index: 999999999999999 !important }
#addForm .csvModeBox { border: 1px solid #e2e8f0; background: radial-gradient(900px 240px at 15% 0%, rgba(247,27,99,.08), rgba(255,255,255,0) 60%), #fff; border-radius: 18px; padding: 18px; box-shadow: 0 18px 40px rgba(17,24,39,.06) }
#addForm .csvModeHead { margin: 0 0 16px 0 }
#addForm .csvModeHead .ttl { font-weight: 900; color: #111827; font-size: 14px; display: flex; align-items: center; gap: 10px }
#addForm .csvModeHead .ttl i { color: var(--color-accent) }
#addForm .csvModeHead .sub { margin-top: 6px; font-size: 12.5px; color: #64748b; font-weight: 600; line-height: 1.4 }
#addForm .csvSeg { display: grid; grid-template-columns: 1fr 1fr; gap: 14px }
#addForm .csvSegItem { margin: 0; cursor: pointer; position: relative; border-radius: 16px; border: 1px solid rgba(148,163,184,.30); background: #fff; transition: all .18s ease; display: block }
#addForm .csvSegItem input { position: absolute; left: -9999px }
#addForm .csvSegItem span { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; padding: 16px }
#addForm .csvSegItem i { width: 42px; height: 42px; border-radius: 14px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(148,163,184,.25); background: #f8fafc; color: #111; font-size: 15px }
#addForm .csvSegItem b { display: block; font-weight: 900; font-size: 13px; color: #111827; line-height: 1.2 }
#addForm .csvSegItem em { display: block; margin-top: 6px; font-style: normal; font-size: 12px; color: #64748b; font-weight: 600; line-height: 1.4 }
#addForm .csvSegItem:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(17,24,39,.08) }
#addForm .csvSegItem.isOn { border-color: rgba(247,27,99,.35); background: linear-gradient(180deg, rgba(247,27,99,.07), rgba(247,27,99,.03)) }
#addForm .csvSegItem.isOn i { border-color: rgba(247,27,99,.35); background: #fff; color: var(--color-accent) }
#addForm .csvSegItem.isOn b { color: #9f1239 }
#addForm .csvSegItem.isOn em { color: #9f1239; opacity: .9 }
#addForm .csvHow { margin-top: 18px; padding-top: 16px; border-top: 1px dashed rgba(148,163,184,.35); display: flex; flex-direction: column; gap: 12px }
#addForm .csvHowRow { display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: center; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(148,163,184,.22); background: #f8fafc }
#addForm .csvHowRow .k { font-weight: 900; font-size: 12.5px; color: #111827; display: flex; align-items: center; gap: 8px }
#addForm .csvHowRow .k i { color: var(--color-accent) }
#addForm .csvHowRow .v { font-size: 12.5px; color: #334155; font-weight: 600; line-height: 1.5 }
@media(max-width:700px) {
#addForm .csvSeg { grid-template-columns: 1fr }
#addForm .csvHowRow { grid-template-columns: 1fr; gap: 8px }
}
.csvUploadBox { position: relative; border: 2px dashed rgba(0,0,0,.15); border-radius: 16px; padding: 28px; background: linear-gradient(180deg,#fff,#fafafa); transition: all .2s ease; text-align: center }
.csvUploadBox:hover { border-color: var(--color-accent); box-shadow: 0 10px 25px rgba(0,0,0,.05) }
.csvUploadBox.dragOver { border-color: var(--color-accent); background: rgba(247,27,99,.05) }
.csvUploadBox .csvInput { position: absolute; inset: 0; opacity: 0; cursor: pointer; z-index: 5 }
.csvUploadInner { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap }
.csvIcon { width: 50px; height: 50px; border-radius: 14px; background: rgba(247,27,99,.08); display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--color-accent) }
.csvText b { display: block; font-size: 14px; font-weight: 700; color: #111 }
.csvText span { display: block; font-size: 12px; color: #6b7280; margin-top: 3px }
.csvBtn span { display: inline-flex; align-items: center; gap: 6px; background: var(--color-general); color: #fff; padding: 10px 18px; border-radius: 12px; font-weight: 700; font-size: 13px; transition: all .2s ease }
.csvBtn span:hover { background: #000 }
.csvFileName { margin-top: 14px; font-size: 12px; font-weight: 600; color: #065f46 }
.formRizd .infoNote { background: #f7f9fc; border: 1px solid #e3e9f3; padding: 8px 15px; border-radius: 6px; font-size: 12px; line-height: 1.4; color: #334155 }
.formRizd .infoNote strong { font-weight: 600; color: #1e293b }
.formRizd .infoNote p { margin: 8px 0!important; font-size: 12px; line-height: 1.4; color: #334155}
.sectionNotification { background: #F0EDFF; padding: 20px 0; margin: -80px 0 0 0 }
.sectionNotification .inside > b { font-weight: 600; font-size: 15px; color: #6768A3 }
.sectionNotification .inside ul { list-style: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.sectionNotification .inside ul li { margin-left: 10px; float: left }
.sectionNotification .inside ul li a { color: #fff; text-decoration: none; font-weight: 600; background: #6768a3; padding: 8px 15px; border-radius: 20px; font-size: 13px; text-transform: uppercase; line-height: 100%; margin: 0; display: block }
.sectionNotification .inside ul li a:hover { text-decoration: none; background: #414167 }
.refillInfoBox { background:#fff; border:1px solid #f0f1f3; border-radius:20px; padding:22px 24px; margin:0 0 18px 0; box-shadow:0 20px 45px rgba(0,0,0,0.06) }
.refillInfoBox h3 { margin:0 0 12px 0; font-size:18px; font-weight:800; color:#1f2024 }
.refillInfoBox p { font-size:14px; line-height:1.6; color:#444; margin:0 0 12px 0 }
.refillInfoBox p b { font-weight:700; color:#1f2024 }
.refillInfoBox .refillNote { margin-top:10px; color:#555; font-size:13.5px }
.refillHighlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:14px 0 16px 0 }
.refillHighlights div { background:#fafafb; border:1px solid #f0f1f3; border-radius:16px; padding:14px; text-align:center }
.refillHighlights b { display:block; font-size:26px; font-weight:700; color:#F71B63; letter-spacing:-.3px }
.refillHighlights span { display:block; margin-top:4px; font-size:12px; color:#6b7078; font-weight:600; line-height:1.3 }
@media (max-width:980px) { .refillHighlights { grid-template-columns:1fr } }
.sellerBox { }
.sellerBox > h3 { font-size: 25px }
.sellerBox > h3 b { color: var(--color-green) }
.sellerBox > p { font-size: 18px; margin: 0 0 40px 0 }
.sellerBox > p b { color: var(--color-green) }
.btnNever { padding: 8px 10px; font-weight: 500; background: var(--color-accent); white-space: nowrap; color: #fff; border: 0; border-radius: 8px; cursor: pointer }
.btnNever[disabled] { opacity: .6; cursor: not-allowed }
.refillStats { display: flex; gap: 20px; margin: 20px 0 }
.refillStats .statBox { flex: 1; background: #fff; border-radius: 14px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); padding: 14px 18px; text-align: center; transition: all .25s ease }
.refillStats .statBox:hover { transform: translateY(-2px) }
.refillStats .statBox b { display: block; font-weight: 400; font-size: 15px; color: #444; margin-top: 6px }
.refillStats .statBox span { display: block; font-size: 22px; font-weight: 700; color: #f71b63 }
.currSync { border-radius: 10px; font-weight: 500; color: rgba(0,0,0,0.6); background: var(--color-green); color: #fff; padding: 15px; text-align: center; margin: 0 0 20px 0 }
.editor { max-width: 1000px!important; padding: 30px!important; display: none }
.editor form .line .text { border-color: #d3d3d3 }
.editor form .priceDiv { margin-top: 20px; border-radius: 6px; background: rgba(0,0,0,0.1); padding: 15px 20px 20px 20px }
.editor form .priceDiv .line .text { border-color: #c2c2c2 }
.editor form label span { font-weight: 400; display: block; margin-top: 4px; opacity: 0.8 }
.editor form label a { display: block; margin-top: 4px; color: #333!important; text-decoration: none }
.editor form label a:hover { color: #363191!important }
.editor form label a i { display: inline-block }
.editor form.formRizd .wIcon .text { border-right: 0!important; border-radius: 6px 0 0 6px!important }
.editor h2 { font-size: 18px; text-align: center; border-bottom: 1px dashed #d3d3d3; padding: 0 0 20px 0; margin: 15px 0 30px 0 }
form.formRizd .h3 { position: relative; margin: 0 0 20px 0; font-size: 19px }
form.formRizd .h3.wTop { margin-top: 40px }
form.formRizd .h3 span { position: relative; background: #fff; z-index: 5; padding-right: 20px }
form.formRizd .h3:after { width: 100%; height: 1px; background: rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; content: ""; margin-top: -1px }
form.formRizd .customCheck { padding: 20px; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; position: relative; overflow: hidden; cursor: pointer }
form.formRizd .customCheck .fa { width: 12px; margin-right: 8px }
form.formRizd .customCheck .iradio_square { margin-right: 8px!important }
form.formRizd .customCheck .icheckbox_square { margin-right: 8px!important }
form.formRizd .customCheck input { position: absolute; left: -100px }
form.formRizd .formInfo { font-size: 95%; opacity: 0.8; display: block; margin: 5px 0 0 0!important }
form.formRizd .animationLoading { display: none }
form.formRizd.loading > div { display: none }
form.formRizd.loading .animationLoading { display: block }
form.formRizd .animationLoading svg { display: block; margin: 90px auto; width: 200px }
form.formRizd .cols2 { position: relative; margin: 15px 0 }
form.formRizd .cols2 .line { width: 49%; float: left; margin: 0 }
form.formRizd .cols2 .line:last-of-type { float: right }
form.formRizd .cols3 { display: flex; gap: 1%; margin: 15px 0 }
form.formRizd .cols3 .line { flex: 0 0 32%; margin: 0 }
form.formRizd .blocajTari { padding: 20px; border: 1px solid #d3d3d3 }
form.formRizd .blocajTari .tariCheck { position: relative; overflow: hidden; cursor: pointer }
form.formRizd .blocajTari .tariCheck i { width: 12px; margin-right: 4px }
form.formRizd .blocajTari .tariCheck input { position: absolute; left: -100px }
form.formRizd .blocajTari .tariCheck.active { color: #333 }
form.formRizd .blocajTari .applyAll { margin-top: 20px; position: relative; overflow: hidden; cursor: pointer }
form.formRizd .blocajTari .applyAll .fa { width: 12px; margin-right: 4px }
form.formRizd .blocajTari .applyAll input { position: absolute; left: -100px }
form.formRizd .blocajTari .applyAll.active { color: #333 }
form.formRizd .blocajTari .extraTari { overflow-y: scroll; max-height: 600px; display: none; padding: 20px 5px 10px 5px }
form.formRizd .blocajTari .extraTari .extraTariGrid { }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara { margin: 5px 0 }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara { margin-top: 10px; display: none }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara .gridDisplay { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 7px }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara label { margin: 0; display: block; border-radius: 5px; border: 1px solid rgba(0,0,0,0.1); padding: 8px 10px; overflow: hidden; position: relative }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara label i { display: inline-block; width: 12px; margin-right: 3px }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara label:hover { background: #F6F8FB }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara label.active { color: #fff; background: #333 }
form.formRizd .blocajTari .extraTari .extraTariGrid .underTara input { position: absolute; left: -100px }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara { border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.1); padding: 15px }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara h4 { margin: 0; position: relative; line-height: 20px; cursor: pointer; white-space: nowrap }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara h4:after { display: none }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara h4 b { font-weight: 500; margin-left: 5px; opacity: 0.8 }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara h4 i { width: 12px; margin-right: 4px }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara h4 i:last-of-type { line-height: 20px; text-align: right; height: 30px; width: calc(100% - 20px); margin-right: 0; position: absolute; top: 0; right: 0 }
form.formRizd .blocajTari .extraTari .extraTariGrid .colTara h4.active { color: #333 }
form.formRizd .line { position: relative; margin: 15px 0 }
form.formRizd .line label { display: block; font-size: 13px; font-weight: 600; margin: 0 0 9px 0 }
form.formRizd .line label a { color: inherit }
form.formRizd .line label sup { color: red; font-size: small; vertical-align: top }
form.formRizd .line .info { font-size: 11px; font-style: italic; color: #555; margin: -5px 0 5px 0 }
form.formRizd .line .text { border-radius: 6px!important; background: #fff; color: #999; border: 1px solid #e9eaec; line-height: 40px; height: 40px; padding: 0 10px!important; margin: 0!important; width: 100% }
form.formRizd .line input[type="color"].text { overflow: hidden; padding: 8px }
form.formRizd .line .text.error { border-color: red }
form.formRizd .line .text:focus { border-color: #d3d3d3; color: #555 }
form.formRizd .line textarea.text { resize: none; line-height: 120%; padding: 15px 20px!important; height: 120px }
form.formRizd .line .wIcon { display: flex }
form.formRizd .line .wIcon input { border-radius: 6px 0 0 6px }
form.formRizd .line .wIcon .inputIcon { font-size: 16px; display: block; width: 50px; line-height: 40px; height: 40px; background: #555; color: #fff; text-align: center!important; border-radius: 0 6px 6px 0 }
.select2-container--default { z-index: 99999999 }
form.formRizd .select2-container--default * { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out }
form.formRizd .select2-container--default .select2-selection--multiple { padding: 4px; border-color: #e9eaec; min-height: 40px }
form.formRizd .select2-container--default .select2-search--inline .select2-search__field { color: #999; height: 20px; line-height: 20px }
form.formRizd .select2-container--default .select2-search--inline .select2-search__field:focus { color: #555 }
form.formRizd .select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 2px }
form.formRizd .select2-container--default .select2-selection--single { border-color: #e9eaec; height: 40px }
form.formRizd .select2-container--default.select2-container--open .select2-selection--single { border-color: #d3d3d3 }
form.formRizd .select2-container--default.select2-container--open .select2-selection--multiple { border-color: #d3d3d3 }
form.formRizd .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #d3d3d3 }
form.formRizd .select2-container--default .select2-selection--multiple .select2-selection__choice { border: 0; color: #555; background-color: #e2e2e2 }
form.formRizd .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px }
form.formRizd .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px }
form.formRizd .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border: 0; height: 100%; padding: 0 6px; background: #f96c6c; color: #fff }
form.formRizd .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; background: #cc5050 }
form.formRizd .select2-container--default .select2-selection--multiple .select2-selection__choice__display { display: block; padding: 4px 10px }
form.formRizd .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 25px; color: #cc5050; height: 38px }
form.formRizd .buton { margin-top: 10px; cursor: pointer; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 13px; line-height: 40px; display: inline-block; letter-spacing: 1px; background: var(--color-general); border: 0; box-shadow: none; border-radius: 25px; padding: 0 30px }
form.formRizd .buton.sendGSS { margin-top: 20px; display: none; text-decoration: none }
form.formRizd .buton:hover { color: #fff; background: #000 }
form.formRizd .buton:focus { color: #fff }
form.formRizd .mainLine { position: sticky; z-index: 999; top: 0; background: #fff; margin-bottom: 20px; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 5px 20px }
form.formRizd .eansLine { background: #fff; margin-bottom: 20px; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 5px 20px }
form.formRizd .radios label { margin: 0; font-size: 12px; cursor: pointer; position: relative; overflow: hidden; float: left; text-align: center; background: #f4f6f9; color: #555 }
form.formRizd .radios label span { display: block; line-height: 40px; width: 70px }
form.formRizd .radios label input { width: 1px; padding: 0; position: absolute; left: -100px }
form.formRizd .radios label input.error + span { color: #fff; background: red }
form.formRizd .radios label input:checked + span, form.formRizd .radios label input:checked.error + span{ background: #2e8f9e!important; color: #fff!important }
form.formRizd .radios label:first-of-type { margin-right: 1px; border-radius: 6px 0 0 6px }
form.formRizd .radios label:last-of-type { border-radius: 0 6px 6px 0 }
form.formRizd .sp-replacer { border: 0!important; padding: 10px 10px; border-radius: 6px }
form.formRizd .sp-replacer .sp-preview { border-radius: 6px; overflow: hidden; width: 200px; height: 18px }
.sp-container { border: 0; box-shadow: 0 0 8px rgba(0,0,0,0.1); background: #fff; border-radius: 6px; overflow: hidden }
form.formRizd .activityGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; margin-top: 10px }
form.formRizd .activityGrid label { margin: 0; display: block; padding: 10px 14px; border: 1px solid #E3E6EC; border-radius: 5px; cursor: pointer; transition: .2s }
form.formRizd .activityGrid label i { display: inline-block; width: 12px; margin-right: 3px }
form.formRizd .activityGrid label:hover { background: #F6F8FB }
form.formRizd .activityGrid label.active { color: #fff; background: #333 }
form.formRizd .activityGrid input { display: none }
.inlineLabel { display:flex; align-items:center; gap:8px; font-weight:700 }
.inlineLabel i { font-size:14px; opacity:.75 }
.inlineLabel span { font-weight:400; font-size:13px; color:#6B7280 }
.inlineLabel .miniCnt { margin-left:10px; font-size:12px; font-weight:800; color:#111; background:#F2F3F5; padding:4px 8px; border-radius:999px }
.inlineLabel .miniCnt span { font-weight:800; color: var(--color-accent) }
.activityGrid .btBadge { float: right; margin-left: auto; font-size: 11px; font-weight: 700; color: #111; background: #F2F3F5; padding: 3px 8px; border-radius:999px }
.activityGrid label { position: relative }
.audienceBox { margin-top: 10px; padding: 10px 12px; border:1px solid #E3E6EC; border-radius:10px; background:#F7F9FC; font-weight:700 }
.audienceBox i { opacity: .75; margin-right: 6px }
.content #DataTables_Table_0_wrapper { position: relative }
.content #DataTables_Table_0_length label select { padding: 10px 0; margin: 0 5px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.05); border: 0; border-radius: 15px; background: #fff; width: 60px }
.content #DataTables_Table_0_length {padding: 10px 20px }
.content #DataTables_Table_0_filter { border-top: 1px solid #e2e8f0; padding: 10px 20px; float: none; background: #eff2f5 }
.content .dataTables_wrapper .dataTables_filter input { box-shadow: 0 0 10px rgba(0,0,0,0.05); border: 0; padding: 10px 40px 10px 20px; border-radius: 15px; background: #fff; max-width: 300px; width: 100% }
.content .dataTables_wrapper .dataTables_filter label { position: relative }
.content .dataTables_wrapper .dataTables_filter .fa { color: var(--color-general); font-size: 16px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) }
.content .dataTables_wrapper.no-footer .dataTables_scrollBody { border: 0; margin-bottom: 30px }
.content #DataTables_Table_0_info { padding-left: 20px }
.content #DataTables_Table_0_paginate { padding-right: 20px }
.content table.dataTable tfoot th, .content table.dataTable tfoot td { border-color: #d3d3d3 }
.content .dtsp-panesContainer { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0.03) 100%); margin: 0 0 0; padding: 15px 20px 20px 20px }
.content div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered { border-color: rgba(0,0,0,0.2) }
.content div.dtsp-searchPane div.dtsp-topRow { margin: 0 0 5px 0; border-color: rgba(0,0,0,0.2) }
.content div.dtsp-searchPane div.dataTables_wrapper { background: #fff; border-color: rgba(0,0,0,0.2) }
.content div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search { padding-left: 8px }
.content .dtsp-searchPanes .dataTables_scrollBody { margin-bottom: 0!important }
.content .dts_label { display: none!important }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border-color: rgba(0,0,0,0.3)!important; background: #fff }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #000!important; border-color: #fff!important; background: rgba(0,0,0,0.05) }
.dataTables_wrapper .dataTables_paginate .paginate_button:focus { box-shadow: none!important; color: #000!important; border-color: rgba(0,0,0,0.05)!important; background: rgba(0,0,0,0.05) }
.dataTables_wrapper .text-center { text-align: center!important }
.dataTables_wrapper .nobreak { white-space: nowrap!important }
.rezumatVanzari { margin-top: 20px }
.rezumatVanzari .inRez { display: grid; grid-auto-flow: row; gap: 1.5rem; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100% }
.rezumatVanzari.single .inRez { grid-template-columns: repeat(1,minmax(0,1fr)) }
.rezumatVanzari .inRez > div { flex-direction: column !important; display: flex !important }
.rezumatVanzari #rightBoxes .insider { gap: 1rem !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; display: grid }
.rezumatVanzari #rightBoxes .insider > div { padding-top: 2rem !important; padding-bottom: 2rem !important; text-align: center; background: #f1f5f9; color: #64748b; border-radius: 15px; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.rezumatVanzari #rightBoxes .insider > div b { display: block; margin: 0 0 4px 0; font-size: 32px }
.rezumatVanzari #rightBoxes .insider > div i { display: block; font-style: normal; font-weight: 500 }
.rezumatVanzari #rightBoxes .insider > div i i { opacity: 0.8; font-style: normal; font-weight: 400 }
.rezumatVanzari #rightBoxes .insider > div.box1 { grid-column: span 2 / span 2 !important; color: #2C2C2C; background: #eef2ff }
.rezumatVanzari #rightBoxes .insider > div.box2 { grid-column: span 2 / span 2 !important; color: #166534; background: #f0fdf4 }
.rezumatVanzari #rightBoxes .insider > div.box3 { grid-column: span 2 / span 2 !important }
.rezumatVanzari #rightBoxes .insider > div.box3 b { font-size: 25px }
.rezumatVanzari #rightBoxes .insider > div.box4 { grid-column: span 1 / span 1 !important }
.rezumatVanzari #rightBoxes .insider > div .orderStatusRemote { margin: 8px 0 15px; font-size: 14px; padding: 10px 0 }
.rezumatVanzari.single #rightBoxes .insider > div { padding: 40px 20px!important; grid-column: span 1 / span 1 !important }
.rezumatVanzari.single #rightBoxes .insider > div b { font-size: 25px }
.rezumatVanzari.single { margin: 0 0 20px 0 }
.generic { background: #fff; margin-top: -20px; padding: 0 40px }
.generic.wBot { margin-bottom: 40px }
.generic .introText p { margin: 15px 0; line-height: 140% }
.generic .introText { position: relative; max-height: 100px; overflow: hidden }
.generic .introText.showAll { max-height: 100% }
.generic .introText.showAll:after { display: none }
.generic .introText:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; z-index: 2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ) }
.generic .readMore:hover { opacity: 0.8 }
.generic .readMore { color: #000; text-decoration: none; font-weight: 600; display: inline-block; margin: 15px 0 20px 0 }
.timeline { margin-top: 30px; padding: 0 15px }
.timeline .pureNothing { display: block; width: 100%; color: #878787; font-size: 18px; text-align: center; padding: 30px 0 }
.timeline .day .date { margin: 0 0 -5px -15px; border-radius: 25px; padding: 10px 30px; display: inline-block; background: var(--color-accent); color: #fff; font-weight: 600; font-size: 15px }
.timeline .day .items { padding: 20px 40px; border-left: 1px solid #cbd5e1 }
.timeline .day .items .item { padding: 15px 25px; border-radius: 25px; border: 1px dashed #d3d3d3; margin: 8px 0 }
.timeline .day .items .item span { display: block }
.timeline .day .items .item span a { display: inline-block; margin-left: 30px; font-weight: 400; color: inherit; text-decoration: none }
.timeline .day .items .item span a:hover { opacity: 0.7 }
.timeline .day .items .item span:first-of-type { color: #64748b; font-weight: 600 }
.content .customTable { margin: 0; width: 100%!important }
.content .customTable * { text-align: left }
.content .customTable tr td span { position: relative; z-index: 5; background: #d3d3d3; white-space: nowrap; font-weight: 500; text-align: center; padding: 3px 3px; border-radius: 5px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .customTable tr td span.weeksBadge { display: block; padding: 0 3px; line-height: 30px; border-radius: 5px; font-size: 12px; border: 1px solid transparent; background: none }
.content .customTable tr td span.weeksBadge.okk { background: #d3d3d3; border-color: #d3d3d3; font-weight: 600 }
.content .customTable tr td span.weeksBadge.over10 { color: rgb(255, 0, 0); border-color: rgb(255, 0, 0); background: rgba(255, 0, 0, 0.15); font-weight: 600 }
.content .customTable tr td span.weeksBadge.na { font-style: italic; opacity: 0.4 }
.content .customTable tr td span.weeksBadge .tooltip { background: none; position: absolute; right: 5px; top: 2px }
.content .customTable tr td span.weeksBadge .tooltip svg circle { fill: red!important }
.content .customTable tr td span.badge { width: 185px; position: relative; z-index: 2; background: none; white-space: nowrap; font-weight: 500; text-align: center; padding: 0; border-radius: 0; display: block }
.content .customTable tr td span.badge i { width: 25%; cursor: pointer; font-size: 14px; border-radius: 5px; background: var(--color-green); color: #fff; line-height: 32px; padding: 0; text-align: center;; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .customTable tr td span input { width: 72%; background: #f4f6f9; border: 1px solid #d3d3d3; white-space: nowrap; font-weight: 500; text-align: center; padding: 0 3px; line-height: 30px; border-radius: 5px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .customTable tr td span input[disabled] { background: #d3d3d3; border: 1px solid #d3d3d3 }
.content .customTable tr td span.resell { font-size: 90%; margin-top: 8px; background: rgba(0,0,0,0.05) }
.content .customTable tr td span.resell span { z-index: 10; transform: scale(0.9); background: none; padding: 0; border-radius: 0; margin-right: 4px; display: inline-block }
.content .customTable thead { position: relative; z-index: 10 }
.content .customTable thead tr th { vertical-align: middle; border-bottom: 0; padding: 15px 15px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; color: #64748b; font-weight: 500; background: #f8fafc }
.content .customTable thead tr th:first-of-type { padding-left: 20px }
.content .customTable thead tr th:last-of-type { padding-right: 20px }
.content .customTable thead tr th.noOrder .sort-icon { display: none }
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after { right: 2px!important }
.content .customTable tr td:first-of-type { padding-left: 0 }
.content .customTable tr td:last-of-type { padding-right: 10px }
.content .customTable tr td { vertical-align: middle; line-height: 140%; border-right: 1px solid rgba(0,0,0,0.05); padding: 10px; border-bottom: 1px solid #e2e8f0 }
.content .customTable tr td svg { margin: 0 auto; width: -10.8rem !important; height: 1.25rem !important }
.content .customTable tr td img { display: block; margin: 0 auto; width: 55px }
.content .customTable tr td .wLink { margin: 0 2px; display: inline-block; text-decoration: none }
.content .customTable tr td .wLink:hover { opacity: 0.8 }
.content .customTable tr td .wLink svg { display: block }
.content .customTable tr td .wLink svg.notactive { display: block!important }
.content .customTable tr td .wLink svg.active { display: none!important }
.content .customTable tr td .wLink.active svg.notactive { display: none!important }
.content .customTable tr td .wLink.active svg.active { display: block!important }
.content .customTable tr td .wLink.log { margin: 0 4px; color: #555 }
.content .customTable tr td .big input[disabled] { color: rgb(255, 0, 0); border-color: rgb(255, 0, 0); background: rgba(255, 0, 0, 0.15) }
.content .customTable tr td .big { color: rgb(255, 0, 0) }
.content .customTable tr td .small input[disabled] { color: rgb(128, 0, 128); border-color:rgb(128, 0, 128); background: rgba(128, 0, 128, 0.15) }
.content .customTable tr td .small { color: rgb(128, 0, 128) }
.content .customTable tr td .big:after { font-size: 15px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); content: "↓" }
.content .customTable tr td .small:after { font-size: 15px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); content: "↑" }
.content .customTable tr td .ok:after { font-size: 15px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); content: "✓" }
.content .customTable tr td .status { font-size: 90%; font-weight: 600; border-radius: 6px; padding: 4px 20px; display: inline-block; background: yellow; color: #000 }
.content .customTable tr td .status.status1 { color: #000; background: yellow }
.content .customTable tr td .status.status2 { color: #fff; background: purple }
.content .customTable tr td .status.status3 { color: #d3d3d3; background: #555 }
.content .customTable tr td .status.status4 { color: #fff; background: red }
.content .customTable tr td .status.status5 { color: #fff; background: #007ec5 }
.content .customTable tr td .status.status7 { color: #fff; background: #21c500 }
.content .customTable tr.show0 td { background: rgba(255, 0, 0, 0.21) }
.content .customTable .product-cell{display:flex;align-items:center;gap:10px}
.content .customTable .product-img{flex:0 0 60px;height:60px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}
.content .customTable .product-img img{width:100%;height:100%;object-fit:cover}
.content .customTable .product-info{font-size:14px;line-height:1.2;color:#333}
.content .customTable .product-info b{display:block;color:#000;margin-bottom:0}
.stockVal.low { color: #d93025; font-weight: 700 }
.stockWarn { text-align: center; margin-top: 4px; font-size: 11px; line-height: 15px; color: #d93025; white-space: normal }
.priceWrap { position: relative; display: inline-flex; align-items: center; gap: 4px }
.priceWrap .priceBtn { transform: translateY(-50%); position: absolute; top: 50%; left: 5px; width: 24px; height: 24px; padding: 0; border: 1px solid #d8dde6; background: #fff; border-radius: 4px; cursor: pointer; font-size: 14px; line-height: 22px; text-align: center }
.priceWrap .priceBtn:hover { background: #f5f7fa }
.priceWrap .priceBtn.plus { left: auto; right: 55px }
.priceWrap input[type="number"] { padding: 0 35px!important; text-align: center }
.priceWrap input[type="number"]:disabled + .priceBtn, .priceWrap input[type="number"]:disabled, .priceWrap .priceBtn:has(+ input:disabled) { opacity: 1 }
.priceWrap .enableEditing { cursor: pointer; margin-left: 4px }
.priceWrap input:disabled ~ .priceBtn { opacity: .4!important; cursor: not-allowed }
.customTable th .cur { font-weight: 500; opacity: .6; margin-left: 4px }
.colFirst { padding: 0 15px !important }
.dtFsHolder { margin: 10px 0 0 10px; float: left }
.dataTableWrap { position: relative }
.dataTableWrap.isFull { position: fixed; inset: 14px; background: #fff; z-index: 999999999999900; padding: 70px 14px 25px 14px; overflow: auto; border-radius: 16px; box-shadow: 0 18px 60px rgba(0,0,0,.28) }
.dtFsBar { position: fixed; left: 14px; right: 14px; top: 14px; height: 62px; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(0,0,0,.08); border-radius: 16px 16px 0 0; box-shadow: 0 10px 30px rgba(0,0,0,.18); z-index: 999999999999950; display: flex; align-items: center; justify-content: space-between; padding: 0 12px }
.dtFsBar .ttl { font-weight: 700; font-size: 14px; color: #111; display: inline-flex; align-items: center; gap: 10px }
.dtFsBar .ttl .hint { font-weight: 500; font-size: 12px; color: #6b7280; background: #f3f4f6; padding: 4px 8px; border-radius: 20px }
.dtFsBtn { height: 36px; padding: 0 14px; border-radius: 10px; background: #111; color: #fff; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px }
.dtFsBtn:hover { background: #d3d3d3 }
body.noscroll { overflow: hidden }
.dtFsBtn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(0,0,0,.10); background: #fff; color: #111; cursor: pointer; font-weight: 700; font-size: 13px }
.dtFsBtn:hover { transform: translateY(-1px) }
.dtFsBtn:active { transform: translateY(0) scale(.99) }
.dtFsBtn.dtNeqBtn { margin-left: 10px }
.dtFsBtn.dtCsvBtn { margin-left: 10px }
.dataTableWrap.isFull .dtFsBtn.dtQtyBtn { margin-right: 10px }
.dataTableWrap.isFull .dtFsBtn.dtResetQtyBtn { margin-right: 10px }
.dataTableWrap.isFull .dtFsBtn.poD_bulkOpenBtn { margin-right: 10px }
.dataTableWrap.isFull .dtFsBtn.poD_dlBtn { margin-right: 10px }
.dataTableWrap.isFull .dtFsBtn.dtNeqBtn { margin-left: 0; margin-right: 10px }
.dataTableWrap.isFull .dtFsBtn.dtCsvBtn { margin-left: 0; margin-right: 10px }
.dtDelRow { border: 0; background: rgba(210,0,35,.12); color: #b1001c; padding: 8px 10px; border-radius: 10px; cursor: pointer; font-weight: 700; font-size: 12px; display: inline-flex; align-items: center; gap: 6px }
.dtDelRow:hover { background: rgba(210,0,35,.16) }
.dtDelRow:active { transform: scale(.99) }
.dataTableWrap.isFull .dataTables_wrapper { width: 100% }
.dataTableWrap.isFull table.dataTable { width: 100% !important }
.dataTableWrap.isFull .dtFsHolder { display: none!important }
@media(max-width:700px) {
.dataTableWrap.isFull { inset: 10px; padding: 66px 10px 10px 10px; border-radius: 14px }
.dataTableWrap.isFull .dtFsBar { left: 10px; right: 10px; top: 10px; border-radius: 14px }
}
.orderTopKpis { display: grid; grid-template-columns: repeat(4, minmax(200px, 1fr)); gap: 10px; margin: 12px 0 8px }
.orderTopKpi { background: #fff; border: 1px solid #EEF1F5; border-radius: 14px; padding: 12px 14px; min-height: 86px; box-shadow: 0 6px 18px rgba(12, 20, 33, .04) }
.orderTopKpi .k { font-size: 12px; color: #6B7686; font-weight: 800; line-height: 1.2; letter-spacing: .2px }
.orderTopKpi .v { margin-top: 10px; font-size: 14px; color: #1C2735; font-weight: 700; line-height: 1.2; display: flex; align-items: center; gap: 10px; flex-wrap: wrap }
.orderTopKpi .muted { color: #8A94A6; font-weight: 800; font-size: 13px }
.orderTopKpi .btn { display: inline-block; margin-top: 5px; padding: 8px 12px; border-radius: 12px; font-size: 12px; font-weight: 700; text-decoration: none; border: 1px solid #E6EAF0; background: #fff; color: #1C2735; white-space: nowrap }
.orderTopKpi .btn i { margin-right: 6px; opacity: .9 }
.orderTopKpi .btn.cancelReservation { color: #FF4646; border-color: #FF4646 }
.orderTopKpi .btn:hover { background: #f4f6f9 }
.orderTopKpi .kpiPay { width: 100%; display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
.orderTopKpi .kpiPay .payLbl { font-size: 11px; font-weight: 700; color: #8A94A6; letter-spacing: .2px }
.orderTopKpi .kpiPay .paySep { opacity: .35; font-weight: 700 }
.kpiDual { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px }
.kpiDual .kpiHalf { border: 1px solid #EEF1F5; border-radius: 12px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; background: #F7F9FC; min-width: 0 }
.kpiDual .kpiHalf .lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .45px; color: #6B7686 }
.kpiDual .kpiHalf .val { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap }
.kpiDual .kpiHalf .val b { font-size: 16px; font-weight: 700; color: #111; white-space: nowrap }
.kpiDual .kpiHalf .val .cur { font-size: 11px; font-weight: 700; color: #6B7686; white-space: nowrap }
.kpiDual .kpiHalf.ordered { background: #F7F9FC; border-color: #EEF1F5 }
.kpiDual .kpiHalf.confirmed { background: #F7F9FC; border-color: #EEF1F5 }
.kpiDual.isOk .kpiHalf.confirmed { background: #ECF8F0; border-color: #D7F0E0 }
.kpiDual.isWarn .kpiHalf.confirmed { background: #FFF3F3; border-color: #FFE0E0 }
.kpiDual.isZero .kpiHalf.confirmed { background: #F3F5F8; border-color: #E6EAF0 }
.kpiDual.isOk .kpiHalf.confirmed .lbl { color: #2F7A4D }
.kpiDual.isWarn .kpiHalf.confirmed .lbl { color: #B24A4A }
.kpiDual.isZero .kpiHalf.confirmed .lbl { color: #6B7686 }
.kpiDual.isWarn .kpiHalf.confirmed .val b { color: #8C2E2E }
.kpiDual.isOk .kpiHalf.confirmed .val b { color: #1F6B3C }
@media(max-width:1200px){ .orderTopKpis { grid-template-columns: repeat(2, minmax(200px, 1fr)) } }
@media(max-width:620px){ .orderTopKpis { grid-template-columns: 1fr } .orderTopKpi { min-height: auto } .kpiDual { grid-template-columns: 1fr } }
.content .sellerProductsTable .prodImg { border-radius: 8px; height: 55px; width: 55px; border: 1px solid #d3d3d3; padding: 5px; background: #fff; margin: 0 auto; display: block }
.content .sellerProductsTable .nameCell span { background: none; margin-top: 5px; color: #666; text-align: left; font-size: 14px }
.content .sellerProductsTable .nameCell .prodName { display: block }
.content .sellerProductsTable .nameCell .prodName:hover { color: #000 }
.content .sellerProductsTable .nameCell .prodNameHidden { display: block; white-space: nowrap; max-width: 500px; overflow: hidden; text-overflow: ellipsis }
.content .sellerProductsTable .nameCell .prodNameHidden:hover { text-decoration: underline }
.content .sellerProductsTable .nameCell .brandlLink { position: relative; display: inline-block; background: var(--color-green); color: #fff; font-weight: 600; font-size: 12px; line-height: 1; padding: 6px 14px 6px 20px; margin-bottom: 5px; border-radius: 8px; transition: all 0.3s ease }
.content .sellerProductsTable .nameCell .brandlLink::before { content: ""; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: #fff }
.content .sellerProductsTable .nameCell .brandlLink:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.25) }
.content .sellerProductsTable .nameCell a { color: var(--color-general); text-decoration: none }
.content .sellerProductsTable .nameCell .pim { margin-top: 5px; color: rgba(0,0,0,0.8); font-size: 90% }
.content .sellerProductsTable td.col-image { padding: 0 }
.content .sellerProductsTable td.col-product { max-width: 400px; white-space: normal; word-break: break-word }
.content .sellerProductsTable td.col-product a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; max-height: calc(1.3em * 2) }
.content .sellerProductsTable td img.prodImg { border-radius: 8px; max-width: 48px; height: 48px; object-fit: cover; border: 1px solid #d3d3d3; padding: 5px; background: #fff }
.content .sellerProductsTable td.dt-center, .sellerProductsTable th.dt-center { text-align: center }
.content .sellerProductsTable .nameCell { display: block }
.content .sellerProductsTable .nameCell .prodNameHidden { display: block; font-weight: 700; font-size: 14px; line-height: 1.3; color: #1e293b }
.content .sellerProductsTable .nameCell .offerPills { display: flex; align-items: center; gap: 8px; margin-top: 2px; flex-wrap: wrap }
.content .sellerProductsTable .nameCell .offerKind, .content .sellerProductsTable .nameCell .offerTime { display: inline-flex; align-items: center; padding: 5px 8px; font-size: 12.5px; font-weight: 700; border-radius: 6px; line-height: 1; letter-spacing: .2px; border: 1px solid transparent }
.content .sellerProductsTable .nameCell .offerKind.kRegular { background: #eef2ff; color: #1e3a8a; border-color: #c7d2fe }
.content .sellerProductsTable .nameCell .offerKind.kOne { background: #fef3c7; color: #92400e; border-color: #fde68a }
.content .sellerProductsTable .nameCell .offerKind.kInd { background: #ecfdf5; color: #065f46; border-color: #a7f3d0 }
.content .sellerProductsTable .nameCell .offerTime.tFuture { background: #f1f5f9; color: #334155; border-color: #cbd5e1 }
.content .sellerProductsTable .nameCell .offerTime.tActive { background: #e0f2fe; color: #075985; border-color: #bae6fd }
.content .sellerProductsTable .nameCell .offerTime.tExpired { background: #fee2e2; color: #991b1b; border-color: #fecaca }
.content .sellerProductsTable .nameCell .offerTime.tNeutral { background: #f8fafc; color: #475569; border-color: #e2e8f0 }
.dtLoader { position: fixed; inset: 0; display: block; align-items: center; justify-content: center; background: rgba(15,23,42,.08); backdrop-filter: saturate(140%) blur(2px); z-index: 999999999 }
.dtSpinner { width: 54px; height: 54px; position: fixed; top: 50%; left: 50%; border: 5px solid #fff; border-top: 5px solid var(--color-accent); border-radius: 50%; animation: spin 0.9s linear infinite; box-shadow: 0 0 0 1px rgba(0,0,0,0.03) inset }
@keyframes spin { to { transform: rotate(360deg) } }
.tooltip { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-top: -1px; margin-left: 1px; cursor: pointer; vertical-align: middle }
.tooltip svg { display: block; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.15) }
.tooltip-box { z-index: 9999999999; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%); width: max-content; max-width: 320px; padding: 10px 12px; border-radius: 10px; background: #fff; color: var(--color-general); font-size: 13px; line-height: 1.4; box-shadow: 0 8px 24px rgba(0,0,0,.25); opacity: 0; visibility: hidden; transition: opacity .2s ease, transform .2s ease; z-index: 30; white-space: normal }
.tooltip-box b { font-weight: 600 }
.tooltip-top .tooltip-box { bottom: calc(100% + 10px) }
.tooltip-bottom .tooltip-box { top: calc(100% + 10px) }
.tooltip:hover .tooltip-box { opacity: 1; visibility: visible }
.tooltip.is-open .tooltip-box { opacity: 1; visibility: visible }
@media (hover: none) { .tooltip:hover .tooltip-box { opacity: 0; visibility: hidden } }
.tooltip-box::after { z-index: 99999; content: ""; position: absolute; left: 50%; transform: translateX(-50%); border: 6px solid transparent }
.tooltip-top .tooltip-box::after { top: 100%; border-top-color: #fff }
.tooltip-bottom .tooltip-box::after { bottom: 100%; border-bottom-color: #fff }
.tooltip-left .tooltip-box { right: calc(100% + 10px); top: 50%; transform: translateY(-50%) }
.tooltip-left .tooltip-box::after { display: none }
.tooltip-right .tooltip-box { left: calc(100% + 10px); top: 50%; transform: translateY(-50%) }
.tooltip-right .tooltip-box::after { display: none }
.filterList { border-radius: 10px; background: #fff; margin: 0 0 30px 0; padding: 15px 25px }
.filterList .cols2 { position: relative; margin: 15px 0 }
.filterList .cols2 .line { width: 49%; float: left; margin: 0 }
.filterList .cols2 .line:last-of-type { float: right }
.filterList .line { position: relative; display: block; margin: 10px 0 }
.filterList .line.wCalendar .fa { border-radius: 0 6px 6px 0; text-align: center; border-left: 1px solid #e9eaec; position: absolute; right: 0; top: 0; line-height: 40px; display: block; width: 40px; height: 40px; color: #555 }
.filterList .line .text { margin: 0; border-radius: 6px!important; background: #fff; color: #999; border: 1px solid #e9eaec; line-height: 40px; height: 40px; padding: 0 10px; width: 100% }
.filterList .line .text.wX { padding-left: 50px }
.filterList .line .text:focus { border-color: #d3d3d3; color: #555 }
.filterList .line .search { border-radius: 0 6px 6px 0; text-align: center; border-left: 1px solid #e9eaec; position: absolute; right: 0; top: 0; line-height: 40px; display: block; width: 40px; height: 40px; color: #555 }
.filterList .line .search:hover { color: #344581 }
.filterList .line.wCancel { background: #e9eaec; border-radius: 6px; padding: 10px }
.filterList .line.wCancel .fa { border-right: 1px solid #e9eaec; padding-right: 13px; cursor: not-allowed; text-align: right; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); line-height: 39px; display: block; width: 15px; height: 38px; color: rgba(85, 85, 85, 0.4) }
.filterList .line.wCancel .fa.active { color: #555; cursor: pointer }
.filterList .line.wCancel .fa.active:hover { color: #344581 }
.filterList .line.wBrand { background: #e9eaec; border-radius: 6px; padding: 10px }
.filterList .line.wBrand > div { display: block; margin: 0; padding: 0; width: 15%; float: left }
.filterList .line.wBrand > div label { margin-right: 10px; text-align: center; line-height: 40px; background: #fff; border-radius: 6px; font-size: 14px; font-weight: 500 }
.filterList .line.wBrand div:last-of-type { width: 85%; float: right }
.filterList .line.wBrand div:last-of-type .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top: 7px; font-size: 20px }
.filterList .line.wBrand div:last-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { line-height: 24px }
.filterList .line.wBrand div:last-of-type .select2-container .select2-search--inline .select2-search__field { margin-top: 10px; margin-left: 15px; height: 23px }
.filterList .line.wBrand div:last-of-type .select2-container--default .select2-selection--multiple { border-radius: 6px; border-color: #e9eaec!important }
.filterList .line.wBrand div:last-of-type .select2-container--default.select2-container--focus .select2-selection--multiple { border-radius: 6px; border-color: #d3d3d3!important }
.filterList .wCheck input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.filterList .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.filterList .line label:hover input ~ .checkmark { background-color: #ccc }
.filterList .wCheck input:checked ~ .checkmark { background-color: #344581 }
.filterList .checkmark:after { content: ""; position: absolute; display: none }
.filterList .wCheck input:checked ~ .checkmark:after { display: block }
.filterList .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.filterList .line.wCheck label { padding-left: 35px }
.filterList .multipleChecks { margin: 15px 0 5px 0 }
.filterList .multipleChecks .wChecks { margin-right: 25px; float: left }
.filterList .wChecks .line label { display: block; position: relative; padding-left: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.filterList .wChecks .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.filterList .wChecks .line label:hover input ~ .checkmark { background-color: #ccc }
.filterList .wChecks input:checked ~ .checkmark { background-color: #344581 }
.filterList .wChecks .checkmark:after { content: ""; position: absolute; display: none }
.filterList .wChecks input:checked ~ .checkmark:after { display: block }
.filterList .wChecks .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.filterList .extraFilters { display: none; margin-top: 10px; padding: 10px 25px; background: rgba(0,0,0,0.05); margin-bottom: 5px }
.filterList .extraFilters.show { display: block }
.filterList .extraFilters .line label { display: block; font-weight: 600; margin: 0 0 5px 0 }
.filterList .extraFilters .gnrlBtn { margin-top: 0; line-height: 40px; border: 0; width: 100% }
.filterList .toggleFilters { display: inline-block; margin: 5px 0; color: #344581; text-decoration: none }
.gnrlBtn { cursor: pointer; color: #fff!important; font-weight: 600; font-size: 15px; text-decoration: none; display: block; float: left; border: none; background: var(--color-accent); padding: 0 30px; border-radius: 20px; margin-top: 10px; line-height: 40px }
.gnrlBtn:hover { color: #fff; background: var(--color-accent-hover) }
.gnrlBtn.red { color: #fff; background: #f96c6c }
.gnrlBtn.red:hover { background: #a33d3d }
.gnrlBtn.yellow { color: #000!important; background: #FBBA32 }
.gnrlBtn.yellow:hover { background: #cc9827 }
.gnrlBtn.purple { color: #fff; background: #cf07c8 }
.gnrlBtn.purple:hover { background: #970892 }
.gnrlBtn.greenish { color: #fff; background: #006b60 }
.gnrlBtn.greenish:hover { background: #004f47 }
.gnrlBtn.green { color: #fff; background: #42c08b }
.gnrlBtn.green:hover { background: #01d046 }
.gnrlBtn .fa { margin-right: 4px }
.gnrlBtn span { border-left: 1px solid rgba(255,255,255,0.4); line-height: 15px; padding-left: 12px; margin-left: 7px; display: inline-block }
.gnrlBtn.disabled { cursor: not-allowed; opacity: 0.2!important }
.yearBox { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; grid-column-gap: 15px }
.yearBox > div { background: #fff; border-radius: 15px; box-shadow: 0 0 8px rgba(0,0,0,0.1); padding: 20px 10px; text-align: center }
.yearBox > div b { display: block; font-size: 17px!important; margin: 0 0 4px 0; font-weight: 500 }
.yearBox > div span { font-size: 16px; opacity: 0.6 }
.charts .ccl { width: 33.3333%; padding: 10px 2s0px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.bigTabs .sales { border-top: 4px solid #D3d3d3; padding: 20px 0 0 0; margin: 20px 0 0 0 }
.bigTabs .sale { border-radius: 10px; background: #fff; table-layout: fixed; display: table; width: 100%; margin: 5px 0 }
.bigTabs .sale > span { width: 25%; display: table-cell; vertical-align: middle; padding: 15px }
.bigTabs .sale > span b { padding: 0 5px; font-weight: 600 }
.bigTabs .sale > span:first-of-type { width: 50% }
.bigTabs .monthlySales { padding: 20px; box-shadow: 0 0 15px rgba(0,0,0,0.25); width: 100%; margin: 10px 0 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.bigTabs .monthlySales tr td { border: 1px solid #d3d3d3; padding: 10px }
.bigTabs .monthlySales tr th { background: rgba(0,0,0,0.05); font-weight: 600; border: 1px solid #d3d3d3; padding: 10px }
.bigTabs .monthlySales tr td i { float: right }
.bigTabs .monthlySales tr td.future { color: #000!important; opacity: .2 }
.bigTabs .monthlySales tr td.future i { display: none }
.bigTabs .monthlySales tr td input { -webkit-appearance: auto }
.bigTabs .bigTabsController { margin: 0 0 20px 0 }
.bigTabs .bigTabsController a { background: #fff; display: block; float: left; line-height: 45px; margin-right: 10px; padding: 0 15px 0 20px; border: 1px solid #d3d3d3; border-radius: 10px; text-decoration: none; color: #000; font-size: 15px; font-weight: 600 }
.bigTabs .bigTabsController a:hover { background: rgba(0,0,0,0.05) }
.bigTabs .bigTabsController a span { line-height: 12px; display: inline-block; background: rgba(0,0,0,0.2); padding: 6px 10px; font-weight: 500; font-size: 11px; border-radius: 10px; text-align: center; vertical-align: middle; margin-left: 10px }
.bigTabs .bigTabsController a.active { color: #fff; border-color: var(--color-accent); background: var(--color-accent) }
.bigTabs .bigTabsController a.active span { background: rgba(255,255,255,0.85); color: var(--color-accent) }
/* ===== ORDER TABS (DETAILS / FILES / TRACKING) ===== */
.orderTabWrap { margin-top: 16px }
.orderTabCard { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 16px; box-shadow: 0 0 15px rgba(0,0,0,0.03) }
.orderTabCard + .orderTabCard { margin-top: 14px }
.orderMessage { background: #fff; border: 1px solid #e7e7e7; padding: 12px 14px; border-radius: 12px; margin: 12px 0; color: #222; line-height: 1.5; }
.orderMessage b { display: inline-block; margin-right: 6px; font-weight: 700; color: #111; }
.orderMessage a { color: var(--color-accent); text-decoration: none; }
.orderMessage a:hover { text-decoration: underline; }
.orderKpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 14px }
@media(max-width: 900px) { .orderKpis { grid-template-columns: 1fr } }
.orderKpi { border: 1px solid #f1f5f9; border-radius: 14px; padding: 20px; background: linear-gradient(180deg, #fff, #fbfbfe) }
.orderKpi .k { font-size: 13px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .3px }
.orderKpi .v { margin-top: 6px; font-size: 13px; font-weight: 700; color: #111827; display: flex; align-items: center; justify-content: space-between; gap: 10px }
.orderKpi .s { margin-top: 10px; font-size: 12px; font-weight: 700; color: #334155; line-height: 1.3 }
.orderKpi .pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 900; white-space: nowrap; border: 1px solid rgba(148,163,184,.35); background: rgba(148,163,184,.08); color: #334155 }
.orderKpi .pill.ok { border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.10); color: #065f46 }
.orderKpi .pill.bad { border-color: rgba(239,68,68,.30); background: rgba(239,68,68,.10); color: #991b1b }
.orderKpi .pill.acc { border-color: rgba(238,22,95,.32); background: rgba(238,22,95,.10); color: #9f1239 }
.orderGrid2 { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px }
@media(max-width: 900px) { .orderGrid2 { grid-template-columns: 1fr } }
.orderBox { border: 1px solid #f1f5f9; border-radius: 14px; padding: 14px; background: #fff }
.orderBox h4 { margin: 0 0 10px 0!important; font-size: 13px; font-weight: 900; color: #111827; display: flex; align-items: center; gap: 8px }
.orderBox h4 i { opacity: .85 }
.orderBox .txt { font-size: 12px; font-weight: 400; color: #334155; line-height: 1.35 }
.orderBox .muted { color: #64748b }
.orderDivider { height: 1px; background: linear-gradient(90deg, rgba(238,22,95,.15), rgba(59,130,246,.08), rgba(16,185,129,.10)); margin: 14px 0 }
.orderFiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px }
@media(max-width: 900px) { .orderFiles { grid-template-columns: 1fr } }
.orderFile { display: flex; gap: 12px; align-items: flex-start; border: 1px solid #f1f5f9; border-radius: 14px; padding: 12px 12px; background: linear-gradient(180deg, #fff, #fbfbfe); text-decoration: none; color: inherit }
.orderFile:hover { border-color: rgba(238,22,95,.22); box-shadow: 0 8px 20px rgba(17,24,39,.06) }
.orderFile .ic { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(238,22,95,.22); background: rgba(238,22,95,.08); color: #9f1239; flex: 0 0 auto }
.orderFile .meta { flex: 1 1 auto; min-width: 0 }
.orderFile .name { font-size: 12px; font-weight: 900; color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.orderFile .sub { margin-top: 4px; font-size: 11px; font-weight: 800; color: #64748b; display: flex; align-items: center; justify-content: space-between; gap: 10px }
.orderFile .tag { margin-left: 0; padding: 3px 8px; border-radius: 999px; border: 1px solid rgba(148,163,184,.35); background: rgba(148,163,184,.08); color: #334155; font-weight: 900; font-size: 10px; text-transform: uppercase; letter-spacing: .2px }
.trkWrap { border:1px solid rgba(148,163,184,.22); border-radius:16px; background:radial-gradient(900px 240px at 18% 0%, rgba(238,22,95,.09), rgba(255,255,255,0) 60%), #fff; padding: 30px; box-shadow:0 14px 35px rgba(17,24,39,.06) }
.trkHead { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; padding-bottom:14px; margin-bottom:16px; border-bottom:1px dashed rgba(148,163,184,.32) }
.trkTitle { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:700; color:#0f172a }
.trkTitle i { color:#EE165F }
.trkBadges { display:flex; gap:8px; flex-wrap:wrap; align-items:center }
.trkBadge { font-size:11px; font-weight:800; padding:6px 10px; border-radius:999px; border:1px solid rgba(148,163,184,.24); background:rgba(248,250,252,.65); color:#334155; white-space:nowrap }
.trkBadge.acc { border-color:rgba(238,22,95,.24); background:rgba(238,22,95,.10); color:#9f1239 }
.trkBadge.blue { border-color:rgba(59,130,246,.22); background:rgba(59,130,246,.10); color:#1e3a8a }
.trkBadge.ok { border-color:rgba(16,185,129,.24); background:rgba(16,185,129,.10); color:#065f46 }
.trkBadge.bad { border-color:rgba(239,68,68,.22); background:rgba(239,68,68,.10); color:#991b1b }
.trkHero { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:2px 0 16px 0 }
.trkNow { display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.trkDot { width:18px; height:18px; border-radius:50%; margin: 0 5px 0 -4px; background:#EE165F; box-shadow:0 0 0 5px rgba(238,22,95,.12) }
.trkNow .txt { font-size:14px; font-weight:800; color:#0f172a }
.trkNow .meta { font-size:12px; font-weight:700; color:#64748b }
.trkTime { position:relative; display:flex; flex-direction:column; gap:12px; padding-left:28px; margin-top:4px }
.trkTime:before { content:""; position:absolute; left:4px; top:-15px; bottom:2px; width:2px; background:linear-gradient(to bottom, rgba(238,22,95,.55), rgba(238,22,95,.06)) }
.trkItem { position:relative; display:flex; gap:12px }
.trkNode { position:absolute; left:-32px; top:18px; width:14px; height:14px; border-radius:50%; background:#fff; border:2px solid rgba(238,22,95,.65); box-shadow:0 0 0 6px rgba(238,22,95,.10) }
.trkCard { flex:1 1 auto; border:1px solid rgba(148,163,184,.18); border-radius:14px; padding:14px 14px; background:#fff; box-shadow:0 10px 22px rgba(17,24,39,.05); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease }
.trkRow1 { display:flex; justify-content:space-between; align-items:flex-start; gap:10px }
.trkDesc { font-size:14px; font-weight:700; color:#0f172a }
.trkRight { display:flex; align-items:flex-end; flex-direction:column; gap:6px; min-width:140px }
.trkDateTop { font-size:12px; font-weight:600; color:#64748b; display:flex; align-items:center; gap:7px; white-space:nowrap }
.trkDateTop i { opacity:.85 }
.trkCode { font-size:10px; font-weight:800; padding:5px 10px; border-radius:999px; white-space:nowrap; text-transform:uppercase; letter-spacing:.25px; color:#9f1239; background:rgba(238,22,95,.10); border:1px solid rgba(238,22,95,.24) }
.trkRow2 { margin-top:10px; display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap }
.trkPlace { font-size:12px; font-weight:700; color:#334155 }
.trkEx { margin-top:10px; font-size:12px; font-weight:800; color:#991b1b; background:rgba(239,68,68,.10); border:1px solid rgba(239,68,68,.22); padding:10px 12px; border-radius:14px }
@media(max-width: 900px) { .trkWrap { padding:18px } .trkTime { padding-left:24px } .trkNode { left:-18px } .trkRight { min-width:auto; align-items:flex-start } }
.productTabs .products { padding-left: 0 }
.products .product { background: #fff; position: relative; z-index: 10; padding: 25px 20px; display: table; width: 100%; margin: 0 0 15px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px }
.products .product:hover { border-color: var(--color-accent) }
.products .product:hover .col.name .details { opacity: 1 }
.products .product .col { vertical-align: middle; display: table-cell }
.products .product .col.image { width: 70px; border-right: 1px solid rgba(0,0,0,0.1); padding-right: 25px }
.products .product .col.image img { display: block; width: 65px!important; margin: 0 auto }
.products .product .col.image img.default { opacity: 0.35 }
.products .product .col.name { padding-left: 25px }
.products .product .col.name a { font-size: 15px; font-weight: 500; display: block; color: #000; text-decoration: none }
.products .product .col.name a:hover { color: var(--color-accent) }
.products .product .col.name .details { border-top: 1px solid rgba(0,0,0,0.05); padding-top: 14px; font-size: 90%; margin: 14px 0 0 0 }
.products .product .col.name span { padding: 5px; border-radius: 10px; font-size: 13px; display: block; width: 19%; margin-right: 1%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.products .product .col.name .details:last-of-type span { width: 15% }
.products .product .col.name span .fa { margin-right: 3px }
.products .product .col.name span:last-of-type { margin: 0 }
.products .product .col.name span b { margin-top: 4px; display: block }
.products .product .col.name span b a { font-size: 13px; font-weight: 600; display: inline-block }
.products .product .col.name span.bestPrice { text-align: center; color: #fff; background: #58346c }
.products .product .col.name span.currentPrice { text-align: center; color: #555; background: #f4f6f9 }
.products .product .big { color: #F96C6C }
.underImageDetails .big { color: #F96C6C }
.products .product .small { color: #58346c }
.underImageDetails .small { color: #58346c }
.products .product .ok { color: #39ab63 }
.underImageDetails .ok { color: #39ab63 }
.products .product .big:after { display: inline-block; margin-left: 3px; content: "↓" }
.underImageDetails .big:after { display: inline-block; margin-left: 3px; content: "↓" }
.products .product .small:after { display: inline-block; margin-left: 3px; content: "↑" }
.underImageDetails .small:after { display: inline-block; margin-left: 3px; content: "↑" }
.products .product .ok:after { display: inline-block; margin-left: 3px; content: "✓" }
.underImageDetails .ok:after { display: inline-block; margin-left: 3px; content: "✓" }
.products .product .deleteProduct { position: absolute; top: 20px; right: 20px; }
.products .product .deleteProduct svg { width: 18px }
.products .product .checkProduct { z-index: 50; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); left: -35px }
.products .product .checkProduct input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.products .product .checkProduct .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.products .product .checkProduct .line label:hover input ~ .checkmark { background-color: #ccc }
.products .product .checkProduct input:checked ~ .checkmark { background-color: #344581 }
.products .product .checkProduct .checkmark:after { content: ""; position: absolute; display: none }
.products .product .checkProduct input:checked ~ .checkmark:after { display: block }
.products .product .checkProduct .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.productTabs .tabsContent .overview { position: relative }
.productTabs .tabsContent .overview h4 { margin: 0 0 15px 0; text-align: center; font-size: 17px; color: #444 }
.productTabs .tabsContent .overview .product { display: table; width: 100% }
.productTabs .tabsContent .overview .product .col { display: table-cell; vertical-align: top }
.productTabs .tabsContent .overview .product .col.details { padding-left: 50px; width: 60% }
.productTabs .tabsContent .overview .product .col.image { width: 40% }
.productTabs .tabsContent .overview .product .col.image img { border-radius: 10px; background: #fff; padding: 25px; display: block; width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.productTabs .tabsContent .overview .product .col.image img.default { opacity: 0.25 }
.productTabs .tabsContent .overview .underImageDetails { font-size: 14px }
.productTabs .tabsContent .overview .underImageDetails h4 { border-left: 5px solid #2C2C2C; padding-left: 10px; color: #2C2C2C; margin: 30px 0 10px 0; text-align: left }
.productTabs .tabsContent .overview .underImageDetails a { background: #333; position: absolute; top: -63px; right: 0; display: block; padding: 0 30px 0 50px; line-height: 40px; border-radius: 25px; text-decoration: none; color: #fff; font-weight: 500; font-size: 15px }
.productTabs .tabsContent .overview .underImageDetails a:hover { background: #6d67e1 }
.productTabs .tabsContent .overview .underImageDetails a svg { display: block; position: absolute; left: 19px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px }
.productTabs .tabsContent .overview .underImageDetails span { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 12px 0; display: table; width: 100% }
.productTabs .tabsContent .overview .underImageDetails span:last-of-type { border: 0 }
.productTabs .tabsContent .overview .underImageDetails span b { width: 50%; font-weight: 600; display: table-cell; vertical-align: top }
.productTabs .tabsContent .overview .underImageDetails span b:first-of-type { font-weight: 600; width: 50% }
.productTabs .tabsContent .overview .underImageDetails span b:last-of-type { text-align: right }
/* PIM */
.contentSidebar { display: flex }
.contentSidebar > * + * { margin-left: 20px }
.contentSidebar .sideBar { flex: 0 0 350px; background: #F0F3F6; border-radius: 12px; padding: 20px; position: sticky; top: 180px; height: fit-content; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.contentSidebar.userDashboard .sideBar { flex: 0 0 350px; background: #fff; border-radius: 0; padding: 0 }
.contentSidebar.userDashboard .sideBar .userMenuContainer { background: #F0F3F6; border-radius: 12px; padding: 20px; margin: 0 0 20px 0 }
.contentSidebar.userDashboard .sideBar h2 { font-size: 20px; margin: 0 0 20px 0; font-weight: 600; color: var(--color-general) }
.contentSidebar.userDashboard .sideBar .userMenuContainer h5 { text-align: left; font-weight: 400 }
.contentSidebar.userDashboard .lstbtn { margin: -15px 0 15px 0; text-align: center; border-radius: 5px; border: 1px solid #E1E4EA!important }
.contentSidebar.userDashboard .lstbtn a { font-weight: 600!important }
.contentSidebar.userDashboard .lstbtn span { color: var(--color-accent) }
.contentSidebar.userDashboard .lstbtn a:hover { color: var(--color-accent)!important }
.contentSidebar .sideBar > b { display: block; font-size: 13px; text-transform: uppercase; color: #777; margin: 0 0 12px }
.contentSidebar .sideBar ul { list-style: none; margin: 0; width: 100%; display: block; padding: 0 }
.contentSidebar .sideBar li { margin-bottom: 6px }
.contentSidebar .sideBar li a { color: var(--color-general); position: relative; text-decoration: none }
.contentSidebar .sideBar li a:hover { color: var(--color-accent) }
.contentSidebar .sideBar li a b { background: var(--color-accent); color: #fff; font-size: 11px; font-weight: 600; line-height: 1; padding: 3px 7px; border-radius: 12px; position: absolute; right: 35px; top: 50%; transform: translateY(-50%) }
.contentSidebar .sideBar ul.special li a { border-radius: 8px; font-weight: 600; font-size: 16px; padding: 11px 26px 11px 11px; background: #F6F8F9; border: 1px solid #E1E4EA; display: block }
.contentSidebar .sideBar ul.special li a i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 12px }
.contentSidebar .sideBar ul.special li a img { display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin: -2px 4px 0 0 }
.contentSidebar .sideBar ul.special li a > span { color: var(--color-accent); display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin: -4px 4px 0 0 }
.contentSidebar .sideBar ul.special li a.active { color: var(--color-accent); border-color: #c9ccd2 }
.contentSidebar .sideBar ul.special li a .menuBadge { width: auto; height: auto; margin: 0; display: block; float: right; padding: 5px 8px; margin: 0 8px 0 0; border-radius: 999px; background: #EEF1F5; border: 1px solid #DCE3EC; color: #1C2735; font-size: 12px; font-weight: 800; line-height: 1 }
.contentSidebar .sideBar ul.special li a.active .menuBadge { background: var(--color-accent); border-color: var(--color-accent); color: #fff }
.contentSidebar .sideBar ul.simple { margin: 30px 0 }
.contentSidebar .sideBar ul.simple li { border-bottom: 1px solid #d3d3d3 }
.contentSidebar .sideBar ul.simple li:last-of-type { border-bottom: 0 }
.contentSidebar .sideBar ul.simple li a { font-weight: 400; font-size: 16px; padding: 11px 26px 11px 11px; display: block }
.contentSidebar .sideBar ul.simple li a i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 12px }
.contentSidebar .sideBar ul.simple li a img { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0 }
.contentSidebar .sideBar ul.simple li a > span { display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin: -4px 4px 0 0 }
.contentSidebar .sideBar ul.simple li a.active { font-weight: 700 }
.contentSidebar .sideBar ul.simple li a:hover { color: #555 }
.contentSidebar .sideBar h5 { text-align: center; font-weight: 600; padding: 0; margin: 0 0 20px; font-size: 16px }
.contentSidebar .sideBar h5 b { font-weight: 400 }
.contentSidebar .specialContent { flex: 1 1 auto; min-width: 0 }
.contentSidebar .wh-contact { border-radius: 12px; background: #fff; padding: 20px; color: var(--color-general) }
.contentSidebar .wh-contact .wh-title { font-size: 16px; font-weight: 600; margin: 0 0 8px 0 }
.contentSidebar .wh-contact .wh-sub { font-size: 14px; font-weight: 600 }
.contentSidebar .wh-contact .wh-sub i { font-weight: 400; display: block; margin: 0 }
.contentSidebar .wh-contact .wh-link { margin: 5px 0 0 0; display: block; border-radius: 5px; background: #F6F8F9; border: 1px solid #E1E4EA; padding: 10px 15px; text-decoration: none; color: var(--color-general) }
.contentSidebar .wh-contact .wh-link i { width: 15px; margin-right: 4px; display: inline-block; vertical-align: middle }
.contentSidebar .wh-contact .wh-link:hover { opacity: 0.8 }
.offerHero { background: #fff; border: 1px solid var(--line); padding: 16px; margin: -10px 0 0 0 }
.offerDetailsGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 -15px }
.offerDetailsGrid .box { border: 1px solid rgba(0,0,0,.07); background: rgba(0,0,0,.02); border-radius: 12px; padding: 12px 12px }
.offerDetailsGrid .k { font-size: 12px; color: #667085; line-height: 1.2 }
.offerDetailsGrid .v { font-size: 14px; font-weight: 700; color: #111; margin-top: 4px; line-height: 1.25; word-break: break-word }
.offerDetailsGrid .ttlCount { font-weight: 600; font-size: 12px; opacity: .6; margin-left: 4px }
.offerDetailsGrid .vClamp { display: flex; align-items: center; gap: 8px }
.offerDetailsGrid .vClamp .vInner { flex: 1; min-width: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden }
.offerDetailsGrid .vClamp.expanded .vInner { -webkit-line-clamp: unset }
.offerDetailsGrid .vClamp .vMore { display: none; font-size: 12px; color: var(--color-accent); cursor: pointer; white-space: nowrap }
.offerDetailsGrid .vClamp.hasMore .vMore { display: inline-block }
.offerDetailsGrid .vClamp .vMore { margin-left: auto }
@media(max-width: 980px){
.offerDetailsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media(max-width: 640px){
.offerDetailsGrid { grid-template-columns: 1fr }
.offerHero { padding: 14px }
}
.dtNowrap { white-space: nowrap }
.orderTotalBox { margin-top: -30px; background: #EFF2F5; border: 1px solid #E2E8F0; border-radius: 0 0 12px 12px; padding: 12px 14px }
.orderTotalBox .orderTotalRow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0 }
.orderTotalBox .orderTotalRow span { font-size: 13px; color: #6B7686; font-weight: 700 }
.orderTotalBox .orderTotalRow b { font-size: 13px; color: #111; font-weight: 800; white-space: nowrap }
.orderTotalBox .orderTotalMain { padding-top: 2px }
.orderTotalBox .orderTotalMain span { font-size: 14px; color: #111 }
.orderTotalBox .orderTotalMain b { font-size: 18px; color: #111 }
.orderTotalBox .orderTotalSub { border-top: 1px dashed #E6EAF0 }
.orderTotalBox .orderTotalSub span { font-weight: 600 }
.orderTotalBox .orderTotalSub b { font-weight: 800; color: #1C2735 }
.qtyCol { width: 70px; text-align: center }
.customTable thead th.qtyCol { text-align: center }
.qtyPill { display: block; padding: 4px 5px; text-align: center; border-radius: 5px; font-size: 12px; font-weight: 700; line-height: 1; border: 1px solid transparent }
.qtyPill.isEq { background: rgba(40, 167, 69, .08); border-color: rgba(40, 167, 69, .25); color: #1e7e34 }
.qtyPill.isNeq { background: rgba(220, 53, 69, .08); border-color: rgba(220, 53, 69, .25); color: #b02a37 }
.qtyPill.isZero { background: #F3F4F6; border-color: #E5E7EB; color: #6B7280 }
.netTop { margin-bottom: 14px }
.netTitle { font-size: 22px; font-weight: 800; color: #0b1d45; line-height: 1.15 }
.netDesc { margin-top: 6px; color: #6B7686; font-size: 13px; font-weight: 600 }
.netStats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 18px 0 }
.netStat { background: #F7F9FC; border: 1px solid #EEF1F5; border-radius: 12px; padding: 12px 14px }
.netStat span { display: block; font-size: 12px; color: #6B7686; font-weight: 700; line-height: 1.2 }
.netStat b { display: block; margin-top: 6px; font-size: 20px; font-weight: 900; color: #1C2735; line-height: 1.1 }
.netStat em { display: block; margin-top: 6px; font-size: 12px; color: #6B7686; font-weight: 600; font-style: normal; line-height: 1.2 }
.netGrid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 12px; align-items: start }
.netMap { background: #fff; border: 1px solid #EEF1F5; border-radius: 12px; overflow: hidden }
.netMapHead { padding: 12px 14px; border-bottom: 1px solid #EEF1F5 }
.netMapHead .t { font-weight: 800; color: #1C2735 }
.netMapHead .s { margin-top: 3px; color: #6B7686; font-size: 12px; font-weight: 600 }
.netSide .netCard { background: #fff; border: 1px solid #EEF1F5; border-radius: 12px; padding: 12px 14px }
.netCardHead .t { font-weight: 800; color: #1C2735 }
.netCardHead .s { margin-top: 3px; color: #6B7686; font-size: 12px; font-weight: 600 }
.netTypeList { margin-top: 10px }
.netTypeRow { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,.06) }
.netTypeRow:last-child { border-bottom: 0 }
.netTypeRow .l { font-size: 12px; color: #1C2735; font-weight: 700; line-height: 1.2 }
.netTypeRow .r { display: flex; align-items: baseline; gap: 8px; white-space: nowrap }
.netTypeRow .r b { font-size: 13px; font-weight: 900; color: #0b1d45 }
.netTypeRow .r span { font-size: 11px; font-weight: 700; color: #6B7686 }
.netEmpty { margin-top: 10px; color: #6B7686; font-size: 12px; font-weight: 600 }
@media(max-width:1100px){ .netGrid { grid-template-columns: 1fr } #vmap { height: 520px !important } }
@media(max-width:700px){ .netStats { grid-template-columns: 1fr } #vmap { height: 440px !important } }
.offerStatsWrap { background: #fff; border: 1px solid #d3d3d3; padding: 16px; border-radius: 12px; margin: 0 0 18px 0 }
.offerStatsWrap .statsHead { margin: 0 0 12px 0 }
.offerStatsWrap .statsHead .ttl { font-size: 15px; font-weight: 800; color: #111; line-height: 1.2 }
.offerStatsWrap .statsHead .sub { margin-top: 3px; font-size: 13px; color: #667085 }
.offerStatsWrap .statsGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px }
.offerStatsWrap .statBox { border: 1px solid rgba(0,0,0,.06); border-radius: 12px; background: rgba(0,0,0,.015); padding: 12px 14px }
.offerStatsWrap .statBox .k { font-size: 12px; font-weight: 600; color: #667085; text-transform: uppercase; letter-spacing: .4px }
.offerStatsWrap .statBox .v { margin-top: 4px; font-size: 20px; font-weight: 900; color: #111; line-height: 1.2 }
.offerStatsWrap .statBox .s { margin-top: 5px; font-size: 12px; color: #475467 }
@media(max-width: 1100px){ .offerStatsWrap .statsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media(max-width: 640px){ .offerStatsWrap .statsGrid { grid-template-columns: 1fr } .offerStatsWrap .statBox .v { font-size: 18px } }
.offerProductsTable td.isEditing { padding: 6px 8px }
.offerProductsTable td .dtEditInput { width: 100%; height: 34px; padding: 0 10px; border: 1px solid rgba(0,0,0,.18); border-radius: 10px; outline: none }
.offerProductsTable td.isSaving { opacity: .6 }
.offerProductsTable td.isOk { box-shadow: inset 0 0 0 2px rgba(16,185,129,.35) }
.offerProductsTable td.isError { box-shadow: inset 0 0 0 2px rgba(239,68,68,.35) }
.cellEdit { display: flex; align-items: center; gap: 6px }
.cellEdit input { width: 100%; height: 34px; padding: 0 10px; border: 1px solid rgba(0,0,0,.12); border-radius: 10px; outline: none }
.cellEdit input:focus { border-color: rgba(0,0,0,.28) }
.cellStep { display: flex; align-items: center; gap: 6px }
.cellStep .stepBtn { width: 32px; height: 34px; border-radius: 10px; border: 1px solid rgba(0,0,0,.12); background: #fff; cursor: pointer; font-weight: 700; line-height: 1 }
.cellStep .stepBtn:hover { background: rgba(0,0,0,.04) }
.cellStep .stepBtn:active { transform: scale(.98) }
.cellStep input { width: 110px; text-align: right }
.cellSaving { opacity: .6; pointer-events: none }
.cellErr { box-shadow: 0 0 0 2px rgba(220,38,38,.25) }
.contentSidebar .specialContent .topPart { color: var(--color-general); padding-right: 180px; position: relative }
.contentSidebar .specialContent .topPart.sellerTitle { padding-right: 260px }
.contentSidebar .specialContent .topPart.wTop { margin-top: 40px }
.contentSidebar .specialContent .topPart .topNav { position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.contentSidebar .specialContent .topPart .topNav a { border: 1px solid var(--color-general); border-radius: 12px; font-size: 13px; text-decoration: none; text-transform: uppercase; color: var(--color-general); font-weight: 600; display: block; float: left; margin-left: 8px; padding: 0 20px; line-height: 38px }
.contentSidebar .specialContent .topPart .topNav a i { padding-right: 8px; margin-right: 8px; border-right: 1px solid rgba(0,0,0,0.3) }
.contentSidebar .specialContent .topPart .topNav a:hover { color: #000; background: rgba(52, 59, 116, 0.1); border-color: #000 }
.contentSidebar .specialContent .topPart .topNav a.deleteMain { border: 1px solid #d32f2f; border-radius: 12px; font-size: 13px; text-decoration: none; text-transform: uppercase; color: #c62828; font-weight: 600; display: block; float: left; margin-left: 8px; padding: 0 20px; line-height: 38px; background: rgba(211,47,47,.05); transition: .2s }
.contentSidebar .specialContent .topPart .topNav a.deleteMain i { padding-right: 8px; margin-right: 8px; border-right: 1px solid rgba(198,40,40,.25); transition: .2s }
.contentSidebar .specialContent .topPart .topNav a.deleteMain:hover { background: rgba(211,47,47,.12); border-color: #c62828; color: #a31515 }
.contentSidebar .specialContent .topPart .topNav a.deleteMain:hover i { border-right: 1px solid rgba(198,40,40,.4) }
.contentSidebar .specialContent .topPart .topNav a.deleteMain:active { transform: translateY(1px) }
.contentSidebar .specialContent .topPart a.monday { color: #000; background: #fff; border: 1px solid #d3d3d3 }
.contentSidebar .specialContent .topPart a.monday img { margin-left: 5px; display: inline-block; vertical-align: middle; height: 17px }
.contentSidebar .specialContent .topPart a.monday:hover { background: #f4f6f9 }
.contentSidebar .specialContent .topPart a.confimAI { color: #344581; background: #fff; border: 1px solid #344581 }
.contentSidebar .specialContent .topPart a.confimAI .fa-android { margin: 0 2px; display: inline-block; vertical-align: middle; height: 17px }
.contentSidebar .specialContent .topPart a.confimAI:hover { background: #f4f6f9 }
.contentSidebar .specialContent .topPart a.unConfimAI { color: #555; background: #fff; border: 1px solid #d3d3d3 }
.contentSidebar .specialContent .topPart a.unConfimAI .fa-android { margin: 0 2px; display: inline-block; vertical-align: middle; height: 17px }
.contentSidebar .specialContent .topPart a.unConfimAI:hover { background: #f4f6f9 }
.contentSidebar .specialContent .topPart a.leaveFeedback { color: #555; background: #fff; border: 1px solid #d3d3d3 }
.contentSidebar .specialContent .topPart a.leaveFeedback .fa-android { margin: 0 2px; display: inline-block; vertical-align: middle; height: 17px }
.contentSidebar .specialContent .topPart a.leaveFeedback:hover { background: #f4f6f9 }
.contentSidebar .specialContent .topPart a svg { display: block; position: absolute; left: 19px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px }
.contentSidebar .specialContent .topPart form { margin-left: 10px; float: right; position: relative }
.contentSidebar .specialContent .topPart form input { color: #fff; font-weight: 600; cursor: pointer; padding: 0 20px 0 50px; border: 0; line-height: 40px; text-align: center; height: 40px; border-radius: 12px; background: #2C2C2C }
.contentSidebar .specialContent .topPart form i { position: absolute; color: #fff; left: 22px; top: 50%; transform: translateY(-50%); font-size: 17px }
.contentSidebar .specialContent #inNav { margin-bottom: 20px }
.contentSidebar .specialContent .products .product .deleteProduct { position: relative; top: auto; right: auto }
.contentSidebar .specialContent .filterList { margin: 0 0 25px 0; background: #F0F3F6; padding: 15px 25px }
.contentSidebar .specialContent .filterList .cols2 { position: relative; margin: 15px 0 }
.contentSidebar .specialContent .filterList .cols2 { position: relative; margin: 15px 0 }
.contentSidebar .specialContent .filterList .cols2 .line { width: 48%; float: left; margin: 0 }
.contentSidebar .specialContent .filterList .cols2 .line:last-of-type { float: right }
.contentSidebar .specialContent .filterList .line { position: relative; display: block; margin: 10px 0 }
.contentSidebar .specialContent .filterList .line .text { background: #fff; color: #999; border: 1px solid #e9eaec; line-height: 40px; height: 40px; padding: 0 10px; width: 100% }
.contentSidebar .specialContent .filterList .line .text.wX { padding-left: 35px }
.contentSidebar .specialContent .filterList .line .text:focus { border-color: #d3d3d3; color: #555 }
.contentSidebar .specialContent .filterList .line .search { border-radius: 0 6px 6px 0; text-align: center; border-left: 1px solid #e9eaec; position: absolute; right: 0; top: 0; line-height: 40px; display: block; width: 40px; height: 40px; color: #555 }
.contentSidebar .specialContent .filterList .line .search:hover { color: #344581 }
.contentSidebar .specialContent .filterList .line .cancel { opacity: 0.2; cursor: not-allowed; text-align: right; position: absolute; left: 10px; top: 0; line-height: 40px; display: block; width: 15px; height: 40px; color: #555 }
.contentSidebar .specialContent .filterList .line .cancel.active { opacity: 2; cursor: pointer }
.contentSidebar .specialContent .filterList .line .cancel.active:hover { color: #344581 }
.contentSidebar .specialContent .filterList .wCheck input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.contentSidebar .specialContent .filterList .wChecks input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.contentSidebar .specialContent .filterList .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.contentSidebar .specialContent .filterList .line label:hover input ~ .checkmark { background-color: #ccc }
.contentSidebar .specialContent .filterList .wCheck input:checked ~ .checkmark { background-color: #344581 }
.contentSidebar .specialContent .filterList .checkmark:after { content: ""; position: absolute; display: none }
.contentSidebar .specialContent .filterList .wCheck input:checked ~ .checkmark:after { display: block }
.contentSidebar .specialContent .filterList .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.contentSidebar .specialContent .filterList .line.wCheck label { padding-left: 35px }
.contentSidebar .specialContent .filterList .multipleChecks { margin: 15px 0 5px 0 }
.contentSidebar .specialContent .filterList .multipleChecks .wChecks { margin-right: 25px; float: left }
.contentSidebar .specialContent .filterList .wChecks .line label { font-weight: 400; font-size: 15px; display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.contentSidebar .specialContent .filterList .wChecks .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.contentSidebar .specialContent .filterList .wChecks .line label:hover input ~ .checkmark { background-color: #ccc }
.contentSidebar .specialContent .filterList .wChecks input:checked ~ .checkmark { background-color: #344581 }
.contentSidebar .specialContent .filterList .wChecks .checkmark:after { content: ""; position: absolute; display: none }
.contentSidebar .specialContent .filterList .wChecks input:checked ~ .checkmark:after { display: block }
.contentSidebar .specialContent .filterList .wChecks .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.contentSidebar .specialContent .filterList .extraFilters { display: none; margin-top: 10px; border-radius: 12px; padding: 10px 25px; background: rgba(0,0,0,0.1); margin-bottom: 5px }
.contentSidebar .specialContent .filterList .extraFilters.show { display: block }
.contentSidebar .specialContent .filterList .extraFilters .line label { font-size: 14px; display: block; font-weight: 600; margin: 0 0 5px 0 }
.contentSidebar .specialContent .filterList .extraFilters .line .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(0,0,0,0.2) }
.contentSidebar .specialContent .filterList .extraFilters .line .select2-container .select2-selection--multiple { min-height: 44px }
.contentSidebar .specialContent .filterList .extraFilters .line .select2-container .select2-search--inline .select2-search__field { padding: 5px 0 0 5px }
.contentSidebar .specialContent .filterList .extraFilters .line .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { line-height: 24px }
.contentSidebar .specialContent .filterList .extraFilters .gnrlBtn { border-radius: 12px; margin-top: 0; line-height: 40px; border: 0; width: auto }
.contentSidebar .specialContent .filterList .toggleFilters { display: inline-block; margin: 5px 0; color: var(--color-accent); text-decoration: none }
.contentSidebar .specialContent .filterList .line .text.eans { padding: 20px; line-height: 125%; resize: none; height: 300px }
.contentSidebar .specialContent .listItems .item { position: relative; border: 1px solid #f4f6f9; margin: 5px 0; padding-left: 70px }
.contentSidebar .specialContent .listItems .item:hover { border-color: #d3d3d3; background: rgba(0,0,0,0.01) }
.contentSidebar .specialContent .listItems .item span { line-height: 40px }
.contentSidebar .specialContent .listItems .item a { color: inherit; text-decoration: none }
.contentSidebar .specialContent .listItems .item a:hover { text-decoration: underline }
.contentSidebar .specialContent .listItems .item.obl .nr { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .nr { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; top: 0; left: 0; width: 60px; line-height: 40px; text-align: center; background: rgba(0,0,0,0.03); opacity: 0.5; color: #555; font-weight: 600 }
.contentSidebar .specialContent .listItems .item .nr.type1 { color: #fff; background: #00c164 }
.contentSidebar .specialContent .listItems .item .nr.type2 { color: #fff; background: #910091 }
.contentSidebar .specialContent .listItems .item .nr.type3 { color: #fff; background: #0065ad }
.contentSidebar .specialContent .listItems .item .nr.type4 { color: #fff; background: #7101c1 }
.contentSidebar .specialContent .listItems .item .nr.type5 { background: #999 }
.contentSidebar .specialContent .listItems .item.newEan * { line-height: 40px }
.contentSidebar .specialContent .listItems .item.newEan .nume { padding: 8px 0; float: left; display: block; width: 60%; line-height: 22px }
.contentSidebar .specialContent .listItems .item.newEan .nume * { line-height: 22px }
.contentSidebar .specialContent .listItems .item.newEan .nume b { font-weight: 500 }
.contentSidebar .specialContent .listItems .item .nume i { color: #f96c6c; display: inline-block; margin-left: 10px; font-size: 12px; line-height: 40px }
.contentSidebar .specialContent .listItems .item .options { float: right }
.contentSidebar .specialContent .listItems .item .options a { display: block; float: left; text-decoration: none }
.contentSidebar .specialContent .listItems .item .options span { color: #999; padding: 0 20px; display: block; float: left; text-decoration: none }
.contentSidebar .specialContent .listItems .item .options span.data { background: #f4f6f9; color: #555 }
.contentSidebar .specialContent .listItems .item .options a.opsGeneral { border-left: 1px solid #f4f6f9; width: 100px; padding: 0 15px; font-weight: 500; line-height: 40px; color: #F71963 }
.contentSidebar .specialContent .listItems .item .options a.opsGeneral i { margin-right: 5px }
.contentSidebar .specialContent .listItems .item .options a.opsGeneral:hover { color: #a21343 }
.contentSidebar .specialContent .listItems .item .options a.opsGeneral.empty { color: rgba(0, 0, 0, 0.2) }
.contentSidebar .specialContent .listItems .item .options a.editCharacteristic { margin-left: 2px; width: 40px; line-height: 40px; text-align: center; background: rgba(141, 170, 200, 0.1); color: #344581 }
.contentSidebar .specialContent .listItems .item .options a.editCharacteristic:hover { background: #344581; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.viewLogo { margin-left: 2px; width: 40px; line-height: 40px; text-align: center; background: rgba(141, 170, 200, 0.1); color: #344581 }
.contentSidebar .specialContent .listItems .item .options a.viewLogo:hover { background: #344581; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.deleteCharacteristic { margin-left: 2px; font-size: 17px; width: 40px; line-height: 40px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.contentSidebar .specialContent .listItems .item .options a.deleteCharacteristic:hover { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.deleteBrandOptionsValue { margin-left: 2px; font-size: 17px; width: 40px; line-height: 40px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.contentSidebar .specialContent .listItems .item .options a.deleteBrandOptionsValue:hover { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.deleteUser { margin-left: 2px; font-size: 17px; width: 40px; line-height: 40px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.contentSidebar .specialContent .listItems .item .options a.deleteUser:hover { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.deleteClient { margin-left: 2px; font-size: 17px; width: 40px; line-height: 40px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.contentSidebar .specialContent .listItems .item .options a.deleteClient:hover { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.delBtn { margin-left: 2px; font-size: 17px; width: 40px; line-height: 40px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.contentSidebar .specialContent .listItems .item .options a.delBtn:hover { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.editBrand { margin-left: 2px; width: 40px; line-height: 40px; text-align: center; background: rgba(141, 170, 200, 0.1); color: #344581 }
.contentSidebar .specialContent .listItems .item .options a.editBrand:hover { background: #344581; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.viewFile { margin-left: 2px; width: 40px; line-height: 40px; text-align: center; background: rgba(141, 170, 200, 0.1); color: #344581 }
.contentSidebar .specialContent .listItems .item .options a.viewFile:hover { background: #344581; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.deleteButton { margin-left: 2px; font-size: 17px; width: 40px; line-height: 40px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.contentSidebar .specialContent .listItems .item .options a.deleteButton:hover { background: #f96c6c; color: #fff }
.contentSidebar .specialContent .listItems .item .options a.editButon { margin-left: 2px; width: 40px; line-height: 40px; text-align: center; background: rgba(141, 170, 200, 0.1); color: #344581 }
.contentSidebar .specialContent .listItems .item .options a.editButon:hover { background: #344581; color: #fff }
.contentSidebar .specialContent .listItems .item .likeEq { display: block; float: left; width: 45% }
.contentSidebar .specialContent .listItems .item .likeEq .color { border: 1px dashed #d3d3d3; display: block; width: 100px; margin-top: 7px; height: 25px }
.contentSidebar .specialContent .listItems .item .likeEq .multiline { position: relative; white-space: nowrap; overflow-x: scroll; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.contentSidebar .specialContent .listItems .item .likeEq input { padding: 0 5px; line-height: 28px; text-align: center; width: 150px; border: 1px solid #ababab; border-radius: 6px }
.contentSidebar .specialContent .listItems .item .likeEq input:focus { border-color: #344581 }
.contentSidebar .specialContent .productTabs .tabsController { white-space: nowrap; overflow-x: auto; margin: 0 0 15px 0 }
.contentSidebar .specialContent .productTabs .tabsController a { margin: 0 -2px 0 0; position: relative; background: rgba(0,0,0,0.05); color: var(--color-general); text-decoration: none; padding: 0 20px; font-weight: 500; font-size: 14px; line-height: 45px; display: inline-block }
.contentSidebar .specialContent .productTabs .tabsController a:hover { background: #e8e8e8 }
.contentSidebar .specialContent .productTabs .tabsController a.active { background: var(--color-accent); color: #fff }
.contentSidebar .specialContent .productTabs .tabsController a span { opacity: 0.8; border-left: 1px solid rgba(0,0,0,0.2); line-height: 15px; padding-left: 12px; margin-left: 7px; display: inline-block }
.contentSidebar .specialContent .productTabs .tabsController a.active span { border-color: rgba(255,255,255,0.3) }
.contentSidebar .specialContent .productTabs .tabsController a:first-of-type { border-radius: 6px 0 0 6px }
.contentSidebar .specialContent .productTabs .tabsController a:last-of-type { border-radius: 0 6px 6px 0 }
.contentSidebar .specialContent .itemsGeneralOps { margin-top: 10px }
.contentSidebar .specialContent .itemsGeneralOps a { float: left; margin-right: 10px; text-decoration: none; cursor: pointer; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 13px; line-height: 35px; display: block; letter-spacing: 1px; background: #344581; border: 0; box-shadow: none; padding: 0 10px }
.contentSidebar .specialContent .itemsGeneralOps a .fa { margin-right: 3px }
.contentSidebar .specialContent .itemsGeneralOps a.cloneSelection { background: #9d3bb1 }
.contentSidebar .specialContent .itemsGeneralOps a.deleteSelection { background: #f96c6c }
.contentSidebar .specialContent .itemsGeneralOps a:hover { opacity: 0.7 }
.contentSidebar .specialContent .itemsGeneralOps a.disabled { opacity: 0.3; cursor: not-allowed }
.contentSidebar .specialContent .productTabs .tabsContent { border-radius: 12px; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.contentSidebar .specialContent .productTabs .tabsContent #editProduct * { font-size: 100% }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike { display: table; width: 100% }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine { display: table-row }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine .col { border: 1px solid #d3d3d3; padding: 10px; display: table-cell; vertical-align: middle }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine .col:first-of-type { width: 20% }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine .col:last-of-type { width: 15% }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine.head .col { font-weight: 600; background: #f4f6f9 }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine a { text-decoration: none }
.contentSidebar .specialContent .productTabs .tabsContent .tableLike .logLine a:hover { opacity: 0.7 }
.contentSidebar .specialContent .productTabs .tabsContent .overview {}
.contentSidebar .specialContent .productTabs .tabsContent .overview h4 { margin: 20px 0 15px 0; text-align: left; font-size: 17px; color: #444 }
.contentSidebar .specialContent .productTabs .tabsContent .overview h4:first-of-type { margin-top: 0 }
.contentSidebar .specialContent .productTabs .tabsContent .overview .cards .card { border-radius: 6px; padding: 15px; box-shadow: 0 0 8px rgba(0,0,0,0.1); margin: 0 0 5px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.contentSidebar .specialContent .productTabs .tabsContent .overview .cards .card span { display: block }
.contentSidebar .specialContent .productTabs .tabsContent .overview .cards .card span:first-of-type { color: #344581; font-weight: 600; margin: 0 0 5px 0; font-size: 14px }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product { margin: 0 0 20px 0; display: table; width: 100% }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product .col { display: table-cell; vertical-align: top }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product .col.details { padding-left: 40px; width: 50% }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product .col.image { width: 50% }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product .col.image img { display: block; width: 80%; margin: 0 auto }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product .col.image img.default { opacity: 0.25 }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product a { color: #344581; text-decoration: none }
.contentSidebar .specialContent .productTabs .tabsContent .overview .product a:hover { opacity: 0.7 }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails { margin-top: 20px }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails span { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 12px 0; display: table; width: 100% }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails span:last-of-type { border: 0 }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails span b { width: 50%; font-weight: 400; display: table-cell; vertical-align: top }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails span b:first-of-type { font-weight: 600; width: 30% }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails span b:first-of-type a { font-weight: 400 }
.contentSidebar .specialContent .productTabs .tabsContent .overview .underImageDetails span b:last-of-type { text-align: right }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div { box-shadow: 0 0 8px rgba(0,0,0,0.1); position: relative; margin: 0 2% 2% 0; display: block; float: left; width: 23.5%; text-decoration: none; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div:nth-child(4n+4) { margin-right: 0 }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div:first-of-type { border: 2px solid gold }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div img { display: block; width: 100% }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div:hover { border-color: #d3d3d3 }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .sizeBar { margin-top: 10px; display: block; text-align: center; background: #f4f6f9; color: #555; padding: 5px 0 }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .sizeBar.error { background: red; color: #fff }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations { position: absolute; top: 15px; right: 15px }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations a { margin-left: 3px; font-size: 14px; float: left; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: #3bb156; color: #fff; text-decoration: none; border-radius: 50% }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations a:hover { background: #309147 }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations a.deleteImage { background: #f96c6c }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations a.deleteImage:hover { background: #cc5050 }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations a.markCopyright { background: #f96cdf }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .operations a.markCopyright:hover { background: #8e2c7c }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div .copyrighted { display: none; background: #f96cdf; color: #fff; font-size: 10px; padding: 2px 4px; position: absolute; left: 15px; top: 20px; z-index: 10 }
.contentSidebar .specialContent .productTabs .tabsContent .productImages > div.copyrighted .copyrighted { display: block }
.contentSidebar .specialContent .types a { display: block; border-radius: 6px; width: 23.5%; color: #fff; text-decoration: none; padding: 25px 0; float: left; text-align: center; background: #344581; margin: 0 2% 2% 0 }
.contentSidebar .specialContent .types a:hover { background: #1480af }
.contentSidebar .specialContent .types a:nth-child(4n+4) { margin-right: 0 }
.contentSidebar .specialContent .types a span { margin-bottom: 10px; color: rgba(255,255,255,0.9); font-size: 40px; display: block; line-height: 50px; }
.localisationTable{width:100%;max-width:1200px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#fff}.scroll-area{max-height:300px;overflow-y:auto;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.localisationTable table{width:100%;border-collapse:collapse}.localisationTable td,.localisationTable th{padding:12px 20px;text-align:left}.localisationTable th{background-color:#343a40;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:.5px;position:sticky;top:0;z-index:1}.localisationTable tr:nth-child(2n){background-color:#f8f9fa}.localisationTable tr:hover{background-color:#e2f0ff}.localisationTable td.code{font-weight:700;color:#2c3e50;width:10%}td.code img{width:20px;margin-right:4px;margin-top:-3px;vertical-align:middle;height:13px;border-radius:2px;object-fit:cover;border:1px solid #ccc}
.contentSidebar .specialContent .nothing { border-radius: 6px; border: 1px dashed #d3d3d3; opacity: 0.8; text-align: center; font-style: italic; font-size: 15px; line-height: 40px; padding: 25px; margin: 0 }
.contentSidebar .specialContent .nothing .noRRP { font-style: normal; text-decoration: none; font-weight: 600; display: block; margin-top: -15px; color: var(--color-general) }
.contentSidebar .specialContent .nothing .confirmRRP { font-style: normal; text-decoration: none; font-weight: 600; display: block; color: var(--color-general) }
.contentSidebar .specialContent .nothing .finishSearch { font-style: normal; text-decoration: none; font-weight: 600; display: block; margin-top: -20px; color: var(--color-general) }
.contentSidebar .specialContent .nothing .inf { margin-top: -20px; display: block }
.contentSidebar .specialContent .dashBox { position: relative; border-radius: 25px; box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 20px 25px }
.contentSidebar .specialContent .dashBox.plain { padding: 0; box-shadow: none }
.contentSidebar .specialContent .dashBox .dashLine { border-bottom: 1px solid rgba(0,0,0,0.05) }
.contentSidebar .specialContent .dashBox .dashLine:last-of-type { border: 0 }
.contentSidebar .specialContent .dashBox .dashLine { color: #000; display: block; text-decoration: none; padding: 10px 0 }
.contentSidebar .specialContent .dashBox .dashLine span { border-left: 1px solid rgba(0,0,0,0.1); padding-left: 20px; width: 150px; float: right }
.contentSidebar .specialContent .dashBox .dashLine.small span { text-align: center; width: 170px }
.contentSidebar .specialContent .dashBox .dashLine a { white-space: nowrap; vertical-align: middle; display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 500px; border-bottom: 1px dashed #344581; padding: 0; color: #344581 }
.contentSidebar .specialContent .dashBox a { border-bottom: 1px solid rgba(0,0,0,0.05); color: #000; display: block; text-decoration: none; padding: 10px 0 }
.contentSidebar .specialContent .dashBox a:last-of-type { border-bottom: 0 }
.contentSidebar .specialContent .dashBox a span { border-left: 1px solid rgba(0,0,0,0.1); padding-left: 20px; width: 150px; float: right }
.contentSidebar .specialContent .dashBox a span.red { color: #f96c6c }
.contentSidebar .specialContent .dashIndicators { margin: 0 0 40px 0 }
.contentSidebar .specialContent .dashIndicators .dashIndicator { border-radius: 12px; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.1); display: block; padding: 20px 20px 30px 20px; border-bottom: 3px solid #3bb156; width: 31%; float: left; margin-right: 2.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.contentSidebar .specialContent .dashIndicators .dashIndicator:nth-child(2) { border-color: #f96c6c }
.contentSidebar .specialContent .dashIndicators .dashIndicator:nth-child(3) { border-color: #344581 }
.contentSidebar .specialContent .dashIndicators .dashIndicator:nth-child(3n+3) { margin-right: 0 }
.contentSidebar .specialContent .dashIndicators .dashIndicator .dashIndicatorTitle { }
.contentSidebar .specialContent .dashIndicators .dashIndicator .dashIndicatorValue { margin-top: 10px; position: relative; line-height: 50px; font-size: 40px; font-weight: 600 }
.contentSidebar .specialContent .dashIndicators .dashIndicator .dashIndicatorValue .percent { position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: 0.5; font-size: 20px; font-weight: 400 }
.contentSidebar .specialContent .dashIndicators .dashIndicator .dashIndicatorValue a { font-weight: 400; position: absolute; bottom: -35px; left: 0; text-decoration: none; color: #344581; display: block; font-size: 12px }
.contentSidebar .specialContent .products { padding-left: 35px }
.contentSidebar .specialContent.noPadding .products { padding-left: 0 }
.contentSidebar .specialContent .productTabs .products { padding-left: 0 }
.contentSidebar .specialContent .products .product { background: #fff; position: relative; z-index: 10; border-left: 2px solid #fff; padding: 15px; display: table; width: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.1); margin: 0 0 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.contentSidebar .specialContent .products .product:hover { border-color: #d3d3d3 }
.contentSidebar .specialContent .products .product .col { vertical-align: middle; display: table-cell }
.contentSidebar .specialContent .products .product .col.image { width: 50px; border-right: 1px solid rgba(0,0,0,0.1); padding-right: 15px }
.contentSidebar .specialContent .products .product .col.image img { display: block; width: 50px!important; margin: 0 auto }
.contentSidebar .specialContent .products .product .col.image img.default { opacity: 0.35 }
.contentSidebar .specialContent.noPadding .products .product .col.image { width: 100px }
.contentSidebar .specialContent.noPadding .products .product .col.image img { width: 100px!important }
.contentSidebar .specialContent .products .product .col.name { padding-left: 15px }
.contentSidebar .specialContent .products .product .col.name a { font-size: 105%; font-weight: 500; display: block; color: #000; text-decoration: none }
.contentSidebar .specialContent .products .product .col.name a.nm { padding-right: 50px }
.contentSidebar .specialContent .products .product .col.name a:hover { color: #344581 }
.contentSidebar .specialContent .products .product .col.name .details { border-top: 1px solid rgba(0,0,0,0.05); padding-top: 15px; font-size: 90%; margin: 15px 0 0 0 }
.contentSidebar .specialContent .products .product .col.name span { display: block; width: 18%; float: left }
.contentSidebar .specialContent .products .product .col.name span:first-of-type { width: 15% }
.contentSidebar .specialContent .products .product .col.name span .fa { margin-right: 3px }
.contentSidebar .specialContent .products .product .col.name span b { margin-top: 4px; display: block }
.contentSidebar .specialContent .products .product .col.name span b a { display: inline-block }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons { margin-top: 5px; float: right }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons a { border-radius: 50%; background: #f96c6c; font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 30px; display: block; color: #fff; float: left; margin-left: 4px }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons a.editProduct { background: #3bb156 }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons a.cloneProduct { background: #9d3bb1 }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons a:hover { opacity: 0.7 }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons .percent { margin-right: 10px; border-radius: 30px; background: #f96c6c; font-size: 12px; width: 60px; height: 30px; text-align: center; line-height: 30px; display: block; color: #fff; float: left; margin-left: 4px }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons .percent.done { background: #3bb156 }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons .percent.med2 { background: #bea426 }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons .percent.med1 { background: #c830d0 }
.contentSidebar .specialContent .products .product .col.name .details .outsideButtons .percent.low { background: #bb0a0a }
.itemsGeneralOps .checkProduct { margin-top: 5px; width: 25px; height: 25px; margin-right: 10px; float: left; position: relative }
.itemsGeneralOps .checkProduct input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.itemsGeneralOps .checkProduct .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.itemsGeneralOps .checkProduct .line label:hover input ~ .checkmark { background-color: #ccc }
.itemsGeneralOps .checkProduct input:checked ~ .checkmark { background-color: #344581 }
.itemsGeneralOps .checkProduct .checkmark:after { content: ""; position: absolute; display: none }
.itemsGeneralOps .checkProduct input:checked ~ .checkmark:after { display: block }
.itemsGeneralOps .checkProduct .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.contentSidebar .specialContent .paginatie { text-align: center; width: 100%; list-style: none }
.contentSidebar .specialContent .paginatie li { color: #666; font-size: 14px; font-weight: 600; vertical-align: top; display: inline-block }
.contentSidebar .specialContent .paginatie li a, .contentSidebar .specialContent .paginatie li span { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; background: none; -moz-transition: all 0.25s ease-in-out; margin: 0 3px 3px 0; display: block; padding: 0 10px; line-height: 35px; border-bottom: 2px solid #f4f6f9; color: #b8b8b8; text-decoration: none }
.contentSidebar .specialContent .paginatie li a:hover { border-color: #d3d3d3 }
.contentSidebar .specialContent .paginatie li a.gri { border-color: #f71963; color: #f71963 }
.contentSidebar .specialContent .rezPart { position: relative; padding: 20px; background: #fff; margin: 50px 0 20px 0; box-shadow: 0 0 18px rgba(0,0,0,0.15) }
.contentSidebar .specialContent .rezPart .rezPartSubcats { padding: 20px; background: #fff; margin: 0 0 10px 0; box-shadow: 0 0 18px rgba(0,0,0,0.15) }
.contentSidebar .specialContent .rezPart .rezPartSubcats h4 { font-size: 17px; margin: 0 0 10px 0 }
.contentSidebar .specialContent .rezPart .rezPartSubcats h4:after { display: none }
.contentSidebar .specialContent .rezPart h2 { text-transform: uppercase; position: relative; color: #555; font-size: 25px; line-height: 25px; font-weight: 700; position: absolute; left: 0; top: -30px; opacity: 0.6 }
.contentSidebar .specialContent .rezPart .line { font-size: 15px; border: 1px solid #f4f6f9; vertical-align: top; display: inline-block; margin: 5px; padding: 15px }
.contentSidebar .specialContent .rezPart .line:hover { border-color: #d3d3d3 }
.contentSidebar .specialContent .rezPart .line label { margin: 0; font-size: 14px; display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.contentSidebar .specialContent .rezPart input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
.contentSidebar .specialContent .rezPart .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
.contentSidebar .specialContent .rezPart .line label:hover input ~ .checkmark { background-color: #ccc }
.contentSidebar .specialContent .rezPart input:checked ~ .checkmark { background-color: #344581 }
.contentSidebar .specialContent .rezPart .checkmark:after { content: ""; position: absolute; display: none }
.contentSidebar .specialContent .rezPart input:checked ~ .checkmark:after { display: block }
.contentSidebar .specialContent .rezPart .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.contentSidebar .specialContent #nameRuleCat { padding: 20px; background: #fff; margin-top: 30px; box-shadow: 0 0 18px rgba(0,0,0,0.15) }
.contentSidebar .specialContent #nameRuleCat h2 { position: relative; color: #344581; font-size: 20px; line-height: 20px; margin: 0 0 40px 0; font-weight: 600 }
.contentSidebar .specialContent #nameRuleCat h2:after { content: ""; display: block; width: 50px; height: 2px; background: #344581; position: absolute; left: 0; bottom: -20px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions { position: relative; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 16px 20px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions div { position: relative; z-index: 10; background: #fff; cursor: pointer; display: inline-block; border: 1px solid #d3d3d3; font-size: 11px; padding: 5px 8px; margin: 3px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions div:hover { background: #d3d3d3; color: #555 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions.o2 { min-height: 30px; background: #344581; margin-top: 20px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions.o2 div { border-color: #fff }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions.o2 div:hover { border-color: #d3d3d3; background: #d3d3d3; color: #555 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions.o2:after { white-space: nowrap; text-transform: uppercase; opacity: 0.15; font-size: 25px; font-weight: 600; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; content: "Drag from above to create the naming rule!"; color: #fff; z-index: 1 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorOptions .dragger { background: rgba(255,255,255,0.5); border-radius: 6px; border: 1px dashed #d3d3d3; vertical-align: middle!important; padding: 0!important; height: 16px; width: 80px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText { position: relative; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 16px 20px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText div { position: relative; z-index: 10; background: #fff; cursor: pointer; display: inline-block; border: 1px solid #d3d3d3; font-size: 11px; padding: 5px 8px; margin: 3px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText div:hover { background: #d3d3d3; color: #555 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText.o2 { min-height: 30px; background: #344581; margin-top: 20px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText.o2 div { border-color: #fff }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText.o2 div:hover { border-color: #d3d3d3; background: #d3d3d3; color: #555 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText .text { background: #fff; color: #999; border: 0; line-height: 40px; height: 40px; padding: 0 10px; width: 100% }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText .text:focus { border-color: #d3d3d3; color: #555 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText textarea.text { resize: none; line-height: 120%; padding: 10px; height: 90px }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText h2 { font-weight: 600; font-size: 16px; color: #fff; margin: 0 0 10px 0 }
.contentSidebar .specialContent #nameRuleCat .formator .formatorText h2:after { display: none }
.contentSidebar .specialContent #typeRule { border-radius: 12px; padding: 20px; background: #fff; margin-top: 30px; box-shadow: 0 0 18px rgba(0,0,0,0.15) }
.contentSidebar .specialContent #typeRule h2 { text-align: center; position: relative; color: #344581; font-size: 18px; line-height: 20px; margin: 0 0 10px 0; font-weight: 600 }
.contentSidebar .specialContent #typeRule .formator .formatorOptions { border-radius: 12px; position: relative; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 16px 20px }
.contentSidebar .specialContent #typeRule .formator .formatorOptions div { position: relative; z-index: 10; background: #fff; cursor: pointer; display: inline-block; border: 1px solid #d3d3d3; font-size: 11px; padding: 5px 8px; margin: 3px }
.contentSidebar .specialContent #typeRule .formator .formatorOptions div:hover { background: #d3d3d3; color: #555 }
.contentSidebar .specialContent #typeRule .formator .formatorOptions.o0 { min-height: 30px; background: #344581; margin-bottom: 20px }
.contentSidebar .specialContent #typeRule .formator .formatorOptions.o0 div { border-color: #fff }
.contentSidebar .specialContent #typeRule .formator .formatorOptions.o0 div:hover { border-color: #d3d3d3; background: #d3d3d3; color: #555 }
.contentSidebar .specialContent #typeRule .formator .formatorOptions.o0:after { white-space: nowrap; text-transform: uppercase; opacity: 0.15; font-size: 25px; font-weight: 600; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; content: "Drag below to set the characteristic's group!"; color: #fff; z-index: 1 }
.contentSidebar .specialContent #typeRule .formator .formatorOptions .dragger { background: rgba(255,255,255,0.5); border-radius: 6px; border: 1px dashed #d3d3d3; vertical-align: middle!important; padding: 0!important; height: 16px; width: 80px }
.contentSidebar .specialContent #typeRule .cols5 .formator { margin-right: 1.2%; width: 19%; float: left }
.contentSidebar .specialContent #typeRule .cols5 .formator:last-of-type { margin-right: 0 }
.contentSidebar .specialContent #typeRule .cols5 .formator .formatorOptions { min-height: 300px }
.contentSidebar .specialContent #typeRule .cols5 .formator .formatorOptions div { text-align: center; margin: 3px 0; display: block }
.contentSidebar .specialContent #typeRule .cols5 .formator .formatorOptions .dragger { width: 100% }
.existingOptions { max-height: 600px; overflow: scroll }
.existingOptions .subItem { position: relative; border: 1px solid #f4f6f9; margin: 5px 0; padding-left: 45px }
.existingOptions .subItem:hover { border-color: #d3d3d3; background: rgba(0,0,0,0.01) }
.existingOptions .subItem span { line-height: 35px }
.existingOptions .subItem input { line-height: 35px; height: 35px; display: block; float: left; padding: 0; width: 80%; border: none; background: #fff }
.existingOptions .subItem input:focus { color: #000 }
.existingOptions .subItem .nr { position: absolute; top: 0; left: 0; width: 35px; line-height: 35px; text-align: center; background: rgba(0,0,0,0.03); opacity: 0.5; color: #555; font-weight: 600 }
.existingOptions .subItem .options { float: right }
.existingOptions .subItem .options a { display: block; float: left; text-decoration: none }
.existingOptions .subItem .options a.deleteCharacteristicOption { margin-left: 2px; font-size: 15px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingOptions .subItem .options a.deleteCharacteristicOption:hover { background: #f96c6c; color: #fff }
.existingOptions .subItem .options a.deleteBrandOptionsValue { margin-left: 2px; font-size: 15px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingOptions .subItem .options a.deleteBrandOptionsValue:hover { background: #f96c6c; color: #fff }
.existingOptions .subItem .options a.deleteBrandBrandline { margin-left: 2px; font-size: 15px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingOptions .subItem .options a.deleteBrandBrandline:hover { background: #f96c6c; color: #fff }
.existingBrandsOptionsValues { max-height: 600px; overflow: scroll }
.existingBrandsOptionsValues .subItem { position: relative; border: 1px solid #f4f6f9; margin: 5px 0; padding-left: 45px }
.existingBrandsOptionsValues .subItem:hover { border-color: #d3d3d3; background: rgba(0,0,0,0.01) }
.existingBrandsOptionsValues .subItem span { line-height: 35px }
.existingBrandsOptionsValues .subItem input { line-height: 35px; height: 35px; display: block; float: left; padding: 0; width: 80%; border: none; background: #fff }
.existingBrandsOptionsValues .subItem input:focus { color: #000 }
.existingBrandsOptionsValues .subItem .nr { position: absolute; top: 0; left: 0; width: 35px; line-height: 35px; text-align: center; background: rgba(0,0,0,0.03); opacity: 0.5; color: #555; font-weight: 600 }
.existingBrandsOptionsValues .subItem .options { float: right }
.existingBrandsOptionsValues .subItem .options a { display: block; float: left; text-decoration: none }
.existingBrandsOptionsValues .subItem .options a.deleteCharacteristicOption { margin-left: 2px; font-size: 15px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingBrandsOptionsValues .subItem .options a.deleteCharacteristicOption:hover { background: #f96c6c; color: #fff }
.existingBrandsOptionsValues .subItem .options a.deleteBrandOptionsValue { margin-left: 2px; font-size: 15px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingBrandsOptionsValues .subItem .options a.deleteBrandOptionsValue:hover { background: #f96c6c; color: #fff }
.existingBrandsOptionsValues .subItem .options a.deleteBrandBrandline { margin-left: 2px; font-size: 15px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingBrandsOptionsValues .subItem .options a.deleteBrandBrandline:hover { background: #f96c6c; color: #fff }
.existingBrandline { max-height: 600px; overflow: scroll }
.existingBrandline .subItem { position: relative; border: 1px solid #f4f6f9; margin: 5px 0; padding-left: 45px }
.existingBrandline .subItem:hover { border-color: #d3d3d3; background: rgba(0,0,0,0.01) }
.existingBrandline .subItem span { line-height: 35px }
.existingBrandline .subItem input { color: #888; line-height: 35px; height: 35px; display: block; float: left; padding: 0; width: 55%; border: none; background: #fff }
.existingBrandline .subItem select { color: #888; line-height: 35px; height: 35px; display: block; float: left; padding: 0; border: none; background: #fff }
.existingBrandline .subItem input.last { width: 15%; text-align: center; border-left: 1px solid #f4f6f9 }
.existingBrandline .subItem select.last { width: 15%; text-align: center; border-left: 1px solid #f4f6f9 }
.existingBrandline .subItem input:focus { color: #000 }
.existingBrandline .subItem .nr { position: absolute; top: 0; left: 0; width: 35px; line-height: 35px; text-align: center; background: rgba(0,0,0,0.03); opacity: 0.5; color: #555; font-weight: 600 }
.existingBrandline .subItem .options { float: right }
.existingBrandline .subItem .options a { display: block; float: left; text-decoration: none }
.existingBrandline .subItem .options a.deleteCharacteristicOption { margin-left: 2px; font-size: 13px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingBrandline .subItem .options a.deleteCharacteristicOption:hover { background: #f96c6c; color: #fff }
.existingBrandline .subItem .options a.deleteBrandBrandline { margin-left: 2px; font-size: 13px; width: 35px; line-height: 35px; text-align: center; background: rgba(249, 193, 193, 0.1); color: #f96c6c }
.existingBrandline .subItem .options a.deleteBrandBrandline:hover { background: #f96c6c; color: #fff }
.insightsContainer .topsFilter { display:flex; gap:12px; align-items:center; margin:8px 0 16px 0; flex-wrap:wrap }
.insightsContainer .topsFilter label { font-weight:600 }
.insightsContainer .topsFilter select { padding:6px 8px; border:1px solid #ddd; border-radius:8px }
.insightsContainer .insightsBox { padding:25px; border:1px solid #e2e8f0; border-radius:12px; margin:0 0 12px 0; overflow:hidden; background:#fff; box-shadow:0 2px 12px rgba(2,6,23,.04) }
.insightsContainer .dashBoxHead { border-radius:12px; overflow:hidden; margin:0 0 15px 0; padding:15px 18px; border:1px solid #e2e8f0; background:linear-gradient(0deg,rgba(2,6,23,.02),rgba(2,6,23,.02)),#fff; font-size:15px; font-weight:600; color:var(--color-general); display:flex; justify-content:space-between; align-items:center; gap:8px }
.insightsContainer .dashBoxHead span { font-weight:400; opacity:.7; margin-left:6px }
.insightsContainer .csvBtn { padding:6px 10px; border:1px solid #ddd; border-radius:8px; background:#fff; cursor:pointer }
.insightsContainer .csvBtn:hover { background:#f6f6f6 }
.insightsContainer .loader { padding:20px; text-align:center }
.insightsContainer .dashIndicatorTitle { font-size:13px; color:#334155; margin-bottom:6px }
.insightsContainer .dashIndicatorValue { font-size:22px; font-weight:700; color:var(--color-general) }
.insightsContainer .dashIndicator.slim { padding:16px }
.insightsContainer table.customTable.insightsTable td.right { text-align:right }
.insightsContainer table.customTable.insightsTable .center { text-align:center }
.modal { padding: 35px!important; min-width: 900px; max-width: 100%; display: none }
.modal .modTitle { position: relative; margin-bottom: 35px; color: #222; font-size: 18px; line-height: 21px; font-weight: 600 }
.modal .modTitle:after { content: ""; display: block; width: 50px; height: 2px; background: #344581; position: absolute; left: 0; bottom: -15px }
.modal .sort { margin-bottom: 5px }
.modal .sort .fa { display: block; float: left; width: 5%; text-align: center; border: 1px solid #d3d3d3; color: #344581; border-right: 0; border-radius: 6px 0 0 6px; line-height: 38px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.modal .sort .orderModal {border-radius: 0 6px 6px 0; border: 1px solid #d3d3d3; line-height: 40px; height: 40px; padding: 0 10px; display: block; background: #fff; width: 95% }
.modal .lineLogPopupTable { display: table; width: 100%; min-width: 600px }
.modal .lineLogPopupTable .lineLogPopup { display: table-row; width: 100%; min-width: 500px }
.modal .lineLogPopupTable .lineLogPopup .col { display: table-cell; padding: 10px; border: 1px solid #d3d3d3; padding: 8px }
#uploadForm.errors .inside {
background: #fef2f2;
border: 1px solid #fca5a5;
color: #991b1b;
padding: 16px 20px;
margin: 15px 0;
border-radius: 10px;
font-size: 14px;
line-height: 1.5;
font-family: system-ui, sans-serif;
white-space: pre-line;
box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
#uploadForm.errors .inside:before {
content: "⚠ Upload Errors:";
display: block;
font-weight: 600;
margin-bottom: 8px;
font-size: 15px;
}
#charsSubSubCategory { }
#charsSubSubCategory .line { font-size: 15px; box-shadow: 0 0 8px rgba(0,0,0,0.05); margin: 10px 0; padding: 15px }
#charsSubSubCategory .line:hover { box-shadow: 0 0 8px rgba(0,0,0,0.15) }
#charsSubSubCategory .line label { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
#charsSubSubCategory input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 }
#charsSubSubCategory .checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 25px; width: 25px; background-color: #eee }
#charsSubSubCategory .line label:hover input ~ .checkmark { background-color: #ccc }
#charsSubSubCategory input:checked ~ .checkmark { background-color: #344581 }
#charsSubSubCategory .checkmark:after { content: ""; position: absolute; display: none }
#charsSubSubCategory input:checked ~ .checkmark:after { display: block }
#charsSubSubCategory .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.formPim .line label sup { border-radius: 0; background: none; padding: 0; color: red; font-size: small; vertical-align: top }
.formPim .line .info { font-size: 12px; font-style: italic; color: #555; margin: 4px 0 0 0 }
.formPim input[type="color"].text { overflow: hidden; padding: 8px }
.formPim .notTop { margin-top: 0!important }
.formPim .line:last-of-type { margin-bottom: 0!important }
.formPim .text.error { border-color: red }
.formPim .text:focus { border-color: #d3d3d3; color: #555 }
.formPim textarea.text { resize: none; line-height: 140%; padding: 10px; height: 90px }
.formPim .select2-container--default * { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out }
.formPim .select2-container--default .select2-selection--multiple { padding: 4px; border-color: #e9eaec; min-height: 40px }
.formPim .select2-container--default .select2-search--inline .select2-search__field { color: #999; height: 20px; line-height: 20px }
.formPim .select2-container--default .select2-search--inline .select2-search__field:focus { color: #555 }
.formPim .select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 2px }
.formPim .select2-container--default .select2-selection--single { border-color: #e9eaec; height: 40px }
.formPim .select2-container--default.select2-container--open .select2-selection--single { border-color: #d3d3d3 }
.formPim .select2-container--default.select2-container--open .select2-selection--multiple { border-color: #d3d3d3 }
.formPim .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #d3d3d3 }
.formPim .select2-container--default .select2-selection--multiple .select2-selection__choice { border: 0; color: #555; background-color: #e2e2e2 }
.formPim .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px }
.formPim .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px }
.formPim .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border: 0; height: 100%; padding: 0 6px; background: #f96c6c; color: #fff }
.formPim .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; background: #cc5050 }
.formPim .select2-container--default .select2-selection--multiple .select2-selection__choice__display { display: block; padding: 4px 10px }
.formPim .buton { cursor: pointer; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 13px; line-height: 45px; display: block; background: var(--color-accent); border: 0; border-radius: 12px; float: left; box-shadow: none; padding: 0 25px }
.formPim .buton:hover { color: #fff; background: var(--color-accent-hover) }
.formPim .buton:focus { color: #fff }
.formPim .mainLine { position: sticky; z-index: 999; top: 0; background: #fff; margin-bottom: 20px; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 5px 20px }
.formPim .eansLine { background: #fff; margin-bottom: 20px; box-shadow: 0 0 18px rgba(0,0,0,0.15); padding: 5px 20px }
.formPim .radios { margin-top: 10px }
.formPim .radios label { margin: 0; font-size: 12px; cursor: pointer; position: relative; overflow: hidden; float: left; text-align: center; background: #f4f6f9; color: #555 }
.formPim .radios label span { display: block; line-height: 40px; width: 70px }
.formPim .radios label input { width: 1px; padding: 0; position: absolute; left: -100px }
.formPim .radios label input.error + span { color: #fff; background: red }
.formPim .radios label input:checked + span, .formPim .radios label input:checked.error + span{ background: var(--color-accent-hover)!important; color: #fff!important }
.formPim .radios label:first-of-type { margin-right: 1px; border-radius: 6px 0 0 6px }
.formPim .radios label:last-of-type { border-radius: 0 6px 6px 0 }
.formPim .sp-replacer { border: 0!important; padding: 10px 10px; border-radius: 6px }
.formPim .sp-replacer .sp-preview { border-radius: 6px; overflow: hidden; width: 200px; height: 18px }
.sp-container { border: 0; box-shadow: 0 0 8px rgba(0,0,0,0.1); background: #fff; border-radius: 6px; overflow: hidden }
.formModalPim { margin-top: 20px; padding-top: 10px; border-top: 2px solid #d3d3d3; position: relative }
.formModalPim .text { width: 100%; line-height: 40px; padding: 0 10px; border: 1px solid #d3d3d3; border-radius: 6px }
.formModalPim .buton { cursor: pointer; color: #fff; font-weight: 500; text-transform: uppercase; font-size: 13px; line-height: 33px; background: var(--color-accent); border: 0; border-radius: 6px; margin-top: 5px; float: left; width: 60px; position: absolute; right: 5px; display: block; top: 50%; transform: translateY(-50%); box-shadow: none; padding: 0 }
.formModalPim .buton:hover { color: #fff; background: var(--color-accent-hover) }
.formModalPim .buton:focus { color: #fff }
#addBrandBrandline .text { width: 48%; float: left }
#addBrandBrandline .text.last { width: 30%; float: right; padding-right: 80px }
#addBrandBrandline select { margin-left: 1%; width: 20%!important; float: left }
#addBrandBrandline .buton { margin-top: 26px }
.formPim .suggestLine { margin: 8px 0; position: relative }
.formPim .suggestLine .text { padding-right: 180px }
.formPim .suggestLine .inputOptions { z-index: 10; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) }
.formPim .suggestLine .inputOptions a { float: left; display: block; text-decoration: none; line-height: 25px; width: 150px; text-align: center; color: #fff; background: #333; margin-left: 4px }
.formPim .suggestLine .inputOptions a { background: #3bb156 }
.formPim .suggestLine .inputOptions a:hover { background: #309147 }
.formPim .setFormator { margin-top: 10px; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 20px }
.formPim .inputMultiplier .inputCloner { margin: 8px 0; position: relative }
.formPim .inputMultiplier .inputCloner .text { padding-right: 100px }
.formPim .inputMultiplier .inputCloner.w2 .text { padding-right: 10px; float: left; width: 49% }
.formPim .inputMultiplier .inputCloner.w2 .right { padding-right: 100px; float: right }
.formPim .inputMultiplier .inputCloner .inputOptions { z-index: 10; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) }
.formPim .inputMultiplier .inputCloner .inputOptions a { float: left; display: block; line-height: 25px; width: 25px; text-align: center; color: #fff; background: #333; margin-left: 4px }
.formPim .inputMultiplier .inputCloner .inputOptions a.delete { background: #f96c6c }
.formPim .inputMultiplier .inputCloner .inputOptions a.delete:hover { background: #cc5050 }
.formPim .inputMultiplier .inputCloner .inputOptions a.clone { background: #3bb156 }
.formPim .inputMultiplier .inputCloner .inputOptions a.clone:hover { background: #309147 }
.formPim .inputMultiplier .inputCloner:first-of-type .inputOptions a.delete { display: none }
.formPim #fltrDyn { margin-bottom: 20px }
.formPim #fltrDyn .line { width: 48%; margin: 8px 0; float: left }
.formPim #fltrDyn .line:nth-child(2n+2) { float: right }
.formPim .error { border-color: red!important }
.modalOffer { padding: 10px; min-width: 100% }
.modalOffer .bnm { margin: 0 0 8px 0; font-size: 14px; display: block }
.modalOffer .data { font-size: 12px; font-weight: 400; display: block }
.modalOffer .data .fa { margin-right: 4px }
.modalOffer .liner { padding: 5px 0; display: block }
.modalOffer .liner:last-of-type { border: 0 }
.modalOffer .liner b { display: inline-block; font-weight: 600 }
.modalOffer .img { border-radius: 10px; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; background-position: center center; background-size: cover; background-repeat: no-repeat }
.modalOffer h1 { font-size: 14px; padding-right: 50px; margin: 0 0 5px 0 }
.modalOffer .modalHeader { display: table; width: 100% }
.modalOffer .modalHeader .modalHeaderCol { position: relative; display: table-cell; width: 25%; padding: 0 40px; border-right: 1px solid rgba(0,0,0,0.1); vertical-align: middle }
.modalOffer .modalHeader .modalHeaderCol:nth-child(2) { width: 25% }
.modalOffer .modalHeader .modalHeaderCol:nth-child(2) .line b { width: 190px }
.modalOffer .modalHeader .modalHeaderCol:first-of-type { width: 30%; padding-left: 100px }
.modalOffer .modalHeader .modalHeaderCol:last-of-type { width: 20%; border: 0; text-align: right; padding-right: 0 }
.modalOffer .modalHeader .modalHeaderCol .download { margin: 0 0 35px 0; display: inline-block; border: 1px solid var(--color-general); color: var(--color-general); text-decoration: none; line-height: 32px; padding: 0 30px; border-radius: 10px }
.modalOffer .modalHeader .modalHeaderCol .download:hover { color: #fff; background: var(--color-general) }
.modalOffer .modalHeader .modalHeaderCol .modalHeaderColLeft { width: 50%; float: left }
.modalOffer .modalHeader .modalHeaderCol .modalHeaderColRight { text-align: right; width: 50%; float: right }
.modalOffer .modalHeader .modalHeaderCol .modalHeaderColRight i { font-style: normal; padding: 0 5px; opacity: 0.2 }
.modalOffer .modalHeader .modalHeaderCol .modalHeaderColRight b:last-of-type { width: 30px; font-weight: 400; display: inline-block; text-align: right }
.modalOffer .tableOfferModalContainer { position: relative; max-height: 75vh; overflow: scroll; margin-top: 20px; width: 100% }
.modalOffer .tableOfferModal { font-size: 12px; border-collapse: collapse; display: table; width: 100% }
.modalOffer .tableOfferModal .row { position: relative; display: table-row; width: 100% }
.modalOffer .tableOfferModal .row .col { position: relative; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; display: table-cell; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 3px 8px; vertical-align: middle }
.modalOffer .tableOfferModal .row .col input { padding: 0 5px; line-height: 30px; width: 79%; float: left; text-align: center; border: none; background: rgba(0,0,0,0.1); color: #000; font-weight: 600 }
.modalOffer .tableOfferModal .row .col .math { display: block; float: right; width: 19% }
.modalOffer .tableOfferModal .row .col .math span { color: #000; height: 15px; line-height: 15px; cursor: pointer; background: rgba(0,0,0,0.1); display: block; text-align: center; font-size: 9px }
.modalOffer .tableOfferModal .row .col .math span:hover { background: #000; color: #fff }
.modalOffer .tableOfferModal .row:hover .col input { background: #000; color: #fff }
.modalOffer .tableOfferModal .row .col input::-webkit-outer-spin-button, .modalOffer .tableOfferModal .row:hover .col input::-webkit-inner-spin-button { /* display: none; */ -webkit-appearance: none; margin: 0 }
.modalOffer .tableOfferModal .row .col input[type=number] { -moz-appearance: textfield }
.modalOffer .tableOfferModal .row:hover .col { background: rgba(0,0,0,0.1) }
.modalOffer .tableOfferModal .row.header { }
.modalOffer .tableOfferModal .row.header .col { z-index: 1; position: sticky; top: 0; font-weight: 600; padding: 8px; background: #d3d3d3 }
.modalOffer .tableOfferModal .row.header .col:first-of-type { border-radius: 10px 0 0 0 }
.modalOffer .tableOfferModal .row.header .col:last-of-type { border-radius: 0 10px 0 0 }
.modalOffer .tableOfferModal .row.green .col { color: green }
.modalOffer .tableOfferModal .row.error .col { color: red }
.modalOffer .tableOfferModal .row.error .col input { background: red; color: #fff }
.modalOffer .bottomNavOffer { border-radius: 0 0 10px 10px; background: var(--color-general); color: #fff; position: sticky; left: 0; bottom: 0; width: 100%; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.modalOffer .bottomNavOffer .colBotNav.c1 { width: 25%; float: left }
.modalOffer .bottomNavOffer .colBotNav.c1 b { margin: 0 0 10px 0; display: block; font-weight: 500 }
.modalOffer .bottomNavOffer .colBotNav.c1 textarea { resize: none; width: 100%; border-radius: 10px; background: #fff; border: 0; line-height: 140%; padding: 10px; height: 100px }
.modalOffer .bottomNavOffer .colBotNav.c2 { width: 25%; float: left; margin-left: 5% }
.modalOffer .bottomNavOffer .colBotNav .rezLine { display: block; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 8px 0 }
.modalOffer .bottomNavOffer .colBotNav .rezLine b { font-weight: 600 }
.modalOffer .bottomNavOffer .colBotNav .rezLine:last-of-type { border: 0 }
.modalOffer .bottomNavOffer .colBotNav.c3 { width: 15%; float: left; margin-left: 5% }
.modalOffer .bottomNavOffer .colBotNav.c3 span { float: right }
.modalOffer .bottomNavOffer .colBotNav.c3 span.strike { text-decoration: line-through }
.modalOffer .bottomNavOffer .colBotNav.c4 { width: 20%; float: left; margin-left: 5% }
.modalOffer .bottomNavOffer .colBotNav.c4 div { margin: 0; padding: 0; font-style: italic; font-size: 80%; text-align: center }
.modalOffer .bottomNavOffer .colBotNav.c4 .btn { font-weight: 500; border-radius: 15px; background: #fff; display: block; color: #555; text-decoration: none; font-size: 14px; margin: 15px 0 0 0; line-height: 45px; height: 45px; text-align: center; padding: 0!important }
.modalOffer .bottomNavOffer .colBotNav.c4 .btn:hover { opacity: 0.8 }
.modalOffer .bottomNavOffer .errorsShow div { animation: bgc 500ms; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 2s; background: red; padding: 7px 10px; border-radius: 10px; font-size: 12px; margin: 3px 0; color: #fff }
.ttip { cursor: pointer }
.ttip:hover { opacity: 0.6 }
.swal2-html-container { margin-top: 15px!important; line-height: 140%!important; font-size: 15px!important }
#bulkImportOrder { display: none }
#bulkImportOrder .btn { font-weight: 500; border-radius: 15px; background: var(--color-general); display: block; color: #fff; text-decoration: none; font-size: 14px; margin: 17px 0 0 0; line-height: 45px; height: 45px; text-align: center; padding: 0!important }
#bulkImportOrder .btn:hover { opacity: 0.8 }
@keyframes bgc {
0% { background-color: red; }
100% { background-color: rgba(0,0,0,0.2) }
}
.modalOffer .bulkImportOrder { margin: 15px 0 0 0; text-align: center; text-transform: uppercase; border-radius: 15px; display: block; line-height: 34px; padding: 0 25px; text-decoration: none; color: #fff; font-size: 12px; font-weight: 500; border: 1px solid #fff }
#header.normal .overMenu { z-index:5; padding:25px 0; position:relative }
#header.normal .overMenu .inside { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; position:relative }
#header.normal .overMenu .logo { display: block; max-width: 250px }
#header.normal .overMenu .logo img { filter: brightness(0%); display: block; width:100% }
#header.normal .overMenu .inside .nav, #header.normal .overMenu .inside .actions { position:static; list-style:none; margin:0; padding:0; transform:none; top:auto; right:auto }
#header.normal .overMenu .inside .nav { display:flex; justify-content:center; align-items:center; gap:24px }
#header.normal .overMenu .inside .nav li { margin:0 }
#header.normal .overMenu .inside .nav a { position: relative; font-weight:600; text-transform:uppercase; line-height:20px; font-size:15px; padding:10px 0; color:#2C2C2C; text-decoration:none; display:block }
#header.normal .overMenu .inside .nav a:hover { text-decoration: none }
#header.normal .overMenu .inside .nav a:after { content:""; position:absolute; left:0; top:100%; margin-top:-3px; height:2px; width:100%; background:#2C2C2C; transform:scaleX(0); transform-origin:left center; transition:transform .25s ease }
#header.normal .overMenu .inside .nav a:hover::after,
#header.normal .overMenu .inside .nav a:focus-visible::after,
#header.normal .overMenu .inside .nav a.active::after { background: #d3d3d3; transform:scaleX(1) }
#header.normal .overMenu .inside .actions { display:flex; justify-content:flex-end; align-items:center; gap:10px }
#header.normal .overMenu .inside .actions li { margin:0 }
#header.normal .overMenu .inside .actions li:last-of-type { margin-left:10px }
#header.normal .overMenu .inside .actions .sp1 { font-weight:600; border:2px solid #000; padding:8px 20px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center }
#header.normal .overMenu .inside .actions .sp1 svg { display:block; width:24px; height:24px }
#header.normal .overMenu .inside .actions .sp1:hover { text-decoration:none; background:rgba(0,0,0,0.1) }
#header.normal .overMenu .inside .actions .sp2 { text-decoration:none; font-weight:600; background:#F71B63; border:2px solid #F71B63; color:#fff; padding:10px 20px; border-radius:9px }
#header.normal .overMenu .inside .actions .sp2:hover { text-decoration:none; background:var(--color-accent-hover); border-color:var(--color-accent-hover) }
@media (max-width:980px){ #header.normal .overMenu .inside { grid-template-columns:auto 1fr auto } #header.normal .overMenu .inside .nav { display:none } }
#header.logged { box-shadow: 0 0 15px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 99999999999; background: #fff }
#header.logged .overMenu ul { list-style: none }
#header.logged .overMenu ul li { margin-left: 5px; float: left }
#header.logged .overMenu ul li a { text-decoration: none }
#header.logged .overMenu .inOverMenu { padding: 10px 0; color: #6768a3; margin: -12px 0 12px 0; background: var(--color-general); color: #fff }
#header.logged .overMenu .inOverMenu b { margin-top: 4px; display: inline-block }
#header.logged .overMenu .inOverMenu ul { position: relative; display: block; width: auto; min-width: auto; float: right }
#header.logged .overMenu .inOverMenu ul li { margin-left: 10px; float: left }
#header.logged .overMenu .inOverMenu ul li a { font-weight: 600; background: #fff; padding: 6px 15px; border-radius: 20px; font-size: 12px; text-transform: uppercase; line-height: 100%; color: #333; margin: 0; display: block }
#header.logged .overMenu .inOverMenu ul li a:hover { text-decoration: none; background: #f4f6f9 }
#header.logged .overMenu { table-layout: fixed; width: 100%; display: table; padding: 10px 0 0 0 }
#header.logged .overMenu .logo { grid-column: 1; justify-self: start; display: block; max-width: 200px; width: auto }
#header.logged .overMenu .logo img { filter: brightness(0); width: 100% }
#header.logged .overMenu .tableLike { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0 }
#header.logged .rightOpsTop { grid-column: 3; justify-self: end; display: flex !important; align-items: center; gap: 16px; list-style: none; margin: 0; padding: 0 }
#header.logged .rightOpsTop li { float: none !important; display: inline-flex !important; margin: 0 !important; }
#header.logged .rightOpsTop li a { white-space: nowrap; line-height: 45px; position: relative; display: inline-flex; text-align: center; align-items: center; color: #2C2C2C; text-decoration: none; font-size: 14px; font-weight: 700 }
#header.logged .rightOpsTop li a b { font-weight: 700 }
#header.logged .rightOpsTop li a svg { margin-right: 4px; width: 25px; height: 25px; display: inline-block; vertical-align: middle }
#header.logged .rightOpsTop li a.wCart { margin-left: 20px; width: 55px; height: 45px; text-align: center; background: var(--color-accent); color: #fff; border-radius: 12px }
#header.logged .rightOpsTop li a.wCart svg { margin: 0 auto }
#header.logged .rightOpsTop li a.wCart:hover { background: var(--color-accent-hover) }
#header.logged .rightOpsTop li a.wCart .produseInCos { font-weight: 400; line-height: 12px; width: auto; height: auto; border-radius: 12px; padding: 4px 8px; background: #333; color: #fff; position: absolute; top: -8px; right: -8px; font-size: 11px }
#header.logged #headerFormContainer { grid-column: 2; justify-self: center; display: flex; justify-content: center; width: 100%; padding-inline: 220px }
#header.logged #headerFormContainer #headerForm { width: min(720px, 100%); position: relative; }
#header.logged #headerFormContainer #headerForm input { display: block; color: #878787; box-shadow: 0px 1px 2px 0px #0A0D120D; border: 1px solid #E1E4EA; font-weight: 400; border-bottom: 2px solid #E1E4EA; font-size: 16px; line-height: 18px; background: #fff; padding: 12px 12px 12px 48px; border-radius: 4px; width: 100% }
#header.logged #headerFormContainer #headerForm input:focus { color: #000 }
#header.logged #headerFormContainer #headerForm .iconSearch { cursor: pointer; position: absolute; top: 50%; font-size: 18px; transform: translateY(-50%); margin-top: 0; left: 18px }
#header.logged #headerFormContainer #searchSuggest { padding-top: 12px; z-index: 200; text-align: left; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: min(1180px, calc(100vw - 32px)); max-width: 100%; box-sizing: border-box }
#header.logged #headerFormContainer #searchSuggest .searchSuggestOverlay { width: 100%; max-width: 100%; box-sizing: border-box }
#searchSuggestBackdrop { display: none; position: fixed; inset: 0; z-index: 999999998; background: rgba(15,23,42,0.16); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); cursor: default }
body.searchSuggestBackdropOn #searchSuggestBackdrop { display: block }
body.searchSuggestBackdropOn .content { position: relative; z-index: 0 }
#header.logged #headerFormContainer #searchSuggest .searchSuggestGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 18px; max-height: min(78vh, 640px); overflow-y: auto; overflow-x: hidden; background: #f4f5f7; border-radius: 20px; box-shadow: 0 12px 40px rgba(0,0,0,0.12); box-sizing: border-box; -webkit-overflow-scrolling: touch }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCard { display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 20px; padding: 18px 18px 16px; box-sizing: border-box; transition: box-shadow .2s ease, transform .2s ease; break-inside: avoid }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCard:hover { box-shadow: 0 10px 28px rgba(0,0,0,0.1); transform: translateY(-2px) }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCardTap { cursor: pointer; flex: 1 1 auto; min-height: 0 }
#header.logged #headerFormContainer #searchSuggest .searchSuggestImgWrap { height: 160px; margin: 0 0 12px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 14px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestImg { max-width: 100%; max-height: 160px; width: auto; height: auto; object-fit: contain; display: block }
#header.logged #headerFormContainer #searchSuggest .searchSuggestBrand { margin: 0 0 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #F71A63 }
#header.logged #headerFormContainer #searchSuggest .searchSuggestTitle { margin: 0 0 8px; font-size: 14px; font-weight: 700; line-height: 1.35; color: #111; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
#header.logged #headerFormContainer #searchSuggest .searchSuggestMeta { margin: 0 0 10px; font-size: 12px; line-height: 1.4; color: #6b7280 }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStock { margin: 0; font-size: 12px; font-weight: 500; color: #374151; display: flex; align-items: center; gap: 6px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStockDot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: #22c55e }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStock--low .searchSuggestStockDot { background: #f59e0b }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStock--out .searchSuggestStockDot { background: #9ca3af }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStock--out { color: #9ca3af }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCardFoot { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 6px; margin-top: 12px; padding-top: 4px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestPriceCol { flex: 1; min-width: 0 }
#header.logged #headerFormContainer #searchSuggest .searchSuggestRrp { display: block; font-size: 10px; color: #9ca3af; margin: 0 0 1px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#header.logged #headerFormContainer #searchSuggest .searchSuggestPrice { font-size: 15px; font-weight: 700; color: #111; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#header.logged #headerFormContainer #searchSuggest .searchSuggestAtc { margin: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; gap: 5px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestPillAdd { width: 32px; height: 32px; padding: 0; border: none; border-radius: 999px; background: rgba(247,26,99,0.12); color: #F71A63; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .15s ease, transform .15s ease }
#header.logged #headerFormContainer #searchSuggest .searchSuggestPillAdd:hover { background: rgba(247,26,99,0.2); transform: scale(1.04) }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStepper { display: none; align-items: center; gap: 5px; flex-wrap: nowrap }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCard--added .searchSuggestPillAdd { display: none!important }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCard--added .searchSuggestStepper { display: flex!important }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStepper .math { float: none; display: inline-flex; align-items: center; background: #eceef2; border-radius: 999px; padding: 2px 5px; margin: 0; vertical-align: middle }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStepper .math span { float: none; width: auto; line-height: 1; padding: 4px 5px; font-size: 11px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestStepper .math input { float: none; width: 26px; line-height: 22px; font-size: 12px; text-align: center; border: 0!important; background: transparent!important }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCartBtn { width: 32px; height: 32px; padding: 0; border: none; border-radius: 999px; background: #111; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 12px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestCartBtn:hover { background: #333 }
#header.logged #headerFormContainer #searchSuggest .searchSuggestEmpty { grid-column: 1 / -1; text-align: center; padding: 36px 20px; color: #6b7280; font-size: 15px; background: #fff; border-radius: 20px; border: 1px solid rgba(0,0,0,0.06) }
#header.logged #headerFormContainer #searchSuggest .searchSuggestEmpty a { color: #F71A63; font-weight: 600; text-decoration: none }
#header.logged #headerFormContainer #searchSuggest .searchSuggestViewMore { grid-column: 1 / -1; text-align: center; padding: 8px 0 4px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestViewMoreLink { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: #374151; text-decoration: none; padding: 10px 16px; border-radius: 999px; transition: color .15s ease, background .15s ease }
#header.logged #headerFormContainer #searchSuggest .searchSuggestViewMoreLink:hover { color: #F71A63; background: rgba(247,26,99,0.08) }
#header.logged #headerFormContainer #searchSuggest .searchSuggestViewMoreLink i { font-size: 18px; line-height: 1 }
@media (max-width: 1100px) {
#header.logged #headerFormContainer #searchSuggest .searchSuggestGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px }
}
@media (max-width: 640px) {
#header.logged #headerFormContainer #searchSuggest { width: calc(100vw - 16px) }
#header.logged #headerFormContainer #searchSuggest .searchSuggestGrid { grid-template-columns: 1fr; max-height: min(82vh, 560px); padding: 12px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestImgWrap { height: 140px }
#header.logged #headerFormContainer #searchSuggest .searchSuggestImg { max-height: 140px }
}
#header.logged .overMenu .underMenu { display: flex; align-items: center; justify-content: space-between; width: 100%; list-style: none; margin: 10px 0 0 0; padding: 10px 0; border-top: 1px solid #E1E4EA }
#header.logged .overMenu .underMenu li { display: flex }
#header.logged .overMenu .underMenu li a { display: inline-flex; align-items: center; justify-content: center; padding: 8px 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #2C2C2C; text-decoration: none; border-radius: 8px; transition: .2s }
#header.logged .overMenu .underMenu li a:hover { color: var(--color-accent) }
#header.logged .overMenu .underMenu li a.diff { background: rgba(0,0,0,0.05) }
#header.logged .overMenu .underMenu li a.diff:hover { background: #E6E8EB }
.content .informatiiComandaFinala { display: table; width: 100%; margin: 0 0 20px 0; padding: 25px; border-radius: 10px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .informatiiComandaFinala .col { width: 33.33333%; padding-right: 40px; display: table-cell; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .informatiiComandaFinala .col:nth-child(2) { border-left: 2px solid rgba(0,0,0,0.1); border-right: 2px solid rgba(0,0,0,0.1); padding: 0 40px }
.content .informatiiComandaFinala .col:last-of-type { padding-left: 40px }
.content .informatiiComandaFinala .col h4 { margin-bottom: 20px; position: relative; font-size: 17px; font-weight: 600; color: var(--color-general) }
.content .informatiiComandaFinala .col select { margin: -10px 0 20px 0; border-radius: 4px; width: 100%; border: 1px solid #d3d3d3; padding: 0 15px; line-height: 40px }
.content .informatiiComandaFinala .col ul { color: #222; list-style: none }
.content .informatiiComandaFinala .col ul b { font-weight: 600 }
.content .informatiiComandaFinala .col .adresa { margin: 0 0 15px 0; padding-left: 30px; display: block; position: relative }
.content .informatiiComandaFinala .col .iradio_square { position: absolute; top: 0; left: 0 }
.content .informatiiComandaFinala .col label { display: block; cursor: pointer }
.content .informatiiComandaFinala .col span { color: #222; display: inline }
.content .informatiiComandaFinala .col textarea { border-radius: 4px; width: 100%; resize: none; color: #999; border: 1px solid #d7d7d7; padding: 15px; height: 100px }
.content .informatiiComandaFinala .col textarea:focus { border-color: #888; color: #000 }
.content .informatiiComandaFinala .col a.nothing { color: #606867; text-decoration: underline; display: block; margin-top: 20px }
.content .informatiiComandaFinala .col a.nothing:hover { color: #838383 }
.content .informatiiComandaFinala .col .liner { line-height: 17px; margin-top: 10px }
.content .informatiiComandaFinala .col .noAddress { margin-top: 0 }
#header.register { padding: 25px 0; position: absolute; top: 0; left: 0; width: 100% }
#header.register .logo { display: none }
#header.register .overMenu { background: none }
#header.register .overMenu ul li .sp1, #header.register .overMenu ul li .sp2 { display: none }
#header.register .backMain { color: #fff; cursor: pointer; color: #fff; font-size: 16px; display: inline-block; border: 0; padding: 8px 20px; text-decoration: none; font-weight: 600; border: 2px solid #fff; border-radius: 9px }
#header.register .backMain:hover { text-decoration: none; background: rgba(255,255,255,0.1); color: #fff }
.intoPage { background: #F0F3F6; overflow: hidden; padding: 70px 0; position: relative }
.intoPage.white { background: #FFF }
.intoPage.whyUs { background: #F7F8FA }
.intoPage.whyUs .intoSection.gradient { background: #fff }
.intoPage.whyUs .intoSection { margin: 0 auto; padding: 30px 30px 70px 30px }
.intoPage .introDiv { text-align: center }
.intoPage .introDiv h1 { margin: 0 0 30px 0; border: 1px solid #F71A63; background: #FEF4F7; font-size: 16px; font-weight: 400; display: inline-block; border-radius: 12px; padding: 10px 20px }
.intoPage .introDiv h2 { font-size: 36px; max-width: 90%; margin: 20px auto; width: 70%; font-weight: 700; line-height: 145%; color: var(--color-general) }
.intoPage .introDiv h2 b { font-weight: 700; color: #F71A63 }
.intoPage .introDiv p { margin-top: 30px; max-width: 55%; margin: 0 auto; font-size: 16px; font-weight: 400; line-height: 145%; color: var(--color-general) }
.intoPage .introDiv .buttons { margin-top: 40px }
.intoPage .btn { text-transform: uppercase; display: inline-block; margin: 0 5px; color: var(--color-general); text-decoration: none; background: none; border: 1px solid var(--color-general); font-size: 14px; font-weight: 700; padding: 16px 44px; border-radius: 12px }
.intoPage .introDiv .btn:hover { background: rgba(0,0,0,0.05) }
.intoPage .introDiv .btn.reg { background: var(--color-accent); color: #fff; border-color: var(--color-accent) }
.intoPage .introDiv .btn.reg:hover { background: var(--color-accent-hover); color: #fff; border-color: var(--color-accent-hover) }
.intoPage .intoSection { width: 95%; max-width: 1700px; min-width: 1100px; padding: 50px 50px 70px 50px; margin: 40px auto; border-radius: 12px; border: 1px solid #E1E4EA; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.intoPage .intoSection.nnr { background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%) }
.intoPage .intoSection .intoCols { margin-top: 40px; display: grid; grid-template-columns: repeat(4,1fr); gap: 15px }
.intoPage .intoSection .intoCols .intoCol { border: 1px solid #E1E4EA; border-radius: 12px; text-align: left; padding: 40px }
.intoPage .intoSection .intoCols .intoCol .intoColTitle { display: block; font-weight: 700; font-size: 15px; line-height: 145%; margin-bottom: 15px; text-transform: uppercase }
.intoPage .intoSection .intoCols .intoCol .intoColTitle img { width: 20px; height: 20px; margin: -2px 4px 0 0; display: inline-block; vertical-align: middle }
.intoPage .intoSection .intoCols .intoCol .intoColContent { font-size: 14px; line-height: 145%; color: #333; display: block }
.intoSection .intoColsNew { max-width: 70%; margin: 50px auto 0 auto; display: flex; flex-wrap: wrap; gap: 15px }
.intoSection .intoColsNew .intoCol { width: calc(50% - 10px) }
.intoSection .intoColsNew .intoCol .intoColTitle { text-align: left; font-weight: 500; background: #fff; display: flex; align-items: center; gap: 10px; border: 1px solid #E1E4EA; border-radius: 8px; padding: 20px }
.intoSection .intoColsNew .intoCol .intoColTitle img { width: 24px; height: 24px; object-fit: contain }
.timelineZone { padding: 50px 0 }
.timelineZone h2 { font-size: 36px; max-width: 90%; margin: 0 0 30px 0; text-align: center; font-weight: 700; line-height: 145%; color: var(--color-general) }
.timelineZone h2 b { font-weight: 700; color: #F71A63 }
.timeline { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; padding: 20px 0 }
.timelineLine { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #f3b5c3; transform: translateX(-50%) }
.timelineItem { position: relative; width: 100%; min-height: 165px }
.timelineItem.left .timelineContent { width: calc(50% - 70px); margin-right: auto }
.timelineItem.right .timelineContent { width: calc(50% - 70px); margin-left: auto }
.timelineItem::after { content: ""; position: absolute; left: 50%; top: 40px; width: 16px; height: 16px; background: #ff2b6a; border-radius: 50%; transform: translateX(-50%); z-index: 2 }
.timelineContent { background: #fff; border: 1px solid #d9d9d9; border-radius: 12px; padding: 22px 28px; box-sizing: border-box }
.timelineContent h4 { margin: 0 0 10px; color: #ff2b6a; font-size: 18px; line-height: 1.3 }
.timelineContent p { margin: 0; color: #555; font-size: 16px; line-height: 1.55; font-weight: 600 }
@media(max-width:768px) {
.timeline { padding: 10px 0 40px 0 }
.timelineLine { left: 18px; transform: none }
.timelineItem { width: 100%; box-sizing: border-box; min-height: auto; margin: 0 0 22px 0; padding: 0 12px 0 42px }
.timelineItem.left .timelineContent, .timelineItem.right .timelineContent { width: 100%; margin: 0 }
.timelineItem::after { left: 10px; top: 30px; transform: none; width: 16px; height: 16px }
.timelineContent { padding: 18px 16px; border-radius: 14px }
.timelineContent h4 { margin: 0 0 10px 0; font-size: 16px; line-height: 1.3 }
.timelineContent p { margin: 0; font-size: 14px; line-height: 1.5 }
.timeline + section, .timeline + .intoSection, .timeline + .nextSection { margin-top: 30px }
.timelineZone h2 { width: 100%; line-height: 125%; font-size: 28px }
.intoSection .intoColsNew { max-width: 100% }
.intoSection .intoColsNew .intoCol { text-align: left; width: 100% }
}
.retailersEuropeSection { background: #F0F3F6; width: 100%; padding: 80px 0; text-align: center }
.retailersEuropeSection h2 { font-size: 36px; max-width: 90%; margin: 0 auto 30px auto; text-align: center; font-weight: 700; line-height: 145%; color: var(--color-general) }
.retailersEuropeSection h2 b { font-weight: 700; color: #F71A63 }
.retailersEuropeSection .retailersEuropeList { width: 100%; max-width: 700px; margin: 0 auto }
.retailersEuropeSection .retailersEuropeItem { width: 100%; background: #FAFBFC; border: 1px solid #dcdcdc; border-radius: 12px; padding: 28px 20px; margin: 0 0 18px 0; text-align: center; font-size: 22px; line-height: 1.4; font-weight: 700; color: var(--color-general); box-sizing: border-box }
.retailersEuropeSection .retailersEuropeItem:last-child { margin-bottom: 0 }
@media(max-width:768px) {
.retailersEuropeSection { padding: 50px 0 }
.retailersEuropeSection h2 { width: 100%; max-width: 100%; margin: 0 0 25px 0; line-height: 125%; font-size: 28px }
.retailersEuropeSection .retailersEuropeList { max-width: 100% }
.retailersEuropeSection .retailersEuropeItem { padding: 20px 16px; margin: 0 0 14px 0; font-size: 18px; line-height: 1.4; border-radius: 10px }
}
.pricingSection { width: 100%; padding: 80px 0 }
.pricingSection .pricingWrap { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 40px }
.pricingSection .pricingLeft { width: 40% }
.pricingSection .pricingLeft h2 { font-size: 36px; text-align: center; margin: 0; font-weight: 700; line-height: 1.3; color: var(--color-general) }
.pricingSection .pricingRight { width: 60%; display: flex; flex-wrap: wrap; gap: 16px }
.pricingSection .pricingRight .pricingItem { width: calc(50% - 8px); background: #fff; border: 1px solid #dcdcdc; border-radius: 12px; padding: 20px; text-align: center; font-size: 16px; font-weight: 700; color: #F71A63; box-sizing: border-box }
.pricingSection .pricingRight .pricingItem:hover { border-color: #bbb }
@media(max-width:768px) {
.pricingSection { padding: 50px 0 }
.pricingSection .pricingWrap { flex-direction: column; gap: 25px }
.pricingSection .pricingLeft, .pricingSection .pricingRight { width: 100% }
.pricingSection .pricingLeft h2 { width: 100%; line-height: 125%; font-size: 28px; text-align: center }
.pricingSection .pricingRight .pricingItem { width: 100%; padding: 18px; font-size: 15px }
}
.whyRetailersSection { position: relative; width: 100%; padding: 70px 0; background: #021335 url('../images/124f.png') center center no-repeat; background-size: cover; overflow: hidden }
.whyRetailersSection .whyRetailersOverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1,8,24,0.25) 0%, rgba(1,8,24,0.45) 100%); pointer-events: none }
.whyRetailersSection h2 { font-size: 36px; max-width: 85%; margin: 0 auto 40px auto; text-align: center; font-weight: 700; line-height: 145%; color: #fff }
.whyRetailersSection h2 b { font-weight: 700; color: var(--color-green) }
.whyRetailersSection .whyRetailersGrid { max-width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 32px }
.whyRetailersSection .whyRetailersItem { text-align: left; position: relative; width: calc(50% - 16px); display: flex; align-items: flex-start; gap: 14px; background: rgba(0, 8, 34, 0.92); border-radius: 10px; padding: 26px 18px; box-sizing: border-box; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); overflow: hidden }
.whyRetailersSection .whyRetailersItem:before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 10px; background: linear-gradient(180deg, var(--color-green) 0%, rgba(10, 212, 161, 0) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none }
.whyRetailersSection .whyRetailersItem.center { width: calc(50% - 16px) }
.whyRetailersSection .whyRetailersNr { flex: 0 0 auto; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.6); border-radius: 50%; color: #fff; margin: -1px 0 0 0; font-size: 11px; font-weight: 700; line-height: 1 }
.whyRetailersSection .whyRetailersTxt { color: #fff; font-size: 15px; line-height: 1.35; font-weight: 700 }
@media(max-width:768px) {
.whyRetailersSection { padding: 50px 0 }
.whyRetailersSection h2 { width: 100%; max-width: 100%; line-height: 125%; font-size: 28px; margin: 0 0 25px 0 }
.whyRetailersSection .whyRetailersGrid { width: 100%; box-sizing: border-box; max-width: 100%; gap: 14px }
.whyRetailersSection .whyRetailersItem, .whyRetailersSection .whyRetailersItem.center { width: 100%; box-sizing: border-box; width: 100%; min-height: auto; padding: 16px }
.whyRetailersSection .whyRetailersNr { font-size:14px }
.whyRetailersSection .whyRetailersTxt { font-size: 15px; line-height: 1.4 }
}
.operateSection {background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); width: 100%; padding: 70px 0; text-align: center }
.operateSection h2 { font-size: 36px; max-width: 90%; margin: 0 auto 40px auto; text-align: center; font-weight: 700; line-height: 145%; color: var(--color-general) }
.operateSection h2 b { font-weight: 700; color: #F71A63 }
.operateSection .operateGrid { width: 100%; margin: 0 auto; display: flex; gap: 20px }
.operateSection .operateItem { flex: 1; background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 22px 20px; text-align: left; box-sizing: border-box }
.operateSection .operateTop { display: flex; align-items: center; gap: 10px; margin: 0 0 12px 0 }
.operateSection .operateTop img { width: 22px; height: 22px; object-fit: contain }
.operateSection .operateTop span { font-size: 14px; font-weight: 700; color: var(--color-general); letter-spacing: 0.5px }
.operateSection .operateItem p { margin: 0; font-size: 14px; color: #666; line-height: 1.5 }
@media(max-width:768px) {
.operateSection { padding: 50px 0 }
.operateSection h2 { width: 100%; max-width: 100%; line-height: 125%; font-size: 28px; margin: 0 0 25px 0 }
.operateSection .operateGrid { flex-direction: column; gap: 14px }
.operateSection .operateItem { padding: 18px }
.operateSection .operateTop span { font-size: 13px }
.operateSection .operateItem p { font-size: 14px }
}
.automateRetailSection { position: relative; width: 100%; padding: 80px 0; background: radial-gradient(52.43% 86.85% at 45.3% 27.25%, #081B46 39.75%, #060F23 85.58%); overflow: hidden }
.automateRetailSection .automateRetailInner { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 60px }
.automateRetailSection .automateRetailLeft { width: 52%; display: flex; flex-direction: column; gap: 26px }
.automateRetailSection .automateRetailRight { width: 48%; display: flex; align-items: center; justify-content: center }
.automateRetailSection .automateRetailRight h2 { font-size: 36px; max-width: 90%; margin: 0; text-align: left; font-weight: 700; line-height: 125%; color: #fff }
.automateRetailSection .automateRetailItem { position: relative; display: flex; align-items: flex-start; gap: 16px; background: rgba(0, 7, 32, 0.92); border-radius: 10px; padding: 18px 16px; box-sizing: border-box; overflow: hidden; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25) }
.automateRetailSection .automateRetailItem:before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 10px; background: linear-gradient(180deg, #0AD4A1 0%, rgba(10, 212, 161, 0) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none }
.automateRetailSection .automateRetailIcon { flex: 0 0 26px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; background: rgba(5, 26, 72, 0.95); border-radius: 6px; color: #00e4c3; font-size: 18px; font-weight: 700; line-height: 1; margin-top: 1px }
.automateRetailSection .automateRetailText { color: #fff; font-size: 15px; line-height: 1.45; font-weight: 700 }
@media(max-width:768px) {
.automateRetailSection { padding: 50px 0 }
.automateRetailSection .automateRetailInner { flex-direction: column-reverse; align-items: stretch; gap: 26px }
.automateRetailSection .automateRetailLeft, .automateRetailSection .automateRetailRight { width: 100% }
.automateRetailSection .automateRetailRight { justify-content: flex-start }
.automateRetailSection .automateRetailRight h2 { width: 100%; max-width: 100%; font-size: 28px; line-height: 125%; text-align: left }
.automateRetailSection .automateRetailLeft { gap: 14px }
.automateRetailSection .automateRetailItem { padding: 16px 14px; gap: 14px }
.automateRetailSection .automateRetailText { font-size: 15px; line-height: 1.4 }
}
.differentSection { width: 100%; padding: 50px 0 }
.differentSection .inside { padding: 40px; background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); border: 1px solid #E1E4EA; border-radius: 16px }
.differentSection h2 { font-size: 36px; max-width: 900px; margin: 0 auto 50px auto; text-align: center; font-weight: 700; line-height: 145%; color: var(--color-general) }
.differentSection h2 b { font-weight: 700; color: #F71A63 }
.differentSection .differentGrid { display: flex; flex-wrap: wrap; gap: 16px }
.differentSection .differentItem { width: calc(33.333% - 11px); background: #fff; border: 1px solid #dddddd; border-radius: 12px; padding: 24px 22px; box-sizing: border-box }
.differentSection .differentTop { display: flex; align-items: center; gap: 10px; margin: 0 0 18px 0 }
.differentSection .differentTop img { width: 22px; height: 22px; object-fit: contain; flex: 0 0 22px }
.differentSection .differentTop span { font-size: 14px; line-height: 1.35; font-weight: 700; color: var(--color-general) }
.differentSection .differentItem p { margin: 0; font-size: 15px; line-height: 1.5; color: #666 }
.differentSection .differentItem:hover { border-color: #cfcfcf }
@media(max-width:768px) {
.differentSection { padding: 50px 0 }
.differentSection h2 { width: 100%; max-width: 100%; margin: 0 0 25px 0; line-height: 125%; font-size: 28px }
.differentSection .differentGrid { gap: 14px }
.differentSection .differentItem { width: 100%; padding: 18px 16px }
.differentSection .differentTop { margin: 0 0 12px 0 }
.differentSection .differentTop span { font-size: 13px }
.differentSection .differentItem p { font-size: 14px; line-height: 1.45 }
}
.categoriesSection { width: 100%; padding: 80px 0 }
.categoriesSection .categoriesWrap { width: 100%; margin: 0 auto; display: flex; align-items: center; gap: 40px }
.categoriesSection .categoriesLeft { width: 50% }
.categoriesSection .categoriesLeft h2 { font-size: 36px; margin: 0; font-weight: 700; line-height: 1.3; color: var(--color-general) }
.categoriesSection .categoriesLeft h2 b { color: #F71A63 }
.categoriesSection .categoriesRight { width: 50% }
.categoriesSection .categoriesGrid { display: flex; flex-wrap: wrap; gap: 16px }
.categoriesSection .categoriesItem { width: calc(33.333% - 11px); background: #fff; border: 1px solid #e2e2e2; border-radius: 12px; padding: 18px 16px; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--color-general); box-sizing: border-box }
.categoriesSection .categoriesItem.wide { width: calc(50% - 8px) }
@media(max-width:768px) {
.categoriesSection { padding: 0 0 50px 0 }
.categoriesSection .categoriesWrap { flex-direction: column; gap: 25px }
.categoriesSection .categoriesLeft, .categoriesSection .categoriesRight { width: 100% }
.categoriesSection .categoriesLeft h2 { text-align: center; width: 100%; font-size: 28px; line-height: 125% }
.categoriesSection .categoriesLeft h2 br { display: none }
.categoriesSection .categoriesGrid { gap: 12px }
.categoriesSection .categoriesItem, .categoriesSection .categoriesItem.wide { width: 100%; padding: 16px; font-size: 14px }
}
.intoPage .intoSection.gradient { margin-bottom: 0; background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); border: 1px solid #E1E4EA }
.intoPage .intoSection.gradient .cols2inline { border: 1px solid #EAEEF5; padding: 15px; font-weight: 500; border-radius: 12px; background: #fff; margin-bottom: 40px; display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; color: #757678; font-size: 15px; text-transform: uppercase }
.intoPage .intoSection.gradient .cols2inline.th4 { grid-template-columns: repeat(4,1fr) }
.intoPage .intoSection.gradient .cols2inline img { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0 }
.intoPage .intoSection.gradient .testimonialsSlider { margin-top: 70px }
.intoPage .intoSection.gradient .testimonialsSlider .testimonialItem { color: #2C2C2C; line-height: 145%; font-size: 16px }
.intoPage .intoSection.gradient .testimonialsSlider .testimonialItem p { width: 80%; margin: 0 auto }
.intoPage .intoSection.gradient .testimonialsSlider .testimonialItem h5 { display: block; text-transform: uppercase; color: #757678; font-weight: 700; margin-top: 20px; font-size: 14px }
.intoPage .intoSection.gradient .testimonialsSlider.owl-theme .owl-dots .owl-dot span { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out }
.intoPage .intoSection.gradient .testimonialsSlider.owl-theme .owl-dots .owl-dot.active span { width: 20px; background: var(--color-accent); border-color: var(--color-accent) }
.midSection { padding: 70px 0; background: linear-gradient(124.2deg, #F7F8FA 43.1%, #B3E0FE 152.55%) }
.midSection.aboutAPI { background: linear-gradient(183.39deg, #FFFFFF 52.95%, #B3E0FE 189.23%) }
.midSection h3 { text-align: center; color: #2C2C2C; margin: 0 0 15px 0; font-weight: 700; font-size: 36px }
.midSection h3 b { font-weight: 700; color: var(--color-accent) }
.midSection .inside > p { text-align: center; line-height: 145%; color: #2C2C2C; margin: 0 0 40px 0; font-weight: 400; font-size: 16px }
.midSection.aboutAPI p { width: 45%; display: block; margin: 0 auto }
.midSection.aboutAPI .buttons { text-align: center; margin-top: 40px }
.midSection.aboutAPI .btn { text-transform: uppercase; display: inline-block; margin: 0 5px; color: var(--color-general); text-decoration: none; background: none; border: 1px solid var(--color-general); font-size: 14px; font-weight: 700; padding: 16px 44px; border-radius: 12px }
.midSection.aboutAPI .btn:hover { background: rgba(0,0,0,0.05) }
.midSection.aboutAPI .btn.reg { background: var(--color-accent); color: #fff; border-color: var(--color-accent) }
.midSection.aboutAPI .btn.reg:hover { background: var(--color-accent-hover); color: #fff; border-color: var(--color-accent-hover) }
.midSection .intoCols { border: 1px solid #E1E4EA; background: rgba(255,255,255,0.64); border-radius: 12px; padding: 25px; margin-top: 40px; display: grid; grid-template-columns: repeat(4,1fr); gap: 15px }
.midSection .intoCols .intoCol { border: 1px solid #E1E4EA; background: rgba(255,255,255,0.64); border-radius: 12px; text-align: left; padding: 10px }
.midSection .intoCols .intoCol img { max-width: 270px; margin: 0 auto; width: 100%; display: block }
.midSection .intoCols .intoCol .intoColContentNr { font-size: 12px; padding: 15px 25px; line-height: 145%; color: #161616; display: block }
.midSection .intoCols .intoCol .intoColContentNr b { display: inline-block; border: 1px solid #161616; border-radius: 50%; width: 25px; height: 25px; text-align: center; line-height: 25px }
.midSection .intoCols .intoCol .intoColContent { padding: 0 25px 15px 25px; font-size: 16px; line-height: 145%; color: #161616; display: block }
.darkSection { padding: 70px 0; background: #060F23 }
.darkSection h3 { color: #fff; margin: 0 0 15px 0; font-weight: 700; font-size: 36px }
.darkSection h3 b { color: var(--color-green); font-weight: 700 }
.darkSection .inside > p { line-height: 145%; text-shadow: 0px 3px 25px 0px #00000080; color: #fff; margin: 0 0 40px 0; font-weight: 400; font-size: 16px }
.darkSection .gridContainer { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; align-items: stretch }
.darkSection .col.big { display: flex; flex-direction: column; gap: 20px }
.darkSection .col.big .row.top { display: grid; grid-template-columns: 1fr 1fr; gap: 20px }
.darkSection .card { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); display: flex; flex-direction: column }
.darkSection .card img { width: 100%; height: 100%; object-fit: cover; flex: 1 }
.darkSection .overlay { background: #192234; color: #fff; padding: 25px }
.darkSection .col.small .card.tall { height: 100% }
.darkSection .overlay h3 { margin: 0; font-size: 16px; font-weight: 700 }
.darkSection .overlay h3 img { display: inline-block!important; height: 20px!important; vertical-align: middle!important; width: auto!important; margin: -2px 4px 0 0!important }
.darkSection .overlay p { text-shadow: 0px 3px 25px 0px #00000080; opacity: 0.9; font-weight: 400; margin: 9px 0 0; font-size: 16px }
@media (max-width: 1024px) {
.darkSection .gridContainer { grid-template-columns: 1fr; gap: 20px }
.darkSection .col.small .card img { width: 100%; height: auto; max-height: 500px; object-fit: cover }
}
@media (max-width: 768px) {
.darkSection .gridContainer { grid-template-columns: 1fr; gap: 16px }
.darkSection .col.big { gap: 16px }
.darkSection .col.big .row.top { grid-template-columns: 1fr; gap: 16px }
.darkSection .card img { width: 100%; height: 200px; object-fit: cover; flex: none }
.darkSection .col.small .card img { max-height: 200px }
}
.aboutAPIDark { padding: 70px 0; background: #060F23 }
.aboutAPIDark h3 { color: #fff; margin: 0 0 40px 0; font-weight: 700; font-size: 36px; text-align: center }
.aboutAPIDark h3 b { color: var(--color-green); font-weight: 700 }
.aboutAPIDark .inside > p { line-height: 145%; text-shadow: 0px 3px 25px #00000080; color: #fff; margin: 0 0 40px 0; font-weight: 400; font-size: 16px; text-align: center }
.aboutAPIDark .gridContainer { display: grid; gap: 20px }
.aboutAPIDark .row { display: grid; gap: 20px }
.aboutAPIDark .row.top { grid-template-columns: repeat(3, 1fr) }
.aboutAPIDark .row.top.th4 { grid-template-columns: repeat(4, 1fr) }
.aboutAPIDark .row.top.th4 * { text-align: left }
.aboutAPIDark .row.bottom { grid-template-columns: repeat(2, 1fr) }
.aboutAPIDark .card { border: 1px solid #192234; text-align: center; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); display: flex; flex-direction: column; background: #192234 }
.aboutAPIDark .overlay { color: #fff; padding: 20px 30px }
.aboutAPIDark .overlay h4 { text-align: center; margin: 0; font-size: 18px; font-weight: 700; display: block; align-items: center }
.aboutAPIDark .overlay h4 img { height: 20px; width: auto; margin-right: 8px }
.aboutAPIDark .overlay p { text-shadow: 0px 3px 25px #00000080; opacity: 0.9; font-weight: 400; margin: 8px 0 0; font-size: 15px }
.aboutAPIDark .card.textTop { flex-direction: column-reverse }
.aboutAPIDark .card.textTop h4 { margin-top: -30px }
@media (max-width: 1024px) {
.aboutAPIDark .row.top { grid-template-columns: 1fr }
.aboutAPIDark .row.top.th4 { grid-template-columns: 1fr }
.aboutAPIDark .row.bottom { grid-template-columns: 1fr }
.aboutAPIDark .card.textTop { flex-direction: column }
}
.centerDiagram { padding: 70px 0; background: #F7F8FA }
.centerDiagram .inside { position: relative; height: 500px; margin: 0 auto }
.centerDiagram .centerText { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2 }
.centerDiagram .centerText h2 { font-size: 32px; margin: 0 0 10px 0; color: var(--color-accent); line-height: 1.2 }
.centerDiagram .centerText p { line-height: 145%; font-size: 16px; color: var(--color-general); margin: 0; line-height: 1.5 }
.centerDiagram .box { position: absolute; width: 220px; padding: 20px; background: #fff; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,.08); z-index: 3 }
.centerDiagram .box h3 { padding-left: 25px; position: relative; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.2 }
.centerDiagram .box h3 img { display: block; position: absolute; left: 0; top: 0; height: 18px; vertical-align: middle }
.centerDiagram .box p { line-height: 145%; font-size: 14px; color: #666; margin: 0; line-height: 1.45 }
.centerDiagram .box.top-left { top: 0; left: 0 }
.centerDiagram .box.top-right { top: 0; right: 0 }
.centerDiagram .box.bottom-left { bottom: 0; left: 0 }
.centerDiagram .box.bottom-right { bottom: 0; right: 0 }
.centerDiagram .dashed-border { position: absolute; top: 80px; left: 80px; right: 80px; bottom: 80px; border: 2px dashed #bbb; border-radius: 12px; z-index: 1 }
@media (max-width: 60em) {
.centerDiagram { padding: 50px 0 }
.centerDiagram .inside { height: auto }
.centerDiagram .centerText { padding: 35px 35px 0 35px; transform: none; left: auto; top: auto; position: relative; transform: none; margin-bottom: 30px }
.centerDiagram .box { position: relative; margin: 20px 0; width: 100%; max-width: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.centerDiagram .dashed-border { position: absolute; top: 5px; left: 10px; right: 10px; bottom: 5px; border: 2px dashed #d3d3d3; border-radius: 12px; z-index: 1 }
}
.timelineAPI { padding: 70px 0; background: #fff }
.timelineAPI h3 { text-align: center; font-size: 32px; font-weight: 700; margin: 0 0 60px 0; color: var(--color-general) }
.timelineAPI h3 b { font-weight: 700; color: var(--color-accent) }
.timelineAPI .timeline { position: relative; display: grid; grid-template-columns: 1fr 40px 1fr; gap: 40px 20px; max-width: 1100px; margin: 0 auto }
.timelineAPI .line { opacity: 0.2; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 3px; background: linear-gradient(to bottom, rgba(225,29,72,0) 0%, var(--color-accent) 15%, var(--color-accent) 85%, rgba(225,29,72,0) 100%); border-radius: 999px; z-index: 1 }
.timelineAPI .dot { width: 20px; height: 20px; border-radius: 50%; background: var(--color-accent); justify-self: center; align-self: center; z-index: 2 }
.timelineAPI .step { display: flex; align-items: center; z-index: 2 }
.timelineAPI .step.left { grid-column: 1 }
.timelineAPI .step.right { grid-column: 3 }
.timelineAPI .card { width: 100%; background: #fff; border: 1px solid #E1E4EA; border-radius: 8px; padding: 20px }
.timelineAPI .card .idx { display: inline-block; font-weight: 800; font-size: 16px; color: var(--color-accent); margin-right: 6px }
.timelineAPI .card h4 { display: inline; font-size: 16px; font-weight: 700; color: var(--color-accent) }
.timelineAPI .card p { font-size: 14px; line-height: 1.55; color: #555; margin: 10px 0 0 0 }
.timelineAPI .step.left::after { content: ""; flex: 1; height: 2px; background: #ccc; margin-left: 20px }
.timelineAPI .step.right::before { content: ""; flex: 1; height: 2px; background: #ccc; margin-right: 20px }
@media (max-width: 60em) {
.timelineAPI { padding: 50px 0 30px 0 }
.timelineAPI .timeline { margin-top: -30px; padding-left: 40px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.timelineAPI .line { left: 15px; transform: none; width: 3px }
.timelineAPI .dot { display: none }
.timelineAPI .step { grid-column: 2; flex-direction: column; align-items: flex-start }
.timelineAPI .step.left::after,
.timelineAPI .step.right::before { display: none }
.timelineAPI .card { position: relative; margin: 15px 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.timelineAPI .card:before { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background: var(--color-accent); position: absolute; left: -35px; top: 50%; margin-top: -10px }
.timelineAPI .step.left { grid-column: 3 }
}
.whySection { padding: 70px 0 0 0; background: #FFF }
.whySection.whyUs { padding: 70px 0 }
.whySection .inside { margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr; gap: 40px }
.whySection .left { display: flex; flex-direction: column; justify-content: center }
.whySection .left h3 { font-size: 35px; font-weight: 700; line-height: 1.25; color: var(--color-general); margin: 0 0 14px 0 }
.whySection .right .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
.whySection .card { background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 18px 20px }
.whySection .card h4 { font-size: 16px; font-weight: 700; color: var(--color-accent); margin: 0 0 8px 0; line-height: 1.3 }
.whySection .card p { font-size: 14px; line-height: 1.55; color: #444; margin: 0 }
/* responsive */
@media (max-width: 1024px) { .whySection .inside { grid-template-columns: 1fr } .whySection .left { text-align: center } .whySection .right .cards { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 700px) { .whySection .right .cards { grid-template-columns: 1fr } }
.midSection.howItWorks { background: linear-gradient(183.39deg, #FFFFFF 52.95%, #B3E0FE 189.23%) }
.midSection.howItWorks h3 { font-size: 32px; font-weight: 700; line-height: 1.3; color: var(--color-general); margin: 0 0 20px 0 }
.midSection.howItWorks h3 b { color: var(--color-accent) }
.midSection.howItWorks p { font-size: 16px; line-height: 1.55; color: #555; margin: 0 0 20px 0 }
.midSection.howItWorks .buttons { text-align: center; margin-top: 40px }
.midSection.howItWorks .btn { text-transform: uppercase; display: inline-block; margin: 0; color: var(--color-general); text-decoration: none; background: none; border: 1px solid var(--color-general); font-size: 14px; font-weight: 700; padding: 16px 44px; border-radius: 12px }
.midSection.howItWorks .btn:hover { background: rgba(0,0,0,0.05) }
.midSection.howItWorks .btn.reg { background: var(--color-accent); color: #fff; border-color: var(--color-accent) }
.midSection.howItWorks .btn.reg:hover { background: var(--color-accent-hover); color: #fff; border-color: var(--color-accent-hover) }
.midSection.howItWorks .topRow { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; text-align: left; margin-bottom: 50px }
.midSection.howItWorks .topRow .col.image img { margin-right: -5%; width: 100%; height: auto }
.midSection.howItWorks .topRow .col.text { padding-left: 5% }
.midSection.howItWorks .topRow .col.text * { text-align: left }
.midSection.howItWorks .buttons { margin-top: 20px }
.midSection.howItWorks .bottomRow { display: grid; grid-template-columns: 1fr 1fr; gap: 30px }
.midSection.howItWorks .card { background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 24px }
.midSection.howItWorks .card h4 { font-size: 18px; font-weight: 700; margin: 0 0 12px 0; color: var(--color-accent) }
.midSection.howItWorks .card p { margin: 0; font-size: 15px; line-height: 1.5; color: #444 }
@media (max-width: 60em) {
.midSection.howItWorks .topRow .col.text { padding-left: 0; margin: 0 auto; width: 95% }
.midSection.howItWorks .topRow { grid-template-columns: 1fr; text-align: center }
.midSection.howItWorks .bottomRow { grid-template-columns: 1fr }
.midSection.howItWorks .btn.reg { display: block; text-align: center!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
}
.midSection.whyUs2 { padding: 0; background: radial-gradient(52.43% 86.85% at 45.3% 27.25%, #081B46 39.75%, #060F23 85.58%) }
.midSection.whyUs2 h3 { font-size: 32px; font-weight: 700; line-height: 1.3; color: #fff; margin: 0 0 20px 0 }
.midSection.whyUs2 p { font-size: 16px; line-height: 1.55; color: #fff; margin: 0 0 20px 0 }
.midSection.whyUs2 .buttons { text-align: center; margin-top: 60px }
.midSection.whyUs2 .btn { text-transform: uppercase; display: inline-block; margin: 0; color: var(--color-general); text-decoration: none; background: none; border: 1px solid var(--color-general); font-size: 14px; font-weight: 700; padding: 16px 44px; border-radius: 12px }
.midSection.whyUs2 .btn:hover { background: rgba(0,0,0,0.05) }
.midSection.whyUs2 .btn.reg { background: var(--color-accent); color: #fff; border-color: var(--color-accent) }
.midSection.whyUs2 .btn.reg:hover { background: var(--color-accent-hover); color: #fff; border-color: var(--color-accent-hover) }
.midSection.whyUs2 .topRow { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; text-align: left }
.midSection.whyUs2 .topRow .col.image img { max-width: 550px; margin: 0 auto; width: 100%; height: auto }
.midSection.whyUs2 .topRow .col.text * { text-align: left }
.midSection.whyUs .topRow { border: 1px solid #E1E4EA; border-radius: 16px; padding: 50px; background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%) }
.midSection.whyUs .topRow > p { font-weight: 400; margin: 20px 0 30px 0; font-size: 16px; line-height: 145%; text-align: center }
.midSection.whyUs .topRow h4 img { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0 }
.metricsSection .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px }
.metricsSection .card { background: #FFFFFFA3; border: 1px solid #E1E4EA; border-radius: 12px; padding: 24px; text-align: left }
.metricsSection .card h4 { font-size: 14px; font-weight: 700; color: var(--color-general); margin: 0 0 10px 0; line-height: 1.3 }
.metricsSection .card p { font-size: 14px; line-height: 1.55; color: var(--color-general); margin: 0 }
.midSection.whyUs .bottomRow { margin-top: 40px; display: grid; grid-template-columns: 2fr 1fr; gap: 30px }
.midSection.whyUs .bottomRow .card { background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 24px }
.midSection.whyUs .bottomRow .card h4 { font-size: 18px; font-weight: 700; margin: 0 0 12px 0; color: var(--color-accent) }
.midSection.whyUs .bottomRow .card p { margin: 0; font-size: 15px; line-height: 1.5; color: #444 }
.whySection.whyUs .inside { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; margin: 0 auto }
.whySection.whyUs .left h3 { font-size: 35px; font-weight: 700; line-height: 1.25; color: var(--color-general); margin: 0 }
.whySection.whyUs .cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px }
.whySection.whyUs .card { background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 20px }
.whySection.whyUs .card h4 { font-size: 16px; font-weight: 700; color: var(--color-accent); margin: 0 0 8px 0 }
.whySection.whyUs .card p { font-size: 14px; line-height: 1.55; color: #444; margin: 0 }
.whySection.whyUs .card.wide { grid-column: 1 / -1 }
.midSection.investors { border: 1px solid #E1E4EA; border-radius: 16px; background: linear-gradient(183.39deg, #FFFFFF 52.95%, #B3E0FE 189.23%) }
.midSection.investors .topRow { text-align: justify; border: 1px solid #E1E4EA; margin: 0 auto; width: 75%; border-radius: 16px; padding: 50px; background: #FEFEFE; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.midSection.investors .topRow p { margin: 15px 0 }
.midSection.investors .topRow p:first-of-type { margin-top: 0 }
.midSection.investors .topRow p:last-of-type { margin-bottom: 0 }
.midSection.investors .inside > p { display: block; font-weight: 400; margin: 20px 0 30px 0; font-size: 16px; line-height: 145%; text-align: center }
@media (max-width: 60em) {
.whySection.whyUs .inside { grid-template-columns: 1fr }
.whySection.whyUs .cards { grid-template-columns: 1fr }
.midSection.whyUs .topRow { padding: 30px }
.metricsSection .cards { gap: 10px; grid-template-columns: repeat(1, 1fr) }
.midSection.whyUs .bottomRow { grid-template-columns: 1fr }
.midSection.whyUs2 { padding: 30px 0; text-align: center!important }
.midSection.whyUs2 .buttons { margin-top: 30px }
.midSection.whyUs2 .btn { text-align: center!important; display: block; text-align: center }
.midSection.whyUs2 .topRow { display: block; text-align: center!important; margin-bottom: 50px }
.midSection.whyUs2 .topRow .col.image img { max-width: 479px; margin: 0 auto; width: 100%; height: auto }
.midSection.whyUs2 .topRow .col.text { padding-left: 0 }
.midSection.whyUs2 .topRow .col.text * { text-align: center!important }
}
.quote { overflow: hidden; position: relative; margin: 30px auto; padding: 38px 42px; background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); border: 1px solid #E1E4EA; border-radius: 12px }
.quote p { font-style: italic; margin: 0 0 14px 0; font-size: 18px; line-height: 165%; color: var(--color-general) }
.quote p:last-of-type { margin-bottom: 0 }
.quote .quoteMark { position: absolute; opacity: 0.15; left: 0; top: 0 }
.quote .quoteMark svg { height: 150px; width: 150px; opacity: 0.5; display: block }
@media (max-width: 768px) {
.quote { padding: 22px 20px; border-radius: 12px }
.quote p { font-size: 16px; line-height: 165% }
.quote .quoteMark { left: 10px; top: -12px }
}
.featureHome { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-bottom: 60px }
.featureHome .featureCol { flex: 1 }
.featureHome .wText h5 { font-size: 22px; font-weight: 700; margin: 0 0 15px 0 }
.featureHome .wText .infoPanel { font-size: 16px; line-height: 150%; color: #333 }
.featureHome .wImage img { max-width: 100%; height: auto; display: block }
.featureHome:nth-child(even) { flex-direction: row-reverse }
@media (max-width: 768px) {
.featureHome { flex-direction: column; text-align: center; gap: 20px; margin-bottom: 40px }
.featureHome:nth-child(even) { flex-direction: column }
.featureHome .wImage img { max-width: 200px; margin: 0 auto }
}
.tableWrap { overflow-x: auto; margin: 40px 0 }
.compareTable { width: 80%; margin: 0 auto; border-collapse: separate; border-spacing: 0; font-size: 16px; background: #fff; table-layout: fixed }
.compareTable th, .compareTable td { padding: 16px 20px; text-align: left; font-weight: 400; word-break: break-word; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.compareTable thead th:nth-child(1), .compareTable tbody td:nth-child(1) { width: 40% }
.compareTable thead th:nth-child(2), .compareTable tbody td:nth-child(2) { width: 30% }
.compareTable thead th:nth-child(3), .compareTable tbody td:nth-child(3) { width: 30% }
.compareTable th { background: none; color: #000; font-size: 16px; font-weight: 600; text-transform: none; border-bottom: 1px solid rgba(0,0,0,0.2) }
.compareTable td { border-bottom: 1px solid rgba(0,0,0,0.2) }
.compareTable td.highlight, .compareTable th.highlight { font-weight: 600; color: var(--color-accent); background: #F9EFF3; border-left: 1px solid var(--color-accent); border-right: 1px solid var(--color-accent) }
.compareTable th.highlight { border-radius: 12px 12px 0 0; border-top: 1px solid var(--color-accent) }
.compareTable td.highlight.lst { border-radius: 0 0 12px 12px; border-bottom: 1px solid var(--color-accent) }
.compareTable tr:last-of-type td { border-bottom: 0 }
@media (max-width: 768px) {
.compareTable { font-size: 15px;width: 100% }
.compareTable thead { display: none }
.compareTable td { text-align: right; width: 100%!important }
.compareTable, .compareTable tbody, .compareTable tr, .compareTable td { display: block; width: 100% }
.compareTable tr { margin-bottom: 20px; border: 1px solid rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden }
.compareTable td { position: relative; padding: 12px 16px 12px 120px; border-bottom: 1px solid rgba(0,0,0,0.1) }
.compareTable td::before { content: attr(data-label); position: absolute; top: 12px; font-size: 15px; left: 16px; font-weight: 400; color: #999 }
.compareTable td:last-child { border-bottom: 0 }
.compareTable td.highlight { border-radius: 0!important; border: 0; border-top: 1px solid var(--color-accent); border-bottom: 1px solid var(--color-accent) }
.compareTable td.highlight::before { color: var(--color-accent) }
}
.howto { font-weight: 500; margin-top: 30px; display: inline-block; color: var(--color-general); text-decoration: none }
.howto svg { display: inline-block; margin-top: -3px; vertical-align: middle; margin-left: 5px }
.howto:hover { color: #000 }
.steps.rounded { padding: 60px 0 90px 0; color: #fff; background: linear-gradient(90deg, #000 0%, #343469 97.93%); margin-top: 80px }
.steps.rounded p { font-weight: 700; color: #7ec4ff; font-size: 22px }
.steps.rounded img { height: 150px; background: #fff; border-radius: 50%; padding: 25px }
.steps.rounded h2.megaTitle { color: #fff }
.steps.linerBy .col { text-align: center; font-size: 18px; width: auto; float: none; margin: 10px 0; border-radius: 10px; background: rgba(0,0,0,.1); padding: 25px }
.steps.linerBy h2.megaTitle { font-size: 33px; line-height: 44px; margin-bottom: 30px }
.introBar.i2 { display: block; width: 100%; color: transparent; text-decoration: none; background: url(../images/art1.jpg) center center no-repeat; background-size: cover; height: 450px }
.introBar.i3 { display: block; width: 100%; color: transparent; text-decoration: none; background: url(../images/art2.jpg) center center no-repeat; background-size: cover; height: 450px }
.introBar.i4 { display: block; width: 100%; color: transparent; text-decoration: none; background: url(../images/art3.jpg) center center no-repeat; background-size: cover; height: 450px }
.introBar.i5 { display: block; width: 100%; color: transparent; text-decoration: none; background: url(../images/art4.jpg) center center no-repeat; background-size: cover; height: 450px }
.introBar.i6 { display: block; width: 100%; color: transparent; text-decoration: none; background: url(../images/art5.jpg) center center no-repeat; background-size: cover; height: 450px }
.introBar span { text-align: center; padding: 20px 40px; color: var(--color-general); font-size: 30px; line-height: 35px; position: absolute; top: 50%; left: 50%; display: block; font-weight: 800; background: rgba(0,0,0,0.8); transform: translate(-50%, -50%) }
.introBar.txt { font-size: 20px; line-height: 140%; text-align: center; margin: 30px 0 }
.introBar.txt p { margin: 15px 0 }
.ctaLine { position: relative; margin: 40px 0; text-align: center; }
.ctaLine .inside { overflow: hidden; padding: 55px 40px; border-radius: 12px; color: #fff; background: radial-gradient(93.41% 127.53% at 18.71% 30.94%, #081B46 15.87%, #060F23 85.58%) }
.ctaLine.aboutAPI .inside { background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); padding: 55px 100px }
.ctaLine.blank .inside { background: none; padding: 25px 100px }
.ctaLine.blank h3 { color: var(--color-general) }
.ctaLine.blank { margin-bottom: 0 }
.ctaLine img { z-index: 1; display: block; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.ctaLine p { position: relative; z-index: 2; line-height: 145%; margin: 0; font-size: 16px; font-weight: 400 }
.ctaLine h3 { position: relative; z-index: 2; margin-bottom: 15px; line-height: 135%; font-size: 36px; font-weight: 700 }
.ctaLine h3 b { color: var(--color-accent); font-weight: 700 }
.ctaLine .btn { position: relative; z-index: 2; text-transform: uppercase; display: inline-block; margin: 30px 0 0 0; background: var(--color-accent); color: #fff; text-decoration: none; border: 1px solid var(--color-accent); font-size: 14px; font-weight: 700; padding: 12px 20px; border-radius: 12px }
.ctaLine .btn:hover { background: var(--color-accent-hover); color: #fff; border-color: var(--color-accent-hover) }
.ctaLine .line1 { color: #2C2C2C; font-size: 22px; font-weight: 600 }
.ctaLine .line2 { margin: 30px 0; color: #4E4E50; font-size: 16px; font-weight: 400 }
.ctaLine .line3 { color: #4E4E50; font-size: 16px; font-weight: 700 }
.ctaLine .line3 a { color: var(--color-accent); text-decoration: underline }
.ctaLine .line3 a:hover { color: var(--color-accent-hover) }
.center { text-align: center!important }
.normalPage { padding: 50px 0 }
.normalPage.contactPage .inside { max-width: 800px; min-width: 800px }
.normalPage.darkGrey { background: #272727 }
.normalPage.darkGrey * { color: #fff!important }
.normalPage.wPadding { padding: 100px 0 }
.normalPage .title { font-weight: 700; margin: 0 0 40px 0; font-size: 33px; line-height: 44px; text-align: center; color: var(--color-general) }
.normalPage .title b { font-weight: 700; color: var(--color-accent) }
.normalPage .title.alignleft { text-align: left; margin-bottom: 20px }
.normalPage .subtitle { font-weight: 400; margin: -30px 0 45px 0; font-size: 16px; line-height: 145%; text-align: center; color: var(--color-general) }
.normalPage .subtitle.noBot { margin-bottom: 0 }
.normalPage .subtitle.halfScreen { margin: -10px auto 40px auto; width: 70% }
.normalPage .subtitle.halfScreen.grey { margin-top: -20px; margin-bottom: 40px; font-size: 20px; line-height: 30px; color: #8E8E93 }
.normalPage .checks { margin: 0 auto; width: 70%; list-style: none }
.normalPage .checks li { font-size: 22px; line-height: 28px; background: url(../images/icon_check.svg) left center no-repeat; padding: 20px 0 20px 80px; margin: 30px 0 }
.normalPage .more { margin-top: 60px; font-weight: 600; color: #fff; text-decoration: none; display: inline-block; border: 1.25px solid #969696; border-radius: 10px; padding: 20px 42px; font-size: 20px; line-height: 130%; background: var(--color-general); border-color: var(--color-general) }
.normalPage .more:hover { background: #fff; border-color: #fff; color: #000!important }
.threeColsContact { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin: 40px 0 }
.threeColsContact .card { background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 20px; text-align: left; box-shadow: 0 2px 6px rgba(0,0,0,.04) }
.threeColsContact .card h4 { font-size: 16px; font-weight: 700; color: var(--color-accent); margin: 0 0 12px 0; text-align: left; display: flex; align-items: center; justify-content: left; gap: 8px; padding-bottom: 5px }
.threeColsContact .card h4 i { font-size: 16px }
.threeColsContact .card span { display: block; font-size: 15px; color: var(--color-general); margin-top: 0 }
/* responsive */
@media (max-width: 900px) { .threeColsContact { grid-template-columns: 1fr; gap: 16px } }
.normalPage .textPage p, .content .textPage ul, .content .textPage ol { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; line-height: 25px; margin: 12px 0; color: #000 }
.normalPage .textPage p:first-of-type { margin-top: 0 }
.normalPage .textPage ul { list-style: none; padding-left: 0 }
.normalPage .textPage ul li { margin: 10px 0; position: relative; padding: 0 0 0 17px }
.normalPage .textPage ul li:before { font-family: 'Font Awesome 5 Free'; font-size: 8px; font-weight: 600; content: '\f111'; position: absolute; left: 0; top: 4px; color: #000 }
.normalPage .textPage ol { padding-left: 20px }
.normalPage .textPage ul.wCols {margin-bottom: 12px; display: block; padding: 0; list-style: none; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.normalPage .textPage ul.wCols li { margin: 0 0 8px 0 }
.normalPage .textPage ul.wCols li:before { top: -1px }
.normalPage .textPage .wColumns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.normalPage .textPage a { text-decoration: none; font-weight: 500; color: inherit }
.normalPage .textPage a:hover { color: var(--color-general) }
.normalPage .textPage .btn { margin-top: 20px; display: inline-block; padding: 15px 25px; background: #000; color: #fff; text-decoration: none }
.normalPage .textPage .btn:hover { color: #fff; background: #333 }
.normalPage .textPage h2 { position: relative; font-weight: 600; line-height: 22px; margin: 30px 0 20px 0; font-size: 19px; color: #000 }
#inNav:before { content: " "; display: block; width: 60px; height: 2px; left: 0; background: #d3d3d3; position: absolute; top: -10px }
#inNav { position: relative; text-align: left; margin: 20px 0 20px 0; font-size: 12px; line-height: 24px; color: #999 }
#inNav i { color: #999; margin: 0 5px }
#inNav a { text-decoration: none; color: inherit }
#inNav a:hover { color: #000 }
.singleSuccess { text-align: center; padding: 150px 0 }
.singleSuccess p { color: #555; font-size: 15px; font-weight: 400 }
.singleSuccess p a { color: inherit }
.singleSuccess p a:hover { color: #000 }
.singleSuccess img { display: block; max-width: 130px; width: 50%; margin: 0 auto 40px auto }
.singleSuccess .more { margin-top: 30px; font-weight: 600; color: #fff; text-decoration: none; display: inline-block; border: 1.25px solid #000; border-radius: 10px; padding: 15px 42px; font-size: 15px; line-height: 130%; background: #000 }
.singleSuccess .more:hover { color: #fff!important; background: var(--color-general); border-color: var(--color-general) }
.testimonials .testimonial { padding: 32px; width: 23%; margin-right: 2%; float: left; background: #F2F2F2; border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.testimonials .testimonial:nth-child(4n+4) { margin-right: 0 }
.testimonials .testimonial .stars { margin: 0 0 15px 0; color: var(--color-general) }
.testimonials .testimonial p { font-style: italic; font-size: 20px; line-height: 130% }
.testimonials .testimonial span { margin-top: 15px; font-size: 16px; line-height: 23px; background: linear-gradient(90deg, #000 0%, #343469 97.93%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: block }
.dt-toolbar .csvBtn { font-size: 13px; color: var(--color-general); text-decoration: none; padding: 6px 10px; border: 1px solid #ddd; border-radius: 8px; background: #fff; cursor: pointer; float: left; margin: 13px 0 0 20px }
.dt-toolbar .csvBtn:hover { background:#f6f6f6 }
.greyBar .contactText { background: none; color: #000; text-align: left; font-size: 95%; width: 40%; margin: 0 auto }
.greyBar .contactText p { color: #000; display: block }
.greyBar .contactText b { font-weight: 600 }
.greyBar .contactText a { text-decoration: none; color: var(--color-general) }
.greyBar .contactText .text { font-size: 16px; border: 0; border-radius: 0; padding: 0 0 5px 30px; background: none; color: #000; border-bottom: 2px solid #d3d3d3 }
.greyBar .contactText label { font-weight: 400; text-align: left; margin: 0 0 5px 0; color: #000; font-size: 15px }
.greyBar .contactText .error { border-color: red }
.greyBar .contactText .line { position: relative }
.greyBar .contactText .line > .fa { font-size: 16px; position: absolute; left: 0; bottom: 10px }
.greyBar .contactText .btn { text-transform: uppercase; font-size: 16px; margin: 15px auto; float: none; border-radius: 0; background: #000; color: #fff; font-weight: 600; padding: 10px 40px }
.greyBar.wTable .inside { display: table }
.greyBar.wTable .inside .tCl { width: 50%; display: table-cell; vertical-align: middle }
.greyBar.wTable .inside .tCl h3 { font-weight: 300; text-transform: uppercase; font-size: 30px; color: var(--color-general) }
.greyBar.wTable .inside .tCl:last-of-type { font-size: 21px; line-height: 30px; text-align: left }
.greyBar.wTable .inside .tCl:last-of-type b { font-weight: 600 }
.greyBar.wTable .inside .tCl:last-of-type p { width: 80% }
.greyBar.wTable.dif .inside .tCl:last-of-type { font-size: 21px; line-height: 30px; text-align: left }
.greyBar.wTable.dif .inside .tCl:last-of-type b { font-weight: 600 }
.greyBar.wTable.dif .inside .tCl:last-of-type p { width: 100% }
.greyBar.wTable.dif .inside .tCl:first-of-type { font-size: 21px; line-height: 30px; text-align: left }
.greyBar.wTable.dif .inside .tCl:first-of-type b { font-weight: 600 }
.greyBar.wTable.dif .inside .tCl:first-of-type p { margin: 0 auto; width: 50% }
.greyBar.wTable.atg .inside { padding: 25px 0; max-width: 50%; min-width: 50%; width: 50% }
.greyBar.wTable.atg .lastLinks { margin: 0; width: 100% }
.greyBar.wTable.atg .lastLinks:before { display: none }
.greyBar.wTable.atg .lastLinks h5 { margin-top: 0 }
.videoBoxes { margin: 0 0 35px 0 }
.videoBoxes .video { width: 48%; float: left; margin: 0 0 2% 0; background: #f5f5f5; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.videoBoxes .video iframe { display: block; width: 100% }
.videoBoxes .video:nth-child(2n+2) { float: right }
.videoBoxes .video b { display: block; margin-top: 10px; font-weight: 600; font-size: 15px }
.greyBar.white { padding: 50px 0; background: #fff }
.greyBar.white h3 { font-weight: 300; text-transform: uppercase; margin-bottom: 30px; font-size: 30px; color: var(--color-general) }
.greyBar.white h4 { font-weight: 300; text-transform: uppercase; margin-bottom: 30px; font-size: 30px; color: #000 }
.greyBar.white h4 b { font-weight: 600 }
.greyBar.white .catAboutList { display: table; width: 100% }
.greyBar.white .catAboutList .row { display: table-row; width: 100% }
.greyBar.white .catAboutList a { position: relative; padding-bottom: 70px; color: #000; text-decoration: none; font-weight: 600; font-size: 22px; display: table-cell; width: 33.33333%; }
.greyBar.white .catAboutList .difr { font-size: 30px; font-weight: 300; vertical-align: middle; position: relative; padding-bottom: 70px; color: #000; text-decoration: none; display: table-cell; width: 33.33333%; }
.greyBar.white .catAboutList .difr b { font-weight: 600 }
.greyBar.white .catAboutList .difr span { margin-top: 25px; color: #fff; text-decoration: none; display: inline-block; background: #000; font-weight: 400; line-height: 45px; padding: 0 35px; font-size: 15px }
.greyBar.white .catAboutList .difr a { width: 90px; margin-top: 25px; color: #fff; text-decoration: none; display: inline-block; background: #000; font-weight: 400; line-height: 45px; padding: 0 35px; font-size: 15px }
.greyBar.white .catAboutList .col { vertical-align: middle; line-height: 150%; text-align: left; position: relative; padding: 70px; color: #000; text-decoration: none; font-weight: 300; font-size: 22px; display: table-cell; width: 33.33333%; }
.greyBar.white .catAboutList .col b { font-weight: 600 }
.greyBar.white .catAboutList a img { display: block; width: 65%; margin: 0 auto -55px auto }
.greyBar.white .catAboutList .wbl { background: #f5f5f5 }
.greyBar.white .catAboutList a span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 15px; color: #fff; text-decoration: none; display: block; background: #000; font-weight: 400; line-height: 45px; padding: 0 20px; font-size: 15px }
.greyBar.white .contactTextTable { display: table; width: 70%; margin: 50px auto 20px auto }
.greyBar.white .contactTextTable .cctr { color: #555; text-align: left; display: table-cell; vertical-align: middle; width: 80% }
.greyBar.white .contactTextTable .cctr:first-of-type { width: 20% }
.greyBar.white .contactTextTable .cctr:first-of-type img { display: block; width: 100% }
.greyBar.white .contactTextTable .cctr:last-of-type { padding-left: 40px }
.greyBar.white .contactTextTable .cctr p:first-of-type { margin: 0 }
.greyBar.white .contactTextTable .cctr p:first-of-type b { color: #000 }
.greyBar.white .contactTextTable .cctr p { margin: 15px 0; color: #555; display: block }
.greyBar.white .contactTextTable .cctr b { font-weight: 600 }
.greyBar.white .contactTextTable .cctr a { text-decoration: none; color: var(--color-general) }
#splitPage { border-bottom: 3px solid #fff; background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); width: 100%; display: table }
#splitPage h2 { text-align: center; margin: 0 0 5px 0; color: var(--color-general); font-size: 30px; font-weight: 800 }
#splitPage h3 { text-align: center; margin: 0 0 5px 0; font-size: 15px; font-weight: 300 }
#splitPage form { margin-top: 30px }
#splitPage #authAccount { border-radius: 12px; border: 1px solid #E1E4EA; padding: 20px 45px; background: rgba(255,255,255,0.63); width: 100%; margin: 50px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#splitPage #authAccount .btn { margin-top: 0 }
#splitPage #authAccount .line { margin: 25px 0 }
#splitPage #authAccount #recoverPassword { text-decoration: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 500; color: #333; float: none }
#splitPage #authAccount #recoverPassword:hover { color: #000 }
.rightSplit { display: block; width: 50%; padding: 50px 0; margin: 0 auto }
.accountTabsController { background: #DFDFDF; border-radius: 12px; margin: 0 auto; display: flex; justify-content: center; align-items: stretch; max-width: 500px }
.accountTabsController a { flex: 1; display: block; padding: 15px 0; text-align: center; background: #DFDFDF; color: #000; font-weight: 700; font-size: 18px; line-height: 130%; text-decoration: none }
.accountTabsController a:first-of-type { border-radius: 12px 0 0 12px }
.accountTabsController a:last-of-type { border-radius: 0 12px 12px 0 }
.accountTabsController a:hover { background: #c1c0c0 }
.accountTabsController a.active { background: var(--color-accent); color: #fff }
.accountTabsHolder .tabHolder { display: none }
.accountTabsHolder .tabHolder.active { display: block }
.stepsWithRegister { border-radius: 12px; border: 1px solid #E1E4EA; padding: 20px 45px; background: rgba(255,255,255,0.63); width: 100%; margin: 50px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.stepsWithRegister.not { width: 100%; margin: 0 auto }
.stepsWithRegister .currentSteps { text-align: center; margin: 40px 0 10px 0 }
.stepsWithRegister .currentSteps a { color: #000; text-decoration: none; border: 3px solid #DFDFDF; background: #DFDFDF; margin: 0 8px; font-weight: 500; display: inline-block; border-radius: 50%; width: 45px; height: 45px; text-align: center; font-size: 17px; line-height: 45px }
.stepsWithRegister .currentSteps a.active { background: #000; border-color: #000; color: #fff }
.stepsWithRegister .currentSteps a.current { border-color: #000 }
.stepsWithRegister .btn { margin-top: 0 }
.stepsWithRegister .line { position: relative; margin: 30px 0 }
.stepsWithRegister .line label { margin-bottom: 5px }
.stepsWithRegister .line .text { border: 1px solid #aaa; border-radius: 4px!important; padding: 10px }
.stepsWithRegister .wCheckbox { width: 100% }
.stepsWithRegister .rds:first-of-type { margin-top: 15px }
.stepsWithRegister .rds { margin: 5px 0 }
.stepsWithRegister .rds label.customBtn { padding-left: 30px }
.stepsWithRegister .rds label.customBtn .iradio_square { top: 0 }
.stepsWithRegister label.customBtn { padding-left: 30px }
.stepsWithRegister label.customBtn .iradio_square { position: absolute; left: 0; top: 0 }
.stepsWithRegister fieldset { display: none }
.stepsWithRegister fieldset.active { display: block }
.stepsWithRegister .line.wSelect:after { color: #666; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: block; position: absolute; right: 10px; bottom: 10px }
.stepsWithRegister .select2-container { margin-top: 5px }
.stepsWithRegister .select2-container .select2-selection--single { height: 40px }
.stepsWithRegister .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px }
.stepsWithRegister .select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px }
.stepsWithRegister .select2-container .select2-selection--multiple { padding-top: 4px; min-height: 40px }
.stepsWithRegister .select2 { width: 100%!important }
.stepsWithRegister .ideal1 { display: none }
.stepsWithRegister .ideal1 .select2 { width: 100%!important }
.stepsWithRegister .ideal2 { display: none }
.stepsWithRegister .ideal2 .select2 { width: 100%!important }
.stepsWithRegister .showOnlyBeauty { display: none }
.stepsWithRegister .showOnlyBeauty .select2 { width: 100%!important }
.register .select2-container--default .select2-results > .select2-results__options { max-height: 600px!important; overflow-y: auto }
.register .select2-results__options { max-height: none !important }
.register .blocajTari .extraTari .extraTariGrid { margin-top: 15px }
.register .blocajTari .extraTari .extraTariGrid .colTara { margin: 5px 0 }
.register .blocajTari .extraTari .extraTariGrid .underTara { margin-top: 10px; display: none }
.register .blocajTari .extraTari .extraTariGrid .underTara .gridDisplay { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 5px }
.register .blocajTari .extraTari .extraTariGrid .underTara label { white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; font-size: 14px; font-weight: 400; display: block; border-radius: 5px; border: 1px solid rgba(0,0,0,0.1); padding: 8px 10px 8px 30px; overflow: hidden; position: relative }
.register .blocajTari .extraTari .extraTariGrid .underTara label i { font-size: 14px; display: block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%) }
.register .blocajTari .extraTari .extraTariGrid .underTara label:hover { border-color: rgba(0,0,0,0.3) }
.register .blocajTari .extraTari .extraTariGrid .underTara label.active { color: #fff; background: #000 }
.register .blocajTari .extraTari .extraTariGrid .underTara input { position: absolute; left: -100px }
.register .blocajTari .extraTari .extraTariGrid .colTara { border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.1); padding: 15px }
.register .blocajTari .extraTari .extraTariGrid .colTara h4 {font-size: 15px; margin: 0; position: relative; line-height: 20px; cursor: pointer; white-space: nowrap }
.register .blocajTari .extraTari .extraTariGrid .colTara h4:after { display: none }
.register .blocajTari .extraTari .extraTariGrid .colTara h4 b { font-weight: 500; margin-left: 5px; opacity: 0.8 }
.register .blocajTari .extraTari .extraTariGrid .colTara h4 i { width: 12px; margin-right: 4px }
.register .blocajTari .extraTari .extraTariGrid .colTara h4 i:last-of-type { line-height: 20px; text-align: right; height: 30px; width: calc(100% - 20px); margin-right: 0; position: absolute; top: 0; right: 0 }
.register .blocajTari .extraTari .extraTariGrid .colTara h4.active { font-weight: 800; color: #000 }
.register ul { line-height: inherit!important }
#registerAgent { width: 60%; margin: 0 auto!important }
#intro { color: #1a1a1a; position: relative; text-align: center; background: url(../images/banner_1.5x.jpg) center bottom no-repeat; background-size: cover; height: 536px }
#intro #introInner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
#intro h2 { font-size: 32px; font-weight: 300 }
#intro h2 b { font-weight: 400; display: block }
#intro .btns { margin-top: 40px }
#intro .btns a { text-decoration: none; color: #1a1a1a; font-size: 110%; display: inline-block; margin: 0 20px; padding: 25px; text-align: center; border: 2px solid #000; width: 200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#intro .btns a img { display: block; width: 70%; margin: 0 auto 20px auto }
#intro .btns a:hover { border-color: #d3d3d3 }
.mmrt { font-weight: 300; text-align: center; margin: 0 0 45px 0; font-size: 35px }
.mmrt b { font-weight: 600 }
.retailerPart, .wsPart { padding: 30px 0 }
.retailerPart .colot { text-align: center }
.retailerPart .colot .ccc { padding-bottom: 25px; border: 2px solid #d3d3d3; text-align: left; width: 25%; display: inline-block; margin: 0 25px }
.retailerPart .colot .ccc:hover { box-shadow: 0 0 15px rgba(0,0,0,0.2); border-color: #f4f6f9 }
.retailerPart .colot .ccc img { display: block; width: 100%; margin: 0 0 25px 0 }
.retailerPart .colot .ccc h3 { padding: 0 25px; font-size: 25px; font-weight: 600 }
.retailerPart .colot .ccc b { font-weight: 600 }
.retailerPart .colot .ccc ul { list-style: none; margin: 25px 0 0 0; padding: 0 25px; font-size: 18px; line-height: 24px; font-weight: 300 }
.retailerPart .colot .ccc ul li { margin: 25px 0; position: relative; background: url(../images/arrowC_1.5x.png) left top no-repeat; background-size: 30px auto; padding: 0 0 0 50px }
.blackbar { color: #a6b56c; background: #1a1a1a; font-weight: 700; text-align: center; font-size: 35px; padding: 30px 0 }
.links { margin: -10px 0 30px 0; text-align: center }
.links a { display: inline-block; color: #fff; background: #a6b56c; margin: 0 30px; font-weight: 800; font-size: 20px; padding: 10px 35px; text-decoration: none }
.links a:hover { opacity: 0.8 }
.wsafas { display: block; width: 100% }
.greenLine { color: #fff; background: var(--color-general); padding: 80px 0 }
.greenLine h2 { font-weight: 600; font-size: 32px; margin: 0 0 55px 0; text-align: center }
.greenLine ul { margin: 0 auto; max-width: 700px; columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style: none; font-weight: 300; font-size: 16px }
.greenLine ul li { position: relative; padding-left: 28px; margin: 0 0 15px 0 }
.greenLine ul li:before { font-weight: bold; content: "\f00c"; display: block; font-family: "Font Awesome 5 Free"; color: #fff; position: absolute; left: 0; top: 0 }
.greenLine .steps { text-align: center }
.greenLine .steps .step { width: 33.3333%; float: left; padding: 0 90px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.greenLine .steps .step b { margin: 0 0 15px 0; font-weight: 600; display: block; font-size: 36px }
.greenLine .steps .step p { line-height: 25px; font-weight: 300; display: block; font-size: 16px }
.greenLine .steps .step i { margin: 0 0 20px 0; font-size: 65px }
.cols2Boxes { position: relative; margin: 30px 0 }
.cols2Boxes .boxSmall { width: 42%; margin: 40px 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.cols2Boxes .boxSmall:nth-child(2n+2) { float: right }
.cols2Boxes .boxSmall h2 { font-size: 32px; margin: 0 0 15px 0 }
.cols2Boxes .boxSmall p { font-size: 16px; font-weight: 300; display: block; line-height: 25px!important }
.cols2Boxes .boxSmall img { margin: 0 0 20px 0; display: block; width: 100% }
.cols2Boxes .boxSmall a { float: right; padding: 0 25px; line-height: 40px; background: var(--color-general); color: #fff; font-weight: 300; font-size: 16px; text-decoration: none; display: inline-block; margin-top: 20px }
.cols2Boxes .boxSmall a:hover { background: #d1b47a }
.introText { padding: 90px 0 20px 0; text-align: center }
.introText a { padding: 0 25px; line-height: 40px; background: var(--color-general); color: #fff; font-weight: 300; font-size: 16px; text-decoration: none; display: inline-block; margin: 0 0 10px 0 }
.introText a:hover { background: #d1b47a }
.content { padding: 40px 0; background: #fff }
.content.greyBackground { background: #f2f2f2 }
.content.empty { min-height: auto; padding: 0 }
.content p, .content ul, .content ol { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; line-height: 170%; margin: 12px 0; color: #666 }
.content p:first-of-type { margin-top: 0 }
.greyWrapper { background: #F0F3F6; padding: 50px 0; margin: -20px 0 }
.greyWrapper .inside { display: flex }
.greyWrapper .inside > * + * { margin-left: 40px }
.greyWrapper .inside .sideBar { flex: 0 0 350px; background: #fff; border-radius: 12px; padding: 20px; position: sticky; top: 100px; height: fit-content; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.greyWrapper .inside .sideBar > b { display: block; font-size: 13px; text-transform: uppercase; color: #777; margin: 0 0 12px }
.greyWrapper .inside .sideBar ul { list-style: none; margin: 0; width: 100%; display: block; padding: 0 }
.greyWrapper .inside .sideBar li { margin-bottom: 6px }
.greyWrapper .inside .sideBar li a { color: var(--color-general); position: relative; text-decoration: none }
.greyWrapper .inside .sideBar li a:hover { color: var(--color-accent) }
.greyWrapper .inside .sideBar li a b { background: var(--color-accent); color: #fff; font-size: 11px; font-weight: 600; line-height: 1; padding: 3px 7px; border-radius: 12px; position: absolute; right: 35px; top: 50%; transform: translateY(-50%) }
.greyWrapper .inside .sideBar ul.special li a { border-radius: 8px; font-weight: 600; font-size: 15px; padding: 11px 26px 11px 11px; background: #F6F8F9; border: 1px solid #E1E4EA; display: block }
.greyWrapper .inside .sideBar ul.special li a i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 12px }
.greyWrapper .inside .sideBar ul.special li a img { display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin: -2px 4px 0 0 }
.greyWrapper .inside .sideBar ul.special li a > span { display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin: -4px 4px 0 0 }
.greyWrapper .inside .sideBar ul.special li a.active { color: var(--color-accent); border-color: #c9ccd2 }
.greyWrapper .inside .sideBar h5 { text-align: center; font-weight: 600; padding: 0; margin: 0 0 20px; font-size: 16px }
.greyWrapper .inside .sideBar h5 b { font-weight: 400 }
.greyWrapper .inside .homeContent { flex: 1 1 auto; min-width: 0 }
.greyWrapper .homeSection { border-radius: 12px; padding: 20px; margin: 0 0 20px 0; background: #fff }
.greyWrapper .homeSection h3 { font-size: 18px; font-weight: 700; color: var(--color-general); margin: 0 0 18px 0 }
.greyWrapper .homeSection h3 b { color: var(--color-accent) }
.greyWrapper .newBrands .item { display: block }
.greyWrapper .newBrands .thumb { border: 1px solid #d3d3d3; box-shadow: 0 0 8px rgba(0,0,0,0.1); position: relative; width: 100%; height: 200px; background: #f1f5f9; border-radius: 10px; overflow: hidden }
.greyWrapper .newBrands .thumb img { width: 100%; height: 100%; object-fit: cover; display: block }
.greyWrapper .newBrands .badge { position: absolute; top: 8px; right: 8px; background: #CFFCDE; color: #056124; font-size: 13px; padding: 6px 8px; border-radius: 4px }
.greyWrapper .owl-carousel.owl-theme .owl-controls { margin: 0 }
.greyWrapper .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-] { display: block; margin: -20px 0 0 0; padding: 0; border-radius: 50%; width: 40px; line-height: 40px; height: 40px; text-align: center; color: #fff; background: var(--color-general); position: absolute; top: 50%; left: -20px }
.greyWrapper .owl-carousel.owl-theme .owl-controls .owl-nav .owl-next { left: auto; right: -20px }
.greyWrapper .owl-carousel.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { opacity: 0.8 }
.greyWrapper .promoGrid { display: flex; align-items: stretch; width: 100% }
.greyWrapper .promoGrid > * { margin-right: 30px }
.greyWrapper .promoGrid > *:last-child { margin-right: 0 }
.greyWrapper .promoGrid .wTimer { width: 30% }
.greyWrapper .promoGrid .productSliderwDiscount { width: 70% }
.greyWrapper .product.offerDiv { border-radius: 12px; overflow: hidden; height: 404px }
.greyWrapper .product.offerDiv img { position: absolute; top: -21px; left: -21px; width: 100%; height: 100%; object-fit: cover; z-index: 0 }
.greyWrapper .product.offerDiv a { padding: 21px; position: relative; display: block; width: 100%; height: 100% }
.greyWrapper .productCard { position: relative; background: #fff; border: 1px solid #E1E4EA; border-radius: 12px; padding: 20px 20px 40px 20px; box-shadow: 0 1px 3px rgba(2,6,23,.04); display: flex; flex-direction: column; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.greyWrapper .productCard .addToCartForm { display: flex; flex-direction: column; gap: 12px; height: 100% }
.greyWrapper .productCard .thumb { display: block; width: 100%; height: 220px; overflow: hidden }
.greyWrapper .productCard .thumb img { width: 100%; height: 210px; object-fit: contain; display: block }
.greyWrapper .productCard .info { flex: 1; display: flex; flex-direction: column; gap: 8px }
.greyWrapper .productCard .title { font-weight: 500; font-size: 16px; color: var(--color-general); line-height: 1.35; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 65px }
.greyWrapper .productCard .meta { position: relative; display: block }
.greyWrapper .productCard .priceNotif { font-size: 16px; font-weight: 700; color: var(--color-general) }
.greyWrapper .productCard .stockNotif { display: block; font-size: 13px; color: #64748b }
.greyWrapper .productCard .addBtn { position: absolute; right: 20px; bottom: 0; border: 0; width: 42px; height: 42px; border-radius: 4px; background: var(--color-accent); color: #fff; font-size: 22px; font-weight: 300; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s ease, transform .12s ease }
.greyWrapper .productCard .addBtn:hover { background: var(--color-accent-hover) }
.brandsCarousel .owl-stage { display: flex }
.brandsCarousel .owl-item { margin: 1px; display: flex }
.brandsCarousel .productCard { display: flex; flex-direction: column; height: 100% }
.fancybox-slide .content { min-height: auto }
.content.noPadding { border-radius: 20px; padding: 40px }
.content.noPadding .inside { width: 100%; min-width: 650px; max-width: 650px }
.content .mainCatsListing { display: table; width: 100%; list-style: none }
.content .mainCatsListing li { display: table-cell }
.content .mainCatsListing li a { display: block; height: 300px; margin: 0 auto; width: 100%; position: relative; color: #555; text-decoration: none; background-size: cover; background-position: center center }
.content .noTop .mainCatsListing li a { height: 200px }
.content .noTop .mainCatsListing li a span { font-size: 17px }
.content .mainCatsListing li a span { font-size: 20px; position: absolute; background: rgba(255,255,255,0.8); padding: 15px 0; width: 100%; text-align: center; left: 0; bottom: 20px }
.content .mainCatsListing li a:hover span { background: var(--color-general); color: #fff }
.content .mainCatsListing li:nth-child(2) a { width: 95% }
.content .mainCatsListing li:nth-child(2) a span { bottom: auto; top: 20px }
.wAnimList { margin-top: 40px; width: 100%; list-style: none; text-align: center }
.wAnimList li { letter-spacing: 0.05em; font-size: 12px; text-align: center; margin: 25px 15px; font-weight: 400; display: inline-block }
.wAnimList li img { box-shadow: 0 0 25px rgba(0,0,0,0.1); display: block; margin: 0 auto 10px auto; khtml-border-radius: 50%; moz-border-radius: 50%; webkit-border-radius: 50%; border-radius: 50%; width: 160px; height: 160px }
.wAnimList li a { color: inherit; text-decoration: none }
.wAnimList li span { display: inline-block; background: rgba(255,255,255,0.8); color: #333; border-radius: 15px; padding: 5px 20px }
.content .colsIntro { margin: 30px 0 50px 0 }
.content .colsIntro h1 { font-weight: 400; color: #666; font-size: 20px; margin: 0 0 16px 0 }
.content .colsIntro.single { margin: 30px 0 0 0 }
.content .colsIntro.single.noTop { margin-top: 0!important }
.content .colsIntro .left { width: 53%; float: left }
.content .colsIntro .left.equal { width: 46% }
.content .colsIntro .left.single { width: 100%; float: none }
.content .colsIntro .left .introText { margin: 0 0 30px 0; width: 100% }
.content .colsIntro .right { width: 44%; float: right }
.content .colsIntro .right.equal { width: 48% }
.content .colsIntro .right.single { width: 100%; float: none }
.content .colsIntro .right form { background: #f4f6f9; padding: 33px 45px; width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .colsIntro h5 { font-size: 15px; overflow: hidden; position: relative; color: var(--color-general); font-weight: 400 }
.content .colsIntro h5:after { content: " "; height: 1px; display: inline-block; border-top: 1px dotted #dddddd; position: relative; padding-left: 10px; vertical-align: middle; left: 0.5em; margin-top: -2px; margin-right: -50%; width: 80% }
.content .colOnlyText { -moz-column-count: 4; -moz-column-gap: 15px; -webkit-column-count: 4; -webkit-column-gap: 15px; column-count: 4; column-gap: 15px; text-align: center; margin: 100px auto }
.content .colOnlyText p { color: #666; font-weight: 400; line-height: 150% }
.bannerIntro { padding: 45px 0; background: #779f9e }
.bannerIntro a { display: block; text-align: center; text-transform: uppercase; font-weight: 300; letter-spacing: 0.05em; padding: 45px; border: 5px solid rgba(255,255,255,0.2); text-decoration: none; color: #fff; font-size: 20px; opacity: 0.8 }
.bannerIntro a:hover { border-color: #fff; opacity: 1 }
.megaTitle { text-align: center; font-size: 20px; margin: 40px 0 20px 0; font-weight: 700; color: var(--color-general) }
.colsWAnim { text-align: center; margin: 45px 0 }
.colsWAnim .col { float: left; background: #fff; color: #000; display: block; width: 20%; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.colsWAnim .col span { display: block }
.colsWAnim .col span.number { font-weight: 700; color: #000; font-size: 27px }
.colsWAnim .col span.ttl { font-weight: 400; margin-top: 5px; font-size: 13px }
.colsWAnim .col img { display: block; height: 70px; margin: 0 auto 10px auto }
.blueBar { font-size: 15px; line-height: 20px; padding: 80px 0; background: var(--color-general); color: #fff }
.blueBar h3 { font-size: 32px; margin: 0 0 15px 0 }
.blueBar a { text-decoration: none; background: #fff; display: inline-block; color: var(--color-general); font-weight: 600; padding: 0 30px; line-height: 40px; margin-top: 20px; font-size: 13px }
.blueBar a:hover { background: #d3d3d3 }
.content .cadouComanda { margin-top: 20px; padding: 25px; border-radius: 10px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .cadouComanda h4 { font-size: 20px; margin: 0 0 15px 0; color: #000 }
.content .cadouComanda h4 i { margin-right: 4px }
.content .cadouComanda h4 p { display: block; margin-top: 5px; font-weight: 400; color: #555; font-size: 14px }
.content .cadouComanda .cadouriAlegere { font-size: 16px; overflow-y: auto; padding-right: 0; max-height: 350px }
.content .cadouComanda .cadouriAlegere .tabelCadouri { display: table; border-spacing: 0 10px; width: 100% }
.content .cadouComanda .cadouriAlegere .cadouAlegere { display: table-row }
.content .cadouComanda .cadouriAlegere .cadouAlegere > div { display: table-cell; vertical-align: middle; padding: 15px 25px; background: #fff }
.content .cadouComanda .cadouriAlegere .cadouAlegere > div:first-of-type { width: 70%; border-radius: 10px 0 0 10px }
.content .cadouComanda .cadouriAlegere .cadouAlegere > div:last-of-type { width: 30%; border-radius: 0 10px 10px 0 }
.content .cadouComanda .cadouriAlegere .cadouAlegere b { margin: 0 0 5px 0; display: block }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cod { display: block; margin-top: 15px; font-size: 12px; color: #878787 }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate { text-align: right }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .mathGift input { font-weight: 600; background: none; width: 30px; float: left; text-align: center; line-height: 20px; height: 20px; padding: 0; color: #000; border: none }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .mathGift input:focus { color: #000 }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .mathGift span { line-height: 20px; width: 15px; text-align: center; font-size: 11px; cursor: pointer; color: #000; float: left }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .mathGift span:first-of-type { top: 10px }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .mathGift span:hover { opacity: 0.7 }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .mathGift { padding: 5px 8px; background: #E9E9E9; border-radius: 4px; float: right; position: relative }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .pret { font-size: 16px; color: #000 }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .stock { font-size: 14px; margin: 8px 0; display: block; color: #000 }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .stock b { display: inline-block }
.content .offerTabsController { background: linear-gradient(90deg, #000 0%, #343469 97.93%); border-radius: 10px 10px 0 0; overflow: hidden; }
.content .offerTabsController a { display: block; width: 33.3333%; font-size: 17px; opacity: 0.5; font-weight: 600; text-decoration: none; float: left; color: #fff; padding: 18px 0; text-align: center }
.content .offerTabsController a:hover { opacity: 1 }
.content .offerTabsController a.active { opacity: 1; background: rgba(0,0,0,0.2) }
.content .offerTabsController a i { font-style: normal; opacity: 0.2; padding: 0 5px }
/* PREORDERS LIVE PAGE (namespaced) */
.poL_wrap { display: flex; gap: 20px; margin: 0 -20px }
.poL_left { flex: 0 0 320px; max-width: 320px }
.poL_right { flex: 1 1 auto; min-width: 0 }
.poL_wrap .pureNothing { color: #878787; font-size: 18px; text-align: center; padding: 40px 20px }
.poL_wrap .pureNothing a { color: var(--color-general); text-decoration: none; margin-top: 40px; font-weight: 600; display: block }
.poL_wrap .pureNothing a:hover { color: #000 }
.poL_filters fieldset { display: block; margin: 0 0 15px 0 }
.poL_box { position: relative; margin: 0 0 20px 0; background: #F0F3F6; padding: 20px; border-radius: 4px }
.poL_boxTop { margin: 0 0 15px 0; background: #FFF; padding: 0; border-radius: 0 }
.poL_boxBrands { margin-bottom: 25px!important }
.poL_boxBrands .poL_opts { max-height: 250px }
.poL_boxBrands .increaseHeight .poL_opts { max-height: 800px }
.poL_box.white { padding: 0; background: #fff }
.poL_title { position: relative; font-weight: 600; margin: 0 0 15px 0; font-size: 16px; color: var(--color-general) }
.poL_titleTgl { border-bottom: 1px solid #E1E4EA; padding: 0 0 10px 0; margin: 0 0 10px 0; cursor: pointer }
.poL_box .poL_titleTgl { position: relative; cursor: pointer; user-select: none }
.poL_box .poL_titleTgl:after { content: ""; position: absolute; right: 0; top: 6px; width: 6px; height: 6px; border-right: 2px solid var(--color-general); border-bottom: 2px solid var(--color-general); transform: rotate(45deg); transition: transform .25s ease }
.poL_box.poL_isClosed .poL_titleTgl:after { transform: rotate(-135deg) }
.poL_box.poL_isClosed .poL_optWrap, .poL_box.poL_isClosed .poL_ops { display: none }
.poL_clear { margin: 0; font-weight: 600; font-size: 12px; border: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--color-general); text-decoration: none; padding: 0; background: none }
.poL_clear .fa { margin-right: 4px }
.poL_clear b { font-weight: 600; border-bottom: 1px solid var(--color-general); padding: 0 0 2px 0 }
.poL_clear:hover { opacity: 0.8 }
.poL_boxSearch .poL_ops { margin: 10px 0 0 0 }
.poL_boxSearch .poL_opsInput { position: relative }
.poL_boxSearch .poL_opsInput .text { width: 100%; padding-right: 40px }
.poL_boxSearch .poL_searchClr { position: absolute; right: 35px; top: 50%; transform: translateY(-50%); text-decoration: none; color: #777; font-size: 12px }
.poL_boxSearch .poL_searchClr:hover { color: #000; opacity: .85 }
.poL_selectedFltrs { margin: 0 0 15px 0; background: #F0F3F6; padding: 20px; border-radius: 4px }
.poL_selectedTitle { position: relative; font-weight: 600; font-size: 15px; margin: 0 0 12px 0; color: var(--color-general) }
.poL_selectedClear { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 12px; text-decoration: none; color: var(--color-general) }
.poL_selectedClear i { margin-right: 4px }
.poL_selectedClear b { font-weight: 600; border-bottom: 1px solid var(--color-general); padding-bottom: 2px }
.poL_selectedClear:hover { opacity: .85 }
.poL_activeFltrs { display: block }
.poL_selectedOp { box-shadow: 0px 1px 2px 0px #0A0D120D; border-radius: 4px; font-size: 13px; font-weight: 500; display: inline-block; border: 1px solid #CACFD8; color: var(--color-general); background: #fff; padding: 6px 12px; margin: 0 5px 5px 0; text-decoration: none }
.poL_selectedOp i { margin-left: 6px }
.poL_selectedOp:hover { background: rgba(0,0,0,0.05) }
.poL_ops { position: relative; margin-top: 10px }
.poL_opsInput { margin-bottom: 10px; position: relative }
.poL_opsInput .text { border-radius: 8px; border: 1px solid #E1E4EA; width: 100%; padding: 10px 10px 10px 40px; line-height: 15px; color: #878787; background: #FCFCFC }
.poL_opsInput .text:focus { color: #000 }
.poL_opsInput i { cursor: pointer; font-size: 12px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #484848 }
.poL_opsInput i:hover { opacity: 0.7 }
.poL_wrap .poL_headerTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px }
.poL_wrap .poL_cardTtl { flex: 1 1 auto }
.poL_wrap .poL_btnTop { flex: 0 0 auto; line-height: 34px; padding: 0 16px; font-size: 13px; font-weight: 700; border-radius: 10px; border: 1px solid var(--color-general); background: var(--color-general); color: #fff; text-decoration: none; white-space: nowrap }
.poL_wrap .poL_btnTop:hover { opacity: .9 }
.poL_wrap .poL_btnTop.poL_disabled { pointer-events: none; opacity: .55; filter: grayscale(1) }
.poL_optWrap { padding: 0 }
.poL_opts { overflow: auto; max-height: 240px }
.poL_optsNoScroll { max-height: none }
.poL_opts label { line-height: 170%; position: relative; font-weight: 500; color: #000; font-size: 14px; margin: 5px 0; padding-left: 26px; display: block; width: auto; float: none }
.poL_opts label input { opacity: 0 }
.poL_opts .icheckbox_square { position: absolute; left: 0; top: 0; transform: scale(0.7) }
.poL_opts .iradio_square { position: absolute; left: 0; top: 0; transform: scale(0.7) }
.poL_filters .center { margin-top: 15px }
.poL_filters .showMoreBrandsPreorders { margin: 0; text-decoration: none; background: #FFFFFF; font-size: 12px; line-height: 28px; color: var(--color-general); border-radius: 4px; display: inline-block; padding: 0 20px }
.poL_brandList { margin: 11px 0 0 0!important; padding: 0; list-style: none; display: block }
.poL_brandItem { margin: 0; padding: 0 }
.poL_list { display: flex; flex-direction: column; gap: 12px }
.poL_pager { margin: 20px 0 20px 0!important; text-align: center; width: 100%; list-style: none }
.poL_page { float: left; font-size: 13px; transition: all 0.25s ease-in-out; background: #f2f2f2; text-decoration: none; color: #000; margin: 0 3px; border-radius: 10px; line-height: 40px; width: 40px; height: 40px }
.poL_page:hover { background: var(--color-general); color: #fff }
.poL_page.poL_isOn { background: var(--color-general); color: #fff }
.poL_dots { float: left; font-size: 13px; background: #f2f2f2; color: #000; margin: 0 3px; border-radius: 10px; line-height: 40px; width: 40px; height: 40px }
.poL_wrap .poL_card { background: #fff; border: 1px solid #E1E4EA; border-radius: 8px; padding: 24px; margin: 0 0 8px 0 }
.poL_wrap .poL_card:hover { border-color: #D4DAE5 }
.poL_wrap .poL_headerBlock { width: 100%; margin-bottom: 10px }
.poL_wrap .poL_cardTtl { font-size: 20px; font-weight: 600; color: var(--color-general); line-height: 1.3; margin: 0 0 20px 0; width: 100%; display: block }
.poL_wrap .poL_timeRow { position: relative; background: #F7F9FC; border: 1px solid #EEF1F5; border-radius: 10px; padding: 10px 12px; display: flex; align-items: center; gap: 8px; font-size: 14px; color: #556070 }
.poL_wrap .poL_timeRow .fa { color: var(--color-general) }
.poL_wrap .poL_countdown { font-weight: 400; color: #223042 }
.poL_wrap .poL_countdown b { font-weight: 400 }
.poL_wrap .poL_bodyBlock { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px }
.poL_wrap .poL_statsGrid { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); margin: 0 -20px; gap: 10px }
.poL_wrap .poL_stat { background: #F7F9FC; border: 1px solid #EEF1F5; border-radius: 10px; padding: 10px 12px }
.poL_wrap .poL_stat span { display: block; font-size: 12px; color: #6B7686; font-weight: 600; line-height: 1.2 }
.poL_wrap .poL_stat b { display: block; margin-top: 6px; font-size: 14px; font-weight: 800; color: #1C2735; line-height: 1.2 }
.poL_wrap .poL_statMuted { background: #FAFBFC; border-color: #F0F3F6; opacity: .55 }
.poL_wrap .poL_statMuted span { color: #9AA4B2 }
.poL_wrap .poL_statMuted b { color: #AEB6C2; font-weight: 600 }
@media(max-width:1200px){ .poL_wrap .poL_statsGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) } }
@media(max-width:980px){ .poL_wrap .poL_statsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
.poL_wrap .poL_actions { display: flex; gap: 12px; flex: 0 0 auto }
.poL_wrap .poL_btn { padding: 0 18px; line-height: 44px; border-radius: 14px; font-size: 14px; font-weight: 800 }
@media(max-width:980px){ .poL_wrap .poL_bodyBlock { flex-direction: column; align-items: flex-start } .poL_wrap .poL_actions { margin-top: 14px } }
.poL_wrap .poL_active { margin-top: 12px; display: block; text-decoration: none; background: #F0F3F6; border: 1px solid #E1E4EA; border-radius: 12px; padding: 10px 12px; font-size: 13px; color: #223042 }
.poL_wrap .poL_active b { font-weight: 800 }
.poL_wrap .poL_isDisabled { opacity: .62 }
.poL_wrap .poL_btn.poL_disabled { pointer-events: none; filter: grayscale(1); opacity: .55 }
.poL_wrap .poL_stateTag { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 8px; letter-spacing: .4px; text-transform: uppercase; line-height: 1; border: 1px solid transparent }
.poL_wrap .poL_state_upcoming .poL_stateTag { background: #FFF4E5; border-color: #FFE2B8; color: #8A5A00 }
.poL_wrap .poL_state_active .poL_stateTag { background: #E9F7EF; border-color: #CDEEDD; color: #0F6A2B }
.poL_wrap .poL_state_expired .poL_stateTag { background: #FDECEC; border-color: #F7CACA; color: #8A1C1C }
.poL_wrap .poL_isDisabled .poL_stateTag { opacity: .75 }
.content .listaProduseOferta .linieBulk { margin: 35px 0; padding: 0 }
.content .listaProduseOferta .linieBulk:first-of-type { margin-top: 15px }
.content .listaProduseOferta .linieBulk:last-of-type { margin-bottom: 15px }
.content .listaProduseOferta .linieBulk .bulkHeader { cursor: pointer }
.content .listaProduseOferta .linieBulk .bulkHeader h3 { font-size: 17px; margin: 0 0 10px 0; font-weight: 600 }
.content .listaProduseOferta .linieBulk .bulkHeader .bulkDesc { color: #000; font-size: 14px }
.content .listaProduseOferta .linieBulk .bulkHeader .bulkDesc b { font-weight: 600 }
.content .listaProduseOferta .linieBulk .bulkHeader .bulkDesc p { color: #000; line-height: 130% }
.content .listaProduseOferta .linieBulk .bulkHeader .counter { margin-top: 0 }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine { position: relative; margin-top: 9px; border: 1px solid #DFDFDF; border-radius: 10px; background: #fff; padding: 20px 20px }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine span { font-weight: 700; display: inline-block; margin-right: 40px }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine span b { font-weight: 700 }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine span svg { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0 }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine span.last { margin: 0; width: 38px; text-align: center; height: 38px; line-height: 40px; background: linear-gradient(90deg, #000 0%, #343469 97.93%); color: #fff; border-radius: 50%; font-size: 12px; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine span.last:hover { opacity: 0.8 }
.content .listaProduseOferta .linieBulk .hidden { margin-top: 10px; background: #fff; border-radius: 10px; padding: 20px; display: none }
.content .listaProduseOferta .linieBulk .linieOferta { border-bottom: 1px solid #f4f6f9; box-shadow: none; margin: 2px 0 }
.content .listaProduseOferta .linieBulk .linieOferta:hover { box-shadow: none }
.content .listaProduseOferta .linieBulk .linieOferta:last-of-type { border: 0 }
.content .listaProduseOferta .linieBulk .linieOferta.wPadding .col { padding-top: 12px; padding-bottom: 12px }
.content .listaProduseOferta .linieBulk .linieOferta.wBold .f6 span { margin: 0; font-size: 12px }
.content .listaProduseOferta .linieBulk .f9 { width: 10% }
.content .listaProduseOferta .linieBulk .linieOferta .f3 { padding: 0; width: 30% }
.content .listaProduseOferta .linieBulk .linieOferta > div { border: 0!important }
.content .listaProduseOferta .linieBulk .linieOferta .f3 .nume { line-height: 130%; font-size: 14px; margin: 0 0 15px 0 }
.content .listaProduseOferta .linieBulk .linieOferta .f6 { padding: 15px 0; width: 20% }
.content .listaProduseOferta .linieBulk .linieOferta .arrow { padding-top: 30px; width: 20% }
.content .listaProduseOferta .linieBulk .linieOferta .arrow .arrowLine { margin: 8px 0; display: block; width: 100% }
.content .listaProduseOferta .linieBulk .linieOferta .arrow span { margin: 0; font-weight: 600; display: block; text-align: center; width: 100% }
.content .listaProduseOferta .linieBulk .linieOferta .arrow span svg { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0 }
.content .listaProduseOferta .linieBulk .linieOferta .f9 { width: 8% }
.content .listaProduseOferta .linieBulk .fCol { border: 0!important }
.content .listaProduseOferta .linieBulk .betweenLines { font-size: 25px; color: #000; opacity: 0.5; font-weight: 700; margin: 15px 0 0 0 }
.content .listaProduseOferta .linieBulk .betweenLines.special { opacity: 1 }
.content .listaProduseOferta .linieOferta { display: table; margin: 15px 0; width: 100% }
.content .listaProduseOferta .linieOferta .col { display: table-cell; vertical-align: middle }
.content .listaProduseOferta .linieOferta .f1 { width: 10% }
.content .listaProduseOferta .linieOferta .f1 .image { padding: 15px; display: block; color: #fff }
.content .listaProduseOferta .linieOferta .f1 img { border-radius: 10px; display: block; width: 80% }
.content .listaProduseOferta .linieOferta .f3 { padding: 15px 0 20px 0; width: 35% }
.content .listaProduseOferta .linieOferta .f3 .brandFromList { text-transform: uppercase; display: block; font-weight: 600; margin: 0 0 3px 0; color: #000; font-size: 15px }
.content .listaProduseOferta .linieOferta .f3 .nume { display: block; font-weight: 400; margin: 0 0 5px 0; font-size: 12px; color: #000 }
.content .listaProduseOferta .linieOferta .f3 .nume b { margin: 0 0 5px 0; display: block; font-size: 20px; font-weight: 600 }
.content .listaProduseOferta .linieOferta.wVoucher .f3 .nume { font-size: 20px; font-weight: 600 }
.content .listaProduseOferta .linieOferta.wVoucher .f3 { padding-right: 20px; width: 30% }
.content .listaProduseOferta .linieOferta.wVoucher .f6 { padding-right: 20px; width: 40% }
.content .listaProduseOferta .linieOferta.wVoucher .discount { color: var(--color-general); font-weight: 800; font-size: 40px }
.content .listaProduseOferta .linieOferta.wVoucher .code { display: inline-block; border-radius: 6px; margin: 8px auto 0 auto; width: 70%; border: 1px solid #000; color: #000; background: #fff; padding: 10px; line-height: 15px }
.content .listaProduseOferta .linieOferta.wVoucher svg { cursor: pointer; margin-left: 5px; margin-top: -1px; width: 20px; height: 20px; display: inline-block; vertical-align: middle }
.content .listaProduseOferta .linieOferta.wVoucher svg:hover { opacity: 0.7 }
.content .listaProduseOferta .linieOferta .f3 .infoLine { font-size: 90%; color: #000 }
.content .listaProduseOferta .linieOferta .f3 .infoLine .ean { margin-left: 0 }
.content .listaProduseOferta .linieOferta .f3 .infoLine b { font-weight: 600; margin-right: 3px }
.content .listaProduseOferta .linieOferta .f6 { width: 20%; padding: 0; border-left: 1px solid #f4f6f9; text-align: center }
.content .listaProduseOferta .linieOferta .f6 strike { }
.content .listaProduseOferta .linieOferta .f6 span { font-size: 11px; font-weight: 700; margin: 0 0 5px 0; display: block }
.content .listaProduseOferta .linieOferta .f6.special { color: #df1313 }
.content .listaProduseOferta .linieOferta .f6.wPriceInside { font-size: 36px; font-weight: 600; line-height: 40px; color: #000 }
.content .listaProduseOferta .linieOferta .f6.wPriceInside b { display: block; font-size: 16px; font-weight: 500; line-height: 20px; color: #000 }
.content .listaProduseOferta .linieOferta .f6.wPriceInside strike { opacity: 0.5 }
.content .listaProduseOferta .comandaOferta { float: right; border-radius: 10px; background: #000; color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; padding: 12px 40px }
.content .listaProduseOferta .comandaOferta .fa { margin-right: 4px }
.content .listaProduseOferta .comandaOferta:hover { background: var(--color-accent-hover) }
.content .listaProduseOferta .counter { color: #df1313; font-weight: 600; margin-top: 6px; font-size: 13px; display: block }
#generalPreferencesContainer { background: #fff; border-radius: 15px; display: none }
.modalOffer { position: relative; width: 800px }
.modalOffer h4 { font-size: 32px; margin: 0 0 10px 0; font-weight: 600 }
.modalOffer form { width: 100% }
.modalOffer form .line { box-shadow: 0 0 8px rgba(0,0,0,0.1); border-radius: 10px; padding: 20px; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.modalOffer form .line h5 { display: block; font-weight: 400; margin: 0 0 8px 0; color: #000; font-size: 16px }
.modalOffer form .line .infoLine { text-transform: uppercase; font-size: 12px; color: #777 }
.modalOffer form .line .infoLine span:first-of-type { margin-right: 10px }
.modalOffer form .line .infoLine span b { font-weight: 600; margin-right: 3px }
.modalOffer form .line .productOptions { margin-top: 20px }
.modalOffer form .line .productOptions label { text-transform: none; font-size: 14px; border-radius: 10px; border: 1px solid #ececec; cursor: pointer; padding: 8px 10px 8px 29px; position: relative; display: block; float: left; margin-right: 5px }
.modalOffer form .line .productOptions label input { position: absolute; top: 6px; left: 5px }
.modalOffer form .line .pret { font-size: 14px; background: #000; color: #fff; font-weight: 600; padding: 8px 20px; border-radius: 10px; position: absolute; top: 20px; right: 20px }
.modalOffer form .line.produseTotal { font-weight: 600; border: 1px solid var(--color-general); color: var(--color-general) }
.modalOffer form .line.produseTotal b { float: right }
.modalOffer form .line.total { margin-top: -15px; margin-bottom: 5px; font-size: 15px; font-weight: 600; border: 1px solid var(--color-general); color: var(--color-general) }
.modalOffer form .line.total b { float: right }
.modalOffer form .btnLine { margin-top: 15px }
.modalOffer form .btnLine .btn { margin: 0; border-radius: 10px; background: #000; color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; padding: 15px 35px }
.modalOffer form .btnLine .btn.cancel { background: #555 }
.modalOffer form .btnLine .btn .fa { margin-right: 4px }
.modalOffer form .btnLine .btn:hover { background: var(--color-accent-hover) }
.content .title { font-weight: 700; margin: 0 0 20px 0; font-size: 30px; line-height: 35px; text-align: left; color: var(--color-general) }
.content .title .date { font-size: 12px; float: right; font-weight: 400 }
.content .subtitle { font-weight: 400; margin: -10px 0 25px 0; font-size: 19px; line-height: 28px; text-align: left; color: var(--color-general) }
.content .textPage { padding: 20px 0 }
.content .textPage p, .content .textPage ul, .content .textPage ol { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; line-height: 25px; margin: 12px 0; color: #666 }
.content .textPage p:first-of-type { margin-top: 0 }
.content .textPage ul { list-style: none; padding-left: 20px }
.content .textPage ul li { position: relative; padding: 0 0 0 17px }
.content .textPage ul li:before { font-family: 'Font Awesome 5 Free'; font-size: 8px; font-weight: 600; content: '\f111'; position: absolute; left: 0; top: 0; color: #000 }
.content .textPage ol { padding-left: 20px }
.content .textPage ul.wCols {margin-bottom: 12px; display: block; padding: 0; list-style: none; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.content .textPage ul.wCols li { margin: 0 0 8px 0 }
.content .textPage ul.wCols li:before { top: -1px }
.content .textPage .wColumns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.content .textPage a { text-decoration: none; font-weight: 500; color: inherit }
.content .textPage a:hover { color: var(--color-general) }
.content .textPage .btn { margin-top: 20px; display: inline-block; padding: 15px 25px; background: #000; color: #fff; text-decoration: none }
.content .textPage .btn:hover { color: #fff; background: #333 }
.content .textPage h2 { position: relative; text-transform: uppercase; font-weight: 400; line-height: 22px; margin: 30px 0 20px 0; font-size: 19px; color: #000 }
.content #galerieDesfasurata { }
.content #galerieDesfasurata a { display: block; margin: 0 20px 20px 0; float: left; width: 23.63% }
.content #galerieDesfasurata a:nth-child(4n+4) { margin-right: 0 }
.content #galerieDesfasurata a img { display: block; width: 100% }
.content #galerieDesfasurata a:hover { opacity: 0.8 }
.content .userDashboard .left { border-radius: 10px; background: #fff; border: 1px solid #DFDFDF; margin-bottom: 45px; padding: 20px 30px 10px 30px; width: 21.5%; float: left; margin: 0 0 50px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .left .submenu { margin: 0; width: 100%; list-style: none }
.content .userDashboard .left .submenu li { display: block; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .left .submenu li a { font-size: 17px; display: block; margin: 20px 0; color: #686868; font-weight: 400; text-decoration: none }
.content .userDashboard .left .submenu li a:hover { color: #000 }
.content .userDashboard .left .submenu li a.active { color: #000; font-weight: 700 }
.content .userDashboard .left .submenu li a span { padding: 0 10px; display: inline-block; background: #000; color: #fff; font-size: 12px }
.content .userDashboard .left .submenu li.lstbtn { text-align: center; margin-top: 100px }
.content .userDashboard .left .submenu li.lstbtn a { font-size: 20px; color: #000; font-weight: 700; text-transform: none }
.content .userDashboard .left .submenu li.lstbtn a:hover { color: #000 }
.content .userDashboard .right { margin-bottom: 45px; width: 77%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .right .nothing { margin: 40px 0; text-align: center; text-align: center; display: block; width: auto; box-shadow: 0px 3px 6px #00000029; padding: 50px }
.content .userDashboard .right h3 { text-transform: none; margin-bottom: 10px; font-weight: 700; font-size: 22px }
.content .userDashboard .right h3.singleTitle { margin-bottom: 30px }
.content .userDashboard .right h3 .date { font-size: 14px; float: right; font-weight: 400; color: #333 }
.content .userDashboard .right h4 { font-weight: 600; margin-bottom: 30px; font-size: 20px }
.content .userDashboard .right h4:after { display: none }
.content .userDashboard .right p { text-align: justify; color: #000 }
.content .userDashboard .right .infoBoxColsContainer { margin-top: 20px; display: table; width: 100% }
.content .userDashboard .right .infoBoxColsContainer .userForm { display: table-cell; vertical-align: top; width: 49% }
.content .userDashboard .right .infoBoxColsContainer .emptySpacing { display: table-cell; vertical-align: top; width: 2% }
.content .userDashboard .right .infoBoxColsContainer .userForm.middleAlign { vertical-align: middle }
.content .userDashboard .right .infoBoxColsContainer .userForm .summary { text-decoration: none; display: block; margin: 0; padding: 0; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); font-weight: 600; color: var(--color-general) }
.content .userDashboard .right .infoBoxColsContainer .userForm .summary:hover { color: #000 }
.content .userDashboard .right .infoBoxColsContainer .userForm h3 { font-size: 19px; font-weight: 600; margin: 0 }
.content .userDashboard .right .infoBoxColsContainer .userForm ul { margin: 0 0 15px 0 }
.content .userDashboard .right .userForm { box-shadow: 0 6px 24px rgba(17, 24, 39, 0.06), 0 2px 6px rgba(17, 24, 39, 0.04); position: relative; border-radius: 16px; background: #fff; border: 1px solid #e5e7eb; padding: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .right .userFormNew { position: relative; border-radius: 10px; background: #fff; border: 1px solid #DFDFDF; padding: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .right .userForm .text { font-weight: 500; color: rgb(160, 160, 160)!important; padding: 18px; background: #F6F8F9!important; border: 1px solid #E1E4EA!important; border-radius: 4px!important }
.content .userDashboard .right .userForm .text:focus { border: 1px solid #a4a4a4!important; color: #000!important }
.content .userDashboard .right .userForm .text.error { border-color: red!important }
.content .userDashboard .right .userForm label { margin-bottoM: 8px; font-size: 16px }
.content .userDashboard .right .userForm .medWidth { width: 80% }
.wpModulePromo { position: relative; display: flex; align-items: center; gap: 25px; padding: 18px 25px; border: 1px solid rgba(0,0,0,0.08); border-radius: 14px; background: linear-gradient(135deg, #ffffff 0%, #f7fbff 60%, #eef6ff 100%); box-shadow: 0 6px 24px rgba(24,39,75,0.06), 0 2px 6px rgba(24,39,75,0.04); margin: 24px 0 }
.wpModulePromo:hover { box-shadow: 0 10px 30px rgba(24,39,75,0.12), 0 3px 8px rgba(24,39,75,0.08); transform: translateY(-1px); transition: all .25s ease }
.wpModulePromo .wpLogo { flex: 0 0 auto; width: 65px; height: 56px; display: grid; place-items: center; background: #fff }
.wpModulePromo .wpLogo img { margin: 0 auto; max-width: 65px; max-height: 45px; display: block }
.wpModulePromo .wpText { flex: 1 1 auto; min-width: 0 }
.wpModulePromo .wpTitle { margin: 0 0 5px 0!important; font: 600 18px/1.2 system-ui, Segoe UI, Roboto, Arial, sans-serif; color: var(--color-general) }
.wpModulePromo .wpDesc { margin: 0!important; font: 400 14px/1.5 system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #334155 }
.wpModulePromo .wpActions { flex: 0 0 auto; display: flex; gap: 10px }
.wpModulePromo .wpBtn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; width: 120px; border-radius: 10px; font: 600 14px/1 system-ui, Segoe UI, Roboto, Arial, sans-serif; text-decoration: none; white-space: nowrap; transition: all .2s ease }
.wpModulePromo .wpBtn.primary { background: var(--color-general); color: #fff; border: 1px solid rgba(255,255,255,0.3) }
.wpModulePromo .wpBtn.primary:hover { filter: brightness(0.95) }
.wpModulePromo .wpBtn.ghost { background: #ffffff; color: var(--color-general); border: 1px solid rgba(2,6,23,0.08) }
.wpModulePromo .wpBtn.ghost:hover { background: #f8fafc }
@media (max-width: 720px) { .wpModulePromo { flex-direction: column; align-items: flex-start } .wpModulePromo .wpActions { width: 100% } .wpModulePromo .wpBtn { flex: 1 1 auto; justify-content: center } }
.ctaBanner { text-align: center; padding: 20px 20px; margin: 24px 0; background: linear-gradient(135deg, #f7fbff 0%, #eef6ff 100%); border: 1px solid #e5e7eb; border-radius: 18px; box-shadow: 0 6px 24px rgba(17,24,39,0.06), 0 2px 6px rgba(17,24,39,0.04) }
.ctaBanner h2 { font-size: 26px; font-weight: 700; color: var(--color-general); margin: 0 0 12px 0 }
.ctaBanner h3 { font-size: 22px; font-weight: 600; color: var(--color-general); margin: 0 0 10px 0 }
.ctaBanner > p { font-size: 15px; color: #334155; margin: 0 auto!important; max-width: 600px; text-align: center!important; line-height: 1.6 }
.procHeader { display: flex; align-items: center; gap: 8px; margin: 0 0 10px 0 }
.procHeader h6 { margin: 0 0 10px 0; font: 800 24px/1.25 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: var(--color-general) }
.tag { margin-left: 10px; display: inline-block; padding: 4px 10px; border-radius: 999px; font: 700 11px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; letter-spacing: .4px; border: 1px solid #e5e7eb; background: #f1f5f9; color: var(--color-general) }
.tag--get { background: #ecfdf5; border-color: #10b981; color: #065f46 }
.tag--post { background: #fef2f2; border-color: #ef4444; color: #991b1b }
.examplesWrap { border: 1px solid #e5e7eb; padding: 12px 14px; margin-top: 20px; border-radius: 12px; background: #fbfdff }
.examplesTitle { margin: 0 0 10px 0; font: 700 14px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: var(--color-general) }
.codeTabs { border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; background: #ffffff }
.codeTabs .codeBlock { background: #fff; color: #555; border-radius: 0 }
.codeTabsHeader { display: flex; gap: 6px; padding: 8px; background: #f8fafc; border-bottom: 1px solid #e5e7eb; overflow-x: auto }
.codeTabBtn { appearance: none; border: 1px solid #e5e7eb; background: #ffffff; color: #334155; padding: 8px 10px; border-radius: 999px; font: 600 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; white-space: nowrap }
.codeTabBtn:hover { background: #f1f5f9 }
.codeTabBtn.active { background: var(--color-general); color: #e5e7eb; border-color: var(--color-general) }
.codeTabIcon { width: 14px; height: 14px; display: inline-block }
.codeTabIcon img { width: 100%; height: 100%; display: block }
.codeTabsBody { padding: 0 }
.codePanel { display: none }
.codePanel.active { display: block }
.codeBlock { position: relative; background: #F0F3F6; color: #333; border-radius: 12px; padding: 14px 16px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.5; overflow-x: auto; margin: 0; border: 0 }
.codeBlock pre { margin: 0; padding: 0; background: none; color: inherit; font: inherit; white-space: pre }
.copyBtn { position: absolute; top: 8px; right: 8px; background: var(--color-accent); color: #fff; border: none; border-radius: 8px; font-size: 12px; padding: 6px 10px; cursor: pointer; transition: all .2s }
.copyBtn:hover { opacity: 1; background: var(--color-accent-hover) }
.copyBtn.copied { background: #16a34a; color: #fff }
.locCompact { border: 1px solid #e5e7eb; padding: 12px 14px; margin-top: 20px; border-radius: 12px; background: #fbfdff }
.locHead { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--color-general); font: 700 14px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif }
.locHint { font: 600 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #64748b; background: #eef2f7; border: 1px solid #e5e7eb; padding: 3px 8px; border-radius: 999px }
.locChips { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin }
.locChip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; border: 1px solid #e5e7eb; background: #ffffff; color: var(--color-general); font: 600 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; cursor: pointer; white-space: nowrap }
.locChip:hover { background: #f8fafc }
.locChip img { width: 18px; height: auto; border-radius: 3px }
.locChip.active { background: var(--color-general); color: #e2e8f0; border-color: var(--color-general) }
#apiUsage .apiUsage { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 20px; margin: 24px 0; box-shadow: 0 6px 24px rgba(17,24,39,0.06), 0 2px 6px rgba(17,24,39,0.04) }
#apiUsage .usageHeader { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: start; margin-bottom: 12px }
#apiUsage .usageTitle { margin: 0 0 5px 0; font: 800 22px/1.2 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #0f172a }
#apiUsage .usageSub { margin: 0; font: 500 13px/1.5 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #334155 }
#apiUsage .usageStatPills { display: flex; gap: 8px; flex-wrap: wrap }
#apiUsage .pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; border: 1px solid #e5e7eb; background: #f8fafc; color: #0f172a; font: 600 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif }
#apiUsage .pill strong { font-weight: 800; color: #0f172a }
#apiUsage .pill .dot { width: 8px; height: 8px; border-radius: 999px; background: #0f172a }
#apiUsage .usageControls { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 10px; margin: 10px 0 16px 0 }
#apiUsage .ucSearch { display: flex; align-items: center; gap: 8px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 8px 10px; background: #ffffff }
#apiUsage .ucSearch input { border: none; outline: none; width: 100%; font: 500 13px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif }
#apiUsage .ucRange { display: flex; gap: 8px }
#apiUsage .ucRange input { border: 1px solid #e5e7eb; border-radius: 10px; padding: 8px 10px; background: #fff; font: 500 13px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #0f172a }
#apiUsage .ucSel,
#apiUsage .ucBtn { border: 1px solid #e5e7eb; border-radius: 10px; padding: 8px 10px; background: #fff; font: 600 13px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #0f172a }
#apiUsage .ucBtn { cursor: pointer }
#apiUsage .ucBtn:hover { background: #f8fafc }
#apiUsage .procFilter { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 12px }
#apiUsage .procChip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #e5e7eb; border-radius: 999px; background: #ffffff; color: #0f172a; font: 600 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; cursor: pointer; white-space: nowrap }
#apiUsage .procChip.active { background: #0f172a; color: #e2e8f0; border-color: #0f172a }
#apiUsage .usageList { display: grid; gap: 12px }
#apiUsage .usageDay { position: sticky; top: 0; background: #ffffff; z-index: 1; padding: 6px 0; border-bottom: 1px solid #e5e7eb; font: 800 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #64748b }
#apiUsage .usageItem { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 12px; background: #ffffff; transition: box-shadow .2s, transform .2s }
#apiUsage .usageItem:hover { box-shadow: 0 6px 20px rgba(17,24,39,0.08); transform: translateY(-1px) }
#apiUsage .itemMain { display: flex; align-items: center; gap: 10px; min-width: 0 }
#apiUsage .badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; font: 800 11px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; letter-spacing: .2px; flex: 0 0 auto }
#apiUsage .badgeGet { background: #ecfdf5; color: #065f46; border: 1px solid #10b981 }
#apiUsage .badgePost { background: #fef2f2; color: #991b1b; border: 1px solid #ef4444 }
#apiUsage .badgeProc { background: #eef2ff; color: #3730a3; border: 1px solid #c7d2fe }
#apiUsage .itemOp { font: 600 13px/1.4 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; color: #0f172a; overflow: hidden; text-overflow: ellipsis }
#apiUsage .itemMeta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; color: #334155; font: 600 12px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif; flex-wrap: wrap }
#apiUsage .metaTag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 1px solid #e5e7eb; border-radius: 999px; background: #f8fafc; color: #0f172a; font: 600 11px/1 Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif }
/* Responsive tweaks */
@media (max-width: 1024px) {
#apiUsage .usageControls { grid-template-columns: 1.5fr 1fr 1fr auto }
}
@media (max-width: 880px) {
#apiUsage .usageHeader { grid-template-columns: 1fr }
#apiUsage .usageControls { grid-template-columns: 1fr }
#apiUsage .itemMeta { justify-content: flex-start }
}
@media (max-width: 640px) {
#apiUsage .usageItem { grid-template-columns: 1fr }
#apiUsage .itemMain { flex-wrap: wrap }
#apiUsage .itemOp { width: 100% }
}
.content .userDashboard .detaliiAPI { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 28px; margin: 24px 0; box-shadow: 0 6px 24px rgba(17,24,39,0.06), 0 2px 6px rgba(17,24,39,0.04); color: var(--color-general); line-height: 1.6 }
.content .userDashboard .detaliiAPI h6 { font-size: 25px }
.content .userDashboard .detaliiAPI hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 25px 0 }
.content .userDashboard .detaliiAPI strong { font-weight: 600; color: var(--color-general) }
.content .userDashboard .detaliiAPI em { color: #dc2626; font-style: normal; font-weight: 500 }
.content .userDashboard .detaliiAPI .preLike { border-radius: 10px; font-family: monospace; margin: 10px 0; color: #777777; display: block; padding: 20px; background: #ececec }
.content .userDashboard .detaliiAPI p { margin: 10px 0 }
.content .userDashboard .detaliiAPI ul { display: block; list-style: none }
.content .userDashboard .detaliiAPI ul li { border-radius: 10px; display: block; border: 1px dashed #d3d3d3; padding: 10px 20px; margin: 20px 0 }
.content .userDashboard .detaliiAPI ul.smpl li { padding: 4px 12px; margin: 5px 0 }
.content .userDashboard .detaliiAPI ul li p { margin: 0 }
.content .userDashboard .detaliiAPI ul li span { margin: 10px 0 5px 0; display: block; color: #000; font-size: 18px }
.content .userDashboard .detaliiAPI .download { width: 49%; font-weight: 600; float: left; display: block; margin: 0 0 2% 0; line-height: 45px!important; background: var(--color-general); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; padding: 0 25px; text-decoration: none; text-align: center; color: #fff; text-decoration: none }
.content .userDashboard .detaliiAPI .download.rr { float: right }
.content .userDashboard .detaliiAPI .download .fa { margin-right: 4px }
.content .userDashboard .detaliiAPI .download.all { margin-right: 0; display: block; width: auto; float: none; background: var(--color-general) }
.content .userDashboard .detaliiAPI .download:nth-child(7) { margin-right: 0 }
.content .userDashboard .detaliiAPI .download:hover { opacity: 0.8 }
.content .userDashboard .detaliiAPI .statsList { max-height: 400px; overflow-y: scroll }
.content .userDashboard .detaliiAPI .statsList .nLine { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 10px 0 }
.content .userDashboard .detaliiAPI .statsList .nLine span { float: right; padding-right: 20px }
.content .userDashboard .detaliiAPI .statsList .nLine span:first-of-type { text-align: right; width: 140px }
.content .userDashboard .detaliiAPI .statsList .nLine span:first-of-type .fa { margin-right: 4px }
.content .userDashboard .detaliiAPI .statsList .nLine span:last-of-type { opacity: 0.5 }
.content .userDashboard .notTop { margin-top: 0!important }
.content .userDashboard .notBot { margin-bottom: 0!important }
.detaliiAPI { border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px 16px; margin: 14px 0; background: #fff }
.detaliiAPI .procHeader { cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 }
.detaliiAPI .procHeader h6 { margin: 0; font-size: 15px }
.detaliiAPI .procHeader:after { content: '▾'; font-size: 14px; opacity: .7; transform: rotate(0deg); transition: transform .18s ease }
.detaliiAPI.is-collapsed .procHeader:after { transform: rotate(-90deg) }
.detaliiAPI .apiBody { overflow: hidden; transition: max-height .22s ease, opacity .15s ease; opacity: 1 }
.detaliiAPI.is-collapsed .apiBody { max-height: 0; opacity: 0; pointer-events: none }
.lRight { float: right!important }
.creditRangeLine {
margin-top: 10px
}
.creditRangeLine input[type=range] {
width: 100%;
display: block;
margin: 20px 0 10px 0
}
/* pill valoare curenta */
.creditCurrentWrap {
text-align: center;
margin-top: -20px
}
.creditCurrent {
display: inline-block;
background: var(--color-accent);
color: #fff;
padding: 4px 16px;
font-size: 13px;
font-weight: 600;
border-radius: 20px
}
/* capete slider */
.creditRangeEnds {
display: flex;
justify-content: space-between;
font-size: 13px;
color: rgba(0,0,0,0.3);
font-weight: 500;
margin-top: 8px
}
.creditOtherLine span.overIcon {
right: 12px;
top: 24px
}
.creditValue {
font-size: 14px;
color: #000;
margin-top: 4px
}
/* TRACK (linia) */
#creditRange {
-webkit-appearance: none;
width: 100%;
height: 6px;
border-radius: 5px;
background: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));
outline: none
}
/* THUMB (bila) – Chrome / Edge / Safari */
#creditRange::-webkit-slider-thumb {
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 3px solid var(--color-accent);
cursor: pointer;
transition: 0.2s
}
/* Hover / Drag effect */
#creditRange::-webkit-slider-thumb:hover {
border-color: var(--color-accent-hover)
}
/* FIREFOX */
#creditRange::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 3px solid var(--color-accent);
cursor: pointer;
transition: 0.2s
}
#creditRange::-moz-range-track {
height: 6px;
border-radius: 5px;
background: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover))
}
.affiliateWrapper { margin-top: 0 }
.affiliateHeader { box-shadow: 0 6px 24px rgba(17, 24, 39, 0.06), 0 2px 6px rgba(17, 24, 39, 0.04); background: #fff; padding: 28px; border-radius: 16px; border: 1px solid #e5e7eb; margin-bottom: 22px }
.affiliateContent { box-shadow: 0 6px 24px rgba(17, 24, 39, 0.06), 0 2px 6px rgba(17, 24, 39, 0.04); background: #fff; padding: 28px; border-radius: 16px; border: 1px solid #e5e7eb; margin-bottom: 22px }
.affiliateHeaderTop { display: flex; align-items: center; gap: 14px; margin-bottom: 10px }
.affiliateHeaderTopIcon { display: flex; align-items: center; justify-content: center; color: var(--color-accent) }
.affiliateHeaderTopIcon span { font-size: 35px }
.affiliateHeader h2 { margin: 0; font-size: 22px; font-weight: 600 }
.affiliateHeader p { margin: 4px 0; font-size: 16px; color: #555 }
.affiliateHighlights { margin-top: 14px }
.affiliateHighlightItem { display: flex; align-items: flex-start; margin: 12px 0; gap: 10px }
.affiliateHighlightIcon { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center }
.affiliateHighlightItem strong { display: block; font-weight: 500; margin-bottom: 2px }
.affiliateHighlightItem .material-symbols-rounded { color: var(--color-accent); font-size: 18px }
.affiliateLinkBox { margin-top: 32px }
.affiliateLinkBoxTitle { font-size: 16px; font-weight: 500; margin-bottom: 10px }
.affiliateLinkRow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center }
.affiliateLinkRow pre { border: 0; margin: 0; background: none; color: #4E4E50; padding: 0 60px 0 0; border-radius: 0; font-size: 13px; white-space: nowrap; overflow-x: auto }
.affiliateLinkRow .wPre { position: relative }
.affiliateLinkRow .wPre button { background: none; padding: 0; margin: 0; color: var(--color-accent); position: absolute; right: 10px; top: 50%; transform: translateY(-50%) }
.affiliateLinkRow .wPre button span.icon { font-size: 22px }
.affiliateLinkRow .wPre button:hover { background: none; opacity: 0.6 }
.affiliateLinkRow button { border: 0; border-radius: 8px; padding: 8px 10px; font-size: 12px; display: inline-flex; align-items: center; gap: 4px; cursor: pointer; background: var(--color-accent); color: #fff }
.affiliateLinkRow button span.icon { font-size: 16px }
.affiliateLinkRow button:hover { background: var(--color-accent-hover) }
.rewardsBlock { margin-top: 30px }
.rewardsBlock h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 600 }
.rewardsBlock p { margin: 0 0 18px 0; font-size: 14px; color: #555 }
.rewardsGrid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px }
.rewardsGrid .rewardBox { flex: 1 1 260px; background: linear-gradient(124.2deg, #F7F8FA 43.1%, #B3E0FE 152.55%); border-radius: 8px; border: 1px solid #E1E4EA; padding: 14px 16px; display: flex; align-items: flex-start; gap: 10px }
.rewardsGrid .rewardText h4 { margin: 0 0 4px 0!important; font-size: 15px!important; font-weight: 600!important }
.rewardsGrid .rewardText h4 span { margin-right: 4px; vertical-align: middle; font-size: 23px; color: var(--color-accent); }
.rewardsGrid .rewardText p { margin: 0; font-size: 13px; color: #555 }
@media(max-width: 680px) {
.rewardsGrid { flex-direction: column }
}
.detaliiAffiliate h3 { margin: 0 0 10px 0 }
.detaliiAffiliate h4 { margin: 0 0 14px 0; font-size: 15px; color: #444 }
.rewardsSummaryBox { text-align: center; background: #F2F2F2; font-size: 15px; border-radius: 10px; color: #000; font-weight: 600; margin: -5px 0 0 0; padding: 20px 15px }
.rewardOptionsGrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; margin-bottom: 16px }
.rewardCard { border-radius: 12px; border: 1px solid #e0e4f0; padding: 14px 16px; background: #fafbff; display: flex; flex-direction: column; gap: 6px }
.rewardCardHeader { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px }
.rewardCardHeader .icon { width: 28px; height: 28px; border-radius: 999px; display: flex; align-items: center; justify-content: center; background: #eef2ff; font-size: 18px }
.rewardCard p { margin: 0; font-size: 13px; color: #555 }
@media(max-width:680px) {
.affiliateHeaderTop { flex-direction: column; align-items: flex-start }
.affiliateLinkRow { flex-direction: column; align-items: flex-start }
}
.opPager { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
.opPager a { text-decoration: none; }
.opPager .opBtn, .opPager .opNum { height: 36px; min-width: 36px; padding: 0 10px; border-radius: 10px; border: 1px solid #e9e9e9; background: #fff; color: #111; font-size: 13px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: background .15s ease, border-color .15s ease; }
.opPager .opBtn i { font-size: 16px; opacity: .75; }
.opPager .opBtn span { line-height: 1; }
.opPager .opNums { display: inline-flex; align-items: center; gap: 6px; }
.opPager .opDots { color: #999; font-weight: 800; padding: 0 4px; }
.opPager .opBtn:hover,
.opPager .opNum:hover { background: #f5f5f5; border-color: #dedede; }
.opPager .opNum.isActive { background: #111; border-color: #111; color: #fff; }
.opPager .opNum.isActive:hover { background: #111; border-color: #111; }
.opPager .isDisabled { opacity: .35; pointer-events: none; }
.opPager .opMeta { width: 100%; margin-top: 10px; font-size: 12px; color: #777; text-align: center; font-weight: 600; white-space: nowrap }
@media(max-width: 520px) {
.opPager { justify-content: space-between; gap: 8px; }
.opPager .opNums .opNum,
.opPager .opNums .opDots { display: none; }
.opPager .opNums .opNum.isActive { display: inline-flex; }
.opPager .opMeta { width: 100%; text-align: center; margin-left: 0; }
}
.ordersTools { margin: 0 0 15px 0; }
.ordersTools * { box-sizing: border-box; }
.ordersTools .otBar { display: flex; align-items: center; gap: 10px; padding: 10px 0; flex-wrap: wrap; }
.ordersTools .otToggle { height: 44px; border-radius: 12px; padding: 0 14px; border: 1px solid #e6e6e6; background: #fff; color: #111; font-weight: 800; letter-spacing: .2px; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .08s ease, box-shadow .15s ease; }
.ordersTools .otToggle:hover { background: #f6f6f6; border-color: #dcdcdc; }
.ordersTools .otToggle:active { transform: translateY(1px); }
.ordersTools .otToggle.isOpen { box-shadow: 0 10px 22px rgba(0,0,0,.10); }
.ordersTools .otChevron { opacity: .7; transition: transform .15s ease; }
.ordersTools .otToggle.isOpen .otChevron { transform: rotate(180deg); }
.ordersTools .otBadge { font-size: 11px; font-weight: 700; background: var(--color-accent); color: #fff; padding: 3px 8px; border-radius: 999px; }
.ordersTools .otQuick { flex: 1 1 auto; min-width: 180px; }
.ordersTools .otHint { color: #7a7a7a; font-weight: 600; padding: 8px 0; }
.ordersTools .otChips { display: flex; gap: 8px; flex-wrap: wrap; }
.ordersTools .otChip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 999px; background: #f6f6f6; border: 1px solid #ededed; color: #111; font-weight: 700; font-size: 12px; }
.ordersTools .otChip i { opacity: .7; }
.ordersTools .otBtnExport { height: 44px; border-radius: 12px; padding: 0 14px; border: 1px solid #e6e6e6; background: #fff; color: #111; font-weight: 700; letter-spacing: .2px; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .08s ease, box-shadow .15s ease, opacity .15s ease; }
.ordersTools .otBtnExport:hover { background: #f1f1f1; border-color: #dcdcdc; }
.ordersTools .otBtnExport:active { transform: translateY(1px); }
.ordersTools .otBtnExport.isDisabled { opacity: .45; pointer-events: none; }
.ordersTools .otPanel { display: none; border: 1px solid #e6e6e6; background: #fff; border-radius: 14px; padding: 14px; box-shadow: 0 12px 28px rgba(0,0,0,.08); }
.ordersTools .otPanel.isOpen { display: block; }
.ordersTools .otForm { margin: 0; }
.ordersTools .otGrid { display: grid; grid-template-columns: 1.2fr .8fr 1fr; gap: 12px; align-items: end; }
.ordersTools .otField { position: relative; }
.ordersTools .otLabel { font-size: 12px; font-weight: 800; color: #7a7a7a; margin: 0 0 7px 2px; letter-spacing: .2px; }
.ordersTools .otInput,
.ordersTools .otSelect { width: 100%; height: 44px; border-radius: 12px; border: 1px solid #e6e6e6; background: #fff; color: #111; padding: 0 12px; font-size: 14px; outline: none; box-shadow: 0 1px 0 rgba(0,0,0,.03); transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.ordersTools .otInput::placeholder { color: #a0a0a0; }
.ordersTools .otInput:focus,
.ordersTools .otSelect:focus { border-color: rgba(0,0,0,.35); box-shadow: 0 0 0 4px rgba(0,0,0,.06); }
.ordersTools .otSelect { padding-right: 36px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #777 50%), linear-gradient(135deg, #777 50%, transparent 50%); background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
.ordersTools .otDate .otIcon { position: absolute; right: 12px; bottom: 12px; font-size: 14px; color: #9a9a9a; pointer-events: none; }
.ordersTools .otRange { padding-right: 38px; cursor: pointer; }
.ordersTools .otActions { display: flex; gap: 10px; align-items: center; margin-top: 12px; flex-wrap: wrap; }
.ordersTools .otBtn { height: 44px; border-radius: 12px; padding: 0 14px; border: 1px solid transparent; font-weight: 700; letter-spacing: .2px; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; cursor: pointer; transition: background .15s ease, border-color .15s ease, transform .08s ease, opacity .15s ease, box-shadow .15s ease; }
.ordersTools .otBtn:active { transform: translateY(1px); }
.ordersTools .otBtnPrimary { background: var(--color-accent); color: #fff; border-color: var(--color-accent) }
.ordersTools .otBtnPrimary:hover { background: var(--color-accent-hover); border-color: var(--color-accent-hover) }
.ordersTools .otBtnGhost { background: #f6f6f6; color: #111; border-color: #f0f0f0; }
.ordersTools .otBtnGhost:hover { background: #ececec; border-color: #e5e5e5; }
.ordersTools .otBtn.isDisabled { opacity: .45; pointer-events: none; }
.ordersTools .otMeta { margin-left: auto; color: #7a7a7a; font-weight: 700 }
@media(max-width: 900px) {
.ordersTools .otGrid { grid-template-columns: 1fr; }
.ordersTools .otMeta { margin-left: 0; width: 100%; }
.ordersTools .otBtnExport { width: 100%; justify-content: center; }
.ordersTools .otToggle { width: 100%; justify-content: space-between; }
}
.oStats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 12px 0 14px 0; }
.oStats * { box-sizing: border-box; }
.oStat { background: #fff; border: 1px solid #ededed; border-radius: 14px; padding: 12px; }
.oStatLabel { font-size: 12px; font-weight: 800; color: #777; letter-spacing: .2px; }
.oStatValue { margin-top: 6px; font-size: 18px; font-weight: 700; color: #111; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oStatWide { grid-column: 1 / -1; padding: 12px; }
.oTopList { margin-top: 10px; border-top: 1px solid #f0f0f0; }
.oTopRow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
.oTopLeft { min-width: 0; }
.oTopName { font-size: 13px; font-weight: 700; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.oTopCodes { margin-top: 3px; display: flex; gap: 10px; flex-wrap: wrap; font-size: 12px; font-weight: 700; color: #777; }
.oTopCodes span { background: #f6f6f6; border: 1px solid #ededed; border-radius: 999px; padding: 3px 8px; }
.oTopQty { flex: 0 0 auto; min-width: 48px; text-align: right; font-size: 14px; font-weight: 700; color: #111; background: #f6f6f6; border: 1px solid #ededed; border-radius: 999px; padding: 5px 10px; }
.oEmpty { margin-top: 10px; font-size: 13px; font-weight: 700; color: #777; }
@media(max-width: 1100px) {
.oStats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.oStatWide { grid-column: 1 / -1; }
}
@media(max-width: 720px) {
.oStats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.oStatValue { font-size: 16px; }
.oTopName { font-size: 13px; }
}
@media(max-width: 420px) {
.oStats { grid-template-columns: 1fr; }
}
.oLeaders { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 14px 0; }
.oLeaderBox { background: linear-gradient(135deg, #fcfdff 0%, #f5f8fc 100%); border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; }
.oLeaderHead { padding: 15px; border-bottom: 1px solid #f0f0f0; background: #fff; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.oLeaderTitle { font-size: 13px; font-weight: 700; color: #111; }
.oLeaderSub { font-size: 12px; width: 80px; text-align: center; font-weight: 800; color: #777 }
.oLeaderList { max-height: 340px; overflow: auto; padding: 0 15px; }
.oLeaderRow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f3f3f3 }
.oLeaderRow:last-child { border-bottom: 0; }
.oLeaderLeft { min-width: 0; }
.oLeaderName { font-size: 13px; font-weight: 700; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.oLeaderMeta { margin-top: 4px; display: flex; gap: 8px; flex-wrap: wrap; }
.oLeaderMeta span { font-size: 12px; font-weight: 700; color: #777; background: #f6f6f6; border: 1px solid #ededed; border-radius: 999px; padding: 3px 8px; }
.oLeaderRight { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; }
.oLeaderRank { width: 28px; height: 28px; border-radius: 999px; background: var(--color-green); color: #fff; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.oLeaderQty { min-width: 54px; text-align: center; font-size: 13px; font-weight: 700; color: #111; background: #fff; border: 1px solid #ededed; border-radius: 999px; padding: 5px 10px; }
.oLeaderEmpty { padding: 12px; font-size: 13px; font-weight: 700; color: #777; }
@media(max-width: 860px) {
.oLeaders { grid-template-columns: 1fr; }
.oLeaderList { max-height: 300px; }
}
.content .userDashboard .userDashboardTable { margin: 0; border-collapse: separate; border-spacing: 0 5px; color: #000; list-style: none; display: table; width: 100% }
.content .userDashboard .userDashboardTable:after { border-collapse: collapse; border-spacing: 0 0 }
.content .userDashboard .userDashboardTable.noBottom { margin-bottom: -5px }
.content .userDashboard .userDashboardTable * { border-collapse: collapse; border-spacing: 0 0 }
.content .userDashboard .userDashboardTable .tableRow { width: 100%; display: table-row }
.content .userDashboard .userDashboardTable .tableRow:after { content: ""; height: 2px; width: 100%; background: red; display: block }
.content .userDashboard .userDashboardTable .tableRow .col { background: #F2F2F2; display: table-cell; vertical-align: middle; padding: 20px }
.content .userDashboard .userDashboardTable .tableRow.header { background: none }
.content .userDashboard .userDashboardTable .tableRow.header .col { background: none; color: #878787; padding: 5px 20px; text-align: left; font-weight: 600 }
.content .userDashboard .userDashboardTable .tableRow.header .col.c3 { text-align: center }
.content .userDashboard .userDashboardTable .tableRow .c1 { border-radius: 10px 0 0 10px; line-height: 200%; width: 20% }
.content .userDashboard .userDashboardTable .tableRow .c1 i { margin-right: 4px }
.content .userDashboard .userDashboardTable .tableRow .eqCols3 { text-align: center!important; width: 33.333% }
.content .userDashboard .userDashboardTable .tableRow .eqCols3.alignLeftCol { text-align: left!important }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3 { width: 25% }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(1) { width: 15% }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(2) { width: 40% }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(2) a.cancelReservation { background: #FF4646 }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(2) a.cancelReservation:hover { background: #9c2d2d }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(2) a.buyReservation { background: #22C577 }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(2) a.buyReservation:hover { background: #179357 }
.content .userDashboard .userDashboardTable.eqCols4Container .tableRow .eqCols3:nth-child(3) { width: 20% }
.content .userDashboard .userDashboardTable .tableRow .eqCols3:first-of-type { border-radius: 10px 0 0 10px }
.content .userDashboard .userDashboardTable .tableRow .eqCols3:last-of-type { border-radius: 0 10px 10px 0 }
.content .userDashboard .userDashboardTable .tableRow .eqCols3 a { text-decoration: none; color: #000; font-weight: 600 }
.content .userDashboard .userDashboardTable .tableRow .eqCols3 a:hover { color: #000 }
.content .userDashboard .userDashboardTable .tableRow .cp1 { border-radius: 10px 0 0 10px; line-height: 150%; width: 40% }
.content .userDashboard .userDashboardTable .tableRow .cp1.cpa { width: 55% }
.content .userDashboard .userDashboardTable .tableRow .cp2 { text-align: center!important; width: 15% }
.content .userDashboard .userDashboardTable .tableRow .cp3 { text-align: center!important; width: 15% }
.content .userDashboard .userDashboardTable .tableRow .cp4 { text-align: right!important; width: 15% }
.content .userDashboard .userDashboardTable .tableRow .cp5 { text-align: right!important; width: 15%; border-radius: 0 10px 10px 0 }
.content .userDashboard .userDashboardTable .tableRow .cp1 > * { display: block }
.content .userDashboard .userDashboardTable .tableRow .cp1 .image { background-color: #fff; padding: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; float: left; border-radius: 10px; margin-right: 15px; width: 90px; height: 90px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .userDashboardTable .tableRow .cp1 .name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; overflow: hidden; text-overflow: ellipsis }
.content .userDashboard .userDashboardTable .tableRow .c2 { width: 50% }
.content .userDashboard .userDashboardTable .tableRow .c2a { text-align: center!important; width: 20% }
.content .userDashboard .userDashboardTable .tableRow .c2a a { text-decoration: none; color: #000; font-weight: 600 }
.content .userDashboard .userDashboardTable .tableRow .c2a a:hover { color: #000 }
.content .userDashboard .userDashboardTable .tableRow .c3 { text-align: center; width: 24% }
.content .userDashboard .userDashboardTable .tableRow .c3a { text-align: center!important; width: 20% }
.content .userDashboard .userDashboardTable .tableRow .c3b { text-align: center!important; width: 20% }
.content .userDashboard .userDashboardTable .tableRow .c3b.rightAlign { white-space: nowrap; text-align: right!important }
.content .userDashboard .userDashboardTable .tableRow .c3b:last-of-type { border-radius: 0 10px 10px 0 }
.content .userDashboard .userDashboardTable .tableRow .c4 { border-radius: 0 10px 10px 0; width: 6% }
.content .userDashboard .userDashboardTable .tableRow .c4a { text-align: center!important; border-radius: 0 10px 10px 0; width: 20% }
.content .userDashboard .userDashboardTable .tableRow .btn { white-space: nowrap; background: #000; font-size: 13px; color: #fff!important; border-radius: 10px; font-weight: 600; padding: 12px 24px; text-decoration: none }
.content .userDashboard .userDashboardTable .tableRow .btn i { margin-right: 4px }
.content .userDashboard .userDashboardTable .tableRow .btn:hover { background: #000 }
.content .userDashboard .userDashboardTable .tableRow .addNotification { color: #FF4646; font-size: 20px }
.content .userDashboard .userDashboardTable .tableRow .addNotification:hover { color: #000 }
.content .userDashboard .userDashboardTable .tableRow .priceNotif { text-align: center; display: block; color: #000; font-weight: 700; font-size: 23px }
.content .userDashboard .userDashboardTable .tableRow .stockNotif { text-align: center; display: block; color: #000; font-weight: 400; font-size: 14px; margin: 5px 0 10px 0 }
.content .userDashboard .totalOrder { margin: 0 }
.content .userDashboard .totalOrder span { margin: 5px 0; border-radius: 10px; display: block; font-size: 14px; background: #cbcbcb; color: #000; padding: 15px 15px; font-weight: 400; text-align: right }
.content .userDashboard .totalOrder span:last-of-type { color: #fff; background: #000 }
.content .userDashboard .totalOrder span b { font-weight: 600; display: inline-block }
.content .userDashboard .totalOrder span b:last-of-type { width: 110px }
.content .userDashboard .userDashboardTable .addToCartForm { width: 80%; margin: 0 auto }
.content .userDashboard .userDashboardTable .addToCartForm .math { float: left; padding: 4px 15px; display: block; background: #E9E9E9; border-radius: 10px; color: #000; width: 55%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .userDashboardTable .addToCartForm .math span { font-size: 11px; cursor: pointer; padding: 0; display: block; width: 20%; float: left }
.content .userDashboard .userDashboardTable .addToCartForm .math input { font-size: 15px; padding: 0; border: 0!important; color: #000!important; background: none!important; display: block; width: 60%; text-align: center; float: left }
.content .userDashboard .userDashboardTable .addToCartForm .btn { font-size: 14px; margin: 0!important; width: 40%; float: right; line-height: 31.8px; height: 31.8px; text-align: center; padding: 0!important }
.content .userDashboard .pureNothing { color: #878787; font-size: 18px; text-align: center; padding: 40px 20px }
.content .userDashboard .pureNothing a { color: var(--color-general); text-decoration: none; margin-top: 40px; font-weight: 600; display: block }
.content .userDashboard .pureNothing a:hover { color: #000 }
.content .userDashboard .status { display: block; text-align: center; color: #fff; border-radius: 12px; padding: 6px 10px; font-weight: 400; box-shadow: 0 6px 16px rgba(0,0,0,0.10) }
.content .userDashboard .status.s1 { background: #2e2f34 }
.content .userDashboard .status.s2 { background: #3e9b7c }
.content .userDashboard .status.s3 { background: #4f86b8 }
.content .userDashboard .status.s4 { background: #c94b5a }
.content .userDashboard .status.s5 { background: #999 }
.reserveHow { margin-top: 20px; border: 1px solid #d3d3d3; background: #fff; border-radius: 18px; padding: 30px; box-shadow: 0 18px 40px rgba(0,0,0,0.08); color: #2e2f34 }
.reserveHowHead { margin-bottom: 18px }
.reserveHowHead b { display:block; font-size: 22px; font-weight: 700; color: #1f2024; margin-bottom: 4px }
.reserveHowHead span { display:block; font-size: 15px; line-height: 1.45; color: #4a4d55 }
.reserveHowBody p { font-size: 15px; line-height: 1.6; margin: 0 0 16px 0; color: #2e2f34 }
.reserveHowBody p b { font-weight: 700; color: #F71B63 }
.reserveHowList { list-style: none; padding: 0; margin: 0 0 20px 0!important; display:grid!important; gap:5px }
.reserveHowList li { font-size: 15px; line-height: 1.5; padding-left: 18px; position: relative }
.reserveHowList li:before { content: ''; position:absolute; left: 0; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: #F71B63 }
.reserveHowList li b { font-weight: 700; color: #1f2024 }
.reserveHowSteps { display:grid; gap:12px }
.reserveStep { display:flex; gap:12px; align-items:flex-start; padding: 14px 16px; border-radius: 14px; background: #fafafb; border: 1px solid #eee }
.reserveStep span { width: 32px; height: 32px; border-radius: 10px; background: rgba(247,27,99,0.12); color: #F71B63; display:flex; align-items:center; justify-content:center; font-weight: 700; font-size: 15px; flex: 0 0 32px }
.reserveStep b { display:block; font-size: 15px; font-weight: 700; margin-bottom: 2px; color: #1f2024 }
.reserveStep p { margin: 0; font-size: 14px; line-height: 1.5; color: #4a4d55 }
@media (min-width: 900px) {
.reserveHowSteps { grid-template-columns: repeat(3, 1fr) }
}
.content .userDashboard .userSection { margin: 30px 0 }
.content .userDashboard .userSection .col { width: 31%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .userSection .col:nth-child(2) { margin: 0 3% }
.content .userDashboard .userSection.cols2 { margin: 15px 0 }
.content .userDashboard .userSection.cols2 .col { padding-right: 40px; width: 50%; float: left }
.content .userDashboard .userSection.cols2 .col:nth-child(2) { padding: 0 0 0 40px; border: 0; margin: 0 }
.content .userDashboard .userSection.cols3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 50px; grid-row-gap: 20px }
.content .userDashboard .userSection.cols3 .col { float: none!important; width: auto }
.content .userDashboard .userSection.cols3 .col:nth-child(2) { margin: 0; padding: 0 }
.content .userDashboard .userSection.cols3 .col a:hover { text-decoration: underline!important }
.content .userDashboard .userSection .col:last-of-type { float: right }
.content .userDashboard .userSection .col h4 { margin-bottom: 15px; position: relative; font-size: 16px; font-weight: 600; color: #000 }
.content .userDashboard .userSection .col h4 span { position: relative; display: inline-block; color: #000; z-index: 2; background: #fff; padding-right: 20px }
.content .userDashboard .userSection .col h4:after { content: " "; display: block; left: 0; z-index: 1; top: 50%; position: absolute; height: 1px; background: rgba(0,0,0,0.1); width: 100% }
.content .userDashboard .userSection .col ul { color: #222!important; list-style: none }
.content .userDashboard .userSection .col ul b { font-weight: 600 }
.content .userDashboard .userSection .col .adresa { margin: 14px 0 15px 0; display: block; position: relative }
.content .userDashboard .userSection .col .iradio_square-blue { margin: -2px 10px 0 0; float: left }
.content .userDashboard .userSection .col label { display: block; cursor: pointer }
.content .userDashboard .userSection .col span { color: #555; display: inline }
.content .userDashboard .userSection .col textarea { width: 100%; margin-top: 14px; resize: none; color: #999; border: 1px solid #d7d7d7; padding: 10px; height: 90px }
.content .userDashboard .userSection .col textarea:focus { border-color: #888; color: #000 }
.content .userDashboard .userSection .col a.nothing { color: #606867; text-decoration: underline; display: block; margin-top: 20px }
.content .userDashboard .userSection .col a.nothing:hover { color: #838383 }
.content .userDashboard .userSection .col .liner { line-height: 17px; margin-top: 10px }
.content .userDashboard .allLevels { position: relative; margin: 15px 0 30px 0; display: table; width: 100% }
.content .userDashboard .allLevels .outLevel { opacity: 0.65; width: 25%; padding: 10px; display: table-cell; vertical-align: top }
.content .userDashboard .allLevels .outLevel:first-of-type { padding-left: 0 }
.content .userDashboard .allLevels .outLevel:last-of-type { padding-right: 0 }
.content .userDashboard .allLevels .outLevel.current { opacity: 1 }
.content .userDashboard .allLevels .outLevel .inLevel { position: relative; text-align: center; display: block }
.content .userDashboard .allLevels .outLevel .inLevel img { display: block; width: 100% }
.content .userDashboard .allLevels .outLevel div.percent { font-size: 24px; color: var(--color-general); margin: 5px 0 10px 0; font-weight: 700 }
.content .userDashboard .allLevels .outLevel div.relativeLevel { position: relative }
.content .userDashboard .allLevels .outLevel div.nume { width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 0; text-align: center; border-radius: 10px; background: rgba(0,0,0,0.6); color: #fff; font-size: 20px; font-weight: 700 }
.content .userDashboard .allLevels .outLevel div.steps { font-size: 15px; color: 000; line-height: 150%; font-weight: 600; margin-top: 15px }
.content .userDashboard .allLevels.withLine .outLevel .inLevel span { font-weight: 600 }
.content .userDashboard .allLevels.withLine:after { z-index: 5; content: ""; display: block; position: absolute; left: 0; bottom: -15px; width: 100%; height: 13px; background: linear-gradient(90deg, #000 0%, #343469 97.93%); border-radius: 17px; }
.content .userDashboard .allLevels.withLine:before { z-index: 10; content: ""; display: block; position: absolute; left: 0; bottom: -15px; width: 0; height: 13px; background: #687FF3; border-radius: 17px; }
.content .userDashboard .allLevels.withLine.current4:before { width: 100% }
.content .userDashboard .allLevels.withLine.current3:before { width: 63% }
.content .userDashboard .allLevels.withLine.current2:before { width: 37% }
.content .userDashboard .allLevels.withLine.current1:before { width: 12% }
.content .userDashboard .infoBox.userForm { position: relative; background: #fff; border: 1px solid #f0f1f3; border-radius: 18px; padding: 22px 22px 70px 22px; box-shadow: 0 18px 40px rgba(0,0,0,0.08) }
.content .userDashboard .previewTable { display:block; width:100% }
.content .userDashboard .profileGrid { display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px }
.content .userDashboard .profileCol { background: #fafafb; border: 1px solid #f0f1f3; border-radius: 16px; padding: 14px }
.content .userDashboard .profileRow { display:flex; justify-content:space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid #f0f1f3 }
.content .userDashboard .profileRow:last-child { border-bottom: 0 }
.content .userDashboard .profileRow .k { font-weight: 700; color: #1f2024; min-width: 110px }
.content .userDashboard .profileRow .v { color: #2e2f34; text-align:right; word-break: break-word }
.content .userDashboard .profileRow .flag { margin-right: 3px; vertical-align: middle; filter: saturate(1.05) }
.content .userDashboard .profileStats { display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px }
.content .userDashboard .statCard { background: linear-gradient(135deg, rgba(247,27,99,0.08), rgba(0,0,0,0.02)); border: 1px solid rgba(247,27,99,0.14); border-radius: 16px; padding: 14px; box-shadow: 0 10px 22px rgba(0,0,0,0.06) }
.content .userDashboard .statCard .t { font-weight: 700; color: #1f2024; font-size: 13px; margin-bottom: 6px }
.content .userDashboard .statCard .n { font-weight: 700; color: #1f2024; font-size: 17px; letter-spacing: 0.2px }
.content .userDashboard .statCard .n span { color: #F71B63; font-weight: 700; margin-left: 2px }
.content .userDashboard .statCard .s { color: #4a4d55; font-size: 12px; margin-top: 6px; line-height: 1.35 }
.content .userDashboard .statCard.wide { grid-column: span 2 }
@media (max-width: 1100px) {
.content .userDashboard .profileStats { grid-template-columns: repeat(2, 1fr) }
.content .userDashboard .statCard.wide { grid-column: span 2 }
}
@media (max-width: 980px) {
.content .userDashboard .profileGrid { grid-template-columns: 1fr }
.content .userDashboard .profileStats { grid-template-columns: 1fr }
.content .userDashboard .statCard.wide { grid-column: span 1 }
.content .userDashboard .btnProfile.absoluteRight { position: static; margin-top: 16px }
.content .userDashboard .infoBox.userForm { padding-bottom: 22px }
}
.content .userDashboard .dash { color: #9aa0a8 }
.content .userDashboard .muted { color: #6b7078; font-weight: 500 }
.content .userDashboard .muted a { color: var(--color-accent) }
.content .userDashboard .profileMore { margin-top: 18px; background: #fff; border-radius: 18px; border: 1px solid #f0f1f3; padding: 18px; box-shadow: 0 14px 30px rgba(0,0,0,0.06) }
.content .userDashboard .moreHead { margin-bottom: 12px }
.content .userDashboard .moreHead b { display:block; font-size: 16px; font-weight: 700; color: #1f2024; margin-bottom: 3px }
.content .userDashboard .moreHead span { display:block; font-size: 13px; line-height: 1.45; color: #4a4d55 }
.content .userDashboard .moreGrid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 12px }
.content .userDashboard .moreCard { background: #fafafb; border: 1px solid #f0f1f3; border-radius: 16px; padding: 20px; box-shadow: 0 10px 22px rgba(0,0,0,0.05) }
.content .userDashboard .moreCard .t { font-weight: 700; color: #1f2024; font-size: 13px; margin-bottom: 15px }
.content .userDashboard .moreCard .v { color: #2e2f34; font-size: 14px; line-height: 1.5; max-height: 110px; overflow: auto; padding-right: 6px }
.content .userDashboard .moreCard .v::-webkit-scrollbar { width: 8px }
.content .userDashboard .moreCard .v::-webkit-scrollbar-thumb { background: rgba(247,27,99,0.22); border-radius: 10px }
.content .userDashboard .moreCard .v::-webkit-scrollbar-track { background: rgba(0,0,0,0.04); border-radius: 10px }
@media (max-width: 980px) {
.content .userDashboard .moreGrid { grid-template-columns: 1fr }
}
.content .userDashboard .moreCard .v.tags { display:flex; flex-wrap:wrap; gap:2px; max-height: 110px; overflow:auto; padding-right: 6px }
.content .userDashboard .moreCard .tag { background: #f6f7f9; border: 1px solid #eceef2; color: #5b616a; padding: 5px 8px; border-radius: 999px; font-size: 12px; margin: 1px; font-weight: 600; line-height: 1 }
.content .userDashboard .moreCard .tag:hover { background: #f1f3f6; border-color: #e6e9ee; color: #3a3d45 }
.content .userDashboard .moreCard .v.tags::-webkit-scrollbar { width: 8px }
.content .userDashboard .moreCard .v.tags::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.16); border-radius: 10px }
.content .userDashboard .moreCard .v.tags::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); border-radius: 10px }
.content .userDashboard .btnProfile { font-weight: 500; margin-top: 50px; display: inline-block; background: var(--color-general); font-size: 13px; border-radius: 10px; padding: 8px 17px; color: #fff; text-decoration: none }
.content .userDashboard .btnProfile:hover { background: #000 }
.content .userDashboard .btnProfile.absoluteRight { position: absolute; right: 20px; bottom: 25px }
.content .userDashboard .btnProfile.addAddressBtn { margin-top: 20px }
.content .userDashboard .btnProfile.back { margin-top: 10px }
.content .userDashboard .btnProfile.back i { margin-right: 4px }
.content .userDashboard .exportSelector { margin-top: 20px; position: relative }
.dropDownButton { text-decoration: none; color: #fff; font-weight: 600; font-size: 14px; display: inline-block; padding: 9px 20px; background: var(--color-accent); border-radius: 4px }
.dropDownButton i { margin-left: 8px }
.dropDownButton svg { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0 }
.dropDownButton.active, .dropDownButton:hover { background: var(--color-accent-hover) }
.tabelProduse.loading { cursor: wait; opacity: 0.2 }
.tabelProduse .dropDownButton { margin-bottom: 15px; display: block; text-align: center }
.tabelProduse .dropDownButton.active { margin-bottom: 0; border-radius: 4px 4px 0 0 }
.tabelProduse .exportSubmenu { margin-bottom: 20px; border-radius: 0 0 4px 4px }
.tabelProduse input[type="checkbox"] { visibility: hidden }
.exportSubmenu { display: none; z-index: 1; background: #fff; font-size: 14px; border-radius: 10px; position: absolute; top: 100%; left: 0; border: 1px solid #d3d3d3; padding: 15px 20px }
.exportSubmenu a { border-bottom: 1px solid rgba(0,0,0,0.05); font-weight: 500; padding: 8px 0; display: block; color: #444; text-decoration: none }
.exportSubmenu a:hover { color: #000 }
.exportSubmenu a:last-of-type { border: 0 }
.content .userDashboard .noticeExport { margin-top: 20px }
.content .userDashboard .noticeExport .jumpRadio { font-size: 15px; cursor: pointer; margin: 10px 0 0 0 }
.content .userDashboard .noticeExport .jumpRadio .fa { color: #d3d3d3; margin-right: 4px }
.content .userDashboard .noticeExport .jumpRadio.active .fa { color: var(--color-general) }
.content .userDashboard .noticePrefAPI { margin-top: 20px }
.content .userDashboard .noticePrefAPI .jumpRadio { font-size: 15px; cursor: pointer; margin: 10px 0 0 0 }
.content .userDashboard .noticePrefAPI .jumpRadio .fa { color: #d3d3d3; margin-right: 4px }
.content .userDashboard .noticePrefAPI .jumpRadio.active .fa { color: var(--color-general) }
.content .userDashboard .noticePrefAPI { margin-top: 20px }
.content .userDashboard .noticePrefAPI .jumpCheck { font-size: 15px; cursor: pointer; margin: 10px 0 0 0; display: block }
.content .userDashboard .noticePrefAPI .jumpCheck input { display: none!important }
.content .userDashboard .noticePrefAPI .jumpCheck .fa { color: #d3d3d3; margin-right: 4px }
.content .userDashboard .noticePrefAPI .jumpCheck.active .fa { color: var(--color-general) }
.content .userDashboard .noticePrefAPI .jumpCheck span { opacity: .7 }
.content .userDashboard #syncBox { max-height: 450px; overflow-y: scroll; margin: 10px auto; padding: 15px; background: rgba(0,0,0,0.05); border-radius: 10px }
.content .userDashboard #syncBox p { margin: 5px 0; line-height: 100%; display: block; position: relative; padding: 15px; background: rgba(255,255,255,0.9); border-radius: 10px }
.content .userDashboard #syncBox p span.time { width: 70px; display: inline-block; font-weight: 600; margin-right: 20px }
.content .userDashboard #syncBox p .saver.saveds { top: 14px; font-size: 20px }
.content .userDashboard #syncBox p a { color: var(--color-general); font-weight: 600 }
.content .userDashboard .adreseSalvate { margin-top: 25px }
.content .userDashboard .adreseSalvate .adresa { border-radius: 10px; color: #000; margin: 5px 0 0 0; display: block; text-decoration: none; background: #f2f2f2; position: relative; padding: 18px 25px }
.content .userDashboard .adreseSalvate .adresa .ops { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); font-size: 18px }
.content .userDashboard .adreseSalvate .adresa .ops a { margin-left: 20px; display: block; float: left; color: #000; text-decoration: none }
.content .userDashboard .adreseSalvate .adresa .ops a:hover { color: #000 }
.content .userDashboard .adreseSalvate .adresa .ops a.removeAddress { color: #FF4646 }
.content .userDashboard .adreseSalvate .adresa .ops a.removeAddress:hover { color: #9c2d2d }
.content .userDashboard .adreseSalvate .adresa span { margin: 2px 0; color: #000; display: block }
.modal { display: none }
.modal { border-radius: 12px }
.modal .inside { min-width: 900px; max-width: 60em; padding: 0 }
.modal h3 { text-transform: uppercase; font-weight: 700; margin: 0 0 15px 0; display: block; font-size: 22px; color: var(--color-general) }
.modal .data { color: #000; display: block; margin: 10px 0 20px 0 }
.modal p, .modal ul, .modal ol { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; line-height: 25px; margin: 8px 0; color: #666 }
.modal p:first-of-type { margin-top: 0 }
.modal ul { list-style: none; padding-left: 20px }
.modal ul li { position: relative; padding: 0 0 0 17px }
.modal ul li:before { font-family: 'Font Awesome 5 Free'; font-size: 8px; font-weight: 600; content: '\f111'; position: absolute; left: 0; top: 0; color: #000 }
.modal ol { padding-left: 20px }
.modal ul.wCols {margin-bottom: 12px; display: block; padding: 0; list-style: none; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.modal ul.wCols li { margin: 0 0 8px 0 }
.modal ul.wCols li:before { top: -1px }
.modal .wColumns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px }
.modal a { text-decoration: none; font-weight: 500; color: inherit }
.modal a:hover { color: var(--color-general) }
.modal .select2-results ul { display: block; padding: 0!important; list-style: none!important }
.modal .select2-results ul li::before { display: none!important }
.alerta.succes { position: relative; padding: 12px 16px 12px 44px; background: #e6f9ec no-repeat 14px center; border: 1px solid #2e640a; color: #2e640a; border-radius: 12px; font-size: 14px; line-height: 1.4; box-shadow: 0px 0px 9px rgba(0,0,0,0.1); margin: 5px 0 }
.alerta.succes::before { content: "✔"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #fff; background-color: #2e640a; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; box-shadow: 0 0 0 2px #e6f9ec }
.alerta.succes a { color: #2e640a; font-weight: bold; text-decoration: none }
.alerta.succes a:hover { color: #234d08; text-decoration: underline }
.alerta.tip { position: relative; padding: 12px 16px 12px 44px; background: #e6f4fb no-repeat 14px center; border: 1px solid #0b4f7c; color: #0b4f7c; border-radius: 12px; font-size: 14px; line-height: 1.4; box-shadow: 0px 0px 9px rgba(0,0,0,0.1); margin: 5px 0 }
.alerta.tip::before { content: "ℹ"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #fff; background-color: #0b4f7c; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; box-shadow: 0 0 0 2px #e6f4fb }
.alerta.tip a { color: #0b4f7c; font-weight: bold; text-decoration: none }
.alerta.tip a:hover { color: #083553; text-decoration: underline }
.alerta.eroare { position: relative; padding: 12px 16px 12px 44px; background: #ffe6ec no-repeat 14px center; border: 1px solid #f71963; color: #4a000f; border-radius: 12px; font-size: 14px; line-height: 1.4; box-shadow: 0px 0px 9px rgba(0,0,0,0.1); margin: 5px 0 }
.alerta.eroare::before { content: "!"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); background-color: #f71963; color: #fff; font-weight: bold; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; box-shadow: 0 0 0 2px #ffe6ec; animation: alerta-pulse 0.5s infinite ease-in-out }
.alerta.eroare a { color: #f71963; font-weight: bold; text-decoration: none }
.alerta.eroare a:hover { color: #c5104e; text-decoration: underline }
.offerActionsBarWrap { background: #f9fbff; border: 1px solid #e3e8f2; border-radius: 16px; padding: 18px 22px; margin: 0 0 22px 0; box-shadow: 0 8px 24px rgba(16,24,40,.06) }
.offerActionsBar { display: flex; justify-content: space-between; align-items: center; gap: 14px }
.offerActionsBar .left, .offerActionsBar .right { display: flex; gap: 14px }
.symBtn { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; border-radius: 12px; border: 1px solid #e4e8ef; background: #fff; font-size: 15px; font-weight: 600; cursor: pointer; transition: .18s ease; box-shadow: 0 3px 10px rgba(0,0,0,.05) }
.symBtn i { font-size: 15px; opacity: .85 }
.symBtn:hover { background: #f4f7fc; border-color: #d5dce6; box-shadow: 0 6px 18px rgba(0,0,0,.08) }
.symBtn:active { transform: translateY(1px) }
.symBtnUpload { color: #0b4f7c }
.symBtnExport { color: #1e6f43 }
.symBtnDanger { color: #b42318; border-color: #f1d4d2 }
.symBtnDanger:hover { background: #fff5f5; border-color: #e9b3af }
@media(max-width:700px) {
.offerActionsBar { flex-direction: column; align-items: stretch }
.offerActionsBar .left, .offerActionsBar .right { width: 100%; justify-content: space-between }
.symBtn { width: 100%; justify-content: center }
}
.content .produseTabel { margin: 0; border-spacing: 0 14px; line-height: 130%; list-style: none; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .pureNothing { display: block; width: 100%; color: #878787; font-size: 18px; text-align: center; padding: 30px 0 }
.content .produseTabel:before { border-spacing: 0 }
.content .produseTabel:after { border-spacing: 0 }
.content .produseTabel *:before { border-spacing: 0 }
.content .produseTabel *:after { border-spacing: 0 }
.content .produseTabel .loading { text-align: center; display: block; margin: 30px auto; color: #d3d3d3; font-size: 30px }
.content .produseTabel .loading b { font-size: 30px; margin: 45px 0; display: block; color: #999 }
.content .produseTabel .produseRow { color: #000; position: relative; font-size: 13px; display: table-row }
.content .produseTabel .produseRow .col { border-top: 1px solid #E1E4EA; border-bottom: 1px solid #E1E4EA; background: #fff; letter-spacing: 0; vertical-align: middle; display: table-cell; padding: 18px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .col:first-of-type { border-left: 1px solid #E1E4EA; border-radius: 8px 0 0 8px }
.content .produseTabel .produseRow .col:last-of-type { border-right: 1px solid #E1E4EA; border-radius: 0 8px 8px 0 }
.content .produseTabel .produseRow .col a { color: #555; text-decoration: none }
.content .produseTabel .produseRow .col a.wLine { text-decoration: underline }
.content .produseTabel .produseRow .col a:hover { color: #000 }
.content .produseTabel .produseRow.header .col { padding-top: 0!important; font-size: 12px; padding-bottom: 0!important; border: 0!important; background: none; color: #878787; text-align: left; font-weight: 600 }
.content .produseTabel .produseRow.header .col.c3 { text-align: center }
.content .produseTabel.cosView { margin: -20px 0 -15px 0; padding: 0; border-spacing: 0 10px }
.content .produseTabel.cosView .produseRow .col { line-height: 17px; font-size: 14px; width: 11%; text-align: center; position: relative; padding: 20px 8px }
.content .produseTabel.cosView .produseRow .col i { display: block; margin-top: 6px; font-weight: 400; font-style: normal }
.content .produseTabel.cosView .produseRow .col .removeFromCart { font-size: 15px; color: #FF4646 }
.content .produseTabel.cosView .produseRow .col .removeFromCart:hover { color: #ad0000 }
.content .produseTabel.cosView .produseRow .col .removeFromCart i { margin: 0 }
.content .produseTabel.cosView .produseRow .col .removeVoucherFromCart { font-size: 15px; color: #FF4646 }
.content .produseTabel.cosView .produseRow .col .removeVoucherFromCart:hover { color: #ad0000 }
.content .produseTabel.cosView .produseRow .col .removeVoucherFromCart i { margin: 0 }
.content .produseTabel.cosView .produseRow .gift { font-weight: 600; display: inline-block!important; vertical-align: middle; margin: -5px 0 0 5px!important; color: #fff; padding: 2px 6px; border-radius: 6px; font-size: 10px; background: #000 }
.content .produseTabel.cosView .produseRow.discount .col { background: #000; color: #fff }
.content .produseTabel.cosView .produseRow.discount .col.c1 span { color: #d3d3d3 }
.content .produseTabel .produseRow .col.wLineAfter:after { display: block; width: 2px; height: 50%; right: 0; top: 50%; transform: translateY(-50%); background: #000; position: absolute; opacity: 0.1; content: " " }
.content .produseTabel .produseRow .col.c1 { text-align: left; padding: 20px 10px 20px 20px; font-size: 14px; width: 50% }
.content .produseTabel .produseRow .col.c1.large { width: 67% }
.content .produseTabel .produseRow .col.c1 b { display: block; margin: 0 0 10px 0 }
.content .produseTabel .produseRow .col.c1 span { display: block; margin: 10px 0 0 0; opacity: 0.5; color: #5F5F5F }
.content .produseTabel .produseRow .col.c1 .name { line-height: 17px; color: #000; opacity: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 35px; overflow: hidden; text-overflow: ellipsis }
.content .produseTabel .produseRow .col.c2 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c3 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c4 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c5 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c6 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c7 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c8 { white-space: nowrap; font-weight: 600 }
.content .produseTabel .produseRow .col.c9 { padding: 0 20px 0 0 }
.content .produseTabel .produseRow .col .updateCartForm { display: inline-block; background: #F2F2F2; border-radius: 10px; padding: 3px 25px 3px 5px; position: relative }
.content .produseTabel .produseRow .col .updateCartForm svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: block }
.content .produseTabel .produseRow .col .updateCartForm input { text-align: center; font-size: 14px; line-height: 14px; font-weight: 600; width: 40px; text-align: center; color: #000; background: none; border: 0 }
.content .produseTabel .produseRow:before { height: 8px; position: absolute; left: 0; top: 0; width: 100%; content: " "; display: block; z-index: 10 }
.content .produseTabel .produseRow:after { height: 8px; position: absolute; left: 0; bottom: 0; width: 100%; content: " "; display: block; z-index: 10 }
.content .produseTabel .produseRow .col .image { text-align: center; vertical-align: middle; padding: 0 5px; display: block; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; height: 85%; width: 85%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center center; background-size: contain; background-repeat: no-repeat }
.content .produseTabel .produseRow .col .image .tooltip { opacity: 0.4; position: absolute; top: 5px; left: 5px }
.content .produseTabel .produseRow .col .image .tooltip:hover { opacity: 1 }
.content .produseTabel .produseRow .col .empty { background-size: cover; background-position: center center; padding: 10px; display: table-cell; height: 105px; width: 95px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .col.f1 .alert { z-index: 20; font-size: 10px; font-weight: 600; border-radius: 10px; color: #fff; padding: 4px 8px; display: block; position: absolute; top: 15px; left: 15px; background: rgba(54, 79, 143, 0.9) }
.content .produseTabel .produseRow .col.f1 .alert.soon { background: rgba(122, 54, 143, 0.9) }
.content .produseTabel .produseRow .col.f1 { width: 10%; position: relative; padding: 10px 0 10px 10px }
.content .produseTabel .produseRow .col.f3 { padding-right: 30px; width: 40% }
.content .produseTabel.new .produseRow .col.f3 { width: 70% }
.content .produseTabel .produseRow .col.f5 { text-align: center; width: 30% }
.content .produseTabel .produseRow .col.f7 { padding: 20px 30px; width: 20% }
.content .produseTabel .produseRow .col .upto { font-weight: 600; color: #000; font-size: 14px; line-height: 21px; display: block }
.content .produseTabel .produseRow .col .upto b { font-weight: 600 }
.content .produseTabel .produseRow .col.f1 b { background: #d96459; color: #fff; font-size: 11px; font-weight: 600; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 10px; bottom: 14px; display: block; text-align: center }
.content .produseTabel .produseRow .col.f1 b.sp { position: absolute; top: 15px; right: 15px }
.content .produseTabel .produseRow .col .nume { width: 100%; font-weight: 400; display: block; line-height: 21px; font-size: 14px; color: #5F5F5F }
.content .produseTabel .produseRow .col .nume a { display: block }
.content .produseTabel .produseRow .col .nume a.brandFromList { font-weight: 700; margin-bottom: 5px; color: var(--color-accent); font-size: 18px; line-height: 20px }
.content .produseTabel .produseRow .col .nume a.brandFromList:hover { color: var(--color-accent-hover) }
.content .produseTabel .produseRow .infoLine { text-align: left; display: table; width: 100%; margin-top: 10px; color: #000 }
.content .produseTabel .produseRow .infoLine span.item { border-left: 1px solid #D9D9D9; padding: 0 0 0 20px; color: var(--color-general); display: table-cell; font-size: 14px; width: 20%; font-weight: 700; vertical-align: top }
.content .produseTabel .produseRow .infoLine span.item:first-of-type { width: 16%; border: 0; padding-left: 0 }
.content .produseTabel .produseRow .infoLine span.item:nth-child(2) { width: 22% }
.content .produseTabel .produseRow .infoLine span.item:nth-child(3) { width: 18% }
.content .produseTabel .produseRow .infoLine span.item:nth-child(4) { width: 44% }
.content .produseTabel .produseRow .infoLine span.item a { color: inherit; text-decoration: underline }
.content .produseTabel .produseRow .infoLine span.item a:hover { color: var(--color-general) }
.content .produseTabel .produseRow .infoLine span.item b { margin-right: 2px; font-weight: 400 }
.content .produseTabel .produseRow .infoLine span.item svg { display: inline-block; vertical-align: middle; margin: -2px 0 0 4px }
.content .produseTabel .produseRow .infoLine span.item .copyEan { cursor: pointer }
.content .produseTabel .produseRow .infoLine span.item .copyEan:hover { opacity: 0.7 }
.content .produseTabel .produseRow .infoLine span.item i { font-style: normal }
.content .produseTabel .produseRow .infoLine span.item .infoVal { display: inline; font-weight: 700; color: #000 }
.content .tabelProduse.view-list .produseTabel .produseRow .infoLine span.item:first-of-type .infoGenderTxt { display: none }
.content .produseTabel .produseRow .stockNotif { display: block; font-size: 15px; font-weight: 600 }
.content .produseTabel .produseRow .stockNotif.stock--out { color: #FF383C }
.content .produseTabel .produseRow .stockNotif.stock--in { color: var(--color-general) }
.content .produseTabel .produseRow .pcsDiscount { width: 100%; font-size: 12px; margin-bottom: 15px }
.content .produseTabel .produseRow .pcsDiscount .pcs { text-decoration: none; color: inherit; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 3px; line-height: 14px; background: #F2F2F2; border: 1px solid #F2F2F2; font-size: 12px; padding: 4px 10px; font-weight: 400; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px }
.content .produseTabel .produseRow .pcsDiscount .pcs:hover { background: var(--color-general); border-color: var(--color-general); color: #fff }
.content .produseTabel .produseRow .pcsDiscount .pcs.viewMore { border: 1px solid #686868; background: none; font-weight: 500; display: inline-block }
.content .produseTabel .produseRow .pcsDiscount .pcs.viewMore:hover { color: #000; background: #f4f6f9 }
.content .produseTabel .produseRow .pcsDiscount .pcs:nth-child(1), .content .produseTabel .produseRow .pcsDiscount .pcs:nth-child(2), .content .produseTabel .produseRow .pcsDiscount .pcs:nth-child(3), .content .produseTabel .produseRow .pcsDiscount .pcs:nth-child(4), .content .produseTabel .produseRow .pcsDiscount .pcs:nth-child(5) { display: inline-block }
.content .produseTabel .produseRow .cutPrice { text-align: right; margin: 0 0 10px 0; font-size: 14px }
.content .produseTabel .produseRow .cutPrice .popInfo { cursor: pointer; color: #B9602E; font-size: 16px }
.content .produseTabel .produseRow .cutPrice .popInfo:hover { opacity: 0.7 }
.content .produseTabel .produseRow .f7 { text-align: right }
.content .produseTabel .produseRow .rrp { text-align: right; display: block; color: rgba(0,0,0,0.4); font-weight: 500; margin: 0 0 10px 0; font-size: 14px }
.content .produseTabel .produseRow .lastPrice { text-align: right; display: block; color: rgba(0,0,0,0.4); font-weight: 500; margin: 0 0 10px 0; font-size: 14px }
.content .produseTabel .produseRow .priceNotif { margin: 10px 0 5px 0; text-align: right; display: block; color: var(--color-general); font-weight: 700; font-size: 32px; line-height: 32px }
.content .produseTabel .produseRow .discountBadge { display: inline-block; background: #FFE1E7; border-radius: 4px; margin: 0 0 5px 0; padding: 4px 8px; color: #FF2D55; font-weight: 500 }
.content .produseTabel .produseRow .addToCartForm { border-spacing: 0 0!important; width: 100% }
.content .produseTabel .produseRow .addToCartForm.disabled { opacity: 0.1 }
.content .produseTabel .produseRow .addToCartForm.disabled > * { cursor: not-allowed }
.content .produseTabel .produseRow .addToCartForm .math { box-shadow: 0px 1px 2px 0px #0A0D120D; border: 1px solid #E1E4EA; float: left; display: block; background: #F6F8F9; border-radius: 4px; color: #000; width: 51%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .addToCartForm .math span { text-align: center; line-height: 35px; height: 35px; font-size: 11px; cursor: pointer; padding: 0; display: block; width: 30%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .addToCartForm .math input { line-height: 35px; height: 35px; font-size: 15px; padding: 0; border: 0!important; color: #000!important; background: none!important; display: block; width: 40%; text-align: center; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .addToCartForm .btn { text-transform: none; font-size: 14px; font-weight: 700; border-radius: 4px; margin: 0!important; width: 45%; float: right; line-height: 37px; height: 37px; text-align: center; padding: 0 10px!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .addToCartForm .btn svg { margin: -2px 2px 0 0; vertical-align: middle; display: inline-block }
.content .produseTabel .produseRow .bottomProdRelative { position: relative; margin: 15px auto 0 auto }
.content .produseTabel .produseRow .bottomProdRelative .addNotificationButton { line-height: 37px; height: 37px; width: 37px; text-align: center; box-shadow: 0px 1px 2px 0px #0A0D120D; border: 1px solid #E1E4EA; float: left; display: block; background: #fff; border-radius: 4px; color: #000; position: absolute; left: -44px; top: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .produseTabel .produseRow .bottomProdRelative .addNotificationButton:hover { opacity: 0.5 }
/* container grid: 4 pe rând, fără overflow orizontal */
.content .view-grid .produseTabel { margin-top: 15px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; border-spacing: 0; width: 100%; box-sizing: border-box }
/* fiecare card */
.content .view-grid .produseTabel .produseRow { margin: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; grid-template-areas: "img img" "info price" "action action"; position: relative; border: 1px solid #E1E4EA; border-radius: 6px; background: #fff; overflow: visible; min-width: 0 }
/* anulăm width-urile moștenite în grid */
.content .view-grid .produseTabel .produseRow .col { display: block; border: 0; padding: 14px 14px; width: auto !important; box-sizing: border-box }
.content .view-grid .produseTabel .produseRow .col:first-of-type { border: 0; border-radius: 0 }
.content .view-grid .produseTabel .produseRow .col:last-of-type { border: 0; border-radius: 0 }
/* imagine 100% și tooltip fără tăiere */
.content .view-grid .produseTabel .produseRow .col.f1 { grid-area: img; background: none; padding: 15px 10px; position: relative; height: 210px; overflow: visible }
.content .view-grid .produseTabel .produseRow .col.f1 .image { position: relative; top: auto; left: auto; transform: none; width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; overflow: visible }
.content .view-grid .produseTabel .produseRow .col.f1 .image .tooltip { z-index: 20 }
.content .view-grid .produseTabel .produseRow .col .empty { display: block; position: relative; top: auto; left: auto; transform: none; width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; overflow: visible }
/* info stânga */
.content .view-grid .produseTabel .produseRow .col.f3 { grid-area: info; width: 100%; padding: 12px 14px; text-align: left; min-width: 0 }
.content .view-grid .produseTabel .produseRow .col.f3 .nume { color: #000; line-height: 20px; font-size: 15px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis }
/* prețuri dreapta */
.content .view-grid .produseTabel .produseRow .col.f5 { grid-area: price; padding: 12px 14px; text-align: right; min-width: 0 }
.content .view-grid .produseTabel .produseRow .priceNotif { font-size: 28px; line-height: 30px; margin: 0 }
.content .view-grid .produseTabel .produseRow .rrp { margin: 4px 0 0 0 }
.content .view-grid .produseTabel .produseRow .lastPrice { margin: 6px 0 }
.content .view-grid .produseTabel .produseRow .discountBadge { margin: 6px 0 0 0 }
/* acțiuni jos: buton full + notif stânga + stepper dreapta */
.content .view-grid .produseTabel .produseRow .col.f7 { background: none; grid-area: action; padding: 14px; position: relative; overflow: visible }
.content .view-grid .produseTabel .produseRow .bottomProdRelative { margin: 0; padding-top: 1px; position: relative }
.content .view-grid .produseTabel .produseRow .bottomProdRelative .addNotificationButton { position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px }
.content .view-grid .produseTabel .produseRow .addToCartForm { width: 100%; display: grid; grid-template-columns: 1fr minmax(120px, 160px); grid-template-rows: 40px; gap: 12px; align-items: center }
.content .view-grid .produseTabel .produseRow .addToCartForm .btn { width: 100%; height: 40px; line-height: 40px; font-size: 15px }
.content .view-grid .produseTabel .produseRow .addToCartForm .math { width: auto; min-width: 120px }
/* curățăm artefacte tabel */
.content .view-grid .produseTabel .produseRow:before { display: none }
.content .view-grid .produseTabel .produseRow:after { display: none }
.content .view-grid .produseTabel .produseRow .col.wLineAfter:after { display: none }
/* responsive */
@media (max-width: 1400px) { .content .view-grid .produseTabel { grid-template-columns: repeat(3, minmax(0, 1fr)) } }
@media (max-width: 1024px) { .content .view-grid .produseTabel { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media (max-width: 600px) { .content .view-grid .produseTabel { grid-template-columns: 1fr } }
/* f3 pe toată lățimea cardului, preț sub el */
.content .view-grid .produseTabel .produseRow { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; grid-template-areas: "img img" "info info" "price price" "action action" }
.content .view-grid .produseTabel .produseRow .col.f3 { grid-area: info; width: 100%!important; padding: 12px 14px 0 12px; text-align: left; min-width: 0 }
.content .view-grid .produseTabel .produseRow .col.f3 .nume { width: 100%; font-size: 15px; line-height: 20px; color: #000; white-space: normal; overflow: hidden; text-overflow: ellipsis }
.content .view-grid .produseTabel .produseRow .col.f3 .nume a.brandFromList { display: block; margin: 0 0 6px 0 }
.content .view-grid .produseTabel .produseRow .infoLine { display: flex; flex-direction: column; gap: 0; margin-top: 10px; width: 100%; box-sizing: border-box }
.content .view-grid .produseTabel .produseRow .infoLine span.item { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 14px; width: 100%; box-sizing: border-box; padding: 9px 0; min-height: 0; border-left: 0; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 12px; line-height: 1.45; color: #6b6b6b }
.content .view-grid .produseTabel .produseRow .infoLine span.item:last-child { border-bottom: 0 }
.content .view-grid .produseTabel .produseRow .infoLine span.item b { flex: 0 1 40%; min-width: 0; margin: 0; font-weight: 600; color: #4b5563; display: inline-flex; align-items: center; gap: 6px; text-align: left }
.content .view-grid .produseTabel .produseRow .infoLine span.item b svg { width: 16px; height: 16px; flex-shrink: 0 }
.content .view-grid .produseTabel .produseRow .infoLine span.item .infoVal { flex: 1 1 60%; min-width: 0; text-align: right; font-weight: 600; color: #111; word-break: break-word }
.content .view-grid .produseTabel .produseRow .infoLine span.item.ean .infoVal { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 4px; flex: 1 1 60%; min-width: 0 }
.content .view-grid .produseTabel .produseRow .infoLine span.item.ean .infoVal i { font-style: normal }
/* preț pe rând separat, aliniat dreapta */
.content .view-grid .produseTabel .produseRow .col.f5 { grid-area: price; width: 100%!important; padding: 12px 14px; text-align: right; min-width: 0 }
.content .view-grid .produseTabel .produseRow .priceNotif { font-size: 28px; line-height: 30px; margin: 0 }
.content .view-grid .produseTabel .produseRow .col.f7 { grid-area: action; width: 100%; padding: 8px 14px 12px 14px; position: relative; overflow: visible }
.content .view-grid .produseTabel .produseRow .bottomProdRelative { margin: 10px 0 0 0; position: relative; width: 100% }
.content .view-grid .produseTabel .produseRow .bottomProdRelative .addNotificationButton { position: absolute; left: 0; top: 0; width: 23%; height: 40px; line-height: 40px }
.content .view-grid .produseTabel .produseRow .bottomProdRelative .math { position: absolute; right: 0; top: 0; width: 74%; height: 40px }
.content .view-grid .produseTabel .produseRow .addToCartForm { width: 100%; margin-top: 50px!important; display: block!important }
.content .view-grid .produseTabel .produseRow .addToCartForm .btn { width: 100%!important; height: 44px; line-height: 44px; font-size: 16px; font-weight: 700; text-align: center; border-radius: 6px; margin: 0; display: block }
.content .subtotalCos { margin: 0 0 20px 0 }
.content .subtotalCos span { display: block; font-size: 14px; background: var(--color-general); color: #fff; padding: 15px 15px; font-weight: 400; text-align: right }
.content .subtotalCos span.adaos { background: #4551a9 }
.content .subtotalCos span:nth-child(2) { background: #3f4aa2 }
.content .subtotalCos span:nth-child(3) { font-weight: 600; background: var(--color-general) }
.ctaBar { background: var(--color-general); padding: 80px 0; text-align: center }
.ctaBar a { display: inline-block; border: 1px solid #fff; color: #fff; text-decoration: none; text-transform: uppercase; padding: 15px 40px }
.ctaBar a:hover { background: #fff; color: var(--color-general) }
.ctaBar h2 { color: #fff; font-size: 40px; line-height: 45px; margin: 0 0 30px 0 }
.content #orderSteps { margin: 40px 0 45px 0; text-align: center }
.content #orderSteps .bullet { letter-spacing: 0.03em; text-transform: uppercase; color: #979797; font-size: 13px; border-radius: 50%; width: 100px; height: 100px; line-height: 100px; margin: 0 50px; font-weight: 300; display: inline-block; box-shadow: 0 0 10px rgba(0,0,0,0.08); background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content #orderSteps .bullet:last-of-type { border: 0 }
.content #orderSteps .bullet a { text-align: center; text-decoration: none; color: inherit }
.content #orderSteps .bullet a:hover { opacity: 0.8 }
.content #orderSteps .bullet.active { color: #fff; background: var(--color-general) }
.content #orderSteps .bullet .fa { margin-top: 30px; font-size: 35px }
.content #importaComenzi { margin: 0 0 25px 0; padding: 0 }
.content #importaComenzi .header .importaBtn { font-weight: 500; font-size: 16px; line-height: 20px; padding: 16px 42px; display: block; float: left; background: #000; border-radius: 10px; color: #fff; text-decoration: none }
.content #importaComenzi .header .importaBtn svg { display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; cursor: pointer }
.content #importaComenzi .header .importaBtn.active, .content #importaComenzi .header .importaBtn:hover { background: var(--color-general) }
.content #importaComenzi .header i { float: left; display: block; margin-left: 20px; color: #999; line-height: 35px }
.content #importaComenzi .hidden { display: none; padding: 25px; border-radius: 10px; background: #f2f2f2; margin-top: 10px }
.content #importaComenzi.import .hidden { display: block }
.content #importaComenzi .hidden .left { width: 48%; float: left }
.content #importaComenzi .hidden .right { width: 48%; float: right }
.content #importaComenzi .hidden label { font-size: 16px; display: block; font-weight: 600; margin: 0 0 10px 0; color: #000 }
.content #importaComenzi .hidden textarea { border-radius: 10px; padding: 15px; border: 1px solid #d3d3d3; color: #000; background: #fff; width: 100%; height: 150px; resize: none }
.content #importaComenzi .hidden textarea:focus { border-color: #555 }
.content #importaComenzi .hidden .file { width: 100%; border-radius: 10px; padding: 15px; margin-bottom: 20px; border: 1px solid #d3d3d3; color: #000; background: #fff }
.content #importaComenzi .hidden .notice { font-size: 12px; display: block; margin: 10px 0 20px 0 }
.content #notFoundImport { margin: 0 0 5px 0; border-radius: 10px; line-height: 100%; border: 1px solid #ff7791; font-size: 13px; background: #fff4f6; padding: 20px }
.content #notFoundImport.green { border-color: #73bf07; background: #e6f5d0 }
.content #notFoundImport h5 { margin: 0 0 10px 0; color: #000; font-weight: 600; font-size: 16px }
.content #notFoundImport .liner { margin: 10px 0 0 0 }
.content #notFoundImport .btn { background: #81b13c; border-radius: 10px; padding: 12px 10px; font-weight: 600; display: block; float: left; margin-top: 15px; color: #fff; text-decoration: none }
.content #notFoundImport .btn:hover { background: #577b23 }
.specialContainer { padding: 20px; border-radius: 6px; background: #fff }
.content .cartColumns { margin-top: 20px }
.content .cartColumns .cartColumnLeft { width: 81%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .cartColumns .cartColumnLeft .niceBackground { padding: 25px; border-radius: 10px; background: #f2f2f2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .cartColumns .cartColumnLeft .cartScroller { max-height: 700px; overflow-y: scroll }
.content .cartColumns .cartColumnLeft .cosNav { border-top: 2px solid rgba(0,0,0,0.05); padding-top: 20px; margin-top: 20px }
.content .cartColumns .cartColumnLeft .cosNav a { border-radius: 10px; background: #dfdfdf; margin-right: 10px; display: block; float: left; padding: 16px 42px; font-weight: 600; color: #272727; text-decoration: none; font-size: 16px; border-radius: 10px; line-height: 20px }
.content .cartColumns .cartColumnLeft .cosNav a i { margin: 0 5px }
.content .cartColumns .cartColumnLeft .cosNav a:hover { background: #d3d3d3 }
.content .cartColumns .cartColumnLeft .cosNav a:nth-child(2) { background: #000; color: #fff }
.content .cartColumns .cartColumnLeft .cosNav a:nth-child(2):hover { background: var(--color-general) }
.content .cartColumns .cartColumnLeft .cosNav a:nth-child(3) { background: #FF4646; color: #fff }
.content .cartColumns .cartColumnLeft .cosNav a:nth-child(3):hover { background: #ad0000 }
.content .cartColumns .cartColumnRight { position: sticky; top: 30px; z-index: 50; padding: 25px; border-radius: 10px; background: #f2f2f2; width: 18%; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .cartColumns .cartColumnRight #voucherLine { position: relative }
.content .cartColumns .cartColumnRight #voucherLine span { cursor: pointer; background: #000; position: absolute; top: 50%; line-height: 38px; width: 38px; height: 38px; transform: translateY(-50%); right: 5px; font-size: 15px; font-weight: 500; border-radius: 10px; color: #fff; font-size: 16px; text-align: center }
.content .cartColumns .cartColumnRight #voucherLine span:hover { background: var(--color-general) }
.content .cartColumns .cartColumnRight #voucherLine input { font-size: 15px; font-weight: 500; border-radius: 10px; line-height: 45px; padding: 0 50px 0 15px; width: 100%; background: #fff; color: #777; border: 1px solid rgba(0,0,0,0.3) }
.content .cartColumns .cartColumnRight #voucherLine input:focus { border-color: #555; color: #000 }
.content .cartColumns .cartColumnRight .validareCadou { margin-top: 20px; display: block; text-align: center; font-weight: 500; font-size: 16px; line-height: 20px; padding: 16px 0; background: #000; border-radius: 10px; color: #fff; text-decoration: none }
.content .cartColumns .cartColumnRight .validareCadou:hover { background: var(--color-general) }
.content .cartColumns .cartColumnRight .validareCadou i { margin-right: 4px }
.content .cartColumns .cartColumnRight .trimiteComandaFinala { margin-top: 20px; display: block; text-align: center; font-weight: 500; font-size: 16px; line-height: 20px; padding: 16px 0; background: #000; border-radius: 10px; color: #fff; text-decoration: none }
.content .cartColumns .cartColumnRight .trimiteComandaFinala:hover { background: var(--color-general) }
.content .cartColumns .cartColumnRight .trimiteComandaFinalaAdmin { margin-top: 20px; display: block; text-align: center; font-weight: 500; font-size: 16px; line-height: 20px; padding: 16px 0; background: #000; border-radius: 10px; color: #fff; text-decoration: none }
.content .cartColumns .cartColumnRight .trimiteComandaFinalaAdmin:hover { background: var(--color-general) }
.content .cartColumns .cartColumnRight .total { margin: 40px 0; display: block; font-size: 20px }
.content .cartColumns .cartColumnRight .total b { display: block; margin: 0 0 10px 0; font-size: 22px; font-weight: 600 }
.content .cartColumns .cartColumnRight .minOrder { display: block; color: #FF4646; font-size: 16px; font-weight: 600 }
.content .cartColumns .cartColumnRight.order .total:first-of-type { margin-top: 10px }
.content .cartColumns .cartColumnRight.order .notice { font-size: 13px; line-height: 145% }
.content .cartColumns .cartColumnRight.order .notice a { color: #000 }
.content .cartColumns .cartColumnRight.order .notice a:hover { color: #555 }
.content .cartColumns .cartColumnRight.order .customExport { font-weight: 500; color: #000; margin: -5px 0 20px 0; text-decoration: none; display: block }
.content .cartColumns .cartColumnRight.order .customExport:hover { color: var(--color-general) }
.content .cartColumns .cartColumnRight.order .customExport .fa { margin-right: 3px }
.content .infoComandaLine { border: 1px solid #d3d3d3; margin-bottom: 25px; line-height: 20px; padding: 15px }
.content .infoComandaLine .line { border-bottom: 1px solid #f4f6f9; padding: 12px 0 }
.content .infoComandaLine .line b { font-weight: 600; float: left; width: 220px }
.content .infoComandaLine .line.wBtns a { display: block; line-height: 45px!important; background: var(--color-general); font-size: 12px; padding: 0 15px; text-decoration: none; text-align: center; color: #fff }
.content .infoComandaLine .line.wBtns a:hover { background: #000 }
.content .infoComandaLine .line.wBtns a.cancelReservation { background: #777 }
.content .infoComandaLine .line.wBtns a.cancelReservation:hover { background: #999 }
.content .infoComandaLine .line:first-of-type { padding-top: 0 }
.content .infoComandaLine .line:last-of-type { padding-bottom: 0; border: 0 }
.content .infoComandaLine .line .export { text-transform: uppercase; font-size: 12px; background: var(--color-general); font-weight: 600; text-align: center; line-height: 45px; padding: 0 15px; display: block; color: #fff; text-decoration: none }
.content .infoComandaLine .line .export:hover { background: #000 }
.content .infoComandaLine .alert { text-transform: uppercase; float: left; font-weight: 600; background: #d3d3d3; color: #fff; display: block; line-height: 24px; text-align: center; font-size: 12px; padding: 0 10px }
.content .infoComandaLine .alert.sale { background: #c30000 }
.content .infoComandaLine .alert.soon { background: #19bc28 }
.content .infoComandaLine .alert.promo { background: #ab02cf }
.content .infoComandaLine .alert.new { background: #196dbc }
.content .infoComandaLine .alert.status { line-height: 20px }
.content .mesajSucces { margin: 0 0 20px 0; background: #f2f2f2; padding: 30px; border-radius: 16px; display: none }
.content .mesajSucces .fa-clipboard-check { vertical-align: top; display: inline-block; margin-right: 50px; font-size: 140px; color: var(--color-general) }
.content .mesajSucces .right { vertical-align: top; text-align: left; display: inline-block }
.content .mesajSucces h4 { color: #000; font-size: 26px; margin: 0 0 20px 0; font-weight: 700 }
.content .mesajSucces h5 { color: #000; font-size: 17px; margin: 4px 0 10px 0; font-weight: 600 }
.content .mesajSucces h6 { color: #444; font-size: 14px; line-height: 20px; font-weight: 500 }
.content .mesajSucces h6 a { color: inherit }
.content .mesajSucces h6 a:hover { color: #000 }
.content .mesajSucces .btn { margin: 20px 0; display: inline-block; text-align: center; font-weight: 500; font-size: 16px; line-height: 20px; padding: 16px 35px; background: #000; border-radius: 10px; color: #fff; text-decoration: none }
.content .mesajSucces .btn:hover { background: var(--color-general) }
.content .mesajSucces .btn i { margin-right: 4px }
.content .mesajSucces #nrComanda { color: #000 }
.content .mesajSucces .cCol { padding: 25px 30px; text-align: left; width: 33.33333%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .mesajSucces .cCol img { display: block; width: 20%; margin: 0 auto }
.content .mesajSucces .cCol:nth-child(2) { text-align: center }
.content .mesajSucces .cCol:nth-child(2) h4 { margin-bottom: 0 }
.content .mesajSucces .cCol .arrowLine { display: block; width: 70%; margin: 30px auto }
#mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 90 }
.content .tabelProduse { position: relative; margin-top: 25px }
.content .produseRight { z-index: 4; position: relative; width: 80.5%; float: right }
.content .listingBar { width: 18%; float: left }
.content .listingBar .filtrareForm { }
.content .listingBar .filtru { padding: 0!important }
.topList fieldset { cursor: pointer }
.topList select { cursor: pointer }
.content #modalSorting { display: none }
#showCategories .subsubcategorieList { display: none }
#showCategories .subsubcategorieList .subsubsubcategorieList { display: none }
#showCategories .customBtn.subcategorie { border: 1px solid #fff; cursor: pointer; overflow: hidden; display: block; padding: 10px 14px; background: #fff; color: var(--color-general); font-weight: 600; font-size: 15px; border-radius: 4px; line-height: 20px }
#showCategories .customBtn.subcategorie > span { display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin: -4px 5px 0 0 }
#showCategories .customBtn.subcategorie > i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 12px }
#showCategories .customBtn.subcategorie:hover { background: #fff; color: var(--color-accent) }
#showCategories .customBtn.subcategorie.checked { border-color: #CACFD8; background: #f4f6f9 }
#showCategories .customBtn.subcategorie .expand { margin-left: 4px }
#showCategories .customBtn.subcategorie input { position: absolute; left: -50px }
#showCategories .col { display: block; float: none; margin: 5px 0 }
#showCategories .col .subsubcategorieList { height: 100%; border-radius: 4px; width: auto; z-index: 800; background: #F0F3F6; padding: 20px; display: none; position: absolute; top: 0; margin-left: -18px; left: 100%; width: 95%; max-width: 1700px; min-width: 1280px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#showCategories .col .subsubcategorieList:after { z-index: 2; content: " "; width: 100%; left: 0; height: 10px; background: transparent; position: absolute; top: -10px }
#showCategories .col .subsubcategorieList .subsubcategorieItem:first-of-type .subsubsubcategorieList { display: block }
#showCategories .col .subsubcategorieList .subsubcategorie { border-radius: 4px; width: 25%; position: relative; overflow: hidden; display: block; padding: 10px 15px; white-space: normal }
#showCategories .col .subsubcategorieList .subsubcategorie:hover { color: var(--color-accent) }
#showCategories .col .subsubcategorieList .subsubcategorie input { position: absolute; left: -50px }
#showCategories .col .subsubcategorieList .subsubsubcategorieList { width: 75%; display: none; position: absolute; right: 10px; background: #FFF; top: 0; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; top: 50%; transform: translateY(-50%); height: calc(100% - 30px); overflow-y: scroll }
#showCategories .col .subsubcategorieList .subsubsubcategorieList .subsubsubcategorieListGrid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px }
#showCategories .col .subsubcategorieList .subsubsubcategorieItem .subsubsubcategorie { cursor: pointer; display: block; overflow: hidden; position: relative }
#showCategories .col .subsubcategorieList .subsubsubcategorieItem .subsubsubcategorie input { position: absolute; left: -50px }
#showCategories .col .subsubcategorieList .subsubsubcategorieItem .subsubsubcategorie:hover { color: var(--color-accent) }
#showCategories .col:hover .subsubcategorieList { display: block }
#showCategories .col:hover .subsubcategorieList .subsubcategorieItem:hover .subsubsubcategorieList { display: block }
#showCategories .col:hover .subsubcategorieList .subsubcategorieItem:hover .subsubcategorie { color: var(--color-accent) }
.content #resSQL { font-weight: 600; display: none; background: red; color: #fff; padding: 20px; text-align: center; border-radius: 20px; margin: 0 0 20px 0 }
.content .filtrareForm fieldset { position: relative; margin: 0 0 20px 0; background: #F0F3F6; padding: 20px; border-radius: 4px }
.content .filtrareForm fieldset.simpleFiltre { margin: 0 0 15px 0; background: #FFF; padding: 0; border-radius: 0 }
.content .filtrareForm.topList { margin: 0 }
.content .filtrareForm.topList fieldset { position: relative; margin: 0 10px 0 0; padding: 0; background: none; float: left }
.content .filtrareForm.topList fieldset b { vertical-align: middle; display: inline-block; color: #757678; font-size: 14px; font-weight: 600 }
.content .filtrareForm.topList fieldset .fa { margin-left: 5px; vertical-align: middle; display: inline-block; color: #757678; font-size: 14px; font-weight: 600 }
.content .filtrareForm.topList fieldset select { text-align: center; font-weight: 600; color: #757678; font-size: 14px; font-weight: 600; background: none; border: none; border-radius: 4px; padding: 10px 30px 10px 20px; border: 1px solid #E1E4EA }
.content .filtrareForm.topList fieldset.active:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #757678; font-size: 14px; pointer-events: none }
.content .filtrareForm fieldset .filterTitle { position: relative; font-weight: 600; margin: 0 0 15px 0; font-size: 16px; color: var(--color-general) }
.content .filtrareForm fieldset .filterTitle.spcTitle { border-bottom: 1px solid #E1E4EA; padding: 0 0 10px 0; margin: 0 0 10px 0; position: relative; cursor: pointer }
.content .filtrareForm fieldset .filterTitle.spcTitle:after {
content: "";
position: absolute;
right: 0;
top: 4px;
width: 6px;
height: 6px;
border-right: 2px solid var(--color-general);
border-bottom: 2px solid var(--color-general);
transform: rotate(45deg);
transition: transform 0.25s ease;
}
.content .filtrareForm fieldset .filterTitle.spcTitle.active:after {
transform: rotate(-135deg);
}
.content .filtrareForm fieldset .filterTitle .clearAll { margin: 0; font-weight: 600; font-size: 12px; border: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--color-general); text-decoration: none; padding: 0; background: none }
.content .filtrareForm fieldset .filterTitle .clearAll .fa { text-decoration: none; margin-right: 4px }
.content .filtrareForm fieldset .filterTitle .clearAll b { font-weight: 600; border-bottom: 1px solid var(--color-general); padding: 0 0 2px 0 }
.content .filtrareForm fieldset .filterTitle .clearAll:hover { background: none; opacity: 0.8 }
.content .filtrareForm fieldset .showMoreBrands { margin-top: 15px; text-decoration: none; background: #FFFFFF; font-size: 12px; line-height: 28px; color: var(--color-general); border-radius: 4px; display: inline-block; padding: 0 20px }
.viewChange { float: right!important; display: flex; align-items: center; gap: 5px; margin: 0!important; border: none!important; padding: 0!important }
.vc-label { font-weight: 500; color: var(--color-general); margin-right: 5px }
.vc-wrap { display: flex; gap: 5px; border: 1px solid #e2e2e2; border-radius: 4px; padding: 5.5px 6px; background: #fff }
.vc-btn { display: flex; align-items: center; gap: 5px; padding: 6px 7px; border: none; border-radius: 4px; background: #fff; cursor: pointer }
.vc-btn i { font-size: 13px!important; color: inherit }
.vc-btn:hover { background: #f4f6f9 }
.vc-btn.active { background: #4E4E50; color: #fff }
.vc-btn.active i { color: #fff!important }
.content .selectedFltrs { display: none }
.content .selectedFltrs span { box-shadow: 0px 1px 2px 0px #0A0D120D; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; display: inline-block; border: 1px solid #CACFD8; color: var(--color-general); background: #fff; padding: 6px 12px; margin: 0 5px 5px 0 }
.content .selectedFltrs a { box-shadow: 0px 1px 2px 0px #0A0D120D; position: relative; text-decoration: none; border-radius: 4px 4px 0 0; font-size: 12px; font-weight: 500; cursor: pointer; display: block; border: 1px solid #CACFD8; color: #000; background: #fff; padding: 10px 15px; margin: 0 0 8px 0 }
.content .selectedFltrs a.removeItem { font-size: 11px; margin-top: -8px; border-top: 0; background: #CACFD8; border-radius: 0 0 4px 4px }
.content .selectedFltrs a span.line { box-shadow: none; background: none; border-radius: 0; font-size: inherit; font-weight: inherit; cursor: inherit; display: block; border: 0; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 5px 0; margin: 0 }
.content .selectedFltrs a span.line:last-of-type { border: 0 }
.content .selectedFltrs a span.line:hover { background: none }
.content .selectedFltrs a:hover { background: rgba(255,255,255,0.5) }
.content .selectedFltrs a.removeItem:hover { background: rgba(0,0,0,0.2) }
.content .selectedFltrs a i { margin-right: 3px }
.content .selectedFltrs span:hover { background: rgba(255,255,255,0.5) }
.content .selectedFltrs span i { margin-left: 4px }
.content .selectedFltrs span.last { font-size: 16px; margin: 0 0 20px 0; background: var(--color-accent); font-weight: 600; border-color: var(--color-accent); text-align: center; padding: 12px 0; color: #fff; float: none; display: block }
.content .selectedFltrs span.last:hover { border-color: var(--color-accent-hover); background: var(--color-accent-hover) }
.content .selectedFltrs span.saveAll { border-radius: 4px; box-shadow: 0px 1px 2px 0px #0A0D120D; font-size: 12px; margin: 10px 0 0 0; background: #fff; font-weight: 600; border: 0; text-align: center; padding: 8px 0; color: var(--color-general); float: none; display: block }
.content .selectedFltrs span.saveAll .fa { margin-right: 4px }
.content .selectedFltrs span.saveAll:hover { background: var(--color-general); color: #fff }
.content .selectedFltrs .wFlow { max-height: 300px; overflow-y: auto }
.content .produseRight .filtrareForm fieldset label { margin: 2px 0; background: #f5f5f5; display: block; font-weight: 400!important; color: #000; overflow: hidden; position: relative; text-align: center; padding: 3px 6px }
.content .produseRight .filtrareForm fieldset label:hover { background: var(--color-general); color: #fff }
.content .produseRight .filtrareForm fieldset label input { position: absolute; left: -50px }
.content .filtrareForm fieldset .loading { text-align: center; color: #d3d3d3; font-size: 20px }
.content .filtrareForm fieldset .optiuni { max-height: 200px }
.content .filtrareForm fieldset .optiuni.priceList { max-height: auto }
.content .filtrareForm fieldset.increaseHeight .optiuni { max-height: 800px }
.content .filtrareForm fieldset .optiuni-bar { background: #f4f6f9; padding: 5px; margin: 0 0 5px 0 }
.content .filtrareForm fieldset .optiuni label { color: #555; font-size: 12px; margin: 2px 0; width: 33.3333%; float: left }
.content .filtrareForm fieldset .filterOps { position: relative }
.content .filtrareForm fieldset .filterOps .filterOpsInput { margin-bottom: 20px; position: relative }
.content .filtrareForm fieldset .filterOps .filterOpsInput .text { border-radius: 5px; border: 1px solid #E1E4EA; width: 100%; padding: 10px 10px 10px 40px; line-height: 15px; color: #878787; background: #FCFCFC }
.content .filtrareForm fieldset .filterOps .filterOpsInput .text:focus { color: #000 }
.content .filtrareForm fieldset .filterOps .filterOpsInput i { cursor: pointer; margin-top: 0; font-size: 12px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #484848 }
.content .filtrareForm fieldset .filterOps .filterOpsInput i:hover { opacity: 0.7 }
.content .filtrareForm fieldset .filtru { padding: 10px 0 }
.content .filtrareForm fieldset .filtru.brnd { padding-bottom: 10px!important }
.content .filtrareForm fieldset.showBrands .optiuni ul { margin: 0; list-style: none; display: block }
.content .filtrareForm fieldset.showBrands .optiuni label { font-weight: 500; color: #000; font-size: 14px; margin: 5px 0; display: block; width: auto; float: none }
.content .filtrareForm fieldset.hidden { display: none; width: 100%; border-top: 1px solid #d7d7d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .filtrareForm fieldset .listaCategorii { width: 100% }
.content .filtrareForm fieldset .listaCategorii .col5 { float: left; width: 33.33333% }
.content .filtrareForm fieldset .listaCategorii .customBtn.main { margin: 0 0 5px 0; font-weight: 600 }
.content .filtrareForm fieldset .listaCategorii .customBtn { margin: 5px 5px 5px 10px; display: block }
.content .filtrareForm fieldset .listaCategorii .subcats { margin: 5px 5px 5px 20px; display: block }
.content .filtrareForm fieldset .listaCategorii .subcats label { font-size: 13px; color: #555 }
.content .filtrareForm .bottomLine { border-top: 1px solid #d3d3d3 }
.content .filtrareForm .line { margin: 0; padding: 0 }
.content .filtrareForm .line.inline { margin-left: 30px; float: right }
.content .filtrareForm .line.inline.left { margin-left: 0; margin-right: 0; float: left }
.content .filtrareForm .line.inline.left .checkbox { margin: 0 3px 0 0 }
.content .filtrareForm .line.inline.left .checkbox label { font-weight: 600 }
.content .filtrareForm .line label { text-transform: none; letter-spacing: 0; font-weight: 400; margin-right: 4px; line-height: 25px; display: inline }
.content .filtrareForm .line .text { line-height: 30px; padding: 2px 5px; width: auto; background: #fff; border: 1px solid #d3d3d3 }
.content .filtrareForm .line select.text { padding: 0 10px; line-height: 25px; -webkit-appearance: none; text-align: center }
.priceList { margin-top: 5px; padding: 5px 8px; border: 1px solid #E5E7EB; border-radius: 6px; background: #fff }
.priceList ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap }
.priceList li { margin: 0; flex: 0 1 auto }
.priceList .customBtn span { font-weight: 600; border-radius: 6px; padding: 0 5px }
.priceList .customBtn { display: inline-flex; align-items: center; gap: 6px; margin: 0!important; padding: 0!important; cursor: pointer; transition: all 0.15s ease; font-size: 12px }
.priceList .customBtn input[type="checkbox"] { display: none }
.priceList .customBtn input[type="checkbox"]:checked + span { background: var(--color-accent); color: #fff }
.priceList .customBtn:hover span { background: #f3f4f6 }
.content .filtrareForm .toggleDiv { margin-right: 10px; font-size: 13px; color: #fff; text-decoration: none; background: var(--color-general); padding: 10px 15px; float: left }
.content .filtrareForm .toggleDiv i { margin-left: 5px }
.content .filtrareForm .toggleDiv:hover { background: #0276c4 }
.content .filtrareForm .filtru .optiuni { overflow: auto; max-height: 250px }
.content .filtrareForm .filtru .optiuni.noScroll { max-height: none }
.content .filtrareForm .filtru .optiuni label { color: #555; font-size: 14px; margin: 5px 0; width: 25%; float: left }
.content .filtrareForm .filtru h2 { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #f4f6f9 }
.content .filtrareForm .filtru h2:not(:first-of-type) { margin-top: 20px }
.content .filtrareForm .listView { color: #555; text-decoration: none; margin: 5px 0 0 10px; display: block; font-size: 17px; float: left }
.content .filtrareForm .listView:hover { color: #000 }
.content .filtrareForm .listView.active { color: var(--color-general) }
.content .filtrareForm label.customBtn.wIcon { text-align: center; float: left; width: 49%; margin: 3px 0!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .filtrareForm label.customBtn.wIcon:nth-child(2n+2) { float: right }
.content .filtrareForm .midMargin { margin-left: 50px!important }
.content .desktopNotice { display: block; font-size: 11px; margin: 0 0 10px 0; color: #777; text-align: right }
.content .notfound { text-align: center; text-align: center; display: block; width: auto; box-shadow: 0px 3px 6px #00000029; padding: 50px }
.content .notfoundCart { text-align: center; text-align: center; display: block; width: auto;padding: 50px }
.content .notfoundCart i { color: var(--color-general); display: block; font-size: 50px; margin: 0 0 25px 0 }
.content .notfoundCart a { outline: none; color: inherit; text-decoration: none }
.content .produseTabel .notfound { font-weight: 600; box-shadow: none; padding: 50px 15px }
.pagination { padding-top: 15px; margin: 0 0 20px 0!important; text-align: center; width: 100%; list-style: none }
.pagination li { float: left; display: block }
.pagination li.goToPage { line-height: 40px; float: right }
.pagination li.goToPage i { line-height: 40px; font-style: normal }
.pagination li.goToPage select { border-radius: 10px; width: 70px; text-align: center; line-height: 40px; height: 40px; margin-left: 5px; border: 1px solid #d3d3d3; background: #fff }
.pagination a, .pagination span { outline: none; font-size: 13px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; background: #f2f2f2; text-decoration: none; display: block; color: #000; display: block; margin: 0 3px; border-radius: 10px; line-height: 40px; width: 40px; height: 40px }
.pagination a.active { background: var(--color-general); color: #fff }
.pagination a.disabled:hover, .pagination a.disabled { background: #f2f2f2; color: #444 }
.pagination a:hover { background: var(--color-general); color: #fff }
.pagination li:first-of-type a { margin-left: 0 }
.isoContainerMain { padding: 70px 0; background: linear-gradient(124.2deg, #F7F8FA 43.1%, #B3E0FE 152.55%); }
.isoContainer { padding: 24px; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); display: flex; gap: 24px; align-items: flex-start }
.isoBadge { min-width: 140px; display: flex; align-items: center; justify-content: center; padding: 16px 20px; border-radius: 999px; background: #0f172a }
.isoCode { font-size: 18px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #ffffff }
.isoContent { flex: 1 }
.isoTitle { margin: 0 0 12px 0; font-size: 24px; line-height: 1.4; color: #0f172a }
.isoText { margin: 0 0 10px 0; font-size: 15px; line-height: 1.7; color: #4b5563 }
@media (max-width: 768px) { .isoContainer { flex-direction: column } .isoBadge { align-self: flex-start } }
.detaliiComanda { min-width: 650px; max-width: 850px }
.detaliiComanda h3 { font-weight: 300; line-height: 25px; margin: 0 0 15px 0; padding: 0; font-size: 25px; color: var(--color-general) }
.detaliiComanda .data { border-bottom: 1px solid #f4f6f9; padding: 0 0 10px 0; margin: 0 0 10px 0; display: block; color: #555 }
.detaliiComanda .data b { color: #000; margin-left: 5px; font-weight: 600 }
.detaliiComanda .line { color: #555; margin: 0 0 10px 0 }
.detaliiComanda .line b { font-weight: 600; font-size: 14px; display: block; color: #000 }
.detaliiComanda .line b .fa { margin-right: 4px; color: #ea521d }
.detaliiComanda .totalComanda { padding: 10px; font-size: 13px; background: #f77548; color: #fff }
.detaliiComanda .totalComanda span { font-weight: 600; float: right }
.detaliiComanda .totalComanda b { font-weight: 600 }
.detaliiComanda .totalComanda.f4 { background: var(--color-general) }
.detaliiComanda .produseComandate { min-width: 500px; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.detaliiComanda .produseComandate b { font-weight: 600 }
.detaliiComanda .produseComandate .lineProduse { padding: 5px 0; background: #f4f6f9; display: table-row }
.detaliiComanda .produseComandate .lineProduse:nth-child(even) { background: #fff }
.detaliiComanda .produseComandate .colTable { padding: 8px 10px; vertical-align: middle; display: table-cell }
.detaliiComanda .produseComandate .title .colTable { font-weight: 600; border-bottom: 1px solid #f4f6f9 }
.detaliiComanda .produseComandate .colTable.nume { width: 55% }
.detaliiComanda .produseComandate .colTable.nume a { display: block; line-height: 170%; color: inherit; text-decoration: none }
.detaliiComanda .produseComandate .colTable.nume a:hover { color: #ea521d }
.detaliiComanda .produseComandate .colTable.nume span { color: #555; display: block; font-size: 11px }
.detaliiComanda .produseComandate .colTable.nume span .fa { margin-right: 4px }
.detaliiComanda .produseComandate .colTable.nume span.infoProdus { width: 100%; display: block; color: green; font-weight: 600; margin-top: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.detaliiComanda .produseComandate .colTable.nume span.infoProdus.anulare { color: red }
.detaliiComanda .produseComandate .colTable.nume span.infoProdus.default { color: #555 }
.detaliiComanda .produseComandate .colTable.nume span.infoProdus.orange { color: #ea521d }
.detaliiComanda .produseComandate .colTable.cantitate { text-align: center; width: 28% }
.detaliiComanda .produseComandate .colTable.total { text-align: right; width: 17% }
.lastLinks:before { content: ""; width: 100%; height: 3px; background: #f5f5f5; display: block; position: absolute; top: -40px; left: 0 }
.lastLinks { text-align: center; position: relative; width: 25%; margin: 0 auto 60px auto }
.lastLinks h5 { font-weight: 400; font-size: 30px; display: block; margin: 40px 0 5px 0 }
.lastLinks a { display: inline-block; text-decoration: none; margin-top: 15px; color: #fff; text-decoration: none; display: inline-block; background: #000; font-weight: 400; line-height: 45px; padding: 0 20px; font-size: 15px }
.lastLinks a.sameWidth { text-align: center; width: 100px }
.lastLinks.tr:before { display: none }
#footer { color: var(--color-general); font-size: 16px; padding: 40px 0; background: linear-gradient(124.2deg, #F7F8FA 43.1%, #B3E0FE 152.55%); }
#footer .inside { padding: 40px; background: rgba(255,255,255,0.64); border: 1px solid #E1E4EA; border-radius: 12px }
#footer .inside.wActvProds { padding: 0; background: none; border-radius: 0; border: 0; margin-bottom: 20px }
#footer .col.c0 { padding-left: 0 }
#footer .col.c2 { padding-right: 0 }
#footer .col.c0 img { filter: brightness(0%); display: block; max-width: 200px; width: 100%; margin: 0 0 10px -5px }
#footer .col.c0 p { font-weight: 400; font-size: 16px }
#footer .col.c0 .btn { text-transform: uppercase; display: inline-block; margin: 30px 0 0 0; background: var(--color-accent); color: #fff; text-decoration: none; border: 1px solid var(--color-accent); font-size: 14px; font-weight: 700; padding: 12px 20px; border-radius: 12px }
#footer .col.c0 .btn:hover { background: var(--color-accent-hover); color: #fff; border-color: var(--color-accent-hover) }
#footer .col .tblSmall { line-height: 180% }
#footer .col .tblSmall img { display: inline-block; height: 25px; margin: 10px 0; border-radius: 12px; background: #161616; padding: 10px 20px }
#footer .col ul { list-style: none }
#footer .col ul li { position: relative; margin: 10px 0 }
#footer .col ul li:last-child { margin-bottom: 0 }
#footer .col ul li a { color: var(--color-general); text-decoration: none }
#footer .col ul li a.active, #footer .col ul li a:hover { color: #666 }
#footer .col h4 { font-weight: 600; font-size: 16px; margin: 0 0 15px 0; text-transform: uppercase }
#footer .col p { line-height: 140%; margin: 0 0 10px 0 }
#footer .copy .del { float: none!important; display: inline-block; margin: 0 10px; opacity: 0.2 }
#footer .colsFooter { display: grid; grid-template-columns: 28% 21% 21% 30%; gap: 0 }
#footer .col { padding: 0 40px }
#footer .col:not(:last-child) { border-right: 1px solid rgba(0,0,0,.1) }
#footer .underFooter { display: flex; font-size: 15px; justify-content: space-between; margin-top: 40px }
#footer .underFooter .social b { display: block; margin: 0 0 15px 0; font-weight: 500 }
#footer .underFooter .social a { margin-right: 5px; display: inline-block; font-size: 20px; width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid var(--color-accent); border-radius: 12px; text-decoration: none; color: var(--color-accent) }
#footer .underFooter .social a:hover { background: var(--color-accent); color: #fff }
#footer .underFooter .linksFooter { text-align: right }
#footer .underFooter .linksFooter ul { margin: 0 0 20px 0; list-style: none }
#footer .underFooter .linksFooter ul li { float: left; margin-left: 20px }
#footer .underFooter .linksFooter ul li a { text-decoration: none; color: #161616 }
#footer .footer-icons { margin-top: 20px }
#footer .footer-icons a { display: inline-block; margin-right: 10px; font-size: 30px; color: var(--color-general) }
#footer .footer-icons a:hover { color: var(--color-green) }
#footer .footer-icons a img { display: block; height: 30px; width: auto }
#footer .footer-icons a.big img { height: 50px }
.apCompactBar { flex: 1 1 auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(15, 23, 42, .10); background:
linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86)),
radial-gradient(120% 140% at 0% 0%, rgba(59, 130, 246, .10), rgba(16, 185, 129, .06) 45%, rgba(255, 255, 255, 0) 70%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}
.apCompactBar:before { content: ""; position: absolute; inset: 0; pointer-events: none; background:
linear-gradient(90deg, rgba(255,255,255,.50), rgba(255,255,255,0) 40%, rgba(255,255,255,.35));
opacity: .55
}
.apCompactBar { position: relative }
.apc-left { display: flex; align-items: baseline; gap: 10px; white-space: nowrap; padding-right: 6px }
.apc-label { font-size: 12px; color: rgba(100, 116, 139, .95); letter-spacing: .2px }
.apc-value { font-size: 18px; font-weight: 900; color: #0f172a; text-shadow: 0 1px 0 rgba(255,255,255,.9) }
.apc-delta { font-size: 12px; font-weight: 900; padding: 4px 8px; border-radius: 999px; line-height: 1; border: 1px solid rgba(15,23,42,.08); background: rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.9) }
.apc-delta.pos { color: #16a34a; border-color: rgba(22,163,74,.25); background: linear-gradient(180deg, rgba(220, 252, 231, .85), rgba(240, 253, 244, .65)) }
.apc-delta.neg { color: #dc2626; border-color: rgba(220,38,38,.25); background: linear-gradient(180deg, rgba(254, 226, 226, .85), rgba(255, 241, 242, .65)) }
.apc-list { height: 36px; display: flex; align-items: center; gap: 8px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; padding: 2px 2px; scroll-snap-type: x proximity }
.apc-list::-webkit-scrollbar { height: 7px }
.apc-list::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .55); border-radius: 999px }
.apc-list:hover::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, .65) }
.apc-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; white-space: nowrap; font-size: 12px; line-height: 1; border: 1px solid rgba(15,23,42,.08); background: rgba(255,255,255,.70); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; scroll-snap-align: start }
.apc-chip b { font-weight: 800; color: #0f172a }
.apc-chip em { font-style: normal; color: rgba(55, 65, 81, .9) }
.apc-chip i { font-style: normal; font-weight: 900; letter-spacing: .2px }
.apc-chip:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); border-color: rgba(15,23,42,.14) }
.apc-chip:active { transform: translateY(0) scale(.98) }
.apc-chip.pos { border-color: rgba(22,163,74,.22); background: linear-gradient(180deg, rgba(220, 252, 231, .75), rgba(255,255,255,.55)) }
.apc-chip.pos i { color: #16a34a }
.apc-chip.neg { border-color: rgba(220,38,38,.22); background: linear-gradient(180deg, rgba(254, 226, 226, .75), rgba(255,255,255,.55)) }
.apc-chip.neg i { color: #dc2626 }
.apc-chip.eq { border-color: rgba(100,116,139,.18); background: linear-gradient(180deg, rgba(241, 245, 249, .85), rgba(255,255,255,.55)) }
.apc-chip.eq i { color: #64748b }
.apc-right { font-size: 12px; color: rgba(100, 116, 139, .95); white-space: nowrap; padding-left: 6px }
.apc-time { padding: 4px 8px; border-radius: 999px; border: 1px solid rgba(15,23,42,.08); background: rgba(255,255,255,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.9) }
@media (max-width: 900px) { .apCompactBar { display: block; text-align: center; grid-template-columns: auto 1fr } .apc-left { display: block; padding: 0; text-align: center } .apc-right, .apc-list { display: none } }
.wBackground { background: #f4f6f9; padding: 30px }
.wMargin { margin-top: 40px }
form .line { position: relative; display: block; margin: 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
form .line.wIcon .fa { font-size: 18px; position: absolute; color: #2C2C2C; left: 16px; bottom: 17px }
form .line.wIcon .overIcon { font-size: 16px; font-weight: 700; position: absolute; right: 15px; bottom: 20px }
form .line.wIcon .text { padding-left: 45px }
form .line.wRight .text { padding-left: inherit; padding-right: 60px!important }
form .line.noBottom { margin-bottom: 0 }
form .line.noTop { margin-top: 0 }
form .errorLine, form .errorLine2 { font-size: 12px; color: red; font-weight: 500; display: none; margin: 10px 0 0 0 }
form .line label { font-weight: 600; font-size: 18px; color: #000; display: block; margin: 0 }
form .line label i { display: block; font-style: normal; margin: 0 0 5px 0; font-size: 11px; font-weight: 400 }
form .line .text { padding: 15px; background: #fff!important; border-radius: 12px!important; width: 100%; color: #555; border: 1px solid #E1E4EA; font-size: 14px; margin-top: 5px }
form .line .text:focus { border-color: #2C2C2C; color: #2C2C2C }
form .line .text.error { border-color: red }
form .line textarea { resize: none; height: 100px }
form .error { color: red }
form .line { position: relative; margin: 20px 0 }
form .line label { margin-bottom: 5px }
form .wCheckbox { width: 100% }
form .rds:first-of-type { margin-top: 15px }
form .rds { margin: 5px 0 }
form .rds label.customBtn { padding-left: 30px }
form .rds label.customBtn .iradio_square { top: 0 }
form label.customBtn { padding-left: 30px }
form label.customBtn .iradio_square { position: absolute; left: 0; top: 0 }
form fieldset { display: none }
form fieldset.active { display: block }
form .line.wSelect:after { color: #666; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: block; position: absolute; right: 10px; bottom: 10px }
form .select2-container { margin-top: 5px }
form .select2-container .select2-selection--single { height: 40px }
form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px }
form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px }
form .select2-container .select2-selection--multiple { padding-top: 4px; min-height: 40px }
form .select2 { width: 100%!important }
form#registerAccount .error + .select2 .select2-selection { border-color: red!important }
form .btn { text-transform: uppercase; cursor: pointer; color: #fff; font-weight: 700; font-size: 14px; border-radius: 8px; display: inline-block; border: 0; padding: 14px 40px; background: var(--color-accent) }
form .btn:hover { background: var(--color-accent-hover) }
form .btn.nav { margin-right: 20px }
form .btn.nav.back { background: #888 }
form .btn.nav.back:hover { background: #333 }
.detaliiAPI h3 { font-size: 32px; margin: 0 0 5px 0; font-weight: 300; text-transform: uppercase; color: #000 }
.infoBox h3 { font-weight: 400 }
form h4, .infoBox h4 { color: #333; position: relative; margin: 0 0 40px 0; font-size: 14px; font-weight: 400 }
form h4:after, .infoBox h4:after { content: " "; display: block; width: 60px; height: 2px; background: #d3d3d3; position: absolute; bottom: -15px }
form h4 a, .infoBox h4 a { color: inherit }
form h4 a:hover, .infoBox h4 a:hover { color: #779f9e }
form h4.noMarg { margin: -5px 0 40px 0 }
form .raspuns { font-weight: 600; display: none; color: red }
form .wRaspuns { position: relative }
form .wRaspuns .raspuns { position: absolute; left: 210px; top: 12px }
form .raspuns.ok { color: green }
form .acceptVerIcon { display: none!important }
form .cols { margin: 15px 0 }
form .cols .line { margin: 0; width: 48%; float: left }
form .cols .line:last-of-type { float: right }
form .showMore { display: none; margin-left: 20px }
form .showMore .text { padding: 0 0 10px 0; border-top: 0; border-left: 0; border-right: 0 }
form .line.inline .checkbox, form .line.inline .radio { margin: 10px 30px 5px 0; cursor: pointer; float: left }
form .line.inline .checkbox input, form .line.inline .radio input { opacity: 0 }
form .line.smallLine .checkbox, form .line.smallLine .radio { margin: 10px 0; cursor: pointer }
form .line.smallLine .showMore .checkbox, form .line.smallLine .showMore .radio { margin: 5px 0 }
form label.customBtn { position: relative; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; cursor: pointer; text-transform: none; font-weight: normal; padding-left: 26px }
form label.customBtn > div { position: absolute; left: 0; top: 0; transform: scale(0.7) }
form label.customBtn a { color: inherit }
form label.customBtn.wIcon { line-height: 34px!important; float: left; margin: 0 2px!important; display: block!important; color: #666; border: 1px solid #d3d3d3; padding: 0 15px }
form label.customBtn.wIcon.active { color: #fff!important; background: var(--color-general); border-color: var(--color-general)!important }
form label.customBtn.wIcon:hover { color: var(--color-general); border-color: var(--color-general) }
form label.customBtn.wIcon.active img { opacity: 1!important }
form label.customBtn.wIcon:hover img { opacity: 1 }
form label.customBtn.wIcon input { display: none }
form label.customBtn.wIcon img { opacity: 0.6; margin-right: 5px; display: inline-block; vertical-align: middle; width: 16px }
form .cols3, form .cols4, form .cols2 { margin: 20px 0 }
form .cols3 .line { margin: 0; width: 33.333%; float: left }
form .cols4 .line { margin: 0; width: 25%; float: left }
form .cols2 .line { margin: 0; width: 49%; float: left }
form .cols2 .line:last-of-type { float: right }
form .cols3 .line:nth-child(2) { padding: 0 20px }
form .cols4 .line:nth-child(2) { padding: 0 20px }
form .cols4 .line:nth-child(3) { padding: 0 20px }
form.halfScreen label.customBtn { padding-left: 37px }
form.halfScreen label.customBtn .iradio_square { position: absolute; left: 0; top: 5px }
form.halfScreen .radios label { font-size: 16px; font-weight: 400; margin: 15px 0 }
form.halfScreen .radios label .iradio_square { margin-top: -3px; margin-right: 8px }
form.halfScreen#investorsForm .line { margin: 25px 0 }
form .error, form .error label, form .error label a { color: red!important }
form .supInfo { font-size: 11px; display: block; color: #555; margin: 5px 0 }
form sup { background: #ca0000; padding: 2px 5px; font-size: 10px; khtml-border-radius: 50%; moz-border-radius: 50%; webkit-border-radius: 50%; border-radius: 50%; color: #fff }
form .wCheckbox { margin: 20px 0; width: 60% }
.modal.wBlue { text-align: left; font-weight: 300; max-width: 800px; line-height: 140%; font-size: 16px!important; background: linear-gradient(90deg, #000 0%, #343469 97.93%); color: #fff; padding: 30px 40px; border-radius: 15px; display: none }
.modal.wBlue.wDiscountsModal { text-align: center }
.modal.wBlue h3 { font-size: 30px; line-height: 35px; margin: 30px 0 20px 0; font-weight: 600 }
.modal.wBlue h4 { font-size: 20px; margin: -5px 0 20px 0; font-weight: 500 }
.modal.wBlue ul { list-style: none }
.modal.wBlue ul li { margin: 10px 0 }
.modal.wBlue ul li i { font-size: 80%; line-height: 130% }
.modal.wBlue p { margin: 10px 0 }
.modal.wBlue a { text-decoration: none; opacity: 0.6; color: inherit }
.modal.wBlue a:hover { text-decoration: underline; opacity: 1 }
.modal.wBlue .btnModal { display: inline-block; margin-top: 35px; border-radius: 10px; opacity: 1; border: 1px solid #878787; padding: 12px 42px }
.modal.wBlue .btnModal:hover { text-decoration: none; background: rgba(255,255,255,0.11) }
.modal.wBlue b { font-weight: 700 }
.modal.wBlue .fancybox-close-small svg { filter: brightness(0) invert(1) }
.modal.wBlue * { color: #fff!important }
#recuperareParola { background: #fff; border-radius: 15px; display: none }
#recuperareParola form { padding: 25px }
#recuperareParola h3 { font-size: 32px; margin: 0 0 10px 0; font-weight: 600 }
#recuperareParola h4 { line-height: 145% }
#recuperareParola h4:after { display: none }
#editProfile { background: #fff; border-radius: 15px; display: none }
#editProfile form { padding: 25px }
#editProfile h3 { font-size: 32px; margin: 0 0 10px 0; font-weight: 600 }
#editProfile h4 { line-height: 145% }
#editProfile h4:after { display: none }
.notifProduct { background: #fff; border-radius: 15px; display: none }
.notifProduct form label { cursor: pointer; display: inline-block; margin: 0 20px 0 0 }
.notifProduct h3 { font-size: 32px; text-align: center; margin: 0 0 20px 0; font-weight: 600 }
.notifProduct .pcsDiscount { max-width: 850px; text-align: center; width: 100%; margin: 40px auto 20px auto }
.notifProduct .pcsDiscount .pcs { text-decoration: none; color: inherit; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 5px 3px; line-height: 18px; background: #F2F2F2; border: 1px solid #F2F2F2; font-size: 14px; padding: 5px 16px; font-weight: 400; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 25px }
.notifProduct .pcsDiscount .pcs:hover { background: var(--color-general); border-color: var(--color-general); color: #fff }
.notifProduct .pcsDiscount .pcs.viewMore { display: none }
.notifProduct .dd { display: block; margin: 10px 0 0 0 }
.notifProduct#reserveCartForm { padding: 45px }
.notifProduct#reserveCartForm form { padding: 0 }
.notifProduct#reserveCartForm form .btn { margin-top: 0 }
.notifProduct#reserveCartForm form .line:last-of-type { margin-bottom: 0 }
.notifProduct#reserveCartForm .radio { margin: 5px 15px 5px 0; float: left }
.notifProduct#reserveCartForm .radio label { font-weight: 600!important }
.modal.notifProduct { max-width: 420px; padding: 22px 28px; border-radius: 16px; background: #fff; box-shadow: 0 8px 26px rgba(0,0,0,0.12); position: relative }
.modal.notifProduct h3 { margin: 0 0 18px 0; font-size: 20px; font-weight: 600; text-align: left; color: #1d1d1d }
.modal.notifProduct .notifIntro { font-size: 14px; color: #555; margin-bottom: 18px; line-height: 1.45 }
.modal.notifProduct form label { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; margin-bottom: 10px; border-radius: 10px; background: #f7f9fc; cursor: pointer; transition: all .2s ease; border: 1px solid #e6ecf5 }
.modal.notifProduct form label:hover { background: #eef3fa; border-color: #d8e2ef }
.modal.notifProduct input[type=checkbox] { margin-top: 2px; width: 18px; height: 18px; accent-color: #F71963; cursor: pointer }
.modal.notifProduct form label b { color: #000; font-weight: 600 }
.modal.notifProduct .notifHint { margin-top: 16px; font-size: 12px; color: #777; text-align: center }
.modal.notifProduct > a[data-id] { position: absolute; right: 18px; top: 16px; font-size: 14px; opacity: 0.6; text-decoration: none; transition: opacity .2s ease }
.modal.notifProduct > a[data-id]:hover { opacity: 1 }
.content .colsIntro .right form.wCustomFieldset { background: none; padding: 0 }
form.wCustomFieldset .mainfieldset { width: 48%; float: left; margin: 0; padding: 0 }
form.wCustomFieldset .mainfieldset:nth-child(2) { float: right }
form.wCustomfieldset.step2 { display: block }
form.wCustomFieldset fieldset.step2 { display: none }
form.wCustomFieldset .line { margin: 15px 0 }
form.wCustomFieldset .line.noMargin { margin: 16px 0 0 0 }
form.wCustomFieldset .line.inline { margin: 16px 0 }
form.wCustomFieldset .line label { font-size: 13px }
form.wCustomFieldset .cols { margin: 20px 0 }
form.wCustomFieldset .cols .line { margin: 0 }
form.wCustomFieldset .noTop { margin-top: 0!important }
[data-clear-input] { display: block; position: absolute; top: 13px; left: 13px; font-weight: bold; font-size: 1.1em; color: #555; padding: 0 0.2em; line-height: 1em; cursor: pointer }
@media screen and (max-width: 60em) {
body { -webkit-text-size-adjust: none }
.inside { width: 95%; min-width: 95%; max-width: 95% }
.normalPage.contactPage .inside { max-width: 95%; min-width: 95% }
.showMobile { display: block!important }
.hideMobile { display: none!important }
.intoPage { padding: 40px 0 }
.intoPage .introDiv { width: 95%; min-width: 95%; max-width: 95%; margin: 0 auto }
.intoPage .introDiv h1 { font-size: 15px; margin: 0 }
.intoPage .introDiv h2 { width: 100%; line-height: 125%; font-size: 28px }
.intoPage .introDiv p { max-width: 100% }
.intoPage .introDiv .buttons { margin-top: 20px }
.intoPage .introDiv .btn { display: block; padding: 10px; margin: 8px 0; text-align: center }
.intoPage .intoSection { padding: 25px 25px 25px 25px; width: 100%; min-width: 100%; max-width: 100%; margin: 40px auto 0 auto }
.intoPage .intoSection .intoCols { margin-top: 20px; grid-template-columns: repeat(1, 1fr) }
.intoPage .intoSection .intoCols .intoCol { padding: 20px }
.intoPage .intoSection.gradient { padding-bottom: 50px; margin-top: 20px }
.intoPage .intoSection.gradient .cols2inline { grid-template-columns: repeat(1, 1fr) }
.intoPage .intoSection.gradient .cols2inline.th4 { grid-template-columns: repeat(1, 1fr) }
.intoPage .intoSection.gradient .cols2inline.th4 .incol:nth-child(4) { display: none }
.intoPage .intoSection.gradient .cols2inline .incol:nth-child(2) { display: none }
.intoPage .intoSection.gradient .cols2inline .incol:nth-child(3) { display: none }
.intoPage .intoSection.gradient .testimonialsSlider .testimonialItem p { width: 100% }
.intoPage .intoSection.gradient .testimonialsSlider { margin-top: 30px }
.whySection { padding: 30px 0 0 0 }
.whySection.whyUs { padding: 30px 0 }
.whySection .inside { gap: 20px }
.whySection .left h3 { text-align: center; line-height: 125%; font-size: 28px }
.aboutAPIDark h3 { text-align: center; line-height: 125%; font-size: 28px }
.midSection.howItWorks h3 { text-align: center!important; line-height: 125%; font-size: 28px }
.midSection.howItWorks .topRow .col.text * { text-align: center!important }
.darkSection { padding: 40px 0 }
.darkSection h3 { text-align: center; line-height: 125%; font-size: 28px }
.darkSection .inside > p { text-align: center }
.midSection { padding: 40px 0 }
.midSection h3 { text-align: center; line-height: 125%; font-size: 28px }
.midSection .intoCols { grid-template-columns: repeat(1,1fr) }
.midSection .intoCols .intoCol { border: 1px solid #E1E4EA; background: rgba(255,255,255,0.64); border-radius: 12px; text-align: left; padding: 10px }
.midSection .intoCols .intoCol img { max-width: 270px; margin: 0 auto; width: 100%; display: block }
.midSection .intoCols .intoCol .intoColContentNr { font-size: 12px; padding: 15px 25px; line-height: 145%; color: #161616; display: block }
.midSection .intoCols .intoCol .intoColContentNr b { display: inline-block; border: 1px solid #161616; border-radius: 50%; width: 25px; height: 25px; text-align: center; line-height: 25px }
.midSection .intoCols .intoCol .intoColContent { padding: 0 25px 15px 25px; font-size: 16px; line-height: 145%; color: #161616; display: block }
.midSection.investors .topRow { width: 100% }
#header .overMenu ul { display: none }
#header.logged .overMenu { display: block; padding: 20px 0 }
#header.logged .overMenu .logo { padding: 0; min-width: auto; display: block; float: left; width: 100%; max-width: 210px }
#header.logged .overMenu .inOverMenu { display: none }
#header.logged .overMenu .underMenu { display: none }
#header.logged .rightOpsTop li a { border: 1px solid transparent }
#header.logged .rightOpsTop li a b { display: none }
#header.logged .rightOpsTop li a.wCart { margin-left: 0; background: none; border: 1px solid #f4f6f9 }
#header.logged .rightOpsTop li a.wCart:hover { background: #f4f6f9 }
#header.logged .rightOpsTop li a.wCart svg path { fill: #2C2C2C!important }
#header a.mobileMenuButton { font-size: 17px!important; display: block!important; width: 55px; height: 45px; line-height: 45px; text-align: center; background: var(--color-accent); border-color: var(--color-accent); color: #fff!important; border-radius: 12px }
#header a.mobileMenuButton:hover { border-color: var(--color-accent-hover); background: var(--color-accent-hover) }
#header.logged #headerFormContainer { display: none }
#header.register { padding: 0; position: relative; top: 0; left: 0; width: 100% }
#header.register .overMenu { background: none }
#header.register .overMenu ul li .sp1, #header.register .overMenu ul li .sp2 { display: none }
#header.normal .overMenu .inside { gap: 0 }
#header.normal .overMenu { padding: 15px 0 }
#header.normal .overMenu .logo { max-width: 200px }
#header.normal .mobileMenuButton { margin-left: -5px }
#header.normal .overMenu .inside .actions .sp1 { padding: 8px 12px }
.midSection.aboutAPI h3 br { display: none!important }
.midSection.aboutAPI p { width: 100% }
.midSection.aboutAPI .btn { display: block; text-align: center }
.ctaLine h3 { line-height: 125%; font-size: 28px }
.ctaLine h3 br { display: none }
.ctaLine .btn { display: block; text-align: center }
.ctaLine.aboutAPI .inside { padding: 30px }
.ctaLine.blank .inside { padding: 30px 0 }
#splitPage { display: block; min-height: auto; height: auto }
.rightSplit { padding: 30px 0; display: block; width: 100% }
.normalPage.wPadding { padding: 80px 0 }
.normalPage .subtitle.halfScreen { width: 100%; margin-bottom: 10px }
.normalPage .checks { transform: scale(0.9); width: 100% }
.normalPage .checks li { padding-top: 10px; padding-bottom: 10px; margin: 0 }
.normalPage .more { margin-top: 25px; padding: 14px 34px; font-size: 16px }
form.halfScreen input.text { width: 100% }
form.halfScreen textarea.text { width: 100% }
form .wCheckbox { margin: 20px 0; width: 100% }
form.halfScreen { margin-top: 50px; width: 100% }
form .btn { padding: 14px 34px; font-size: 16px }
form .line:last-of-type { text-align: center }
.accountTabsHolder form .line:last-of-type { text-align: left }
.normalPage .threeColsContact { margin: 50px 0 0 0 }
.normalPage .threeColsContact a { float: none; width: 100%; margin: 15px 0; text-align: center; display: block }
#splitPage #authAccount #recoverPassword { font-size: 13px }
.accountTabsController { width: 100%; max-width: 100% }
.accountTabsController a { font-size: 14px }
.stepsWithRegister .currentSteps { margin: 10px 0 0 0; transform: scale(0.8) }
#splitPage #authAccount { padding: 15px 25px; margin: 30px auto 0 0; width: 100% }
#splitPage #registerAccount { padding: 15px 25px; margin: 30px auto 0 0; width: 100% }
.stepsWithRegister .line { position: relative; margin: 20px 0 }
.stepsWithRegister .cols2 { position: relative; margin: 20px 0 }
.stepsWithRegister .cols2 .line { position: relative; margin: 0 }
.singleSuccess { padding: 70px 0 }
.singleSuccess img { width: 30% }
.content .userDashboard .previewTable .infoProfil { float: none; margin: 0; width: 100% }
.content .userDashboard .previewTable .infoProfil li { padding: 5px 0 }
.content .userDashboard .previewTable .infoProfil li b { float: none; width: auto }
.content .userDashboard .previewTable .infoProfil:last-of-type {margin-top: 10px }
.content .userDashboard .previewTable .previewDiscount { width: 30%; text-align: center }
.content .userDashboard .previewTable .previewDiscount b { font-size: 15px }
.content .userDashboard .previewTable .previewDiscount .currentLevelContainer { width: 100px; height: 100px }
.content .userDashboard .previewTable .previewDiscount .currentLevelContainer .currentLevel { width: 100px; height: 100px }
.content .userDashboard .previewTable .previewDiscount .currentLevelContainer span { font-size: 15px }
.content .userDashboard .right .infoBoxColsContainer .userForm { margin-bottom: 20px; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .right .infoBoxColsContainer .emptySpacing { display: none; }
.content .userDashboard .right .infoBoxColsContainer { display: block }
.content .userDashboard .userDashboardTable .tableRow.header .col { padding: 5px 15px; line-height: 14px; font-size: 11px }
.content .userDashboard .userDashboardTable .tableRow .col { padding: 5px 15px; font-size: 12px }
.content .userDashboard .status { font-size: 11px; padding: 5px 10px }
.content .userDashboard .allLevels { margin: -20px 0; display: block; width: 100% }
.content .userDashboard .allLevels .outLevel { opacity: 0.65; margin: 25px 0; width: 48%; float: left; padding: 0; display: block }
.content .userDashboard .allLevels .outLevel:nth-child(2n+2) { float: right }
.content .userDashboard .allLevels .outLevel.current { opacity: 1 }
.content .userDashboard .allLevels .outLevel div.relativeLevel { position: relative }
.content .userDashboard .allLevels .outLevel div.nume { padding: 10px 0; font-size: 12px }
.content .userDashboard .allLevels .outLevel div.steps { font-size: 12px; line-height: 15px }
.content .userDashboard .allLevels.withLine { margin: 0 0 25px 0 }
.content .userDashboard .allLevels.withLine .outLevel { margin: 0; width: 25%; float: left!important }
.content .userDashboard .allLevels.withLine .outLevel .inLevel span { display: block; font-size: 12px; height: 50px; font-weight: 600 }
.content .userDashboard .userSection.cols3 { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px }
.content .userDashboard .userDashboardTable { display: table }
.content .userDashboard .userDashboardTable .tableRow .col { border-radius: 0!important; padding: 0!important; display: block; width: 100% }
.content .userDashboard .userDashboardTable .tableRow .col.c1 br { display: none }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c1 { padding-top: 0!important }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c1:before { content: "Reservation date: "; float: left; margin-right: 5px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c2a:before { content: "Reservation number: "; float: left; margin-right: 5px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c2a:nth-of-type(2):before { content: "Expiration date: "; float: left; margin-right: 5px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c3a.abc:before { content: "Ordered pcs: "; float: left; margin-right: 5px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c4a:before { content: "Status: "; float: left; margin-right: 5px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c3a:before { content: "Reserved pcs: "; float: left; margin-right: 5px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col { padding: 4px 0!important; border-bottom: 1px solid rgba(0,0,0,0.05); text-align: right!important }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c4a { padding: 10px 0 0 0!important; border: 0 }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c3b { text-align: right }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.mb1:before { float: left; content: "Reserved pcs:" }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.mb5:before { float: left; content: "Stock:" }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.mb2:before { float: left; content: "Ordered pcs:" }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.mb3:before { float: left; content: "Unit price:" }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.mb4:before { float: left; content: "Total price:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col { padding: 4px 0!important; border-bottom: 1px solid rgba(0,0,0,0.05); text-align: right!important }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.c1:before { float: left; content: "Date:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.c2a:before { float: left; content: "Order number:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.c3a.ttlprdMob:before { float: left; content: "Products ordered:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.c3a:before { float: left; content: "Total order:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.c4a { margin-top: 5px; padding-bottom: 0!important; border: 0 }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.c4a:before { float: left; content: "Status:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.cp2:before { float: left; content: "Ordered pcs:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.cp3:before { float: left; content: "Confirmed pcs:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.cp5 { padding-bottom: 0!important; border: 0 }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.cp5:before { float: left; content: "Total price:" }
.content .userDashboard .userDashboardTable.ordersMobile .tableRow .col.cp4:before { float: left; content: "Unit price:" }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col { margin: 0!important; padding: 4px 0!important; border-bottom: 1px solid rgba(0,0,0,0.05); text-align: right!important }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.ms1:before { float: left; content: "Date:" }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.msr1:before { float: left; content: "Expiration date:" }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.ms2:before { float: left; content: "Order number:" }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.msr2:before { float: left; content: "Reservation number:" }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.ms2 a { display: inline-block; width: auto; margin: 0; padding: 0 }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.msr2 a { display: inline-block; width: auto; margin: 0; padding: 0 }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.ms3 { margin-top: 5px!important; padding-bottom: 0!important; border: 0 }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.msr3 { margin-top: 5px!important; padding-bottom: 0!important; border: 0 }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.ms3:before { float: left; content: "Status:" }
.content .userDashboard .userDashboardTable.summarySmall .tableRow .col.msr3:before { float: left; content: "Status:" }
.content .userDashboard .userDashboardTable .tableRow .cp1.cpa { text-align: left!important; padding: 0 0 20px 0!important; border-bottom: 1px solid rgba(0,0,0,0.05); width: 100% }
.content .userDashboard .right .infoBoxColsContainer .userForm ul { margin-bottom: 30px }
.content .userDashboard .userDashboardTable.accountReservations .tableRow .col.c3b:last-of-type { padding-bottom: 0!important; border: 0 }
.content .userDashboard .userDashboardTable .tableRow .col.c1 .fa-clock { margin-left: 10px }
.content .userDashboard .userDashboardTable .tableRow .col.c2 { font-size: 14px; line-height: 150%; margin-top: 10px }
.content .userDashboard .userDashboardTable .tableRow .col.cp1 { text-align: left!important; padding: 0 0 20px 0!important; border-bottom: 1px solid rgba(0,0,0,0.05) }
.content .userDashboard .userDashboardTable .tableRow .cp1 .name { -webkit-line-clamp: 3; height: 55px }
.content .userDashboard .userDashboardTable .tableRow .cp1 .image { width: 75px; height: 75px }
.content .userDashboard .userDashboardTable .tableRow .priceNotif { margin-top: 10px; text-align: left }
.content .userDashboard .userDashboardTable .tableRow .stockNotif { text-align: left }
.content .userDashboard .userDashboardTable .tableRow .addNotification { font-size: 14px; position: absolute; top: 20px; right: 20px }
.content .userDashboard .userDashboardTable .addToCartForm { width: 50%; margin: 0 }
.content .userDashboard .userDashboardTable .tableRow::after { display: none }
.content .userDashboard .userDashboardTable .tableRow { position: relative; background: #F2F2F2; border-radius: 10px; overflow: hidden; display: block; padding: 20px; margin: 10px 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .userDashboard .userDashboardTable .tableRow.header { display: none }
.content .userDashboard .userDashboardTable .tableRow .eqCols3 { margin: 15px 0; width: 100%!important }
.content .userDashboard .userDashboardTable .tableRow .eqCols3 a { margin: 4px 0; padding: 12px 0; width: 100%; float: none; display: block }
.content .userDashboard .right h3 .date { display: block; margin: 8px 0 20px 0; float: none }
.content.noPadding .inside { min-width: 100%; max-width: 100% }
.content .userDashboard .adreseSalvate .adresa { padding-right: 100px }
.dropDownButton { padding: 10px 15px }
.exportSubmenu { font-size: 12px }
.content .userDashboard #syncBox p { line-height: 140%; text-align: left }
.content .userDashboard #syncBox p span.time { margin: 0 0 10px 0; display: block }
#inNav { margin: 20px 0 20px 0 }
.content { min-height: 100% }
.content .userDashboard .left { margin: 0 0 20px 0; padding: 10px 20px; background: linear-gradient(90deg, #000 0%, #343469 97.93%); border: 0; float: none; display: block; width: 100% }
.content .userDashboard .left .submenu { position: relative }
.content .userDashboard .left .submenu:after { content: "\f0d7"; font-weight: 600; font-family: "Font Awesome 5 Free"; display: block; position: absolute; top: 10px; right: 0; color: #fff }
.content .userDashboard .left .submenu.active:after { content: "\f0d8" }
.content .userDashboard .left .submenu li { margin: 7px 0 }
.content .userDashboard .left .submenu li a { font-size: 15px; display: none; color: #fff; margin: 0!important }
.content .userDashboard .left .submenu li a:hover { color: #d3d3d3 }
.content .userDashboard .left .submenu.active li a { display: inline-block }
.content .userDashboard .left .submenu li a.active { color: #fff; display: inline-block }
.content .userDashboard .left .submenu li.lstbtn { margin: 0; text-align: left }
.content .userDashboard .left .submenu li.lstbtn a { color: #fff; font-size: 15px; font-weight: 400 }
.content .userDashboard .right { margin: 0; width: 100%; float: none }
.content .userDashboard .right .userForm.creditForm { padding: 20px }
.content .userDashboard .right .userForm { padding: 20px }
.content #importaComenzi .hidden { padding: 20px }
.content #importaComenzi .header .importaBtn { padding: 14px 34px; font-size: 16px }
.content #importaComenzi .header .importaBtn svg { height: 15px }
.content #importaComenzi .hidden .left, .content #importaComenzi .hidden .right { width: 100%; float: none }
.content #importaComenzi .hidden .right { margin: 20px 0 0 0 }
.content #importaComenzi .hidden .right .btn { margin: 0 }
.content .cartColumns .cartColumnLeft { width: 100%; float: none }
.content .cartColumns .cartColumnRight { padding: 15px; border-radius: 0; box-shadow: 0 0 15px rgba(0,0,0,0.25); top: auto; background: #fff; float: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100 }
.content .cartColumns .cartColumnRight .total { border-right: 1px solid rgba(0,0,0,0.1); width: 33.3333%; float: left; text-align: center; font-size: 16px; margin: 5px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .cartColumns .cartColumnRight .total:last-of-type { border: 0 }
.content .cartColumns .cartColumnRight .total b { margin: 0 0 1px 0; font-weight: 700; font-size: 11px; text-transform: uppercase }
.content .cartColumns .cartColumnRight #voucherLine { margin-bottom: 10px }
.content .cartColumns .cartColumnRight #voucherLine input { border-radius: 6px; font-size: 12px; line-height: 30px }
.content .cartColumns .cartColumnRight #voucherLine span { border-radius: 6px; font-size: 12px; line-height: 25px; width: 25px; height: 25px }
.content .cartColumns .cartColumnRight .validareCadou { margin-top: 10px; padding: 10px 0 }
.content .cartColumns .cartColumnRight.order .notice { display: block; margin-top: 8px; text-align: center; font-size: 11px }
.content .cartColumns .cartColumnRight.order .total { margin: 0!important }
.content .informatiiComandaFinala { display: block; padding: 5px 20px }
.content .informatiiComandaFinala .col { display: block; width: 100%; padding: 20px 0!important; float: none; border: 0 }
.content .informatiiComandaFinala .col:nth-child(2) { border: 0; border-top: 2px solid rgba(0,0,0,0.1); border-bottom: 2px solid rgba(0,0,0,0.1) }
.content .informatiiComandaFinala .col ul { margin: 0 }
.content .informatiiComandaFinala .col h4 { margin-bottom: 10px }
.content .produseTabel.cosView { background: none; display: block }
.content .produseTabel.cosView .produseRow { position: relative; padding: 20px; border: 1px solid #DFDFDF; margin: 10px 0; background: #f2f2f2; border-radius: 10px; display: block }
.content .produseTabel.cosView .produseRow.discount { background: #000; border-color: #000 }
.content .produseTabel.cosView .produseRow .col { font-size: 12px; border-radius: 0!important; width: 100%; text-align: right; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.1); position: static; background: none; display: block }
.content .produseTabel.cosView .produseRow .col.wLineAfter:after { display: none }
.content .produseTabel.cosView .produseRow .col.c1 { font-size: 14px; text-align: left; width: 100%; padding: 0 0 10px 0 }
.content .produseTabel.cosView .produseRow .col.c8 { border: 0; padding-bottom: 0 }
.content .produseTabel.cosView .produseRow .col.c2:before { float: left; content: "Stock:" }
.content .produseTabel.cosView .produseRow .col.c3:before { float: left; margin-top: 10px; content: "Ordered:" }
.content .produseTabel.cosView .produseRow .col.c3.noMarginCol:before { margin-top: 0 }
.content .produseTabel.cosView .produseRow .col.c4:before { float: left; content: "Normal Price:" }
.content .produseTabel.cosView .produseRow .col.c6:before { float: left; content: "Membership Discount:" }
.content .produseTabel.cosView .produseRow .col.c5:before { float: left; content: "Pcs. Discount:" }
.content .produseTabel.cosView .produseRow .col.vd:before { float: left; content: "Volume Discount:" }
.content .produseTabel.cosView .produseRow .col.c8:before { float: left; content: "Total:" }
.content .produseTabel.cosView .produseRow.discount .col.c8:before { float: left; content: "Discount:" }
.content .produseTabel.cosView .produseRow.discount .col.c2 { display: none }
.content .produseTabel.cosView .produseRow.discount .col.c3 { display: none }
.content .produseTabel.cosView .produseRow.discount .col.c4 { display: none }
.content .produseTabel.cosView .produseRow.discount .col.c5 { display: none }
.content .produseTabel.cosView .produseRow.discount .col.c6 { display: none }
.content .produseTabel.cosView .produseRow .col.c9 { border: 0; padding: 0 }
.content .cartColumns .cartColumnLeft .niceBackground { padding: 0; background: none }
.content .cartColumns .cartColumnLeft .cartScroller { overflow: visible; max-height: 100% }
.content .produseTabel .produseRow.header { display: none }
.content .produseTabel.cosView .produseRow .col .removeFromCart { position: absolute; top: 15px; right: 15px }
.content .produseTabel.cosView .produseRow .col .removeVoucherFromCart { position: absolute; top: 15px; right: 15px }
.content .produseTabel .produseRow .col .updateCartForm { border: 1px solid #d3d3d3; background: #fff }
.content .produseTabel .produseRow .col .updateCartForm input { width: 60px }
.content .produseTabel.cosView .produseRow .col i { margin: 0 0 0 5px; float: left; display: inline-block }
.content .cartColumns .cartColumnRight.order .customExport { text-align: center; margin: 10px 0 }
.content .cartColumns .cartColumnLeft .cosNav a { float: none; text-align: center; margin: 5px 0; width: 100%; padding: 10px 0; font-size: 15px }
.content .cadouComanda { padding: 20px }
.content .cadouComanda .cadouriAlegere { max-height: 100%; overflow: visible }
.content .cadouComanda .cadouriAlegere .cadouAlegere > div:first-of-type { padding: 15px 15px; width: 50% }
.content .cadouComanda .cadouriAlegere .cadouAlegere > div:last-of-type { padding: 15px 15px; width: 50% }
.content .cadouComanda .cadouriAlegere .cadouAlegere { font-size: 13px }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .pret { font-size: 14px }
.content .cadouComanda .cadouriAlegere .cadouAlegere .cadouCantitate .stock { font-size: 12px }
.content .mesajSucces { padding: 10px 25px; display: none }
.content .mesajSucces .cCol { padding: 0; margin: 25px 0; width: 100%; float: none }
.content .mesajSucces .cCol:nth-child(2) { display: none }
.content #filtrePull { float: right; border-radius: 8px; width: 22%; height: 40px; text-align: center; line-height: 40px; background: #000 }
.content #filtrePull svg { display: inline-block; vertical-align: middle }
.content #mobileFormContainer { float: left; position: relative; width: 75% }
.content #mobileFormContainer .iconSearch { width: 40px; height: 40px; line-height: 40px; z-index: 10; position: absolute; top: 0; left: 0; text-align: center }
.content #mobileFormContainer input { border-radius: 8px; background: #f2f2f2; line-height: 40px; padding: 0 15px 0 40px; color: #333; width: 100%; border: 0 }
.content #mobileFormContainer input:focus { color: #000; background: #d3d3d3 }
.content .listingBar { margin-top: 15px; padding: 20px 20px 0 20px; background: linear-gradient(90deg, #000 0%, #343469 97.93%); border-radius: 15px; display: none; width: 100%; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .filtrareForm fieldset { background: #fff }
.content .filtrareForm fieldset.viewChange { display: none!important }
.content .tabelProduse { margin-top: 0 }
.content .produseRight { width: 100%; float: none }
.content .produseRight .topProduseRight { display: none }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse { padding: 15px; display: block }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow:first-of-type { margin-top: 30px }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow:last-of-type { margin-bottom: 20px }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow { background: #fff; margin: 65px 0; border-radius: 15px; padding: 15px; display: block; width: auto }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .col { background: none; padding: 0; display: block; width: auto }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .col .empty { display: block; background-color: #fff; border: 10px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 50%; margin: -60px auto 0 auto; position: relative; transform: none; left: auto; top: auto; right: auto; width: 100px; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .col .image { background-color: #fff; border: 10px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 50%; margin: -60px auto 0 auto; position: relative; transform: none; left: auto; top: auto; right: auto; width: 100px; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .col .nume { margin: 15px 0; width: 100%; text-align: center }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .col .nume a.brandFromList { margin-bottom: 5px }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .infoLine { display: block; text-align: center; margin: 0 0 15px 0 }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .infoLine span { width: auto; font-size: 12px; margin: 0 5px; display: inline-block }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .priceNotif { margin-top: 15px }
.content .tabelProduse.view-list .produseRight #listareAjaxProduse .produseRow .addToCartForm { width: 60% }
.content .tabelProduse.view-grid .produseRight #listareAjaxProduse { padding: 0 12px 12px; margin: 0; box-sizing: border-box }
.content .filtrareForm.topList fieldset b { display: none }
.content .filtrareForm.topList { padding: 15px }
.content .filtrareForm.topList fieldset:last-of-type select { border-radius: 45px; padding: 10px 20px; border-color: #d6d6d6; font-weight: 600 }
.pagination li.goToPage { display: none }
.pagination a, .pagination span { margin: 2px }
.modalOffer { width: 100% }
.modalOffer form .line .pret { top: auto; right: auto; text-align: center; margin: 10px 0; position: relative }
#valueDiscount { width: 90%; left: 50%; right: auto; transform: translateX(-50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#valueDiscount .minified { text-align: center; display: none }
#valueDiscount .minified .minifiedLine { font-size: 11px; margin: 10px auto; width: 65px }
#valueDiscount .minified .minifiedLine svg { width: 15px }
#valueDiscount b { margin-bottom: 5px; font-size: 14px }
#valueDiscount p { width: auto; font-size: 12px }
#valueDiscount .ccValue { margin-top: 15px; display: block; font-size: 12px }
#valueDiscount .ccValue b { margin-top: 5px; font-size: 14px }
#valueDiscount.minify { width: auto; left: auto; right: 0; transform: none; padding: 0 5px }
#valueDiscount.minify #expandBox { width: 40px; top: 50%; transform: translateY(-50%); left: 0; margin-left: -50px }
.content .offerTabsController a { font-size: 15px; padding: 15px 0; display: block; width: auto; float: none }
.content .offerTabsHolder { margin-bottom: 20px; padding: 10px 20px }
.content .offerTabsHolder.noPadMob { padding: 0 }
.content .offerTabsHolder .tabHolder .preorder .bnm { padding-right: 0 }
.content .offerTabsHolder.noPadMob .showMobile { color: #fff; background: #000; padding: 10px 20px; margin: 0 0 10px 0; border-radius: 10px; text-align: center; text-decoration: none }
.content .offerTabsHolder .tabHolder .preorder { margin: 10px 0; border-radius: 10px; background: rgba(0,0,0,0.05); padding: 15px 15px 60px 15px }
.content .offerTabsHolder .tabHolder .preorder .download { font-size: 12px; font-weight: 600; text-decoration: none; position: absolute; top: auto; bottom: 15px; right: auto; left: 50%; transform: translateX(-50%); color: #fff; background: #000; padding: 10px 20px; border-radius: 10px }
.content .offerTabsHolder .tabHolder .preorder .ofType { line-height: 100%; margin: 0 0 10px 0; font-size: 13px; display: block }
.content .offerTabsHolder .tabHolder .preorder .ofType b { display: inline-block; width: 100px; font-size: 100%; margin: 0 0 5px 0; font-weight: 500; color: #888 }
.content .offerTabsHolder .tabHolder .preorder .ofType span { width: 100%!important; display: block; float: none; padding: 5px 0; border: 0; border-bottom: 1px solid rgba(0,0,0,0.1)!important }
.content .offerTabsHolder .tabHolder .preorder .data { position: relative; right: auto; top: auto; transform: none }
.content .offerTabsHolder .tabHolder .preorder .btn { display: none }
.content .offerTabsHolder .tabHolder .offersHolder { border-radius: 0; background: none; padding: 0; width: 100%; float: none }
.content .offerTabsHolder .tabHolder .filterBelow { border-radius: 10px; background: rgba(0,0,0,0.05); padding: 15px; width: 100%; float: none; display: none; color: #000; text-decoration: none }
.content .listaProduseOferta .linieOferta { display: block; margin: 25px 0; width: 100% }
.content .listaProduseOferta .linieOferta .col { display: block; width: 100%!important }
.content .listaProduseOferta .linieOferta .f1 .image { margin: 0 auto 15px auto; padding: 0; display: block; color: #fff }
.content .listaProduseOferta .linieOferta .f1 img { margin: 0 auto; width: 40% }
.content .listaProduseOferta .linieBulk .linieOferta .f3 .nume { text-align: center }
.content .listaProduseOferta .linieOferta .f3 .nume { text-align: center }
.content .listaProduseOferta .linieOferta .infoLine { display: block; text-align: center; margin: 0 0 15px 0 }
.content .listaProduseOferta .linieOferta .infoLine span { width: auto; font-size: 12px; margin: 0 5px; display: inline-block }
.content .listaProduseOferta .linieBulk .linieOferta .infoLine { display: block; text-align: center; margin: 0 0 15px 0 }
.content .listaProduseOferta .linieBulk .linieOferta .infoLine span { width: auto; font-size: 12px; margin: 0 5px; display: inline-block }
.content .listaProduseOferta .linieOferta .f6.wPriceInside { font-size: 26px; line-height: 30px }
.content .listaProduseOferta .comandaOferta { display: block; text-align: center; float: none; margin-top: 20px }
.content .listaProduseOferta .linieBulk .linieOferta { padding: 20px 0 }
.content .listaProduseOferta .linieBulk .linieOferta .arrow { display: none }
.content .listaProduseOferta .linieBulk .betweenLines { font-size: 14px; float: right; display: block; vertical-align: middle; margin: 0 }
.content .listaProduseOferta .linieBulk .betweenLines:first-of-type { display: none }
.content .listaProduseOferta .linieBulk .linieOferta .f6 { text-align: left; padding: 4px 0 }
.content .listaProduseOferta .linieBulk .bulkHeader .infoLine span { margin: 5px 0; display: block }
.content .listaProduseOferta .linieOferta .f3 { padding: 5px 0 0 0 }
.content .tabHolder .howto { margin-bottom: 20px }
.modal.wBlue { padding: 20px 30px }
.modal.wBlue h3 { font-size: 28px; line-height: 32px }
.normalPage .title { margin: 0 0 40px 0; font-size: 28px; line-height: 32px }
.normalPage .subtitle { font-weight: 400; margin: -30px 0 45px 0; font-size: 20px; line-height: 25px }
.testimonials { margin: -20px 0 -10px 0 }
.testimonials .testimonial { float: none; margin: 15px 0; width: 100% }
#footer { padding: 30px 0 }
#footer .inside { padding: 25px }
#footer .col.c0 { padding-top: 0 }
#footer .col.c0 .btn { display: block; text-align: center }
#footer .colsFooter { display: block }
#footer .col { padding: 25px 0 }
#footer .col:not(:last-child) { border: 0; border-bottom: 1px solid rgba(0,0,0,.1) }
#footer .underFooter { display: block; margin-top: 0 }
#footer .underFooter .social { margin-bottom: 20px; text-align: center }
#footer .underFooter .linksFooter { text-align: center }
#footer .underFooter .linksFooter ul { margin: 0 0 20px 0; list-style: none }
#footer .underFooter .linksFooter ul li { float: none; margin: 5px 0 }
.notifProduct#reserveCartForm { padding: 25px }
form .cols { margin: 0 }
form .cols2 { margin: 0 }
form .cols .line { text-align: left!important; width: 100%; float: none; margin: 8px 0 }
form .cols2 .line { text-align: left!important; width: 100%; float: none; margin: 8px 0 }
form .cols3 .line { padding: 0!important; text-align: left!important; width: 100%; float: none; margin: 8px 0 }
form .cols3 { margin: 0 }
form .cols4 { margin: 0 }
form .cols4 .line { text-align: left!important; padding: 0!important; margin: 8px 0!important; width: 48%!important }
form .cols4 .line:nth-child(2n+2) { float: right }
form .wRaspuns { margin-top: 20px }
#editProfile form { padding: 0 }
.content .userDashboard .right .userForm .medWidth { width: 100% }
}
/* CSS: Circles */
.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:220px;height:220px;border:3px solid rgba(255,255,255,0.2);animation:animateCircles 5s linear infinite;bottom:-150px;border-radius:50%}.circles li:nth-child(1){left:-200px;top:-200px;width:480px;height:480px}.circles li:nth-child(2){right:-200px;top:-200px;width:720px;height:720px;animation-duration:7s}.circles li:nth-child(3){left:-300px;top:40%;width:520px;height:520px;animation-duration:4s}.circles li:nth-child(4){left:-100px;bottom:-100px;width:520px;height:520px;animation-duration:18s}.circles li:nth-child(5){right:-300px;bottom:-300px;width:820px;height:820px;animation-duration:8s}@keyframes animateCircles{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
/* CSS: Ribbon */
.ribbonIcon { position: absolute; top: -1px; right: -1px; width: 0px; height: 0px; border-style: solid; border-width: 0px 35px 35px 0px; font-size: 10px; color: #fff; text-align: center; border-color: transparent #666 transparent transparent }
.ribbonIcon i { position: absolute; top: 5px; left: 18px }
/* jQuery: Countdown */
.countdown-holding span { color: #fff }
.countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center }
.countdown-show7 .countdown-section { vertical-align: top; overflow: hidden; width: 13%; margin-right: 1.4%; color: var(--color-general); position: relative; padding: 45px 0 35px 0; background: linear-gradient(183.39deg, #F7F8FA 52.95%, #B3E0FE 189.23%); border: 1px solid #E1E4EA; border-radius: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.countdown-show7 .countdown-section:last-of-type { margin-right: 0 }
.countdown-section { display: block; float: left; font-size: 18px; text-align: center }
.countdown-amount { font-size: 50px; font-weight: 700 }
.countdown-period { display: block }
.countdown-descr { display: block; width: 100% }
@media (max-width: 768px) {
.countdown-row { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 8px; padding: 0 }
.countdown-show7 .countdown-section { float: none; width: 25%; margin-right: 0; padding: 18px 0 14px 0 }
.countdown-row .countdown-section:nth-child(n+5) { display: none }
.countdown-amount { font-size: 28px }
.countdown-section { font-size: 14px }
}
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em}.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,0.2);content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.show-calendar .drp-buttons{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#2C2C2C;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{cursor:pointer;background:#2C2C2C;color:#fff;border:0;margin-left:8px;font-size:12px;font-weight:700;padding: 8px 10px}.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd}.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd}.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#2C2C2C;color:#fff}@media (min-width: 564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.single .ranges,.daterangepicker.single .drp-calendar{float:left}.daterangepicker{direction:ltr;text-align:left}.daterangepicker .drp-calendar.left{clear:left;margin-right:0}.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker .drp-calendar.right{margin-left:0}.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker .ranges,.daterangepicker .drp-calendar{float:left}}@media (min-width: 730px){.daterangepicker .ranges{width:auto;float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none!important}}
/* jQuery: Spectrum Colorpicker v1.8.1 */
.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat,.sp-top{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{width:100%;display:inline-block;margin-bottom:3px}.sp-alpha-handle,.sp-color,.sp-dragger,.sp-hue,.sp-sat,.sp-slider,.sp-top-inner,.sp-val{position:absolute}.sp-top-inner{top:0;left:0;bottom:0;right:0}.sp-color{top:0;left:0;bottom:0;right:20%}.sp-hue{top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha,.sp-clear,.sp-container.sp-buttons-disabled .sp-button-container,.sp-container.sp-input-disabled .sp-input-container,.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,.sp-initial-disabled .sp-initial,.sp-palette-disabled .sp-palette-container,.sp-palette-only .sp-picker-container{display:none}.sp-alpha-handle{top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:1px solid #333}.sp-clear.sp-clear-display,.sp-initial .sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1,.sp-3,.sp-4,.sp-6{height:17%}.sp-2,.sp-5{height:16%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;top:0;left:0}.sp-slider{top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:1px solid #f0c49b;padding:0}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font:12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-clear,.sp-color,.sp-hue{border:1px solid #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container,.sp-input{width:100%}.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;background:0 0;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{float:left;position:relative;padding:10px 10px 300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:1px solid #fff}.sp-palette-container{border-right:1px solid #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;cursor:pointer}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-initial{float:left;border:1px solid #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-button-container,.sp-palette-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:1px solid #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer.sp-active,.sp-replacer:hover{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{width:25px;height:20px;border:1px solid #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:1px solid #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0 5px 0 0;padding:2px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}
/* jQuery: Noty 3.2.0 */
.noty_layout_mixin,#noty_layout__top,#noty_layout__topLeft,#noty_layout__topCenter,#noty_layout__topRight,#noty_layout__bottom,#noty_layout__bottomLeft,#noty_layout__bottomCenter,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight{position:fixed;margin:0;padding:0;z-index:9999999;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0);max-width:90%}#noty_layout__top{top:0;left:5%;width:90%}#noty_layout__topLeft{top:20px;left:20px;width:325px}#noty_layout__topCenter{top:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__topRight{top:20px;right:20px;width:325px}#noty_layout__bottom{bottom:0;left:5%;width:90%}#noty_layout__bottomLeft{bottom:20px;left:20px;width:325px}#noty_layout__bottomCenter{bottom:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__bottomRight{bottom:20px;right:20px;width:325px}#noty_layout__center{top:50%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px),-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px),calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerLeft{top:50%;left:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerRight{top:50%;right:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}.noty_progressbar{display:none}.noty_has_timeout.noty_has_progressbar .noty_progressbar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#646464;opacity:.2;filter:alpha(opacity=10)}.noty_bar{-webkit-backface-visibility:hidden;-webkit-transform:translate(0,0) translateZ(0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden}.noty_effects_open{opacity:0;-webkit-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%);-webkit-animation:noty_anim_in .5s cubic-bezier(0.68,-0.55,0.265,1.55);animation:noty_anim_in .5s cubic-bezier(0.68,-0.55,0.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_effects_close{-webkit-animation:noty_anim_out .5s cubic-bezier(0.68,-0.55,0.265,1.55);animation:noty_anim_out .5s cubic-bezier(0.68,-0.55,0.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_fix_effects_height{-webkit-animation:noty_anim_height 75ms ease-out;animation:noty_anim_height 75ms ease-out}.noty_close_with_click{cursor:pointer}.noty_close_button{position:absolute;top:2px;right:2px;font-weight:700;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,0.05);border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.noty_close_button:hover{background-color:rgba(0,0,0,0.1)}.noty_modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}.noty_modal.noty_modal_open{opacity:0;-webkit-animation:noty_modal_in .3s ease-out;animation:noty_modal_in .3s ease-out}.noty_modal.noty_modal_close{-webkit-animation:noty_modal_out .3s ease-out;animation:noty_modal_out .3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes noty_modal_in{100%{opacity:.3}}@keyframes noty_modal_in{100%{opacity:.3}}@-webkit-keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0;opacity:0}}@-webkit-keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@-webkit-keyframes noty_anim_height{100%{height:0}}@keyframes noty_anim_height{100%{height:0}}.noty_theme__metroui.noty_bar{margin:4px 0;overflow:hidden;position:relative;box-shadow:rgba(0,0,0,0.298039) 0 0 5px 0}.noty_theme__metroui.noty_bar .noty_progressbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#000;opacity:.2;filter:alpha(opacity=20)}.noty_theme__metroui.noty_bar .noty_body{padding:1.25em;font-size:14px}.noty_theme__metroui.noty_bar .noty_buttons{padding:0 10px .5em}.noty_theme__metroui.noty_type__alert,.noty_theme__metroui.noty_type__notification{background-color:#fff;color:#1d1d1d}.noty_theme__metroui.noty_type__warning{background-color:#FA6800;color:#fff}.noty_theme__metroui.noty_type__error{background-color:#CE352C;color:#FFF}.noty_theme__metroui.noty_type__info,.noty_theme__metroui.noty_type__information{background-color:#1BA1E2;color:#FFF}.noty_theme__metroui.noty_type__success{background-color:#60A917;color:#fff}
/* jQuery: OwlCarousel 1.3.3 */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}.owl-theme .owl-controls{margin-top:50px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d9d9d9;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:0 2px;border:1px solid #d9d9d9;background:#d9d9d9;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{border-color:#272727;background:#272727}
/* jQuery: FancyBox 3.2.1 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Montserrat,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:999999999992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{backdrop-filter: blur(12px);opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:28px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;text-align:center;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}.fc-container .buton { border-radius: 12px; text-decoration: none; cursor: pointer; text-transform: uppercase; padding: 0 19px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 38px; border: 0; background: #2f3028; color: #fff; margin: 0 10px 0 0; font-weight: 600; display: inline-block }.fc-container .buton:hover { background: #000 }.fc-container .buton.ok { background: var(--color-accent); color: #fff }.fc-container .buton.ok:hover { background: var(--color-accent-hover) }.fc-container h3 { text-align: center; text-transform: uppercase; font-weight: 300; font-size: 28px; margin: 0 0 10px 0 }.fc-container p { text-align: center; margin: 0 }.fc-container .tright { text-align: center; margin: 30px 0 0 0 }.fc-content { border-radius: 22px!important }
/* jQuery: select2 */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--color-general);color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid var(--color-general)}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid var(--color-general)}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid var(--color-general)}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid var(--color-general)}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:var(--color-general)}
/* CSS: Bounce */
.bounce{-moz-animation:bounce .5s infinite linear;-o-animation:bounce .5s infinite linear;-webkit-animation:bounce .5s infinite linear;animation:bounce .5s infinite linear}@-webkit-keyframes bounce{0%{top:0}50%{top:-.2em}70%{top:-.3em}100%{top:0}}@-moz-keyframes bounce{0%{top:0}50%{top:-.2em}70%{top:-.3em}100%{top:0}}@-o-keyframes bounce{0%{top:0}50%{top:-.2em}70%{top:-.3em}100%{top:0}}@-ms-keyframes bounce{0%{top:0}50%{top:-.2em}70%{top:-.3em}100%{top:0}}@keyframes bounce{0%{top:0}50%{top:-.2em}70%{top:-.3em}100%{top:0}}
/* Fonts: Font Awesome 5.15.4 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(fonts/fa-brands-400.eot);src:url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-brands-400.woff2) format("woff2"),url(fonts/fa-brands-400.woff) format("woff"),url(fonts/fa-brands-400.ttf) format("truetype"),url(fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(fonts/fa-regular-400.eot);src:url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(fonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:#ccc;--iti-dialcode-color:#999;--iti-dropdown-bg:white;--iti-spacer-horizontal:8px;--iti-flag-height:12px;--iti-flag-width:16px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-path-flags-1x:url("../images/flags.webp");--iti-path-flags-2x:url("../images/flags@2x.webp");--iti-path-globe-1x:url("../images/globe.webp");--iti-path-globe-2x:url("../images/globe@2x.webp");--iti-flag-sprite-width:3904px;--iti-flag-sprite-height:12px;--iti-mobile-popup-margin:30px}.iti{margin-top:9px;position:relative;display:block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:9999999992;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag,.iti__country-name{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-16px}.iti__ae{--iti-flag-offset:-32px}.iti__af{--iti-flag-offset:-48px}.iti__ag{--iti-flag-offset:-64px}.iti__ai{--iti-flag-offset:-80px}.iti__al{--iti-flag-offset:-96px}.iti__am{--iti-flag-offset:-112px}.iti__ao{--iti-flag-offset:-128px}.iti__ar{--iti-flag-offset:-144px}.iti__as{--iti-flag-offset:-160px}.iti__at{--iti-flag-offset:-176px}.iti__au{--iti-flag-offset:-192px}.iti__aw{--iti-flag-offset:-208px}.iti__ax{--iti-flag-offset:-224px}.iti__az{--iti-flag-offset:-240px}.iti__ba{--iti-flag-offset:-256px}.iti__bb{--iti-flag-offset:-272px}.iti__bd{--iti-flag-offset:-288px}.iti__be{--iti-flag-offset:-304px}.iti__bf{--iti-flag-offset:-320px}.iti__bg{--iti-flag-offset:-336px}.iti__bh{--iti-flag-offset:-352px}.iti__bi{--iti-flag-offset:-368px}.iti__bj{--iti-flag-offset:-384px}.iti__bl{--iti-flag-offset:-400px}.iti__bm{--iti-flag-offset:-416px}.iti__bn{--iti-flag-offset:-432px}.iti__bo{--iti-flag-offset:-448px}.iti__bq{--iti-flag-offset:-464px}.iti__br{--iti-flag-offset:-480px}.iti__bs{--iti-flag-offset:-496px}.iti__bt{--iti-flag-offset:-512px}.iti__bw{--iti-flag-offset:-528px}.iti__by{--iti-flag-offset:-544px}.iti__bz{--iti-flag-offset:-560px}.iti__ca{--iti-flag-offset:-576px}.iti__cc{--iti-flag-offset:-592px}.iti__cd{--iti-flag-offset:-608px}.iti__cf{--iti-flag-offset:-624px}.iti__cg{--iti-flag-offset:-640px}.iti__ch{--iti-flag-offset:-656px}.iti__ci{--iti-flag-offset:-672px}.iti__ck{--iti-flag-offset:-688px}.iti__cl{--iti-flag-offset:-704px}.iti__cm{--iti-flag-offset:-720px}.iti__cn{--iti-flag-offset:-736px}.iti__co{--iti-flag-offset:-752px}.iti__cr{--iti-flag-offset:-768px}.iti__cu{--iti-flag-offset:-784px}.iti__cv{--iti-flag-offset:-800px}.iti__cw{--iti-flag-offset:-816px}.iti__cx{--iti-flag-offset:-832px}.iti__cy{--iti-flag-offset:-848px}.iti__cz{--iti-flag-offset:-864px}.iti__de{--iti-flag-offset:-880px}.iti__dj{--iti-flag-offset:-896px}.iti__dk{--iti-flag-offset:-912px}.iti__dm{--iti-flag-offset:-928px}.iti__do{--iti-flag-offset:-944px}.iti__dz{--iti-flag-offset:-960px}.iti__ec{--iti-flag-offset:-976px}.iti__ee{--iti-flag-offset:-992px}.iti__eg{--iti-flag-offset:-1008px}.iti__eh{--iti-flag-offset:-1024px}.iti__er{--iti-flag-offset:-1040px}.iti__es{--iti-flag-offset:-1056px}.iti__et{--iti-flag-offset:-1072px}.iti__fi{--iti-flag-offset:-1088px}.iti__fj{--iti-flag-offset:-1104px}.iti__fk{--iti-flag-offset:-1120px}.iti__fm{--iti-flag-offset:-1136px}.iti__fo{--iti-flag-offset:-1152px}.iti__fr{--iti-flag-offset:-1168px}.iti__ga{--iti-flag-offset:-1184px}.iti__gb{--iti-flag-offset:-1200px}.iti__gd{--iti-flag-offset:-1216px}.iti__ge{--iti-flag-offset:-1232px}.iti__gf{--iti-flag-offset:-1248px}.iti__gg{--iti-flag-offset:-1264px}.iti__gh{--iti-flag-offset:-1280px}.iti__gi{--iti-flag-offset:-1296px}.iti__gl{--iti-flag-offset:-1312px}.iti__gm{--iti-flag-offset:-1328px}.iti__gn{--iti-flag-offset:-1344px}.iti__gp{--iti-flag-offset:-1360px}.iti__gq{--iti-flag-offset:-1376px}.iti__gr{--iti-flag-offset:-1392px}.iti__gt{--iti-flag-offset:-1408px}.iti__gu{--iti-flag-offset:-1424px}.iti__gw{--iti-flag-offset:-1440px}.iti__gy{--iti-flag-offset:-1456px}.iti__hk{--iti-flag-offset:-1472px}.iti__hn{--iti-flag-offset:-1488px}.iti__hr{--iti-flag-offset:-1504px}.iti__ht{--iti-flag-offset:-1520px}.iti__hu{--iti-flag-offset:-1536px}.iti__id{--iti-flag-offset:-1552px}.iti__ie{--iti-flag-offset:-1568px}.iti__il{--iti-flag-offset:-1584px}.iti__im{--iti-flag-offset:-1600px}.iti__in{--iti-flag-offset:-1616px}.iti__io{--iti-flag-offset:-1632px}.iti__iq{--iti-flag-offset:-1648px}.iti__ir{--iti-flag-offset:-1664px}.iti__is{--iti-flag-offset:-1680px}.iti__it{--iti-flag-offset:-1696px}.iti__je{--iti-flag-offset:-1712px}.iti__jm{--iti-flag-offset:-1728px}.iti__jo{--iti-flag-offset:-1744px}.iti__jp{--iti-flag-offset:-1760px}.iti__ke{--iti-flag-offset:-1776px}.iti__kg{--iti-flag-offset:-1792px}.iti__kh{--iti-flag-offset:-1808px}.iti__ki{--iti-flag-offset:-1824px}.iti__km{--iti-flag-offset:-1840px}.iti__kn{--iti-flag-offset:-1856px}.iti__kp{--iti-flag-offset:-1872px}.iti__kr{--iti-flag-offset:-1888px}.iti__kw{--iti-flag-offset:-1904px}.iti__ky{--iti-flag-offset:-1920px}.iti__kz{--iti-flag-offset:-1936px}.iti__la{--iti-flag-offset:-1952px}.iti__lb{--iti-flag-offset:-1968px}.iti__lc{--iti-flag-offset:-1984px}.iti__li{--iti-flag-offset:-2000px}.iti__lk{--iti-flag-offset:-2016px}.iti__lr{--iti-flag-offset:-2032px}.iti__ls{--iti-flag-offset:-2048px}.iti__lt{--iti-flag-offset:-2064px}.iti__lu{--iti-flag-offset:-2080px}.iti__lv{--iti-flag-offset:-2096px}.iti__ly{--iti-flag-offset:-2112px}.iti__ma{--iti-flag-offset:-2128px}.iti__mc{--iti-flag-offset:-2144px}.iti__md{--iti-flag-offset:-2160px}.iti__me{--iti-flag-offset:-2176px}.iti__mf{--iti-flag-offset:-2192px}.iti__mg{--iti-flag-offset:-2208px}.iti__mh{--iti-flag-offset:-2224px}.iti__mk{--iti-flag-offset:-2240px}.iti__ml{--iti-flag-offset:-2256px}.iti__mm{--iti-flag-offset:-2272px}.iti__mn{--iti-flag-offset:-2288px}.iti__mo{--iti-flag-offset:-2304px}.iti__mp{--iti-flag-offset:-2320px}.iti__mq{--iti-flag-offset:-2336px}.iti__mr{--iti-flag-offset:-2352px}.iti__ms{--iti-flag-offset:-2368px}.iti__mt{--iti-flag-offset:-2384px}.iti__mu{--iti-flag-offset:-2400px}.iti__mv{--iti-flag-offset:-2416px}.iti__mw{--iti-flag-offset:-2432px}.iti__mx{--iti-flag-offset:-2448px}.iti__my{--iti-flag-offset:-2464px}.iti__mz{--iti-flag-offset:-2480px}.iti__na{--iti-flag-offset:-2496px}.iti__nc{--iti-flag-offset:-2512px}.iti__ne{--iti-flag-offset:-2528px}.iti__nf{--iti-flag-offset:-2544px}.iti__ng{--iti-flag-offset:-2560px}.iti__ni{--iti-flag-offset:-2576px}.iti__nl{--iti-flag-offset:-2592px}.iti__no{--iti-flag-offset:-2608px}.iti__np{--iti-flag-offset:-2624px}.iti__nr{--iti-flag-offset:-2640px}.iti__nu{--iti-flag-offset:-2656px}.iti__nz{--iti-flag-offset:-2672px}.iti__om{--iti-flag-offset:-2688px}.iti__pa{--iti-flag-offset:-2704px}.iti__pe{--iti-flag-offset:-2720px}.iti__pf{--iti-flag-offset:-2736px}.iti__pg{--iti-flag-offset:-2752px}.iti__ph{--iti-flag-offset:-2768px}.iti__pk{--iti-flag-offset:-2784px}.iti__pl{--iti-flag-offset:-2800px}.iti__pm{--iti-flag-offset:-2816px}.iti__pr{--iti-flag-offset:-2832px}.iti__ps{--iti-flag-offset:-2848px}.iti__pt{--iti-flag-offset:-2864px}.iti__pw{--iti-flag-offset:-2880px}.iti__py{--iti-flag-offset:-2896px}.iti__qa{--iti-flag-offset:-2912px}.iti__re{--iti-flag-offset:-2928px}.iti__ro{--iti-flag-offset:-2944px}.iti__rs{--iti-flag-offset:-2960px}.iti__ru{--iti-flag-offset:-2976px}.iti__rw{--iti-flag-offset:-2992px}.iti__sa{--iti-flag-offset:-3008px}.iti__sb{--iti-flag-offset:-3024px}.iti__sc{--iti-flag-offset:-3040px}.iti__sd{--iti-flag-offset:-3056px}.iti__se{--iti-flag-offset:-3072px}.iti__sg{--iti-flag-offset:-3088px}.iti__sh{--iti-flag-offset:-3104px}.iti__si{--iti-flag-offset:-3120px}.iti__sj{--iti-flag-offset:-3136px}.iti__sk{--iti-flag-offset:-3152px}.iti__sl{--iti-flag-offset:-3168px}.iti__sm{--iti-flag-offset:-3184px}.iti__sn{--iti-flag-offset:-3200px}.iti__so{--iti-flag-offset:-3216px}.iti__sr{--iti-flag-offset:-3232px}.iti__ss{--iti-flag-offset:-3248px}.iti__st{--iti-flag-offset:-3264px}.iti__sv{--iti-flag-offset:-3280px}.iti__sx{--iti-flag-offset:-3296px}.iti__sy{--iti-flag-offset:-3312px}.iti__sz{--iti-flag-offset:-3328px}.iti__tc{--iti-flag-offset:-3344px}.iti__td{--iti-flag-offset:-3360px}.iti__tg{--iti-flag-offset:-3376px}.iti__th{--iti-flag-offset:-3392px}.iti__tj{--iti-flag-offset:-3408px}.iti__tk{--iti-flag-offset:-3424px}.iti__tl{--iti-flag-offset:-3440px}.iti__tm{--iti-flag-offset:-3456px}.iti__tn{--iti-flag-offset:-3472px}.iti__to{--iti-flag-offset:-3488px}.iti__tr{--iti-flag-offset:-3504px}.iti__tt{--iti-flag-offset:-3520px}.iti__tv{--iti-flag-offset:-3536px}.iti__tw{--iti-flag-offset:-3552px}.iti__tz{--iti-flag-offset:-3568px}.iti__ua{--iti-flag-offset:-3584px}.iti__ug{--iti-flag-offset:-3600px}.iti__us{--iti-flag-offset:-3616px}.iti__uy{--iti-flag-offset:-3632px}.iti__uz{--iti-flag-offset:-3648px}.iti__va{--iti-flag-offset:-3664px}.iti__vc{--iti-flag-offset:-3680px}.iti__ve{--iti-flag-offset:-3696px}.iti__vg{--iti-flag-offset:-3712px}.iti__vi{--iti-flag-offset:-3728px}.iti__vn{--iti-flag-offset:-3744px}.iti__vu{--iti-flag-offset:-3760px}.iti__wf{--iti-flag-offset:-3776px}.iti__ws{--iti-flag-offset:-3792px}.iti__xk{--iti-flag-offset:-3808px}.iti__ye{--iti-flag-offset:-3824px}.iti__yt{--iti-flag-offset:-3840px}.iti__za{--iti-flag-offset:-3856px}.iti__zm{--iti-flag-offset:-3872px}.iti__zw{--iti-flag-offset:-3888px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}