html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-size: 20px; line-height: 120%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
*:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }

html, body { background: #f2f3f5; }
body, input, select { font-family: Questrial, sans-serif; }
body { overflow-x: hidden; min-width: 500px; }
*:first-child { margin-top: 0 !important; }
*:last-child { margin-bottom: 0 !important; }

a { color: #7d879c; text-decoration-color: rgba(125,135,156,.15); text-underline-offset: 2px; }
a:hover { color: #00cf5b; text-decoration-color: rgba(0,207,91,.3); }
b, strong { font-weight: 600; letter-spacing: .3px; }
i, em { font-style: italic; }

.wrap { max-width: 1560px; margin: 0 auto; position: relative; padding: 0 20px; }
.clear { clear: both; height: 0; }

#top { background: #f2f3f5; font-size: 80%; color: #fff; padding: 8px 0; }
#top ul { display: flex; justify-content: space-between; }
#top ul li { color: #1d2a38; }
#top ul li strong { color: #00cf5b; }

#header { background: #fff; height: 110px; }
#header .logo { position: absolute; top: 20px; }

#header .search { width: 400px; position: absolute; top: 33px; left: 50%; margin-left: -200px; }
#header .search .query { background: #f2f4f5; border: 2px solid #e1e5eb; border-radius: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: calc(100% - 85px); padding: 5px 70px 5px 15px; outline: none; height: 30px; transition: border .3s; font-size: 80%; }
#header .search .query:focus { border: 2px solid #00cf5b; }
#header .search .button { position: absolute; top: 4px; right: 0px; width: 36px; background: #00cf5b url('/assets/search.png') center no-repeat; border: 0; color: #fff; font-weight: bold; letter-spacing: .3px; outline: none; border-radius: 17px; height: 36px; transition: width .3s; cursor: pointer; }
#header .search .query:focus+.button { width: 56px; } 
#header .cart { position: absolute; top: 31px; right: 20px; font-size: 80%; background: #f2f4f5; border: 2px solid #e1e5eb; border-radius: 20px; padding: 10px; text-decoration: none; white-space: nowrap; }
#header .cart svg { position: absolute; left: 10px; top: 10px; fill: #7d879c; width: 24px; height: 24px; }
#header .cart span { padding-left: 30px; display: inline-block;  }
#header .cart:hover { border: 2px solid #00cf5b; color: #00cf5b; }
#header .cart:hover svg { fill: #00cf5b; }

#navigation { background: #00cf5b; font-size: 80%; color: #fff; padding: 8px 0; }
#navigation a { color: #f2f3f5; text-decoration: none; }
#navigation a:hover { color: #fff; }
#navigation div.secundary { float: right; }

#breadcrumbs { font-size: 80%; padding: 20px 0; white-space: nowrap; }
#breadcrumbs i { color: #7d879c; font-style: normal; padding: 0 5px; display: inline-block; transform: scaleX(.5); }
#breadcrumbs span { color: #1d2a38; }

#content .wrap { display: flex; }

#side { flex: 0 0 300px; }
#main { flex: 1 1 100%; }
#side+#main { flex: 1 1 1160px; margin-left: 30px; }
#side>div, #main>div { background: #fff; border-radius: 6px; box-shadow: 0 2px 2px #e5e5e5; position: relative; }

#side h4 { color: #1d2a38; font-size: 100%; margin: 20px 0; letter-spacing: .4px; font-weight: 600; }
#side p { color: #7d879c; font-size: 80%; margin: 10px 0; }

#main h1 { color: #1d2a38; font-size: 130%; line-height: 140%; margin: 20px 0; letter-spacing: .6px; font-weight: 600; }
#main h2 { color: #1d2a38; font-size: 120%; margin: 20px 0; letter-spacing: .4px; font-weight: 600; }
#main h2 a { color: #1d2a38; float: right; font-size: 60%; text-transform: uppercase; letter-spacing: 0; font-weight: normal; }
#main p { color: #7d879c; font-size: 80%; margin: 10px 0; }
#main p a { color: #1d2a38; text-decoration-color: rgba(29,42,56,.15); }
#main p a:hover { color: #00cf5b; text-decoration-color: rgba(0,207,91,.3) }
#main ul { list-style: circle; margin-left: 24px; }
#main li { color: #7d879c; font-size: 80%; margin: 10px 0; }
#main label { color: #7d879c; font-size: 80%; margin: 10px 0; width: 120px; display: inline-block; }
#main input[type=text] { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 10px; font-size: 80%; }
#main input[type=text]:focus { border: 2px solid #00cf5b; }
#main input[type=email] { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 10px; font-size: 80%; }
#main input[type=email]:focus { border: 2px solid #00cf5b; }
#main input[type=password] { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 10px; font-size: 80%; }
#main input[type=password]:focus { border: 2px solid #00cf5b; }
#main input[type=date] { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 10px; font-size: 80%; }
#main input[type=date]:focus { border: 2px solid #00cf5b; }
#main input[type=datetime-local] { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 10px; font-size: 80%; }
#main input[type=datetime-local]:focus { border: 2px solid #00cf5b; }
#main input[type=submit] { background: #00cf5b; color: #fff; font-size: 80%; margin: 10px 0; padding: 12px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 600; letter-spacing: .3px; }
#main input[type=button] { background: #00cf5b; color: #fff; font-size: 80%; margin: 10px 0; padding: 12px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 600; letter-spacing: .3px; }
#main select { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 8px; font-size: 80%; }
#main select:focus { border: 2px solid #00cf5b; }
#main a.button { display: inline-block; background: #00cf5b; color: #fff; font-size: 80%; margin: 10px 0; padding: 12px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 600; letter-spacing: .3px; text-align: center; }

#side>div { padding: 25px; }
#main>div { padding: 30px; }
#side>div+div { margin-top: 25px; }
#main>div+div { margin-top: 30px; }

#footer { background: #fff; margin-top: 64px; padding: 30px 0; box-shadow: 0 2px 2px #e5e5e5; color: #7d879c; font-size: 75%; }
#footer .wrap { background: url('/assets/apotheek-decloedt.png') 20px 0 no-repeat; display: flex; justify-content: space-between; }
#footer .apotheek { padding-left: 114px; }
#footer .apotheek a { color: #1d2a38; text-decoration-color: rgba(29,42,56,.15); }
#footer .apotheek a:hover { color: #00cf5b; text-decoration-color: rgba(0,207,91,.3) }
#footer strong { color: #1d2a38; }
#footer .wrap>div { flex: 0 0 20%; }
#bottom { font-size: 80%; color: #7d879c; padding: 25px 0; }
#bottom a { text-decoration: none; }
#bottom strong { color: #000; }
#bottom strong span { color: #00cf5b; }

#side div.categories li { color: #7d879c; font-size: 80%; margin: 5px 0; }

#main div.categories .list { display: flex; justify-content: space-between; flex-flow: wrap; margin-right: -20px; margin-bottom: -20px !important; }
#main div.categories .list>div { flex: 0 0 160px; margin-right: 20px; margin-bottom: 20px; text-align: center; color: #7d879c; font-size: 80%; }
#main div.categories .list>div span.img { width: 160px; height: 160px; display: inline-block; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; margin-bottom: 10px; background: #fff url('/assets/no-image.jpg') center no-repeat; }
#main div.categories .list>i { flex: 0 0 160px; margin-right: 20px; height: 0; }

#main div.top-categories .list { display: flex; justify-content: space-between; flex-flow: wrap; margin-right: -20px; margin-bottom: -20px; height: 200px; overflow: hidden; }
#main div.top-categories .list>div { flex: 0 0 160px; margin-right: 20px; margin-bottom: 20px; text-align: center; color: #7d879c; font-size: 80%; }
#main div.top-categories .list>div span.img { width: 160px; height: 160px; display: inline-block; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; margin-bottom: 10px; background: #f2f3f5; }
#main div.top-categories .list>i { flex: 0 0 160px; margin-right: 20px; height: 0; }

#main>div.top-brands {}
#main>div.top-brands .list { display: flex; }
#main>div.top-brands .list>a { margin-left: 30px; flex: 1 1 100%; position: relative; }
#main>div.top-brands .list>a:first-child { margin-left: 0; }
#main>div.top-brands .list>a .background { border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; height: 160px; margin-bottom: 60px; }
#main>div.top-brands .list>a .logo { background: #fff; border-radius: 6px; box-shadow: 0 1px 1px #e5e5e5; position: absolute; left: 20px; right: 20px; top: 120px; height: 100px; }

#main>div.promo_full { display: flex; background: transparent; box-shadow: none; padding: 0; }
#main>div.promo_full>div { position: relative; flex: 1 1 100%; }
#main>div.promo_full>div>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promo_full>div>div a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#main>div.promotions { display: flex; background: transparent; box-shadow: none; padding: 0; }
#main>div.promotions .promotion_40 { flex: 1 1 40%; position: relative; padding-bottom: calc(100% / 1230 * 300); position: relative; margin-left: 30px; }
#main>div.promotions .promotion_40>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions>div:first-child { margin-left: 0; }
#main>div.promotions .promotion_60 { flex: 1 1 60%; position: relative; padding-bottom: calc(100% / 1230 * 300); position: relative; margin-left: 30px; }
#main>div.promotions .promotion_60>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions .promotion_60:first-child { margin-left: 0; }
#main>div.promotions .promotion_50 { flex: 1 1 50%; position: relative; padding-bottom: calc(100% / 1230 * 300); position: relative; margin-left: 30px; }
#main>div.promotions .promotion_50>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions .promotion_50:first-child { margin-left: 0; }
#main>div.promotions .promotion_50 { flex: 1 1 50%; position: relative; padding-bottom: calc(100% / 1230 * 300); position: relative; margin-left: 30px; }
#main>div.promotions .promotion_50>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions .promotion_50:first-child { margin-left: 0; }
#main>div.promotions a.cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#main>div.promotions360 { display: flex; background: transparent; box-shadow: none; padding: 0; }
#main>div.promotions360 .promotion_40 { flex: 1 1 40%; position: relative; padding-bottom: calc(100% / 1230 * 360); position: relative; margin-left: 30px; }
#main>div.promotions360 .promotion_40>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions360>div:first-child { margin-left: 0; }
#main>div.promotions360 .promotion_60 { flex: 1 1 60%; position: relative; padding-bottom: calc(100% / 1230 * 360); position: relative; margin-left: 30px; }
#main>div.promotions360 .promotion_60>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions360 .promotion_60:first-child { margin-left: 0; }
#main>div.promotions360 .promotion_33 { flex: 1 1 33.33%; position: relative; padding-bottom: calc(100% / 1230 * 360); position: relative; margin-left: 30px; }
#main>div.promotions360 .promotion_33>div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions360 .promotion_33:first-child { margin-left: 0; }
#main>div.promotions360 a.cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#main>div.promotions390 { display: flex; background: transparent; box-shadow: none; padding: 0; flex-flow: wrap; margin-left: -30px; margin-bottom: -30px; }
#main>div.promotions390 .promotion_33 { flex: 0 0 33.33%; position: relative; padding-bottom: calc(100% / 1260 * 420); position: relative; }
#main>div.promotions390 .promotion_33>div { position: absolute; top: 0; left: 30px; right: 0; bottom: 30px; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; overflow: hidden; }
#main>div.promotions390 a.cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  
#main>div.product_details .tabs { color: #1d2a38; font-size: 120%; margin: 20px 0; letter-spacing: .4px; font-weight: 600; }
#main>div.product_details .tabs .tab_tab { display: inline-block; margin-right: 20px; cursor: pointer; padding-bottom: 10px; border-bottom: 2px solid #fff; transition: border .3s; }
#main>div.product_details .tabs .tab_tab.active { border-bottom: 2px solid #00cf5b; }
#main>div.product_details .tab_contents .tab_content { display: none; font-size: 80%; }
#main>div.product_details .tab_contents .tab_content * { font-size: 100%; }
#main>div.product_details .tab_contents .tab_content.active { display: block; }
#main>div.product_details .tab_contents .hidden-content span { display: block; color: #7d879c; font-size: 80%; margin: 10px 0; }

#main>div.blog_post h4 { font-size: 14px; margin-top: -20px; }
#main>div.blog_post h5 { color: #7d879c; font-size: 80%; margin: 20px 0 10px 0; }
#main>div.blog_post ul { margin-bottom: 10px; }

/*
#main>div.promotions .promotion { margin-left: 30px; flex: 1 1 40%; }
#main>div.promotions .promotion:first-child { margin-left: 0; flex: 1 1 60%; }
#main>div.promotions .promotion a { display: block; width: 100%; padding-bottom: calc(100% / 600 * 300); background: navy; border-radius: 6px; box-shadow: 0 1px 1px #e5e5e5; overflow: hidden; position: relative; }
*/



body.category-products #main .products { display: flex; justify-content: space-between; flex-flow: wrap; margin-right: -20px; margin-bottom: -20px; }
body.category-products #main .products>div { flex: 0 0 190px; margin-right: 20px; margin-bottom: 20px; text-align: center; }
body.category-products #main .products>div span.img { width: 190px; height: 190px; display: inline-block; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; margin-bottom: 10px; background: #fff url('/assets/no-image.jpg') center no-repeat; }
body.category-products #main .products>i { flex: 0 0 190px; margin-right: 20px; height: 0; }
body.category-products #main .products>div { font-size: 80%; line-height: 120%; }
body.category-products #main .products>div a { text-decoration: none; }
body.category-products #main .products>div span.price { color: #00cf5b; font-weight: 600; letter-spacing: .3px; padding: 5px 0; display: block; }
body.category-products #main .products>div span.from_price { color: #7d879c; margin-bottom: -25px; padding: 5px 0; display: block; text-decoration: line-through; }

body.product #main .product_info { display: flex; background: transparent; padding: 0; box-shadow: none; }
body.product #main .product_info>div { background: #fff; border-radius: 6px; box-shadow: 0 2px 2px #e5e5e5; position: relative; padding: 30px; }
body.product #main .product_info .gallery { flex: 0 0 400px; }

body.product #main .product_info .flag { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 33%, rgba(255,233,54,1) 33%, rgba(255,233,54,1) 67%, rgba(255,15,33,1) 67%, rgba(255,15,33,1) 100%); position: absolute; right: 30px; top: 30px; padding: 0 12px 0 10px; height: 21px; color: #fff; font-size: 13px; line-height: 23px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; border-radius: 11px; border: 1px solid #fff; box-shadow: 0 2px 2px #e5e5e5; z-index: 1; }

body.product #main .product_info .gallery .big { position: relative; width: 400px; height: 400px; overflow: hidden; margin-bottom: 10px; }
body.product #main .product_info .gallery .big .slider { position: absolute; white-space: nowrap; }
body.product #main .product_info .gallery .big .slider span.img { display: inline-block; width: 400px; height: 400px; margin-right: 10px; }

body.product #main .product_info .gallery .small { margin-right: -10px; }
body.product #main .product_info .gallery .small span.img { float: left; width: 88px; height: 88px; display: inline-block; cursor: pointer; margin-right: 10px; margin-bottom: 10px; }
body.product #main .product_info .gallery .small span.img { border: 2px solid #e1e5eb; transition: border .3s; }
body.product #main .product_info .gallery .small span.img.active { border: 2px solid #00cf5b; }

body.product #main .product_info .info { flex: 1 1 100%; }
body.product #main .product_info .gallery+.info { margin-left: 30px; }

body.product #main .product_info .quantity { width: 100px; background: transparent; margin: 10px 0; padding: 12px; border: 2px solid #e1e5eb; border-radius: 10px; cursor: pointer; font-weight: 600; letter-spacing: .3px; white-space: nowrap; }
body.product #main .product_info .quantity>div { display: inline-block; }
body.product #main .product_info .quantity .amount { font-size: 18px; color: #7d879c; border: 0; outline: 0px solid transparent; width: 64px; text-align:center; -moz-appearance: textfield; }
body.product #main .product_info .quantity .amount::-webkit-outer-spin-button,body.product #main .product_info .quantity .amount::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0; }
body.product #main .product_info .quantity .minus,body.product #main .product_info .quantity .plus { user-select: none; cursor: pointer; color: #1d2a38; font-size: 24px; }

body.product #main .product_info .delivery { color: #f66133; background: url('/images/misc/fast-delivery.jpg') no-repeat; padding: 16px 0 0 65px; line-height: 21px; overflow: hidden; font-style: italic; }
body.product #main .product_info .refrigerated { color: #f66133; background: url('/images/misc/refrigerated.jpg') no-repeat; padding: 8px 0 8px 26px; line-height: 21px; overflow: hidden; font-style: italic; }
body.cart #main p.refrigerated { color: #f66133; background: url('/images/misc/refrigerated.jpg') no-repeat; padding: 8px 0 8px 26px; line-height: 21px; overflow: hidden; font-style: italic; }

body.cart #main table { font-size: 80%; }

@media screen and (max-width: 1000px) {
  #top { display: none; }
  #header { height: auto; padding: 15px 0; }
  #header .logo { position: relative; top: 0; margin-bottom: 5px; left: 10px; }
  #header .logo img { width: calc(80% - 80px); max-width: 285px; height: auto; }
  #header .search { position: relative; top: 0; left: auto; margin: 0 auto; height: 44px; width: 100%; max-width: 400px; }
  #header .cart { position: absolute; top: 0; right: 10px; }
  #side { display: none; }
  #side+#main { flex: 1 1 100%; margin-left: 0; }

  body.product #main .product_info { display: block; }
  body.product #main .product_info>div { flex: none; clear: both; }
  body.product #main .product_info>div+div { margin-top: 30px; }
  body.product #main .product_info .gallery+.info { margin-left: 0; padding-top: 10px; }

  #footer .wrap { display: block; background-size: 50px auto; }
  #footer .wrap>div { padding-left: 65px; padding-top: 20px; flex: none; }
  #footer .wrap>div.apotheek { padding-top: 0; }
  #bottom .wrap { padding-top: 50px; }
  
  body.ctrl #side { display: block; flex: 1 1 100%; }
  body.ctrl #side+#main { display: none; }
  body.account_overview #side { display: block; flex: 1 1 100%; }
  body.account_overview #side+#main { display: none; }
  body.account_orders table tr th:nth-child(3) { display: none; }
  body.account_orders table tr td:nth-child(3) { display: none; }
  body.account_orders table tr th:nth-child(4) { display: none; }
  body.account_orders table tr td:nth-child(4) { display: none; }
  
  #navigation { font-size: 78%; }
  #navigation div.secundary { float: none; border-top: 1px solid #6CD67F; padding-top: 10px; margin-top: 10px; }
}

body.ctrl #main input[type=number] { background: #f2f4f5; border: 2px solid #e1e5eb; padding: 10px; font-size: 80%; }
body.ctrl #main input[type=number]:focus { border: 2px solid #00cf5b; }

#main .product_list { display: flex; justify-content: space-between; flex-flow: wrap; margin-right: -30px; margin-bottom: -30px !important; }
#main .product_list>div { flex: 1 1 185px; margin-right: 30px; margin-bottom: 30px; text-align: center; position: relative; font-size: 80%; line-height: 120%; }
#main .product_list>i { flex: 1 1 185px; margin-right: 30px; height: 0; }
#main .product_list>div a { text-decoration: none; }
#main .product_list>div div.img { width: 100%; height: 0; padding-bottom: 100%; position: relative; border-radius: 6px; box-shadow: 0 0 2px #e5e5e5; margin-bottom: 15px; overflow: hidden; }
#main .product_list>div div.name { margin-bottom: 5px; }
#main .product_list>div span.img { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff url('/assets/no-image.jpg') center no-repeat; }

#main .product_list>div span.label { background: #00cf5b; position: absolute; left: -6px; top: 10px; padding: 0 12px 0 10px; height: 21px; color: #fff; font-size: 13px; line-height: 23px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; border-radius: 0 11px 11px 0; border: 1px solid #fff; box-shadow: 0 2px 2px #e5e5e5; z-index: 1; }
#main .product_list>div span.label:before { content: ''; height: 0; width: 0; border-bottom: 6px solid #0d8e46; border-left: 6px solid transparent; top: -6px; left: 0; position: absolute; }
/*
#main .product_list>div span.label.is_medicine { background: #9e9e9e; }
#main .product_list>div span.label.is_medicine:before { border-bottom: 6px solid #4f4f4f; }
*/
#main .product_list>div span.label+span.label { top: 33px; }
#main .product_list>div span.label+span.label:before { border: 0; }
#main .product_list>div span.label+span.label+span.label { top: 55px; }
#main .product_list>div span.flag { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 33%, rgba(255,233,54,1) 33%, rgba(255,233,54,1) 67%, rgba(255,15,33,1) 67%, rgba(255,15,33,1) 100%); position: absolute; right: 10px; top: 10px; padding: 0 12px 0 10px; height: 21px; color: #fff; font-size: 13px; line-height: 23px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; border-radius: 11px; border: 1px solid #fff; box-shadow: 0 2px 2px #e5e5e5; z-index: 1; }

#main .product_info span.label { background: #00cf5b; position: absolute; left: -6px; top: 10px; padding: 0 12px 0 10px; height: 21px; color: #fff; font-size: 13px; line-height: 23px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; border-radius: 0 11px 11px 0; border: 1px solid #fff; box-shadow: 0 2px 2px #e5e5e5; z-index: 1; }
#main .product_info span.label:before { content: ''; height: 0; width: 0; border-bottom: 6px solid #0d8e46; border-left: 6px solid transparent; top: -6px; left: 0; position: absolute; }
#main .product_info span.label { padding: 0 38px 0 36px; height: 23px; font-size: 14px; line-height: 25px; }
#main .product_info span.label+span.label { top: 35px; }
#main .product_info span.label+span.label:before { border: 0; }
#main .product_info span.label+h1 { margin-top: 30px; }
#main .product_info span.label+span.label+h1 { margin-top: 50px; }

.label_medicine { background: #77b17a !important; }
.label_medicine:before { border-bottom: 6px solid #709573 !important; }
.label_medical_device { background: #7791b1 !important; }
.label_medical_device:before { border-bottom: 6px solid #708095 !important; }

.label_pre_order { background: #b13741 !important; }
.label_pre_order:before { border-bottom: 6px solid #953030 !important; }

#main .product_info p.promo_gift { color: #625df5; margin-bottom: 30px; border: 1px solid #625df5; border-radius: 6px; padding: 5px 10px; display: inline-block; background: #f1f1ff; margin-top: -10px; }

.label_promo_gift { background: #625df5 !important; }
.label_promo_gift:before { border-bottom: 6px solid #463c8e !important; }

#main .black_friday { background: #1d2a38; }
#main .black_friday h2 { color: #fff; }
#main .black_friday .product_list>div .img { background: #fff; }
#main .black_friday .product_list>div span.label { left: -7px; box-shadow: none; border-color: transparent; }
#main .black_friday .product_list>div a { color: #fff; }
.label_promo_bf { background: #5d5d5d !important; }
.label_promo_bf:before { border-bottom: 6px solid #3c3c3c !important; }
#main .black_friday .circle_off { cursor: default; background: #4c4c4c; }

#main .product_list>div div.prices { height: 58px; position: relative; }
#main .product_list>div span.price { color: #00cf5b; font-weight: 600; font-size: 18px; letter-spacing: .3px; padding: 5px 0; display: block; }
#main .product_list>div span.from_price { color: #7d879c; margin-bottom: -25px; padding: 5px 0; display: block; text-decoration: line-through; }
#main .product_list>div span.from_price_soft { color: #7d879c; margin-bottom: -25px; padding: 5px 0; display: block; opacity: .6; }
#main .product_list>div span.discount { background: #00cf5b; position: absolute; display: inline-block; left: 50%; margin-left: 42px; top: 0px; width: 46px; height: 46px; color: #fff; font-size: 15px; line-height: 47px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; border-radius: 50%; transform: rotate(0deg); border: 1px solid #fff; box-shadow: 0 2px 2px #e5e5e5; }

.circle_button { background: #00cf5b; display: inline-block; width: 35px; height: 35px; color: #fff; font-size: 15px; border-radius: 50%; cursor: pointer; }
.circle_off { cursor: default; background: #cdcdcd; }
.circle_next span { position: absolute; left: 12px; top: 13px; border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); }
.circle_prev span { position: absolute; left: 14px; top: 13px; border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(135deg); }

@media screen and (min-width: 1001px) {
  #main .product_list>div span.label { transition: padding .3s; }
  #main .product_list>div a:hover span.label { padding: 0 16px 0 14px; }
  #main .product_list>div span.img { transition: transform .3s; }
  #main .product_list>div a:hover span.img { transform: scale(1.1); }
  /* #main .product_list>div span.discount { transition: none; } */
  /* #main .product_list>div a:hover span.discount { transform: rotate(355deg); transition: transform .3s; } */
  
  #main .product_list>div a:hover span.discount { animation-duration: .4s; animation-name: ani_discount; }
  @keyframes ani_discount { 0%, 100% { transform: rotate(0deg) scale(1); } 60% { transform: rotate(0deg) scale(1.12); } }  
  
  #main .product_list>div span.price { transition: transform .3s; }
  #main .product_list>div a:hover span.price { transform: scale(1.2); }
}

.hidden { display: none; }

.popup_info { 
  position: absolute; left: 50%; margin-left: 85px; top: -2px; border: 1px solid #ccc; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; font-size: 15px; color: #00cf5b; text-align: center; cursor: default;
}
.popup_info:hover:after {
  opacity: .9;
  color: #fff;
  text-align: center;
  font-size: 12px;
  width: 180px;
  display: inline-block;
  content: attr(popup);
  padding: 5px;
  border: 2px solid #fff;
  margin-top: 5px;
  padding: 6px;
  margin-left: -180px;
  background: #00cf5b;
  border-radius: 6px;
  box-shadow: 0 2px 2px #e5e5e5;
}

.product_list .popup_info { }
.product_list .popup_info:hover:after { }

.product .popup_info { position: absolute; left: auto; margin-left: 2px; top: auto; }
.product .popup_info:hover:after { margin-left: 0; }