.tpl-component-bulbulator ._ibg { position: relative; }
.tpl-component-bulbulator ._ibg img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; }
.tpl-component-bulbulator .calc { color: #1BC768; font-family: Roboto; }
.tpl-component-bulbulator .calc__block { background-color: #fff; padding: 24px; margin-top: 24px; border-radius: 16px; }
.tpl-component-bulbulator .calc__block-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Roboto; font-style: normal; font-weight: normal; vertical-align: top; font-size: 24px; line-height: 28px; color: #383B4D; padding-bottom: 24px; }
.tpl-component-bulbulator .calc__block-icon { margin-right: 20px; }
.tpl-component-bulbulator .calc__block-icon svg { width: 24px; height: 24px; fill: #1BC768; }
.tpl-component-bulbulator .calc__slider { padding: 22px 0; }
.tpl-component-bulbulator .calc__select { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; }
.tpl-component-bulbulator .calc__select input { opacity: 0; height: 0; width: 0; }
.tpl-component-bulbulator .calc__select label { -webkit-box-flex: 1; -ms-flex: 1 0 300px; flex: 1 0 300px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; }
.tpl-component-bulbulator .calc__select label span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; width: 100%; border-radius: 16px; background-color: #fff; color: #000; -webkit-transition: .2s all; transition: .2s all; border: 1px solid #1BC768; }
.tpl-component-bulbulator .calc__select input:checked + span { background-color: #1BC768; color: #fff; }
.tpl-component-bulbulator .calc__select input:checked + span svg { fill: #fff; }
.tpl-component-bulbulator .calc__select svg { fill: #1BC768; margin-right: 10px; }
.tpl-component-bulbulator .calc__select svg:nth-child(1) { margin-top: -4px; width: 26px; height: 28px; }
.tpl-component-bulbulator .calc__select svg:nth-child(2) { width: 22px; height: 26px; }
.tpl-component-bulbulator .calc__submit { width: 100%; background: #1BC768; color: #fff; border-radius: 16px; border-width: 0; padding: 24px; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; }
.tpl-component-bulbulator .calc__dropdown { position: relative; margin-left: 8px; }
.tpl-component-bulbulator .calc__dropdown select { display: none; }
.tpl-component-bulbulator .calc__dropdown label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; background-color: #383B4D; height: 100%; text-align: right; color: #fff; border-radius: 60px; z-index: 0; padding-right: 12px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 32px; }
.tpl-component-bulbulator .calc__dropdown label span { margin-left: 96px; }
.tpl-component-bulbulator .calc__dropdown-container { display: block; position: relative; top: 45px; max-height: 136px; overflow-y: scroll; }
.tpl-component-bulbulator .calc__dropdown-selected { position: relative; z-index: 99; background: #fff; cursor: pointer; color: #383B4D; border: 1px solid #383B4D; border-radius: 60px; padding: 8px 18px; font-weight: bold; font-size: 18px; line-height: 32px; width: 90px; height: 48px; }
.tpl-component-bulbulator .calc__dropdown-selected:after { position: absolute; content: ""; top: 14px; right: 15px; width: 0; height: 0; border: solid #1BC768; border-width: 0 3px 3px 0; display: inline-block; padding: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; -webkit-transition: .1s all; transition: .1s all; -webkit-transform-origin: bottom; transform-origin: bottom; }
.tpl-component-bulbulator .calc__dropdown-arrow-active { border-radius: 24px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; }
.tpl-component-bulbulator .calc__dropdown-arrow-active:after { top: 12px; -webkit-transform: scaleY(-1) rotate(45deg); transform: scaleY(-1) rotate(45deg); }
.tpl-component-bulbulator .calc__dropdown-items { position: absolute; background-color: #fff; top: 0%; left: 0; right: 0; z-index: 98; font-weight: bold; font-size: 18px; line-height: 32px; border: 1px solid #383B4D; border-radius: 24px; overflow: hidden; -webkit-transition: .2s all; transition: .2s all; height: 180px; max-height: 180px; }
.tpl-component-bulbulator .calc__dropdown-items div { color: #383B4D; padding: 1px 18px; cursor: pointer; }
.tpl-component-bulbulator .calc__dropdown-items div:first-child { padding-top: 10px; }
.tpl-component-bulbulator .calc__dropdown-items div:hover, .tpl-component-bulbulator .calc__dropdown .same-as-selected { color: #1BC768; }
.tpl-component-bulbulator .calc__dropdown-hide { max-height: 48px; pointer-events: none; }
.tpl-component-bulbulator .calc__gender svg { height: 24px; width: 21px; margin-bottom: -3px; }
.tpl-component-bulbulator .calc__weight .ui-slider-handle::before { background: url("/Calculator/images/weight.svg#icon"); width: 17px; height: 19px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 16px; }
.tpl-component-bulbulator .calc__weight .calc__block-icon { margin-bottom: -8px; }
.tpl-component-bulbulator .calc__time .ui-slider-handle::before { background: url("/Calculator/images/clock.svg#icon"); width: 18px; height: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 16px; }
.tpl-component-bulbulator .calc__time .calc__block-icon { margin-bottom: -8px; }
.tpl-component-bulbulator .calc__drinks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; }
.tpl-component-bulbulator .calc__drinks > div { -webkit-box-flex: 1; -ms-flex: 1 0 340px; flex: 1 0 340px; }
.tpl-component-bulbulator .calc__drinks > div:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.tpl-component-bulbulator .calc__drinks .calc__block-icon { margin-bottom: -8px; }
.tpl-component-bulbulator .calc__submit { text-align: center; cursor: pointer; -webkit-transition: .1s all; transition: .1s all; }
.tpl-component-bulbulator .calc__submit:active { background-color: #159a51; }
.tpl-component-bulbulator .calc__result { background-color: #383B4D; padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; }
.tpl-component-bulbulator .calc__result div { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 320px; flex: 1 0 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 16px; padding: 16px; background-color: #EF4D4D; color: #fff; overflow: hidden; }
.tpl-component-bulbulator .calc__result div::before { content: ''; position: absolute; display: block; }
.tpl-component-bulbulator .calc__result div p { font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; }
.tpl-component-bulbulator .calc__result div span { font-style: normal; font-weight: normal; font-size: 72px; line-height: 84px; }
.tpl-component-bulbulator .calc__result div:first-child::before { left: 35px; bottom: 0px; width: 94px; height: 134px; background: url("/Calculator/images/bottle.svg#icon"); }
.tpl-component-bulbulator .calc__result div:nth-child(2)::before { left: 15px; bottom: 0px; width: 133px; height: 119px; background: url("/Calculator/images/time.svg#icon"); }
.tpl-component-bulbulator .drink { display: none; color: #383B4D; padding: 16px; background-color: #F2F2F2; max-width: 340px; border-radius: 16px; min-height: 184px; }
.tpl-component-bulbulator .drink.visible { display: block; }
.tpl-component-bulbulator .drink__header { padding-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tpl-component-bulbulator .drink__header span { font-style: normal; font-weight: normal; font-size: 18px; line-height: 32px; }
.tpl-component-bulbulator .drink__header svg { width: 12px; height: 12px; fill: #EF4D4D; margin-left: 8px; -webkit-transition: .2s all; transition: .2s all; }
.tpl-component-bulbulator .drink__remove { color: #EF4D4D; font-style: normal; font-weight: normal; font-size: 18px; line-height: 32px; cursor: pointer; -webkit-transition: .2s all; transition: .2s all; }
.tpl-component-bulbulator .drink__remove:hover { color: #c41212; }
.tpl-component-bulbulator .drink__remove:hover svg { fill: #c41212; }
.tpl-component-bulbulator .drink__values { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 32px; background: #fff; border-radius: 54px; padding-left: 24px; }
.tpl-component-bulbulator .drink > div:nth-child(3) { margin-top: 8px; }
.tpl-component-bulbulator .drink__strength .calc__dropdown { left: -28px; }
.tpl-component-bulbulator .drink__volume .calc__dropdown { left: -38px; }
.tpl-component-bulbulator .drink__volume .calc__dropdown-selected { z-index: 90; }
.tpl-component-bulbulator .drink__volume .calc__dropdown-items { z-index: 89; }
.tpl-component-bulbulator .drink:nth-of-type(3) .drink__strength .calc__dropdown-selected { z-index: 88; }
.tpl-component-bulbulator .drink:nth-of-type(3) .drink__strength .calc__dropdown-items { z-index: 87; }
.tpl-component-bulbulator .drink:nth-of-type(3) .drink__volume .calc__dropdown-selected { z-index: 86; }
.tpl-component-bulbulator .drink:nth-of-type(3) .drink__volume .calc__dropdown-items { z-index: 85; }
.tpl-component-bulbulator .drink:nth-of-type(4) .drink__strength .calc__dropdown-selected { z-index: 84; }
.tpl-component-bulbulator .drink:nth-of-type(4) .drink__strength .calc__dropdown-items { z-index: 83; }
.tpl-component-bulbulator .drink:nth-of-type(4) .drink__volume .calc__dropdown-selected { z-index: 82; }
.tpl-component-bulbulator .drink:nth-of-type(4) .drink__volume .calc__dropdown-items { z-index: 81; }
.tpl-component-bulbulator .drink__empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; cursor: pointer; color: #1BC768; -webkit-transition: .2s all; transition: .2s all; }
.tpl-component-bulbulator .drink__empty:hover { -webkit-filter: brightness(0.7); filter: brightness(0.7); }
.tpl-component-bulbulator .drink__empty-icon svg { width: 72px; height: 72px; fill: #1BC768; }
.tpl-component-bulbulator .drink__empty-text { font-style: normal; font-weight: normal; font-size: 18px; line-height: 32px; text-align: center; }
.tpl-component-bulbulator .ui-widget.ui-widget-content { position: relative; display: block; height: 4px; width: 100% !important; background-color: #E2E2E2; margin-left: 0 !important; background: #e9e9e9; color: #333333; font-weight: bold; top: 0; z-index: 1; background-position: 0 0; }
.tpl-component-bulbulator .ui-slider-range { background-color: #1BC768; height: 48px; position: absolute; top: -22px; border-top-left-radius: 44px; border-bottom-left-radius: 44px; -webkit-box-shadow: 0px 0px 32px rgba(27, 199, 104, 0.5); box-shadow: 0px 0px 32px rgba(27, 199, 104, 0.5); }
.tpl-component-bulbulator .ui-slider-handle { position: absolute; z-index: 2; width: 24px; height: 48px; cursor: pointer; -ms-touch-action: none; touch-action: none; background-color: #1BC768; font-weight: normal; color: #454545; top: -22px; border-top-right-radius: 44px; border-bottom-right-radius: 44px; -webkit-box-shadow: 0px 0px 32px rgba(27, 199, 104, 0.5); box-shadow: 0px 0px 32px rgba(27, 199, 104, 0.5); fill: #fff; }
.tpl-component-bulbulator .ui-slider-handle::before { content: ""; position: absolute; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
@media screen and (max-width: 768px) { 
.tpl-component-bulbulator .calc__block, .tpl-component-bulbulator .drink { padding: 8px; padding-top: 16px; }
.tpl-component-bulbulator .calc__drinks > div { -webkit-box-flex: 1; -ms-flex: 1 0 280px; flex: 1 0 280px; }
.tpl-component-bulbulator .calc__dropdown { margin-top: 12px; width: 80%; }
.tpl-component-bulbulator .calc__dropdown-selected { width: unset; }
.tpl-component-bulbulator .calc__dropdown label { left: auto; right: -40px; }
.tpl-component-bulbulator .calc__time .calc__dropdown { width: 70%; }
.tpl-component-bulbulator .calc__time label { right: -68px; }
.tpl-component-bulbulator .calc__drinks .calc__dropdown { margin-top: 0; left: -38px; width: 100px; }
.tpl-component-bulbulator .calc__result { padding: 8px; gap: 8px; }
.tpl-component-bulbulator .calc__result > div { -webkit-box-flex: 1; -ms-flex: 1 0 280px; flex: 1 0 280px; padding: 8px; }
.tpl-component-bulbulator .calc__result > div p { font-size: 18px; line-height: 28px; }
 }