.modal {padding-right: 0!important;}
.modal-open, .modal-loader {overflow: hidden}
.modal.show {display: flex!important;}
.modal-dialog {margin: auto;}
.modal-content {width: auto;margin: 10px;background: var(--modal);border: none;border-radius: var(--global_border_radius_element);}
.modal-loader:before {content: '';position: absolute;background: rgba(0, 0, 0, 0.4) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20class%3D%22lds-rolling%22%20style%3D%22background%3A0%200%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20r%3D%2214%22%20stroke-dasharray%3D%2274%2030%22%20transform%3D%22rotate%28149.879%2050%2050%29%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20calcMode%3D%22linear%22%20values%3D%220%2030%2030%3B360%2030%2030%22%20keyTimes%3D%220%3B1%22%20dur%3D%221.4s%22%20begin%3D%220s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E) center no-repeat;background-size: 60px;width: 100%;height: 100vh;top: 0;left: 0;z-index: 900;overflow: hidden;}

.menu-open:before {content: '';position: absolute;background: rgba(0, 0, 0, 0.4);width: 100%;height: 100%;top: -15px;left: 0;z-index: 990;}

.close-modal {position: absolute;top: 15px;right: 15px;width: 40px;height: 40px;padding: 10px;background: var(--secondary);border-radius: 50%;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);cursor: pointer;z-index: 1;transition: transform 700ms ease 0s;}
.close-modal:hover {transform: rotate(180deg);}
.close-modal svg {fill: #838181;width: 20px;height: 20px;}

@media (max-width: 767px) {
	.modal {padding-top: 50px;width: 100%;height: 100%;}
	.modal-dialog {max-width: 100%!important;margin-bottom: 0;height: 100%;}
	.modal-content {height: 100%;margin: 0;border-radius: 20px 20px 0 0;overflow-x: hidden;overflow-y: auto;}
}

.additionalModal {z-index: 4001;}

#modal-cart {max-width: 500px;width: 100%;pointer-events: auto;}

#modal-cart .update:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(45, 45, 46, 0.35) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20class%3D%22lds-rolling%22%20style%3D%22background%3A0%200%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20r%3D%2214%22%20stroke-dasharray%3D%2274%2030%22%20transform%3D%22rotate%28149.879%2050%2050%29%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20calcMode%3D%22linear%22%20values%3D%220%2030%2030%3B360%2030%2030%22%20keyTimes%3D%220%3B1%22%20dur%3D%221.4s%22%20begin%3D%220s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E) center no-repeat;z-index: 999;}

#modal-cart .empty .h3 {margin: 30px 0 15px;} 
#modal-cart .empty img {max-height: 250px;margin: 0 auto;}
#modal-cart .empty p {line-height: 18px;}
#modal-cart .empty .button {margin-top: 50px;}

#modal-cart .simple-modal-body {padding: 30px;}
#modal-cart .simple-modal-body .h3 {margin: 0 0 25px;}

#modal-cart .product_item:last-child {margin: 0;}

#modal-cart .product_item .image {width: 130px;height: 130px;min-width: 130px;min-height: 130px;}
#modal-cart .product_item .product_body {padding: 0;padding-left: 15px;}
#modal-cart .product_item .product_body .product-title {font-size: 16px;}
#modal-cart .product_item .product_body .option {color: var(--description);font-size: 12px;line-height: 14px;margin-bottom: 10px;}

#modal-cart .product_item .product_body .gift {position: relative;line-height: 30px;color: var(--main);}
#modal-cart .product_item .product_body .gift svg {width: 15px;height: 15px;fill: var(--main);margin-right: 10px;}

#modal-cart .product_item .product_body .quantity {display: inline-flex;align-items: center;background: var(--secondary);border-radius: var(--global_border_radius_element);margin-right: 15px;}
#modal-cart .product_item .product_body .quantity .amount {text-align: center;font-size: 16px;margin: 0 10px;color: var(--heading);}
#modal-cart .product_item .product_body .quantity .key {width: 30px;height: 30px;cursor: pointer;}
#modal-cart .product_item .product_body .quantity .key svg {width: 16px;height: 16px;margin: 7px;stroke: var(--svg);}
#modal-cart .product_item .product_body .quantity-price {font-size: 14px;display: inline-block;line-height: 30px;}

#modal-cart .product_item .product_body .delete {width: 30px;height: 30px;float: right;background: var(--secondary);border-radius: var(--global_border_radius_element);cursor: pointer;}
#modal-cart .product_item .product_body .delete:hover,
#modal-cart .product_item .product_body .delete:active,
#modal-cart .product_item .product_body .delete:focus {background: #fff1f0;}

#modal-cart .product_item .product_body .delete svg {width: 100%;height: 15px;stroke: var(--svg);}
#modal-cart .product_item .product_body .delete:hover svg,
#modal-cart .product_item .product_body .delete:active svg,
#modal-cart .product_item .product_body .delete:focus svg {stroke: #f44336;}

#modal-cart .fw {padding: 5px 30px;background: var(--primary);}
#modal-cart .fw-title {margin: 0;margin-left: 30px;margin-bottom: 10px;}
#modal-cart .fw .product_box {width: 120px;}
#modal-cart .fw .product_box .name {margin: 10px 0;font-weight: var(--text_medium);}
#modal-cart .fw .product_box .price {margin: 0;}

#modal-cart .simple-total-block {padding: 20px 30px;}

#modal-cart .gifts {position: relative;padding: 10px;background: rgba(238, 207, 99, 0.2);border-radius: 16px;cursor: pointer;}
#modal-cart .gifts .item {flex: inherit;margin-left: 15px;}
#modal-cart .gifts .progress-line {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: 56px;height: 56px;border-radius: 50%;border: 3px solid rgba(28, 28, 28, 0.05);}
#modal-cart .gifts .progress-line .bar {position: absolute;left: -3px;width: 56px;height: 56px;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
#modal-cart .gifts .progress-line .bar .refresh {fill: none;stroke: var(--main);stroke-width: 3px;stroke-dasharray: 160;stroke-dashoffset: 0;stroke-linecap: round;}
#modal-cart .gifts .progress-line .icon {height: 22px;width: 22px;fill: var(--color);}

.total_item {position: relative;display: flex;justify-content: space-between;line-height: 16px;}
.total_item + .total_item {margin-top: 10px;}
.total_item .name {max-width: 60%;}
.total_item .name p {color: var(--description);font-size: 12px;margin: 5px 0 0;}

.promo-items {position: relative;padding: 10px;background: #808080;border-radius: var(--global_border_radius_element);filter: grayscale(1);cursor: default;}
.promo-items .item, .bonus .bonus-info {width: calc(100% - 30px);}
.promo-items svg, .bonus svg {height: 20px;margin-right: 10px;}

.promo-items.coupon {background: #cbe3fa;}
.promo-items.unlock {filter: none;cursor: pointer;}

#modal-cart .simple-total-block div + div {margin-top: 10px;}

@media (min-width: 768px) {
	#modal-cart {height: 100%;margin-right: 0;}
	#modal-cart .modal-content {height: 100%;margin: 0;border-radius: 0;overflow: auto;}
	#modal-cart .close-modal {top: calc(50% - 25px);left: -55px;padding: 5px;background: initial;backdrop-filter: none;}
	#modal-cart .close-modal svg {fill: #fff;width: 30px;height: 30px;}
	
	.vs-modal .modal-content {width: 100%;display: table;}
	.vs-modal .modal-body {display: table-cell;vertical-align: middle;}
}

@media (max-width: 767px) {
	#modal-cart .simple-modal-body {padding: 20px;}
	#modal-cart .fw {padding: 4px 20px;}
	#modal-cart .fw-title {margin-left: 30px;}
}

#modal-cart .order_block {position: sticky;bottom: 0;padding: 15px 25px;background: var(--primary);box-shadow: 0 0 10px rgb(6 5 50 / 20%);z-index: 990;}
#modal-cart .order_block .total_item:not(#total_sub_total) > div:not(.name) {color: var(--main);}
#modal-cart .order_block .button-order {display: flex;font-size: 16px;min-height: 44px;padding: 12px 24px;margin-top: 10px;}
#modal-cart .order_block .button-order span:first-child {flex: 1;text-align: left;}

@media (max-width: 767px) {
	#modal-cart .order_block,
	#modal-cart .minimum-wrap {padding: 15px 20px;}
}

.vs-modal {height: auto;}
.vs-modal .modal-body {padding: 20px;}

.minimum-wrap {position: sticky;bottom: 0;background: var(--primary);padding: 15px 25px;z-index: 990;}
.minimum-wrap .summary {display: -moz-box;display: -ms-flexbox;display: flex;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 12px;}
.minimum-wrap .summary > * {font-size: 12px;}
.minimum-wrap .progress-bar {width: 100%;height: 4px;background: var(--background);border-radius: 3px;overflow: hidden;}
.minimum-wrap .progress-line {width: 100%;height: 100%;background: var(--main);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;-o-transition: transform .2s;-moz-transition: transform .2s,-moz-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s,-moz-transform .2s;border-radius: 3px;}

.bonus {padding: 10px;background: #f0e5d9;border-radius: var(--global_border_radius_element);}
.bonus .h4, .promo-items .item .h4 {margin-top: 0;}
.bonus .count {color: var(--main);}
.bonus .bonus-info .input-group {margin-top: 10px;}
.bonus .bonus-info .input-group input {background: var(--background);border: none!important;height: 36px;}

#modal-cart .bonus .button {display: inline-block;margin-top: 10px;padding: 7px 15px;}
#modal-cart .bonus .input-group .button {padding: 10px;margin-top: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}

#total_reward div:last-child {color: green;}

.bonus + .promo-items, .promo-items + .promo-items {margin-top: 5px;}

#modal-coupon {max-width: 450px;width: 100%;}
#modal-coupon .h3 {margin-top: 0;}
#modal-coupon .description {padding: 0;}
#modal-coupon .form-control {background: var(--b_background);border: none!important;margin-top: 15px;padding: 12px;}
#modal-coupon .button {font-size: 16px;padding: 12px 15px;margin-top: 15px;width: 100%;}

#modal-gifts .modal-content {background-color: var(--b_background);}
#modal-gifts .h3 {margin-top: 0;}
#modal-gifts .gift {margin-top: 30px;}
#modal-gifts .product_item {align-items: center;background: var(--background);border: 2px solid var(--b_background);margin-bottom: 5px;}
#modal-gifts .product_item .image {width: 130px;height: 130px;min-width: 130px;min-height: 130px;}
#modal-gifts .product_item .product-title {font-size: 16px;}
#modal-gifts .product_item span {color: var(--description);}
#modal-gifts .product_item span strong {color: var(--main);}

#modal-gifts .product_item .button {display: inline-block;color: var(--main);background: var(--a_background);}
#modal-gifts .product_item .cancel {background: var(--b_background);color: #929292;}

#modal-gifts .product_item:last-child {margin: 0;}
#modal-gifts .product_item.active {border-color: var(--a_border);}

/* city quickview */

.city-select.modal-dialog {max-width: 350px;width: 100%;}
.city-select .h3 {margin: 0;margin-bottom: 30px;}
.city-select a {position: relative;display:block;padding: 10px 20px;font-size: 16px;color: var(--heading);cursor:pointer;}
.city-select a.active {background-color: var(--a_background);color: var(--main)!important;border-radius: var(--global_border_radius_element);}
.city-select a.active svg {position: absolute;right: 20px;width: 20px;height: 20px;fill: var(--main);}
.city-select .select-info {font-size: 12px;line-height: 14px;padding: 10px;margin-top: 15px;color: var(--description);background: var(--secondary);border-radius: var(--global_border_radius_element);}

/* product quickview */

.popup-quickview {max-width: 900px;width: 100%;}
.popup-quickview .modal-body {padding: 0;}

.popup-quickview .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;}
.popup-quickview .row .col-sm-7 .thumbnail {display: flex;height: 100%;padding: 0;margin: 0;align-items: center;}
.popup-quickview .row .col-sm-5 {display: flex;flex-direction: column;padding: 0;background: var(--b_background);border-radius: var(--global_border_radius_element);}
.popup-quickview .row .col-sm-5 .body_sticky::-webkit-scrollbar {width: 0;}
.popup-quickview .row .col-sm-5 .body_sticky {flex: 1;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.popup-quickview .row .col-sm-5 .sticky-button {position: sticky;bottom: 0;padding: 15px 25px;background: var(--b_background);box-shadow: 0 -5px 4px -4px rgb(6 5 50 / 10%);border-radius: var(--global_border_radius_element);z-index: 990;}

.popup-quickview .row .col-sm-7,
.popup-quickview .row .col-sm-5 .body_sticky {padding: 25px;}

@media (min-width: 768px) {
	.popup-quickview .row .col-sm-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;}
	.popup-quickview .row .col-sm-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;border-radius: 0 var(--global_border_radius_element) var(--global_border_radius_element) 0;}
	.popup-quickview .row .col-sm-5 .body_sticky {overflow-y: auto;overflow-x: hidden;max-height: 500px;}
}
@media (max-width: 767px) {
	.popup-quickview .modal-content {background-color: var(--b_background);}
	.popup-quickview .row .col-sm-7 {background: var(--modal);}
}

.popup-quickview .product-title {margin-top: 0;}
.popup-quickview .food__feature {position: relative;font-size: 12px;line-height: 16px;text-align: left;color: var(--description);white-space: nowrap;margin-bottom: 15px;}
.popup-quickview .food__feature .feature {margin-right: 20px;}
.popup-quickview .food__feature span + span.dparams:after {left: -20px;}

.popup-quickview .food__price-item {margin: 0 0 15px;display: block;line-height: 18px;height:18px;font-size: 16px;}

.popup-quickview .att-x01red {cursor: help;position: relative;}
.popup-quickview .att-x01ico {width: 16px;height: 16px;fill: var(--description);display: inline-block;vertical-align: bottom;margin-right: 10px;}

.popup-quickview .att-x01text {color: #fff;font-size: 13px;line-height: 19px;position: absolute;z-index: 99;visibility: hidden;width: 270px;padding: 20px;transition: .2s linear;pointer-events: none;border-radius: var(--global_border_radius_element);background: #2d3034;top: 30px;width: calc(100% - 50px);}
.popup-quickview .att-x01name {margin-bottom: 15px;}
.popup-quickview .line + .att-x01name {margin-top: 15px;}
.popup-quickview .att-x01red:after {content: '';position: absolute;z-index: 1;top: 10px;left: -2px;width: 0;height: 0;transition: .2s linear;pointer-events: none;border: 10px solid transparent;border-bottom: 10px solid #2d3034;visibility: hidden;}
.popup-quickview .att-x01red:hover ~ .att-x01text, .popup-quickview .att-x01red:hover:after {visibility: visible;}

.popup-quickview p {padding: 0;margin: 0 0 15px;}
.popup-quickview img {image-rendering: -webkit-optimize-contrast;border-radius: var(--global_border_radius_element);}

.dproduct-wrap .title {font-size: 16px;font-weight: var(--text_medium);margin-bottom: 15px;}
.dproduct-wrap .product_item {padding: 10px;margin: 0;background: var(--background);border-radius: var(--global_border_radius_element);}
.dproduct-wrap .product_item .product_body {padding: 0;margin-left: 15px;}
.dproduct-wrap .product_item .image {width: 100px;height: 100px;min-width: 100px;min-height: 100px;}
.dproduct-wrap .product_item .product-title {font-size: 16px;margin-bottom: 5px;}
.dproduct-wrap .product_item .product-title span {font-size: 12px;color: var(--main);background: var(--a_background);margin-left: 5px;padding: 1px 8px;border-radius: 6px;}
.dproduct-wrap .product_item  p {font-size: 13px;margin: 0;}

.dproduct-wrap .product_item + .product_item {margin-top: 5px;}

.options > div {margin-bottom: 15px;}

.options .control-label {display: block;color: var(--heading);font-weight: var(--text_medium);margin: 0;}
.options .control-maximum {font-size: 12px;padding-left: 4px;padding-right: 4px;margin-left: 8px;background: var(--c_background);border-radius: var(--global_border_radius_input);}

.options select {font-size: 12px;padding: 7px 10px;height: 35px;cursor:pointer;}
.options select {background-color: #e6e6e6!important;border: none!important;}
.options select,
.options .checkbox {margin-top: 5px;}

.options .radio-body {display: flex;padding: 2px;margin-top: 10px;background: var(--c_background);border-radius: var(--global_border_radius_element);overflow: hidden;}
.options .radio-inline {flex: 1;user-select: none;}
.options .radio-inline input {display: none;}
.options .radio-inline input + label {display: block;margin: 0;padding: 0 20px;color: var(--heading);font-size: 12px;line-height: 28px;text-align: center;cursor: pointer;}
.options .radio-inline input:checked + label {background: var(--background);border-radius: var(--global_border_radius_element);box-shadow: rgba(6, 5, 50, 0.19) 0px 6px 20px;}

.options .checkbox--list {display: flex;justify-content: space-between;flex-flow: wrap;padding: 2px;margin-top: 10px;border-radius: var(--global_border_radius_element);background-color: var(--c_background);}
.options .checkbox--list label {position: relative;height:100%;padding: 4px;margin: 0;font-size: 12px;line-height:16px;color: var(--heading);background: var(--background);border: 1px solid var(--background);border-radius: var(--global_border_radius_element);text-align: center;}
.options .checkbox--list input {display: none;}
.options .checkbox--list .checkbox {padding: 2px;margin-top: 0!important;width: 33.333333%!important;min-height: 160px;height: auto;}
.options .checkbox--list .checkbox input:checked ~ label:before {content: '';position: absolute;top: 5px;right: 5px;width: 20px;height: 20px;background: var(--background) url(../icons/check_progress.svg) center no-repeat;background-size: 18px;z-index: 2;}
.options .checkbox--list .checkbox input:checked ~ label {border: 1px solid #00c304;}
.options .checkbox--price {margin-top: 5px;font-size: 14px;font-weight: var(--text_medium);line-height: 18px;}

/* login */

.quicksignup {max-width: 400px;width: 100%;}
.quicksignup .h3 {margin: 0;margin-bottom: 15px;}
.quicksignup .description {color: var(--description);margin-bottom: 15px;line-height: 16px;}
.quicksignup .form-control {margin-bottom: 15px;}
.quicksignup .form-control:not(:focus) {background: var(--secondary);}
.quicksignup .button {width: 100%;}
.quicksignup button:disabled,
.quicksignup button[disabled] {background: var(--secondary);color: var(--description);cursor: default;}

.modal-body p.agree_text {font-size: 12px;line-height: 14px;margin: 0; margin-top: 15px;}
.modal-body p.agree_text a, .modal-body p.agree_text a:hover, .modal-body p.agree_text a:active, .modal-body p.agree_text a:focus {color: var(--description);border-bottom: 1px solid var(--description);}

.codeconfirm .forgot {display: block;font-weight: var(--text_medium);color: var(--description)!important;cursor: pointer;}

.codeconfirm .phone {color: var(--description);}
.codeconfirm .phone a {display: block;color: var(--main);cursor:pointer;}

.codeconfirm input[name="codeconfirm"] {color: #000;font-size: 28px;font-weight: var(--text_bold);letter-spacing: 12px;border: 0!important;outline: 0;padding: 0;margin: 30px 0;}
.codeconfirm input[name="codeconfirm"]::-webkit-input-placeholder {color: #a3a3a3;}
.codeconfirm input[name="codeconfirm"]:-moz-placeholder {color: #a3a3a3;}
.codeconfirm input[name="codeconfirm"]::-moz-placeholder {color: #a3a3a3;}
.codeconfirm input[name="codeconfirm"]:-ms-input-placeholder {color: #a3a3a3;}
.codeconfirm input[name="codeconfirm"]::-ms-input-placeholder {color: #a3a3a3;}
.codeconfirm input[name="codeconfirm"]::placeholder {color: #a3a3a3;}

.quickpromo {max-width: 500px;width: 100%;}
.quickpromo img {margin-bottom: 30px;border-radius: 12px;box-shadow: 0 3px 5px 1px rgb(0 0 0 / 10%);}
.quickpromo .h4 {margin-bottom: 15px;}
.quickpromo .description {color: var(--description);margin-bottom: 15px;}
.quickpromo .related-row {margin: 0;}
.quickpromo .related-row .col-sm-3 {padding: 0;}
.quickpromo .related-row .col-sm-3 .product_box {margin-bottom: 8px;}
.quickpromo .button {background: var(--secondary);color: var(--description);}

/* scroll top */

.scroll-top {position: fixed;top: 0;left: 0;width: 50px;height: 100vh;display: none;
    background: rgba(244,244,244, 0.5) url(data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2256%22%20viewBox%3D%220%200%2030%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M29.1296%2017.3598C30.2901%2016.1817%2030.2901%2014.2716%2029.1296%2013.0935L17.1013%200.883583C15.9407%20-0.294527%2014.059%20-0.294528%2012.8984%200.883582C11.7379%202.06169%2011.7379%203.97179%2012.8984%205.1499L24.9267%2017.3598C26.0873%2018.5379%2027.969%2018.5379%2029.1296%2017.3598Z%22%20fill%3D%22%23C4C4C4%22%2F%3E%0A%3Cpath%20d%3D%22M0.870439%2017.3598C-0.290146%2016.1817%20-0.290146%2014.2716%200.870439%2013.0935L12.8984%200.883582C14.059%20-0.294528%2015.9407%20-0.294527%2017.1013%200.883583C18.2619%202.06169%2018.2621%203.97179%2017.1016%205.1499L5.07329%2017.3598C3.91271%2018.5379%202.03102%2018.5379%200.870439%2017.3598Z%22%20fill%3D%22%23C4C4C4%22%2F%3E%0A%3Cpath%20d%3D%22M15.0003%200.0533733C13.359%200.0533732%2012.0284%201.40402%2012.0284%203.07011L12.0284%2052.9833C12.0284%2054.6494%2013.359%2056%2015.0003%2056C16.6416%2056%2017.9722%2054.6494%2017.9722%2052.9833L17.9722%203.07011C17.9722%201.40402%2016.6416%200.0533733%2015.0003%200.0533733Z%22%20fill%3D%22%23C4C4C4%22%2F%3E%0A%3C%2Fsvg%3E%0A) 50% 100px no-repeat;
    background-size: 16px 55px;cursor: pointer;z-index: 999;
}
.scroll-top:hover {background-color: rgba(244,244,244, 0.8);}