:root {
    --black: #242424;
    --bg: #e8e8e8;
	--webbg: #efefef;
    --red: #fe5757;
	--orange: #ffbb53;
	--green: #04AA6D;
}
* { padding:0; margin:0; outline: none; font-family: "Oswald", serif; }
img { max-width: 100%; border-radius:5px; }
.cl { clear:both; }
body { position:relative; min-height:calc(100vh - 95px); padding:75px 0 20px 0; background:var(--webbg); }
#head { position: fixed; width:530px; height:40px; border-radius:0 0 5px 5px; padding:10px 24px; top: 0; z-index: 100; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; text-align: center; background: var(--bg); }
#head img { height: 40px; }
.cnt { width:578px; margin:0 auto; max-width:100%; }
#content { position:relative; width:calc(100% - 24px); padding:0 12px; }
.categs > a { text-decoration:none; display:block; padding:10px 10px 20px 10px; background-color:rgba(255,255,255,0.5); line-height:40%; border-radius:7px; }
.categs > a:nth-child(n+2), .product:nth-child(n+2) { margin-top:12px; }
.categs > a > span { display:block; color:var(--black); font-size:18px; font-weight:600; text-align:center; padding:16px 0 0 0; line-height:110%; }
.product { position:relative; display:block; padding:12px; background-color:rgba(255,255,255,0.5); border-radius:5px; }
.product_left { width:150px; float:left; line-height:40%; display:block; }
.product_left img { border-radius:5px; }
.product::after { content:""; display:block; clear:both; }
.product_right { width:calc(100% - 174px); float:right; }
.product_right p { font-weight:600; font-size:12px; width:150px; max-width:100%; text-align:left; text-transform:uppercase; color:var(--black); margin-bottom:8px; }
.product h3 { font-weight:600; padding:4px 0 12px 0; text-align:left; display:block; width:100%; font-size:16px; line-height:105%; }
.time { display:block; float:left; width:70px; text-align:center; font-weight:bold; color:var(--black); font-size:18px; line-height:40px; }
.add_to_cart_qty { display:block; height:40px; width:150px; }
.add_to_cart_qty > span.plus, .add_to_cart_qty > span.minus { cursor:pointer; position:relative; display:block; height:40px; width:40px; background:var(--bg); border-radius:5px; float:left; }
.add_to_cart_qty > span.plus { float:right; }
.add_to_cart_qty > span.plus::before, .add_to_cart_qty > span.minus::before { position:absolute; left:calc(50% - 10px); top:calc(50% - 2px); content:""; width:20px; height:4px; background:var(--red); }
.add_to_cart_qty > span.plus::after { position:absolute; left:calc(50% - 2px); top:calc(50% - 10px); content:""; width:4px; height:20px; background:var(--red); }
.price_cart, .aktyviiki { display:block; width:150px; max-width:100%; margin-top:6px; text-align:center; }
.price { color:var(--black); font-size:15px; }
.aktyviiki { margin-top:2px; color:var(--black); font-size:13px; }
.price > span, .aktyviiki > span { color:var(--red); font-weight:bold; }
.aktyviiki > span { color:var(--green); }
.add_to_cart { transition:0.3s ease; cursor:pointer; width:46px; height:46px; margin-left:24px; float:right; display:block; background-color:var(--orange); border-radius:50%; background-image:url(images/cart.png); background-size:auto 24px; background-position:center; background-repeat:no-repeat; }
.add_to_cart.atc_ok { background-color:#4ebc3b; }
.show_cart { cursor:pointer; opacity:1; transition:0.3s ease; height:46px; margin-left:24px; float:right; display:block; background-color:var(--orange); border-radius:5px; background-image:url(images/cart.png); background-size:auto 24px; line-height:46px; font-size:15px; text-transform:uppercase; font-weight:bold; background-position:16px center; background-repeat:no-repeat; padding:0 20px 0 56px; }
.cart_nav { max-width:calc(100% - 48px); width:530px; height:46px; padding:7px 24px; position:fixed; bottom:0; left:calc(50% - 289px); z-index:260; background:var(--black); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
.cart_total_price { float:right; color:#fff; line-height:46px; text-align:right; font-size:20px; font-weight:bold; margin-right:12px; }
.back { display:block; float:left; width:60px; height:46px; background-image:url(images/back.png); background-repeat:no-repeat; background-position:left center; background-size:auto 24px; cursor:pointer; }
.back_top { display:block; float:right; width:30px; height:60px; background-image:url(images/back_black.png); background-repeat:no-repeat; background-position:center; background-size:auto 24px; cursor:pointer; }
.hidder { position:fixed; z-index:200; background-color:rgba(0,0,0,0.5); left:0; top:0; width:100%; height:100%; cursor:pointer; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
.cart_popup, .text_popup { display:block; width:calc(100% - 48px); padding:38px 24px 24px 24px; background-color:#fff; position:fixed; bottom:0; z-index:222; }
#selector { list-style-type: none; margin: 0; padding: 0; width: 100%; scroll-behavior: smooth; display: flex; justify-content: flex-start; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
#selector li { width: 64px; text-align: center; flex: 0 0 auto; margin-right:4px; margin-bottom:4px; }
#selector li input { display:none; }
#selector li input + span { display:block; line-height:40%; padding:3px; background-color:var(--bg); border-radius:8px; }
#selector li input:checked + span { background-color:var(--red); }
.cart_popup h3 { font-size:18px; font-weight:400; line-height:24px; margin-bottom:10px; margin-top:12px; }
.cart_popup button { height:50px; border:0; cursor:pointer; width:100%; border-radius:5px; background-color:var(--red); color:#fff; margin-top:14px; font-size:18px; text-align:center; }
.cart_popup input[type=text], .cart_popup input[type=email] { padding:0 24px; width:calc(100% - 50px); border-radius:5px; height:48px; border:1px solid var(--bg); background-color:#fff; font-size:16px; color:#000; }
.cart_left { width:95px; float:left; }
.cart_s_item { display:block; padding:8px 0 0 0; width:100%; border-top:1px solid var(--bg); }
.cart_s_item::after { content:""; clear:both; display:block; }
.cart_s_item:nth-child(n+2) { margin-top:8px; }
.cart_right { float:right; width:calc(100% - 111px); }
.cart_right h4 { font-weight:600; font-size:16px; margin-bottom:4px; }
.in_cart_qty { display:block; height:32px; width:134px; margin:5px 0; }
.in_cart_qty > span.plus, .in_cart_qty > span.minus { cursor:pointer; position:relative; display:block; height:26px; width:26px; border:3px solid var(--bg); background:var(--bg); border-radius:5px; float:left; }
.in_cart_qty > span.plus { float:right; }
.in_cart_qty > span.plus::before, .in_cart_qty > span.minus::before { position:absolute; left:calc(50% - 8px); top:calc(50% - 2px); content:""; width:16px; height:4px; background:var(--red); }
.in_cart_qty > span.plus::after { position:absolute; left:calc(50% - 2px); top:calc(50% - 8px); content:""; width:4px; height:16px; background:var(--red); }
.in_cart_qty > span.inc_time { display:block; float:left; line-height:32px; width:70px; text-align:center; font-weight:bold; color:var(--black); font-size:14px; }
.in_price { color:var(--black); line-height:32px;display:inline-block; font-size:16px; font-weight:bold; }
.remove_cart { cursor:pointer; background-image:url(images/bin.png); background-repeat:no-repeat; background-position:center; background-size:auto 16px; display:block; border-radius:5px; float:right; width:32px; height:32px; background-color:var(--bg); }
.cart_s_list { max-height:calc(100vh - 450px); overflow-y:auto; }
.close { cursor:pointer; position:relative; width:36px; height:36px; display:block; float:right; background-color:var(--bg); margin-right:-24px; margin-top:-38px; border-radius:0px 0px 0px 5px; }
.close::after, .close::before { content:""; position:absolute; width:22px; height:4px; position:absolute; left:calc(50% - 11px); top:calc(50% - 2px); background-color:var(--black); transform:rotate(45deg); }
.close::before { transform:rotate(-45deg); }
.close_line { display:block; position:absolute; cursor:grab; height:44px; width:calc(100% - 36px); left:0; top:0; }
.close_line::after { opacity:0.3; content:""; width:100px; height:6px; border-radius:3px; background-color:var(--black); position:absolute; left:calc(50% - 32px); top:9px; }
.nav_logo { display:block; margin:0 auto; width:150px; margin-top:-10px; }
.nav_list { max-height:calc(100vh - 60px); overflow-y:auto; width:100%; }
.nav_list > ul { background-color:rgba(255,255,255,0.1); list-style-type:none; }
.nav_list > ul > li { border-top:1px solid rgba(0,0,0,0.1); display: block; position: relative; }
.nav_list > ul > li:nth-child(2n) { background-color:rgba(255,255,255,0.2); }
.nav_list > ul > li:first-child { border-top:0; }
.nav_list > ul > li > a { text-align:center; transition: 0.3s ease; text-transform: uppercase; color: var(--black); letter-spacing: 1px; text-decoration: none; cursor: pointer; font-weight: 600; font-size: 14px; position: relative; padding: 14px 60px 14px 60px; display: block; line-height: 24px; }
.nav_list > ul > li > a + span { cursor: pointer; top: 0px; display: block; width: 60px; height: 52px; z-index: 10; position: absolute; right:0px; }
.nav_list > ul > li > a + span::before { content:""; border: solid var(--black); border-width: 0 3px 3px 0; display: inline-block; padding:5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); left:calc(50% - 7px); top:calc(50% - 10px); position:absolute; }
.nav_list > ul > li > a + span.sw::before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: calc(50% - 2px); }
.nav_list > ul > li > ul { list-style-type:none; display:none; }
.nav_list > ul > li > ul > li { display:block; border-top:1px solid rgba(0,0,0,0.05); }
.nav_list > ul > li > ul > li > a { transition: 0.3s ease; color: var(--black); letter-spacing: 1px; text-decoration: none; cursor: pointer; font-weight: 600; font-size: 14px; position: relative; text-align: left; padding: 12px 36px 12px 36px; display: block; line-height: 24px; }
#cart_content .hidder, #pasl_text_content .hidder { display:none; overscroll-behavior: contain; }
#cart_content .cart_popup, #pasl_text_content .text_popup { transition: transform 0.5s ease;transform: translateY(100%); }
#cart_content.visible .hidder, #pasl_text_content.visible .hidder { display:block; }
#cart_content.visible .cart_popup, #pasl_text_content.visible .text_popup { transform: translateY(0); }
.categ_head { display:block; width:100%; margin-bottom:18px; }
.categ_head::after { content:""; display:block; clear:both; }
.categ_head img { display:block; float:left; margin-right:24px; max-height:60px; }
.categ_head_cnt { display:block; float:left; width: calc(100% - 150px); }
.categ_head h1 { height:60px; font-size:20px; text-align:left; font-weight:600; color:var(--black); display:table-cell; vertical-align:middle; }
.nav_popup { width:530px; max-width:calc(100% - 48px); left:calc(50% - 289px); }
.cart_popup, .text_popup { width:530px; max-width:calc(100% - 48px); left:calc(50% - 289px); z-index:333; }
.text_popup .text { min-height:calc(100vh - 350px); max-height:calc(100vh - 200px); overflow-y:auto; }
.text { font-size:16px; color:var(--black); line-height:150%; }
.text p { margin-bottom:12px; }
.text h1 { font-size:24px; font-weight:600; color:var(--black); margin-bottom:24px; }
#errorMessage { color:var(--red); font-size:13px; font-weight:600; padding-top:6px; }
#text_page { padding:20px 0; }
.navbar_toggle { cursor:pointer; width:36px; display:block; position:relative; float:right; height:40px; margin-left:-36px; }
.navbar_toggle > span { transition:0.3s ease; height:4px; display:block; width:36px; border-radius:2px; background-color:var(--black); margin-top:7px; }
.navbar_toggle.on > span:nth-child(2) { display:none; }
.navbar_toggle.on > span { position:absolute; margin:0; top:calc(50% - 2px); left:calc(50% - 18px); transform:rotate(45deg); }
.navbar_toggle.on > span:nth-child(3) { transform:rotate(-45deg); }
@keyframes opacity { from{opacity:0} to{opacity:1} }
#navigation { display:none; transition: opacity 0.5s ease-out; background-color:var(--bg); position:fixed; top:60px; left:0; width:578px; max-width:100%; left:calc(50% - 289px); z-index:50; }
#navigation.visible { display:block; animation:opacity 0.5s; }
#install-btn { line-height:60px; background-image:url(images/72x72.png); padding-right:24px; background-repeat:no-repeat; background-position: 24px center; padding-left:90px; text-align:left; background-size:50px auto; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; width:578px; left:calc(50% - 289px); border:0; height:60px; z-index:20; position:fixed; bottom:0; background-color:#fff; color:var(--black); font-size:16px; font-weight:600; }
#install-btn span { height:40px; padding:0 15px; background-color:#999; line-height:40px; float:right; display:block; border-radius:5px; font-weight:400; width:60px; text-align:center; margin:10px 0; color:#fff; font-size:14px; text-transform:uppercase; }
.product_right p.laikinai { width:100%; color:var(--red); display:block; margin-top:10px; font-size:14px; text-transform:none; }
body.pb80 { padding-bottom:80px; }
.msg_text { font-size:27px; text-align:center; padding-top:90px; background-image:url(images/notification.png); background-repeat:no-repeat; background-position:center 10px; background-size:auto 60px; }
.hide_others { display:none; }
.show_other_serv { position:relative; display:block; margin-top:24px; height:40px; display:block; line-height:40px; cursor:pointer; color:var(--black); font-weight:600; font-size: 16px; text-transform:uppercase; padding-right:60px; text-align:center; }
.show_other_serv::after { position:absolute; top: calc(50% - 7px); right: calc(50% - 75px); content:""; border: solid var(--black); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.msg { display:block; border:2px solid var(--orange); border-radius:5px; background:#fff; padding:15px; font-size:16px; color:var(--black); margin-bottom:20px; padding-left:60px; background-image:url(images/notification.png); background-repeat:no-repeat; background-position:15px 15px; background-size:32px auto; }
@media all and (max-width: 578px) {
.text_popup, .cart_nav, .cart_popup, .nav_popup, #head { max-width: calc(100% - 48px); left: 0; }
#navigation, #install-btn { width:100%; left:0; }
#head { border-radius:0; }
}