.pay-body {
    padding: 0
}

.tab-ext-colored .nav-tabs.tab-ext {
    padding: 0 10px
}

.tab-ext-colored .nav-tabs.tab-ext .nav-link {
    background-color: #f6f6f6
}

.tab-ext-colored .nav-tabs.tab-ext .nav-link.active {
    background-color: #eae2e7;
    color: #222
}

.tab-ext-colored .tab-content .tab-pane {
    padding: 30px 20px
}

.tab-ext-colored .tab-content .tab-pane.active {
    background-color: #eae2e7
}

.tab-simple .nav-tabs {
    box-shadow: none
}

.tab-simple .nav-tabs .nav-link {
    border: none;
    background-color: #fff
}

.tab-simple .nav-tabs .nav-link.active {
    background-color: #f6f6f6;
    color: #222
}

.tab-simple .tab-content .tab-pane {
    background-color: #f6f6f6;
    padding: 30px 20px 20px
}

.tab-pane.fade.show {
    opacity: 1
}
.purchase-pages .progress .prg-header {
    z-index: 5
}

.purchase-pages #site-footer {
    display: none
}

.cart-grid {
    margin-top: 8px
}

.cart-clubs .nav-link figure {
    min-width: 40px;
    text-align: center
}

.cart-clubs .nav-link img {
    max-width: 40px
}

.cart-sum {
    position: fixed;
    bottom: 60px;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: #f6f6f6;
}

.cart-sum-lines {
    background-color: #f6f6f6;
    padding: 20px 30px;
    border-radius: 10px 10px 0 0;
    display: none;
    position: relative
}

.cart-sum-lines::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    display: block
}

.cart-sum-line {
    display: flex;
    padding: 10px 0;
    opacity: 0;
    transition: opacity 0.222s linear 0s
}

@media (prefers-reduced-motion: reduce) {
    .cart-sum-line {
        transition: none
    }
}

.cart-sum-line-cta {
    text-align: right
}

.cart-sum-line-cta * {
    font-size: .75rem;
    line-height: 1
}

.cart-sum-price {
    margin-left: auto
}

.cart-sum-bottom {
    background-color: #f6f6f6;
    padding: 13px 20px;
    display: flex;
    align-items: center
}

.cart-sum-total {
    flex: 1;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cart-sum-total-left {
    margin-right: 10px
}

.cart-sum-total-left small {
    display: block;
    margin-bottom: 5px;
    font-size: 100%;
    text-align: right;    
}

.cart-sum-total-left .prc {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600
}

.cart-sum-button .btn {
    padding: 0 30px
}

.cart-sum-open {
    display: inline-block;
    transition: all 0.222s linear 0s
}

@media (prefers-reduced-motion: reduce) {
    .cart-sum-open {
        transition: none
    }
}

.cart-sum-confirm {
    display: none
}

.cart-sum-opened .cart-sum-open {
    transform: scale(-1)
}

.cart-sum-opened .cart-sum-lines {
    display: block
}

.cart-sum-opened .cart-sum-line {
    opacity: 1;
    animation: toTop 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards
}

.cart-sum-opened #overlay {
    display: block;
    z-index: 6
}

.cart-prd {
    display: flex;
    padding: 10px 0 0px 5px
}

.cart-prd-img {
    width: 185px;
    margin-right: 10px;
    text-align: center;
}

.cart-prd-details {
    flex: 1;
    padding-top: 0px
}

.cart-prd-title {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600;
    overflow: hidden;
}

.cart-prd-price .prc-first {
    margin-right: 10px;
    color: #989898
}

.cart-prd-price .prc-last {
    font-weight: 600
}

.cart-prd-price-third {
    height: 10px;
    margin-bottom: 5px
}

.cart-prd-price-third .prc-third {
    color: #d93131
}

.cart-prd-price-third .prc-third-info {
    padding-left: 5px;
    font-size: .625rem;
    line-height: 1.2
}

.cart-prd-controls {
    display: flex;
    align-items: center
}

.cart-prd-qty {
    display: flex;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    height: 32px;
    padding: 0 3px;
    align-items: center;
    margin-right: 10px
}

.cart-prd-qty .btn-minus,.cart-prd-qty .btn-plus {
    display: inline-block;
    transform: scale(0.7)
}

.cart-prd-qty input {
    border: none;
    text-align: center;
    width: 20px;
    padding: 0;
    background-color: transparent;
    color: #222
}

.cart-prd-fav {
    font-size: .75rem;
    line-height: 1
}

.cart-prd-remove {
    padding-top: 34px
}

.cart-rows {
    margin: 20px 10px 0
}

.cart-row {
    padding: 0 10px;
    border: 1px solid #b7b7b7;
    margin-bottom: 20px;
}

.cart-row+.cart-row {
    margin-top: 20px
}

.cart-row-option {
    border-top: 1px solid #e5e5e5
}

.cart-row-option>button {
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: 100%
}

.cart-row-option>button::after {
    content: "";
    display: inline-block;
    margin-left: auto
}

.cart-row-option>button.btn-ddc {
    padding-left: 5px
}

.cart-row-option>button.btn-ddc::after {
    display: none
}

.cart-row-option>button.btn-ddc span {
    text-decoration: underline;
    padding-left: 5px
}

.cart-row-option-sel {
    height: 50px;
    display: none;
    align-items: center;
    padding-left: 10px;
    width: 100%
}

.cart-row-option-sel span {
    flex: 1
}

.cart-row-option.selected>button {
    display: none
}

.cart-row-option.selected .cart-row-option-sel {
    display: flex
}

.cart-row-option.ddc-option .cart-row-option-sel {
    align-items: flex-start;
    height: auto;
    padding: 15px 0 15px 5px
}

.cart-row-option.ddc-option .cart-row-option-sel span {
    padding: 5px 0 0 5px
}

.cart-row-option.ddc-option .cart-row-option-sel small {
    display: block;
    padding-top: 10px;
    font-size: .75rem;
    line-height: 17px
}

.cart-row-option.cpo-option .cart-row-option-info {
    display: flex;
    align-items: flex-start;
    height: auto;
    padding: 15px 0 15px 5px
}

.cart-row-option.cpo-option .cart-row-option-info span {
    padding: 5px 0 0 5px
}

.cart-row-option.cpo-option .cart-row-option-info small {
    display: block;
    padding-top: 10px;
    font-size: .75rem;
    line-height: 1
}

.cart-row-option.cpo-option .cart-row-option-info .icon {
    flex: 0 0 32px
}

.cart-row-promo-stripe {
    background-color: #e5e5e5;
    display: flex;
    height: 36px;
    align-items: center;
    padding: 0 10px;
    margin: 0 -10px
}

.cart-row-promo-stripe .cart-rpf-icon {
    width: 24px
}

.cart-row-promo-stripe .cart-rpf-text {
    font-size: .75rem;
    line-height: 1
}

.cart-row-promos {
    margin: 0 -10px
}

.cart-row-promos .accordion>li.active {
    background-color: #f6f6f6
}

.cart-row-promos .acc-item {
    margin: 0 10px
}

.cart-row-promos .acc-item button {
    display: flex;
    padding: 0 50px 0 0;
    width: 100%;
    height: 50px;
    align-items: center
}

.cart-row-promos .acc-item button::before {
    content: "";
    display: block;
    flex: 0 0 32px
}

.cart-row-promos .acc-item button span {
    padding-top: 3px
}

.cart-row-promos .acc-item button b {
    margin-right: 3px;
    color: #d93131
}

.cart-row-promos .nav-tabs.tab-ext {
    padding-left: 10px;
    padding-right: 10px
}

.cart-row-promos .promo-sum-right .btn {
    background-color: transparent;
    color: #222
}

.cart-row-promos .promo-header {
    margin: 0 10px;
    text-align: left;
    padding-top: 30px
}

.cart-row-promos .promo-title {
    padding: 0 15px;
    margin-bottom: 5px
}

.cart-row-promos .promo-info {
    padding: 0 15px 30px
}

.cart-row-promos .promo-tab-contents .option-count {
    padding: 0 20px
}

.cart-row-promos .promo-tab-contents .swiper-slide:first-child {
    margin-left: 10px
}

.cart-row-promos .promo-tab-contents .swiper-slide:last-child {
    margin-right: 10px
}

.cart-row-promos .promo-sum {
    padding: 0 10px
}

.cart-row-promos .promo-sum .prc {
    font-size: .875rem;
    line-height: 1.28571
}

.cart-row-promos .prd-row-inner {
    margin: 0 10px
}

.cart-row-promos-gift {
    border-top: 1px solid #e5e5e5;
    padding: 10px 10px 15px 15px
}

.cart-row-promos-gift .prc-gift {
    color: #d93131;
    font-weight: 600
}

.cart-row-set {
    margin: 0 -10px;
    padding: 0 10px
}

.cart-row-set+.cart-row-set {
    border-top: 1px solid #b7b7b7
}

.cart-extra {
    background-color: #f6f6f6;
    padding: 30px 0 40px;
    margin: 50px 0
}

.cart-extra .section-title {
    margin: 0 auto 30px;
    padding: 0;
    max-width: none
}

.cart-extra .swiper-button-prev,.cart-extra .swiper-button-next {
    display: none
}

.cart-extra .swiper-slide {
    width: 180px
}

.cart-extra .swiper-slide+.swiper-slide {
    margin-left: 10px
}

.cart-extra .swiper-slide:first-child {
    margin-left: 20px
}

.cart-extra .swiper-slide:last-child {
    margin-right: 20px
}

.club-info {
    position: relative;
    padding-left: 40px
}

.club-info .quiz {
    position: absolute;
    top: 0;
    left: 10px;
    margin: 0
}

.club-info .btn {
    margin-top: 15px
}

.club-form {
    padding: 20px 20px 10px 40px
}

.club-form .btn {
    margin-top: 15px
}

.club-form-bottom {
    margin-top: 10px
}

.club-form-hidden .club-form {
    display: none
}

.club-form-hidden.visible .club-form {
    display: block
}

.club-form-hidden.visible .club-info .btn {
    display: none
}

.club-title {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1.125rem;
    line-height: 1.22222;
    font-weight: 600;
    margin-bottom: 20px
}

.club-promos {
    margin-bottom: 30px
}

.club-promos .club-promo-exp {
    padding-left: 32px
}

.club-promo {
    margin-bottom: 10px
}

.club-promo-exp {
    font-size: .75rem;
    line-height: 1
}

.club-sum {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px
}

.club-sum .club-title {
    margin-bottom: 5px
}

.club-sum-info {
    color: #989898
}

.club-sum-form {
    margin-top: 20px
}

.club-sum-lines {
    margin: 10px 0
}

.club-sum-line {
    display: flex;
    padding: 10px 0
}

.club-sum-price {
    margin-left: auto
}

.club-sum .btn {
    width: 100%
}

.club-etk {
    margin-top: 40px
}

.club-etk-warning {
    margin-bottom: 10px
}

.club-etk-warning b {
    text-decoration: underline
}

.club-etk-confirm .checkbox {
    margin-bottom: 5px
}

.club-etk-cancel {
    margin-top: 20px;
    text-align: right;
    font-size: .75rem;
    line-height: 1
}

.club-coupons-link {
    text-align: right;
    margin-top: 10px
}

.club-coupons-head {
    position: relative
}

.club-coupons-head .hide-cpns {
    position: absolute;
    top: 0;
    right: 0
}

.club-coupons-list {
    display: none
}

.club-coupons-list .cpn-grid {
    border-color: #d8d8d8
}

.club-coupons-list .cpn-status {
    display: none
}

.club-coupons-list .club-title {
    margin: 10px 0
}

.club-holder.coupons-listed .club-coupons-link {
    display: none
}

.club-holder.coupons-listed .club-coupons-list {
    display: block
}

.result-grid {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 51px)
}

.result-grid-header {
    padding: 50px 25px;
    text-align: center
}

.result-grid-header .t {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1.375rem;
    line-height: 1.18182;
    font-weight: 600
}

.result-grid-header .p {
    margin-top: 10px
}

.result-grid-header .icon {
    margin-top: 20px
}

.result-grid-footer {
    padding: 30px 10px;
    display: flex;
    justify-content: center
}

.result-grid-footer .btn-1 {
    padding: 0 40px
}

.result-grid-footer .btn-1+.btn-2 {
    margin-left: auto;
    padding: 0 20px
}

.result-out-of-stock-list {
    margin-top: 20px
}

.result-out-of-stock-list .prd-row {
    margin-top: -1px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.result-out-of-stock-list .prd-row-inner {
    margin: 0
}

.result-bank-transfer {
    text-align: center
}

.result-bank-transfer p {
    margin-bottom: 5px
}

.result-bank-transfer .btn-iban-no {
    margin-top: 15px;
    text-decoration: underline;
    display: inline-flex;
    align-items: center
}

.result-bank-transfer .btn-iban-no .icon {
    margin-right: 10px
}

.result-new-request {
    margin-top: 0
}

.result-cpn {
    padding: 30px 20px;
    background: #eae2e7;
    text-align: center
}

.result-cpn .b {
    margin-top: 20px
}

.result-cpn .i {
    margin-top: 20px;
    font-size: .625rem;
    line-height: 1.2
}

.result-steps {
    margin-top: 50px;
    margin-bottom: 50px
}

.result-steps .t {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1.375rem;
    line-height: 1.18182;
    font-weight: 600;
    text-align: center
}

.result-steps .w {
    margin-top: 30px;
    display: flex
}

.result-steps .w>div {
    flex: 1;
    position: relative;
    text-align: center
}

.result-steps .w>div figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px
}

.result-steps .w>div figure img {
    max-height: 100%
}

.result-steps .w>div.step-1 figure {
    justify-content: flex-start
}

.result-steps .w>div.step-3 figure {
    justify-content: flex-end
}

.result-steps .w>div.step-3 figure img {
    height: 35px
}

.result-steps .w>div i {
    font-size: .625rem;
    line-height: 1.2;
    font-style: normal;
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 22px;
    line-height: 22px;
    text-align: center;
    background: #e5e5e5;
    border-radius: 50%;
    margin-top: 12px
}

.result-steps .w>div::before,.result-steps .w>div::after {
    content: "";
    border-top: 2px solid #e5e5e5;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%
}

.result-steps .w>div:first-child {
    text-align: left
}

.result-steps .w>div:first-child .responsive {
    margin-left: 0
}

.result-steps .w>div:last-child {
    text-align: right
}

.result-steps .w>div:last-child .responsive {
    margin-right: 0
}

.result-steps .w>div.completed i {
    background: #d93131
}

.result-steps .w>div.completed::after {
    border-width: 4px;
    border-color: #d93131;
    bottom: 9px;
    width: calc(100% - 22px)
}

.result-steps .p {
    margin-top: 10px
}

.result-pwd {
    max-width: 425px;
    margin: 30px auto;
    padding: 0 10px
}

.result-pwd .pwd-title {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1.375rem;
    line-height: 1.18182;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center
}

.result-pwd .pwd-info {
    text-align: center
}

.result-pwd .pwd-form {
    margin-top: 15px
}

.result-pwd .form-row {
    margin-bottom: 0
}

.result-pwd .form-row.submit-btn {
    text-align: right
}

.pay-grid .cart-sum-confirm {
    display: block;
    padding: 20px 20px 30px;
    background-color: #f6f6f6
}

.pay-body {
    padding: 10px
}

.pay-delivery {
    margin-bottom: 30px
}

.pay-section-title {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600
}

.pay-address-del {
    margin-bottom: 20px
}

.pay-address-inv {
    display: none;
    margin-top: 20px
}

.pay-address.inv-address-ready .pay-address-inv {
    display: block
}

.pay-payments {
    padding: 0 10px
}

.pay-payments .pay-section-title {
    padding: 0 20px;
    margin-bottom: 25px
}

.pay-click-collect {
    margin-bottom: 20px
}

.pay .acc-body {
    padding-top: 0 !important
}

.form-card-view {
    display: none;
    transform: scale(0.8)
}

.credit-card-active .form-card-view {
    display: block;
    margin-bottom: 20px
}

.card-promo {
    background-color: #eae2e7
}

.card-promo-title {
    padding: 20px;
    border-bottom: 1px solid #EDE5EA
}

.card-promo-info {
    padding: 20px;
    display: flex;
    align-items: center
}

.card-promo-info.gift::before {
    content: "";
    display: inline-block;
    margin-right: 10px
}

.card-promo-info p {
    flex: 1;
    margin: 0
}

.card-form {
    margin-top: 30px;
    padding: 0 10px;
    display: none
}

.card-installments .card-inst-logo {
    margin-bottom: 10px
}

.card-installments .card-inst-table {
    padding-bottom: 30px
}

.card-installments th {
    font-size: .75rem;
    line-height: 1;
    color: #989898;
    font-weight: 400
}

.card-installments th,.card-installments td {
    padding: 8px 0
}

.card-security {
    padding: 20px 10px
}

.card-security img {
    width: 110px
}

.card-security p {
    margin: 10px 0 0
}

.mpass-saved-list {
    display: none
}

.mpass-saved-list .rl-item {
    position: relative
}

.mpass-saved-list .rl-item label {
    padding-right: 50px !important
}

.mpass-saved-list .rl-item .btn-remove {
    display: inline-block;
    position: absolute;
    top: calc(50% - 16px);
    right: 10px
}

.mpass-saved-list .rl-media {
    width: 40px
}

.mpass-save-input {
    background-color: #f6f6f6;
    padding: 15px 30px;
    margin: 0 -20px
}

.mpass-save-input .btn-holder {
    margin-top: 15px;
    text-align: right
}

.mpass-account-notify {
    background-color: #f6f6f6;
    padding: 15px 20px;
    margin: 0 -20px 15px
}

.mpass-account-notify b {
    display: block;
    margin-bottom: 7px
}

.mpass-account-notify .btn-holder {
    margin-top: 15px;
    text-align: right
}

.mpass-confirmation .textbox {
    margin-top: 20px
}

.mpass-confirmation .mnp-button {
    margin-top: 20px
}

.mpass-retry {
    text-align: center;
    margin-top: 20px
}

.card-form-ready .card-form {
    display: block
}

.saved-cards-ready .mpass-saved-list {
    display: block
}

.mcard {
    padding: 0 10px 10px
}

.mcard-steps {
    margin-top: 20px
}

.mcard-step {
    position: relative;
    padding: 0 0 45px 20px
}

.mcard-step::before {
    content: attr(data-step);
    width: 22px;
    height: 22px;
    background-color: #d8d8d8;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: .75rem;
    line-height: 1;
    line-height: 22px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: -11px
}

.mcard-step[data-step="1"] {
    border-left: 2px solid #d8d8d8
}

.mcard-step-title {
    margin-bottom: 20px
}

.mcard-step-form {
    display: none
}

.mcard-step-form .form-button {
    padding-top: 10px
}

.mcard-step-complete {
    display: none
}

.mcard-step-complete .amount {
    font-size: 1.125rem;
    line-height: 1.33333;
    font-weight: 600;
    margin-bottom: 5px
}

.mcard-step-info {
    color: #989898
}

.mcard-step.active::before {
    background-color: #d93131
}

.mcard-step.active .mcard-step-form {
    display: block
}

.mcard-step.active .mcard-step-info {
    display: none
}

.mcard-step.completed::before {
    content: "";
    top: -9px;
    left: -16px
}

.mcard-step.completed .mcard-step-form {
    display: none
}

.mcard-step.completed .mcard-step-complete {
    display: block
}

.mcard-timer {
    margin-top: 20px
}

.mcard-timer .time {
    font-weight: 600;
    color: #d93131
}

.credit-calc {
    margin-top: 15px
}

.credit-calc-title {
    text-decoration: underline;
    margin-bottom: 10px
}

.credit-calc-table td {
    text-align: center;
    padding: 10px
}

.credit-info {
    margin-top: 15px
}

.credit-info p {
    color: #989898
}

.accounts .rl-media {
    width: 120px
}

.accounts-error {
    color: #d93131;
    margin-top: 30px
}

.accounts-info {
    margin-top: 40px
}

.accounts-info p {
    color: #989898
}

.cart-plh-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px
}

.cart-plh-top .icon {
    font-size: 48px;
    color: #d93131
}

.cart-plh-top figure {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #d93131;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 20px
}

.cart-plh-top b {
    font-family: "HeronSans","arial","sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600
}

.cart-plh-bottom {
    text-align: center;
    margin-top: 30px
}

.cart-plh-bottom p+p {
    margin-top: 30px
}

.cart-plh-buttons {
    display: flex;
    justify-content: center
}

.cart-plh-buttons .btn {
    padding: 0 24px;
    width: 140px
}

.cart-plh-buttons .btn+.btn {
    margin-left: 10px
}

.holding .page-cover:not(.static) {
    height: calc(100vh - 51px)
}

.holding .page-cover:not(.static) .cover-body {
    padding-bottom: 0;
    opacity: 0
}

.holding .tab-holder.tab-alt .nav-link.active {
    border-top-color: transparent;
    background-color: #222;
    color: #f6f6f6
}

.holding #assistant {
    opacity: 0
}

@media (max-width: 1024px) {
    .ord .ord-extra-warranty .col-lg-1 {
        display:none
    }

    .spt-search-ready .sgf-search .spt-search {
        position: fixed
    }

    #main-menu .lv1-li.selected {
        animation: none;
        opacity: 1
    }

    #main-menu .lv1-li.selected>a {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 82px);
        background-color: #fff;
        padding: 15px 0;
        margin: 0 15px
    }

    #main-menu .lv1-li.selected>a::after {
        right: auto;
        left: 0;
        transform: translateY(-50%) scale(-1)
    }

    #main-menu .lv1-li.selected>a span {
        margin-left: 32px
    }

    .menu-category .sub>.banner {
        display: none
    }

    .menu-category .sublv {
        display: none
    }

    .menu-category .lv-2>li>a {
        padding: 22px 0;
        border-top: 1px solid #f0f0f0;
        width: calc(100% - (20px * 2));
        margin: 0 auto
    }

    .menu-category .lv-2>li>a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .menu-category .lv-2>li>a>.responsive {
        display: none
    }

    .menu-category .lv-2>li.selected .sublv {
        display: block
    }

    .menu-category .lv-3 {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px 20px
    }

    .menu-category .lv-3>li {
        width: calc(100% / 3);
        padding: 10px
    }

    .menu-category .lv-3>li>a {
        flex-direction: column;
        text-align: center
    }

    .menu-category .lv-3>li>a>.responsive {
        max-width: 95px
    }

    .menu-category .lv-3>li>a>span {
        margin-top: 15px
    }

    .menu-category.lv1-active>li {
        display: none
    }

    .menu-category.lv1-active>li.selected {
        display: block
    }
}

@media (min-width: 480px) {
    #popular-products .bnr-header,#popular-products .bnr-footer,#featured-techs .bnr-header,#featured-techs .bnr-footer {
        opacity:1;
        transform: translateY(0)
    }
}

@media (min-width: 480px) and (min-width: 500px) {
    .cnt-cover-image figure {
        left:0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: auto
    }

    .cnt-cover-image figure img {
        width: 100%;
        height: auto
    }
}

@media (min-width: 480px) and (min-width: 666px) {
    #site-main .category-cover {
        height:375px
    }

    .cover-media .responsive {
        width: 100%;
        height: auto
    }

    .cover-media .responsive img {
        width: 100%;
        height: auto
    }
}

@media (min-width: 1025px) {
    .m {
        display:none !important
    }

    .btn::after {
        transform: translateY(100%);
        opacity: 0;
        display: inline-block
    }

    .btn:hover::after {
        transform: translateY(0);
        opacity: 1
    }

    .btn:hover::before {
        transform: translateY(-100%);
        opacity: 0
    }

    .btn-primary:hover {
        background-color: #cb2525;
        border-color: #cb2525;
        color: #fff
    }

    .btn-light:hover {
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        color: #222
    }

    .btn-outline-primary:hover {
        background-color: #d93131;
        color: #fff
    }

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #d93131
    }

    .btn-outline-light:hover {
        background-color: #fff;
        color: #000
    }

    .btn-outline-dark:hover {
        background-color: #222;
        color: #fff
    }

    .btn-outline-dark.btn-selection:hover {
        background-color: #d93131;
        border-color: #d93131;
        color: #fff
    }

    .btn-page-top {
        display: block
    }

    .link:hover {
        text-decoration: underline
    }

    .link-inline:hover {
        text-decoration: none
    }

    .scrollable-h {
        white-space: normal;
        overflow-x: visible;
        -webkit-overflow-scrolling: unset;
        -ms-overflow-style: unset
    }

    .scrollable-h::-webkit-scrollbar {
        display: block
    }

    .cover-media .responsive {
        width: 100%;
        height: auto
    }

    .cover-media .responsive img {
        width: 100%;
        height: auto
    }

    .cover-body {
        margin: unset;
        align-self: center;
        padding-bottom: 0
    }

    .page-cover.static .responsive {
        width: 100%;
        height: auto
    }

    .page-cover.cover-left .cover-media .responsive,.page-cover.cover-right .cover-media .responsive {
        left: 50%;
        transform: translate3d(-50%, -50%, 0)
    }

    .tab-content {
        padding: 30px 0
    }

    .tab-simple .tab-content {
        padding: 0
    }

    .tab-simple .tab-content .tab-pane {
        padding: 30px 30px 20px
    }

    .nav-tabs.tab-alt-mob {
        box-shadow: inset 0px -3px 0px 0px #d8d8d8
    }

    .nav-tabs.tab-alt-mob .nav-link {
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: transparent;
        background-color: transparent;
        color: #222
    }

    .nav-tabs.tab-alt-mob .nav-link.active {
        border-bottom-color: #d93131
    }

    .nav-tabs.tab-ext {
        margin-bottom: -30px
    }

    .nav-pills {
        flex-wrap: wrap
    }

    .tab-ext-colored .tab-content {
        padding: 0
    }

    .tab-ext-colored .nav-tabs.tab-ext {
        padding: 0;
        margin-bottom: 0
    }

    .seo-text {
        margin: 100px auto
    }

    .breadcrumb {
        padding-left: 40px
    }

    .no-pad {
        padding-left: 20px;
        padding-right: 20px
    }

    .section-title {
        font-size: 2rem;
        line-height: 1.25;
        text-align: center;
        margin: 60px auto 20px
    }

    .max-container {
        margin: 0 auto;
        max-width: 1600px;
        padding: 0 40px !important
    }

    .mini-popup {
        border-radius: 0 !important;
        max-width: 500px;
        height: 100%;
        left: auto;
        right: 0;
        bottom: auto;
        top: 0;
        border-radius: 10px;
        transform: translateX(100%) translateY(0)
    }

    .mini-popup.activated {
        transform: translateX(0)
    }

    .mnp-header {
        margin: 0 35px
    }

    .mnp-menu {
        padding: 50px 20px 0
    }

    .mnp-menu [class*="menu-btn-"] {
        transition: all 0.222s linear 0s
    }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .mnp-menu [class*="menu-btn-"] {
        transition:none
    }
}

@media (min-width: 1025px) {
    .mnp-menu [class*="menu-btn-"]:hover {
        background-color:#eee
    }

    .mnp-menu .d {
        display: list-item
    }

    .mnp-content {
        padding: 20px 50px 0;
        height: 100%;
        max-height: none
    }

    .pnf {
        margin: 180px 0
    }

    .pnf-block1 {
        margin-bottom: 95px;
        padding: 0
    }

    .pnf-sign {
        margin-right: 60px
    }

    .pnf-sign .icon {
        font-size: 152px
    }

    .pnf-title b {
        font-size: 100px
    }

    .pnf-title span {
        font-size: 48px
    }

    .pnf-block2 p {
        padding: 0;
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .pnf-buttons .btn {
        padding: 0 44px
    }

    .drk-notify {
        justify-content: center;
        height: 135px
    }

    .drk-switch {
        text-align: center
    }

    .drk-control {
        padding: 40px
    }

    .drk-control-desc {
        margin-top: 20px
    }

    .drk-notifier-opened:not(.header-opaque) #site-header {
        height: 135px
    }

    .drk-notifier-opened:not(.header-opaque) .header-top {
        top: 135px
    }

    .modal-dialog {
        min-height: auto;
        height: 100vh
    }

    .modal-header {
        margin: 0 35px
    }

    .modal-body {
        padding: 5px 35px 0px 35px
    }

    .modal-footer {
        padding: 35px
    }

    .ddc-suggestion button:hover {
        font-weight: 600
    }

    #modal-select-address .modal-body {
        flex: unset
    }

    #addressbook .radio-list {
        margin: 10px -50px
    }

    #addressbook .rl-item label {
        padding: 27px 20px 20px 82px
    }

    #addressbook .rl-item label::before,#addressbook .rl-item label::after {
        left: 40px
    }

    #addressbook .rl-item input {
        left: 40px
    }

    #addressbook .rl-item button {
        right: 50px
    }

    #click-collect-stores .srv-list {
        margin: 0 -50px
    }

    #click-collect-stores .srv-item {
        padding: 20px 40px
    }

    .adr-form {
        padding: 30px 0
    }

    #top-stripe {
        text-align: center;
        justify-content: center
    }

    .top-stripe-opened .search-input .btn-back {
        top: 59px
    }

    #main-menu .btn-close,.menu-user,.menu-search,.menu-links,.menu-social-links,.menu-category>li>a::after,#main-menu li.all {
        display: none !important
    }

    #site-header::before {
        height: 61px
    }

    .header-top>.container {
        max-width: calc(100% - 20px * 2)
    }

    .header-top>.container>.row {
        height: 61px;
        padding: 0 20px
    }

    .header-top>.container>.row>*>.d {
        display: flex;
        align-items: center
    }

    .header-top>.container>.row>*>.d>* {
        margin-right: 20px;
        white-space: nowrap
    }

    .btn-menu {
        margin-right: 25px
    }

    .btn-menu>.d {
        display: flex;
        align-items: center
    }

    .btn-notification {
        margin-left: 0
    }

    .btn-cart {
        margin-left: 25px
    }

    .menu-ready .header-top,[class*="search-ready"] .header-top {
        background: #fff;
        color: #000;
        transition: none
    }

    .menu-ready .header-top>.container>.row,[class*="search-ready"] .header-top>.container>.row {
        border-bottom: 1px solid #eee
    }

    .menu-ready .logo img,[class*="search-ready"] .logo img {
        animation: none !important;
        width: 220px;
    }

    .menu-ready .logo-org,[class*="search-ready"] .logo-org {
        display: inline
    }

    .menu-ready .logo-alt,[class*="search-ready"] .logo-alt {
        display: none
    }

    .menu-ready #overlay,[class*="search-ready"] #overlay {
        display: block
    }

    #main-menu {
        position: relative;
        top: 0;
        height: auto;
        background: #fff;
        overflow: visible;
        padding: 0 20px
    }

    #main-menu li>.sub {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 25px 0;
        align-items: flex-start;
        justify-content: center;
        max-height: calc(100vh - 290px);
        overflow: auto
    }

    #main-menu li.selected {
        background: none
    }

    #main-menu li.selected>a {
        font-weight: 400
    }

    #main-menu li.selected>.sub {
        flex-direction: row
    }

    .menu-category {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #eee;
        animation: none
    }

    .menu-category>li {
        width: 120px;
        padding: 20px 10px 0;
        opacity: 1;
        animation: none
    }

    .menu-category>li>a {
        flex-direction: column;
        text-align: center;
        padding: 0 0 15px;
        border-top: none;
        border-bottom: 3px solid transparent;
        top: 1px;
        width: 100%;
        height: 100%
    }

    .menu-category>li>a>.responsive {
        display: inline-block;
        margin-bottom: 5px
    }

    .menu-category>li.selected>a {
        border-color: #d93131
    }

    .menu-category .lv-2 {
        display: block;
        column-count: 3;
        column-gap: 0;
        padding: 0;
        margin: 0 auto;
        width: 700px
    }

    .menu-category .lv-2>li {
        width: auto;
        padding: 5px 30px;
        break-inside: avoid
    }

    .menu-category .lv-2>li>a {
        display: inline-flex !important;
        flex-direction: row;
        text-align: left
    }

    .menu-category .lv-2>li>a>span {
        margin-top: 0;
        font-family: "HeronSans","arial","sans-serif";
        font-size: 1rem;
        line-height: 1.25;
        font-weight: 600
    }

    .menu-category .lv-2 .sublv .banner {
        display: none
    }

    .menu-category .lv-3 {
        display: block
    }

    .menu-category .lv-3 .responsive {
        display: none
    }

    .menu-category .banner {
        flex: none;
        order: 1;
        width: 375px;
        margin: 5px 120px 0 0
    }

    .menu-brands {
        flex: 1;
        justify-content: center;
        padding: 0
    }

    .menu-brands>li {
        max-width: 145px;
        padding: 0 15px
    }

    .menu-ready #main-menu {
        animation: none
    }

    .menu-ready.page-type-cover .header-top {
        color: #000
    }

    .menu-ready.page-type-cover .header-top .col-left a,.menu-ready.page-type-cover .header-top .col-left button,.menu-ready.page-type-cover .header-top .col-left .icon,.menu-ready.page-type-cover .header-top .col-left span,.menu-ready.page-type-cover .header-top .col-right a,.menu-ready.page-type-cover .header-top .col-right button,.menu-ready.page-type-cover .header-top .col-right .icon,.menu-ready.page-type-cover .header-top .col-right span {
        color: #000
    }

    #header-search {
        position: relative
    }

    .search-input {
        padding: 30px 20px;
        width: 100%;
        max-width: 760px;
        margin: auto
    }

    .search-input .btn-back {
        position: fixed;
        top: 29px;
        right: 91px;
        margin-right: 0 !important;
        background: #fff;
        border-bottom: 3px solid #d93131;
        padding: 5px 5px 11px
    }

    .search-input .btn-back .d {
        display: flex
    }

    .search-input .btn-search-post {
        display: block
    }

    .suggested-searches {
        width: 100%;
        max-width: 760px;
        margin: auto;
        padding: 0 20px 60px;
        text-align: left
    }

    .suggested-searches .area-title {
        margin-bottom: 0
    }

    .suggested-searches>ul {
        margin-left: -15px;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .suggested-results {
        padding-bottom: 50px;
        height: calc(95vh - 112px - 61px)
    }

    .suggested-results>ul {
        display: grid;
        grid-template-columns: repeat(5, minmax(auto, 180px));
        gap: 30px;
        justify-content: center
    }

    .suggested-results>ul>li+li {
        border: none
    }

    .suggested-results .prd-row-inner {
        border: 1px solid #d8d8d8;
        flex-direction: column;
        align-items: stretch;
        padding: 0;
        height: 320px
    }

    .suggested-results .prd-row-media {
        width: 160px;
        margin: 10px auto 5px
    }

    .suggested-results .prd-row-name {
        font-family: "HeronSans","arial","sans-serif";
        font-size: .75rem;
        line-height: 1.16667;
        font-weight: 600;
        margin-bottom: 8px
    }

    .suggested-results .prd-row-price {
        display: flex;
        flex-direction: column;
        font-size: .75rem;
        line-height: 1
    }

    .suggested-results .prd-row-price .prc-first {
        margin-bottom: 3px;
        color: #989898;
        text-decoration: line-through
    }

    .suggested-results .prd-row-price .prc-last {
        font-weight: 600
    }

    .suggested-results .prd-row-price-third {
        margin-top: 3px
    }

    .suggested-results .prd-row-price-third .prc-third {
        color: #d93131;
        font-weight: 600
    }

    .suggested-results .prd-row-price-third .prc-third-info {
        padding-left: 5px;
        font-size: .625rem;
        line-height: 1.2
    }

    .suggested-results .prd-row-block2 {
        display: block;
        padding: 10px 5px;
        border-top: 1px solid #d8d8d8;
        margin: 0 5px
    }

    .search-input .btn-clear {
        display: none !important
    }

    #notifiers {
        left: -46px;
        top: 47px
    }

    #cart-notifier {
        right: 35px;
        top: 61px
    }

    .m-header-hidden #site-header {
        display: block
    }

    .hum:hover .hum-body {
        display: block
    }

    #site-footer {
        margin-top: 10px
    }

    .footer-menu {
        display: none !important
    }

    .footer-top {
        padding: 60px 0 20px
    }

    .footer-top .col-left {
        display: block
    }

    .footer-top .col-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-bottom: 40px
    }

    .customer-support {
        text-align: right;
        margin-top: auto
    }

    .social-links {
        margin-top: 0
    }

    .footer-middle {
        margin-top: 0;
        padding-left: 20px;
        padding-right: 20px
    }

    .footer-bottom {
        display: flex;
        align-items: center
    }

    .copyright {
        margin-top: 0;
        order: -1;
        margin-right: auto
    }

    .bnr-info {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .bnr-price {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .bnr-promo {
        display: flex
    }

    .bnr-promo .bnr-media {
        order: 2;
        height: 100%;
        max-width: 750px
    }

    .bnr-promo .bnr-body {
        padding: 70px 70px 60px;
        order: 1;
        height: auto
    }

    .bnr-promo .bnr-title {
        font-size: 2rem;
        line-height: 1.25
    }

    .bnr-promo .bnr-info {
        margin-top: 20px
    }

    .bnr-promo .bnr-button {
        margin-top: 40px
    }

    .bnr-promo .bnr-footer {
        display: block;
        opacity: .6;
        margin-top: auto
    }

    .bnr-d-bottom {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .bnr-d-bottom .bnr-media {
        position: static
    }

    .bnr-d-left {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        text-align: left
    }

    .bnr-d-left .bnr-media {
        position: static
    }

    .bnr-d-left .bnr-body {
        height: auto;
        padding: 0
    }

    .bnr-d-right {
        display: flex;
        align-items: center;
        text-align: right
    }

    .bnr-d-right .bnr-media {
        position: static
    }

    .bnr-d-right .bnr-body {
        height: auto;
        padding: 0
    }

    #category-banners {
        padding: 0 35px
    }

    #category-banners .swiper-slide {
        max-width: none;
        flex: 1
    }

    #category-banners .swiper-slide:first-child {
        margin-left: 0
    }

    #category-banners .swiper-slide:last-child {
        margin-right: 0
    }

    #category-banners .swiper-pagination {
        display: none
    }

    #category-banners .bnr-body {
        padding: 60px 40px
    }

    #category-banners .bnr-info {
        font-size: .875rem;
        line-height: 1.14286
    }

    #category-banners.item-1 .banner {
        height: 320px
    }

    #category-banners.item-1 .bnr-body {
        padding: 60px 80px
    }

    #category-banners.item-1 .bnr-media {
        max-width: 496px
    }

    #category-banners.item-1 .bnr-media .responsive::before {
        padding-top: 64.51613%
    }

    #category-banners.item-2 .bnr-body {
        padding: 60px
    }

    .prd-media .swiper-slide {
        background-color: #f6f6f6
    }

    .pdp-qview {
        margin: -20px -50px 0
    }

    .pdp-qview-header .pdp-name {
        text-align: center
    }

    .pdp-qview-body {
        padding: 45px
    }

    .pdp-qview-body .pdp-dimensions {
        margin-top: 50px
    }

    #category-swiper .swiper-container {
        padding: 0 40px
    }

    #category-swiper .swiper-scrollbar {
        width: calc(100% - 80px);
        display: block;
        max-width: 1520px
    }

    #category-swiper .swiper-slide {
        width: 150px;
        height: 168px;
        padding: 0 10px
    }

    #category-swiper.c-aligned .swiper-wrapper {
        justify-content: center
    }

    .page-home #category-swiper {
    }

    #product-swiper {
        margin-bottom: 50px;
        padding-left: calc((100% - 1600px) / 2)
    }

    #product-swiper>.swiper-wrapper>.swiper-slide {
        width: 325px
    }

    #product-swiper>.swiper-wrapper>.swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    #product-swiper>.swiper-wrapper>.swiper-slide:first-child {
        margin-left: 40px
    }

    #product-swiper>.swiper-wrapper>.swiper-slide:last-child {
        margin-right: 40px
    }

    #popular-products {
        margin-top: 20px;
        padding-left: calc((100% - 1600px) / 2)
    }

    #popular-products .swiper-slide {
        width: calc(100% / 3);
        max-width: 500px
    }

    #popular-products .swiper-slide:first-child {
        margin-left: 40px
    }

    #popular-products .swiper-slide:last-child {
        margin-right: 40px
    }

    #popular-products [class*="swiper-button-"] {
        display: inline-block
    }

    #popular-products .swiper-button-prev {
        left: max(calc(((100% - 1600px) / 2) + 50px), 50px)
    }

    #popular-products .swiper-button-next {
        right: max(calc(((100% - 1600px) / 2) + 50px), 50px)
    }

    #popular-products .banner {
        height: 600px
    }

    #popular-products .bnr-body {
        padding: 60px
    }

    #popular-products .bnr-title {
        font-size: 2rem;
        line-height: 1.25
    }

    #popular-products .bnr-header {
        height: 145px
    }

    #popular-products .bnr-footer {
        margin-top: 0
    }

    #featured-techs.in-view .swiper-slide-active .bnr-media {
        transform: scale(1)
    }

    #featured-techs.in-view .swiper-slide-active .bnr-footer::after {
        transform: rotate(0)
    }

    #featured-techs .banner {
        width: 100%;
        height: auto
    }

    #featured-techs .banner .bnr-media,#featured-techs .banner .bnr-footer {
        transition: transform 0.333s cubic-bezier(0.215, 0.61, 0.355, 1) 0s
    }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    #featured-techs .banner .bnr-media,#featured-techs .banner .bnr-footer {
        transition:none
    }
}

@media (min-width: 1025px) {
    #featured-techs .banner:hover .bnr-media {
        transition-duration:1.5s;
        transform: scale(1.2)
    }

    #featured-techs .banner:hover .bnr-footer::after {
        transition-duration: 1.5s;
        transform: rotate(180deg)
    }

    #featured-techs .swiper-slide {
        padding: 0;
        width: 25%;
        margin: 0 !important
    }

    #featured-techs .swiper-pagination {
        display: none
    }

    #best-sellers {
        margin: 0 -10px
    }

    #main-slider {
        height: calc(100vw * (400 / 1440));
    }

    #main-slider .bnr-media picture {
        transform: translateY(0) scale(1.3);
        max-width: 800px
    }

    #main-slider .bnr-title {
        font-size: 2rem;
        line-height: 1.25
    }

    #main-slider .bnr-footer {
        display: flex
    }

    #main-slider .bnr-d-bottom .bnr-media {
        position: absolute;
        top: 0;
        bottom: auto
    }

    #main-slider .bnr-d-bottom .bnr-media picture {
        width: auto
    }

    #main-slider .bnr-d-bottom .bnr-body {
        padding: 0 0 100px 0;
        margin-top: auto;
        height: auto
    }

    #main-slider .bnr-d-left .bnr-media,#main-slider .bnr-d-right .bnr-media {
        position: absolute;
        top: 0;
        bottom: auto;
        width: auto;
        height: 100%;
        display: flex;
        align-items: center
    }

    #main-slider .bnr-d-left .bnr-body,#main-slider .bnr-d-right .bnr-body {
        padding: 0
    }

    #main-slider .bnr-d-left {
        padding: 61px 120px 61px 180px
    }

    #main-slider .bnr-d-left .bnr-media {
        right: 0;
        left: auto;
        padding-right: 72px
    }

    #main-slider .bnr-d-right {
        padding: 61px 180px 61px 120px
    }

    #main-slider .bnr-d-right .bnr-media {
        right: auto;
        left: 0;
        padding-left: 72px
    }

    #main-slider .bnr-full-img .bnr-media {
        width: 100%;
        padding: 0
    }

    #main-slider .bnr-full-img .bnr-media picture {
        max-width: none
    }

    #main-slider .bnr-middle .bnr-body {
        padding: 0
    }

    #main-slider .swiper-slide-active .bnr-media picture {
        transform: translateY(0) scale(1)
    }

    #main-slider .swiper-pagination {
        width: auto !important;
        bottom: 25px;
        left: 33px;
        transform: none
    }

    #main-slider .swiper-button-prev,#main-slider .swiper-button-next {
        display: block
    }

    #main-slider::after {
        display: none
    }

    #miracle-flavors {
        margin-top: 50px;
        display: flex
    }

    #miracle-flavors>* {
        width: calc(100% / 3)
    }

    #miracle-flavors .bnr-cover .bnr-body {
        padding-top: 90px;
        padding-bottom: 90px
    }

    #miracle-flavors .bnr-cover .bnr-footer {
        display: none
    }

    #miracle-flavors .bnr-cover .bnr-media .responsive::before {
        padding-top: 146.91358%
    }

    #miracle-flavors .bnr-cover .bnr-title {
        font-size: 2rem;
        line-height: 1.25
    }

    #miracle-flavors .bnr-cover .bnr-header {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    #miracle-flavors .bnr-cover .bnr-button {
        display: none
    }

    #miracle-flavors .cont-sect {
        padding: 40px 60px;
        display: flex;
        flex-direction: column
    }

    #miracle-flavors .cont-sect-title {
        font-family: "HeronSans","arial","sans-serif";
        font-size: 1.375rem;
        line-height: 1.18182;
        font-weight: 600;
        margin-bottom: 30px
    }

    #miracle-flavors .cont-sect-button {
        margin-top: auto;
        text-align: center
    }

    #miracle-flavors .events {
        background-color: #eee
    }

    #miracle-flavors .recipes {
        background-color: #f6f6f6
    }

    #miracle-flavors .recipes .bnr-body {
        padding: 10px 0;
        height: auto
    }

    #miracle-flavors .recipes .bnr-media {
        height: 300px;
        overflow: hidden
    }

    #miracle-flavors .recipes .bnr-media figure {
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    #miracle-flavors .recipes .bnr-media img {
        width: 100%
    }

    #miracle-flavors .recipes .bnr-info {
        font-size: .875rem;
        line-height: 1.28571
    }

    #miracle-flavors .recipes .bnr-title {
        width: auto;
        margin: 0
    }

    #miracle-flavors .recipes .bnr-button {
        text-align: right
    }

    #miracle-flavors.ml-2-col>.banner {
        width: calc(100% / 3 * 2);
        max-height: 670px
    }

    .page-home #assistant {
        margin-top: 30px
    }

    .page-home #assistant .banner {
        height: auto
    }

    .page-home #assistant .bnr-info {
        max-width: none
    }

    .page-home #assistant .bnr-button .btn {
        width: 140px
    }

    .page-home #assistant .bnr-media {
        margin: 0;
        left: 2%;
        bottom: -90%
    }

    .page-home #live-chat {
        max-width: 1600px;
        padding: 0 40px
    }

    .page-home .lcs {
        padding: 12px 22px
    }

    #featured-technology {
        margin-top: 20px
    }

    #featured-technology .banner {
        display: flex;
        align-items: center
    }

    #featured-technology .bnr-media {
        width: 50%
    }

    #featured-technology .bnr-body {
        padding: 60px;
        width: 50%
    }

    #featured-technology .bnr-title {
        font-size: 2rem;
        line-height: 1.25
    }

    #featured-technology .bnr-info {
        max-width: 450px;
        margin-top: 15px
    }

    #featured-technology .bnr-button {
        margin-top: 30px
    }

    #featured-technology .bnr-media .responsive::before {
        padding-top: 70.58824%
    }

    #deal-countdown {
        margin-top: 50px
    }

    #deal-countdown .swiper-button-next {
        top: auto;
        bottom: 40px;
        right: 80px
    }

    #deal-countdown .swiper-button-prev {
        top: auto;
        bottom: 40px;
        left: auto;
        right: 144px
    }

    .dcd {
        padding: 0;
        display: flex
    }

    .dcd-bg {
        left: 30%;
        top: -10%
    }

    .dcd-media {
        order: 2;
        flex: 1;
        max-width: 640px;
        display: flex;
        align-items: center;
        margin: 0 auto
    }

    .dcd-content {
        padding: 0 60px;
        order: 1;
        width: 580px;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2
    }

    .dcd-header {
        position: static;
        text-align: left;
        margin: 70px 0 30px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }

    .dcd-hd-left {
        display: block;
        font-family: "HeronSans","arial","sans-serif";
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 600
    }

    .dcd-hd-right {
        flex: 1;
        padding-left: 20px
    }

    .dcd-hd-right .subt {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .dcd-hd-right .time {
        font-size: 2rem;
        line-height: 1.25
    }

    .dcd-hd-right .time .digit {
        width: 45px
    }

    .dcd-hd-right .time .digit.day {
        width: 70px
    }

    .dcd-hd-right .time .digit i {
        font-size: 1rem;
        line-height: 1.25;
        padding-right: 20px;
        font-style: normal;
        padding-left: 3px
    }

    .dcd-body {
        margin-top: auto
    }

    .dcd-inner {
        display: block
    }

    .dcd-title {
        position: relative;
        width: 100%
    }

    .dcd-title a {
        margin-right: 0;
        position: absolute;
        left: 0;
        top: -25px
    }

    .dcd-title>span {
        font-family: "HeronSans","arial","sans-serif";
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 600
    }

    .dcd-reviews {
        margin-left: 0
    }

    .dcd-features {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .dcd-features li {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .dcd-footer {
        background-color: #fff;
        padding: 0 30px;
        align-items: center;
        height: 110px
    }

    .dcd-ft-left {
        flex: 1
    }

    .dcd-ft-left .promo {
        margin-bottom: 5px;
        color: #222;
        display: inline-flex;
        align-items: center
    }

    .dcd-ft-left .responsive {
        display: inline-block;
        width: 32px
    }

    .dcd-ft-left .prc-first {
        font-size: 1.125rem;
        line-height: 1.33333;
        color: #989898
    }

    .dcd-ft-left .prc-last {
        font-size: 1.125rem;
        line-height: 1.33333;
        font-weight: 600;
        color: #222
    }

    .dcd-ft-left .prc-third {
        font-size: 1.125rem;
        line-height: 1.33333;
        font-weight: 600;
        color: #d93131
    }

    .dcd-ft-left .prc-third-info {
        color: #222
    }

    .dcd-ft-right {
        width: 150px
    }

    .dcd-ft-right .btn {
        background-color: #d93131;
        color: #fff
    }

    .dcd-ft-right .btn:hover {
        background-color: #b62121
    }

    .plus-button {
        left: -5%
    }

    .left-button {
        left: -5%
    }

    .plus-wrapper {
        bottom: 235px
    }

    .plus-button {
        width: 0;
        opacity: 0
    }

    .active-plus:hover .plus-button {
        opacity: 1;
        width: 140px
    }

    .brand-list {
        grid-template-columns: repeat(4, 235px);
        gap: 30px
    }

    .brand-list li {
        height: 235px
    }

    .category-list {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(4, minmax(auto, 250px));
        gap: 30px
    }

    .top-panel {
        flex-wrap: nowrap;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .top-panel .pnl-left {
        order: 1
    }

    .top-panel .pnl-middle {
        width: auto;
        margin-top: 0;
        order: 2
    }

    .top-panel .pnl-right {
        order: 3
    }

    .btn-filter {
        margin-left: 20px
    }

    .primary-filters {
        margin: 0
    }

    .primary-filters>a {
        margin-bottom: 10px
    }

    .page-product-list #assistant:not(.assistant-in-list) {
        max-width: 1440px;
        padding: 0 40px;
        margin: 0 auto
    }

    .page-product-list #assistant:not(.assistant-in-list) .bnr-body {
        flex-direction: row;
        align-items: center;
        padding: 60px 80px
    }

    .page-product-list #assistant:not(.assistant-in-list) .bnr-footer {
        margin: 0
    }

    .page-product-list #assistant:not(.assistant-in-list) .bnr-button {
        margin: 0 auto
    }

    .page-product-list #assistant:not(.assistant-in-list) .bnr-button .btn {
        padding: 0 44px
    }

    .page-product-list #assistant:not(.assistant-in-list) .bnr-media {
        display: block;
        top: 30px;
        left: 25%
    }

    .products {
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
        gap: 20px 20px;
        padding: 0 40px
    }

    .products #assistant {
        grid-column: auto;
        margin: 0;
        padding: 0
    }

    .products #assistant .banner {
        height: 100%
    }

    .products #assistant .bnr-button {
        margin-top: 65px;
        display: block;
        text-align: center
    }

    .products #assistant .bnr-button .btn {
        min-width: 140px;
        margin: 0 10px 20px
    }

    .products #assistant .bnr-footer {
        margin-top: 30px
    }

    .products #assistant .bnr-media {
        display: block;
        bottom: -20%
    }

    .products #assistant.iframed {
        height: 648px;
        overflow: hidden;
        background-color: #eae2e7
    }

    .products #assistant.iframed .banner {
        height: 100%
    }

    .products #assistant.iframed .bnr-body {
        padding: 20px
    }

    .products #assistant.iframed .bnr-media {
        bottom: -30%
    }

    .products #assistant.iframed .bnr-header {
        display: none
    }

    .products #assistant.iframed .bnr-footer {
        display: none
    }

    .products #assistant.iframed .bnr-iframe {
        display: block
    }

    .product-build {
        grid-template-columns: repeat(auto-fill, minmax(445px, 1fr));
        gap: 40px 20px;
        padding: 0 40px
    }

    .product-scroll {
        display: flex;
        justify-content: center;
        padding: 0
    }

    .product-scroll .prd {
        max-width: 325px
    }

    .category-explorer {
        display: flex
    }

    .category-explorer>a:hover {
        background: #ddd
    }

    .category-explorer>a:hover figure {
        transform: scale(1.1)
    }

    .page-category .tab-content {
        padding: 50px 40px
    }

    #live-chat {
        max-width: 1440px;
        padding: 0 40px
    }

    .lcs {
        padding: 22px
    }

    .lcs-inner {
        display: flex;
        align-items: center;
        max-width: 600px;
        margin: 0 auto;
        padding: 0
    }

    .lcs-media {
        width: 105px;
        margin-right: 15px;
        position: static;
        transform: none
    }

    .lcs-info {
        flex: 1;
        margin-bottom: 0;
        text-align: center
    }

    .lcs-button {
        margin-left: 15px
    }

    .page-promotion-list .page-title {
        padding: 40px 0
    }

    .page-promotion-list .tab-holder {
        max-width: 1260px;
        margin: 0 auto 130px;
        text-align: center
    }

    .page-promotion-list .nav-tabs,.page-promotion-list .nav-pills {
        display: inline-flex;
        width: auto
    }

    .page-promotion-list .banner {
        margin-bottom: 10px
    }

    .otpromo {
        width: 100%;
        margin: 0 0 50px 0
    }

    .otpromo-block1 {
        padding: 0 8px
    }

    .otpromo-block1 .icon {
        font-size: 38px
    }

    .otpromo-title {
        font-family: "HeronSans","arial","sans-serif";
        font-size: 1.375rem;
        line-height: 1.18182;
        font-weight: 600
    }

    .otpromo-form-input {
        width: 250px
    }

    .page-promotion-detail .bnr-promo {
        padding: 60px 0;
        padding-left: calc((100% - 1200px) / 2);
        max-height: 60vh
    }

    .page-promotion-detail .bnr-promo .bnr-media {
        max-width: 60vh;
        align-self: center
    }

    .promo-inner {
        max-width: 960px;
        margin: 0 auto
    }

    .promo-header {
        margin: 0;
        padding-top: 60px
    }

    .promo-title {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 45px
    }

    .promo-tabs {
        max-width: 540px;
        margin: 0 auto
    }

    .promo-tabs .nav-link {
        flex: 1
    }

    .promo-tab-contents .option-count {
        padding: 0;
        text-align: center
    }

    .promo-tab-contents .swiper-slide {
        width: 195px;
        padding: 0 7.5px
    }

    .promo-tab-contents .swiper-slide:first-child {
        margin-left: 0
    }

    .promo-tab-contents .swiper-slide:last-child {
        margin-right: 0
    }

    .promo-selections {
        margin-top: 60px
    }

    .promo-sum-right .btn {
        padding: 0 45px
    }

    .promo-conditions {
        padding: 60px 0 120px
    }

    .promo-products {
        margin: 0
    }

    .promo-products #product-swiper {
        padding: 0 90px
    }

    .promo-products #product-swiper::before,.promo-products #product-swiper::after {
        content: "";
        display: inline-block;
        background-color: #fff;
        height: 100%;
        width: 90px;
        position: absolute;
        top: 0;
        z-index: 2
    }

    .promo-products #product-swiper::before {
        left: 0
    }

    .promo-products #product-swiper::after {
        right: 0
    }

    .promo-products #product-swiper>.swiper-wrapper>.swiper-slide:first-child {
        margin-left: 0
    }

    .promo-products #product-swiper>.swiper-wrapper>.swiper-slide:last-child {
        margin-right: 0
    }

    .promo-products #product-swiper>[class*="swiper-button-"] {
        display: block !important;
        z-index: 3
    }

    .promo-products #product-swiper>.swiper-button-prev {
        left: 0
    }

    .promo-products #product-swiper>.swiper-button-next {
        right: 0
    }

    .promo-row {
        margin-top: 60px
    }

    .promo-row .promo-title {
        padding: 0 90px;
        margin-bottom: 30px
    }

    .page-compare .page-title {
        text-align: center
    }

    .page-compare .compare-holder {
        margin: 0 -20px
    }

    .page-compare .compare-holder .swiper-slide:first-child {
        margin-left: 20px
    }

    .page-compare .compare-holder .swiper-slide:last-child {
        margin-right: 20px
    }

    .compare-holder .swiper-slide {
        width: 280px
    }

    .compare-holder .swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    .compare-holder .swiper-slide:first-child {
        margin-left: 0
    }

    .compare-holder .swiper-slide:last-child {
        margin-right: 0
    }

    .compare-holder .swiper-compare-prev,.compare-holder .swiper-compare-next {
        display: inline-block
    }

    .compare-top-panel {
        top: 61px
    }

    #compare-products .swiper-pagination,.compare-top-panel .swiper-pagination {
        display: none
    }

    #compare-all-features .acc-item {
        margin: 0
    }

    .btn-open-acc-items {
        margin: 30px auto
    }

    .compare-bottom-panel {
        position: static;
        background: transparent;
        margin: 0 170px;
        width: auto
    }

    .cmp-add {
        height: 425px
    }

    .page-search-results .nav-link {
        flex-grow: 0;
        min-width: 160px
    }

    .pdp {
        background: linear-gradient(to bottom, #474747, rgba(71,71,71,0) 50%),linear-gradient(to right, #474747 20%, #222);
        padding-top: 0px
    }

    .pdp .breadcrumb {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .pdp-breadcrump {
        position: sticky
    }

    .pdp-grid {
        display: grid;
        grid-template-columns: minmax(20px, 1fr) minmax(auto, calc(100vh - (231px))) minmax(100px, 0.7fr) 440px minmax(20px, 1fr);
        grid-template-areas: ". ga1 ga1 ga1 ." ". ga2 . ga3 ." "ga4 ga4 ga4 ga4 ga4"
    }

    .pdp-more {
        grid-area: ga1;
        height: 25px;
        display: block
    }

    .pdp-more .btn-more {
        position: absolute;
        top: 25px;
        right: 0
    }

    .pdp-gallery {
        grid-area: ga2;
        align-self: flex-start;
        position: sticky;
        top: 61px;
        overflow: hidden;
        margin-bottom: 150px;
        padding-bottom: calc((50px - 32px) / 2)
    }

    .pdp-gallery .swiper-controls {
        position: relative;
        height: 32px
    }

    .pdp-gallery .swiper-button-prev,.pdp-gallery .swiper-button-next {
        display: block;
        top: calc(100% - 16px)
    }

    .pdp-gallery .swiper-button-prev {
        left: 30%
    }

    .pdp-gallery .swiper-button-next {
        right: 30%
    }

    .pdp-gallery .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px
    }

    .pdp-gallery.view-360-ready .swiper-container,.pdp-gallery.view-360-ready .swiper-controls {
        visibility: hidden
    }

    .pdp-gallery.view-360-ready .pdp-360 .icon-close {
        display: inline-block
    }

    .pdp-gallery.view-360-ready .pdp-360 .icon-360 {
        display: none
    }

    .pdp-gallery.view-360-ready #view-360 {
        display: block;
        position: absolute;
        height: calc(100% - 60px);
        width: 100%;
        top: 0;
        left: 0
    }

    .pdp-gallery-360 {
        display: block;
        position: absolute;
        top: calc(50% - 40px);
        left: calc(50% - 40px);
        background-color: #fff;
        border-radius: 50%;
        padding: 20px;
        z-index: 1;
        cursor: pointer
    }

    .pdp-gallery-360 .icon {
        font-size: 60px;
        color: #222
    }

    .swiper-slide-zoomed .pdp-gallery-360 {
        display: none
    }

    .pdp-ar {
        display: none
    }

    .pdp-360 {
        display: block
    }

    .pdp-360 .icon-close {
        display: none
    }

    .pdp-360 .stroke {
        position: absolute;
        top: -2.5px;
        left: -2.5px;
        width: 55px;
        height: 55px;
        opacity: 0;
        transition: opacity 0.222s linear 0s
    }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    .pdp-360 .stroke {
        transition:none
    }
}

@media (min-width: 1025px) {
    .pdp-360 .stroke circle {
        stroke-dasharray:30 270;
        stroke-dashoffset: 0;
        fill: none;
        transform-origin: center;
        stroke-width: 3px;
        stroke: #d93131
    }

    .pdp-details {
        grid-area: ga3;
        padding: 0
    }

    .pdp-details::before {
        display: none
    }

    .pdp-name {
        margin-top: 0;
        justify-content: flex-start;
        text-align: left;
        padding: 0 100px 0 0
    }

    .pdp-reviews {
        justify-content: flex-start
    }

    .pdp-reviews .qty {
        cursor: pointer
    }

    .pdp-sizes {
        justify-content: flex-start
    }

    .pdp-colors {
        justify-content: flex-start
    }

    .pdp-warranty {
        margin-top: 30px;
        border: none
    }

    .btn-warranty {
        background: rgba(17,17,17,0.4);
        padding: 14px 20px
    }

    .pdp-compatible {
        margin-top: 30px;
        border: none
    }

    .btn-compatible {
        background: rgba(17,17,17,0.4);
        padding: 14px 20px
    }

    .pdp-installation {
        border: none
    }

    .pdp-installation .btn-installation {
        padding: 14px 20px
    }

    .pdp-purchase {
        margin-top: 30px;
        padding: 0;
        border: none
    }

    .pdp-purchase-ready .pdp .pdp-purchase-fixed .t {
        display: block
    }

    .pdp-purchase-ready .pdp .pdp-purchase-inner .left>* {
        display: inline
    }

    .pdp-purchase-ready .pdp .pdp-purchase-inner .pdp-price {
        margin-right: 20px
    }

    .pdp-purchase-opened .pdp .pdp-purchase-inner .left>* {
        display: block
    }

    .pdp-purchase-opened .pdp .pdp-purchase-inner .pdp-price {
        margin-right: 0
    }

    .pdp-add-to-cart {
        width: 32%;
        margin-left: 5px;
    }

    .pdp-add-to-cart .btn {
        width: 100%;
    }

    .pdp-info1 {
        margin-top: 20px;
        border: none
    }

    .pdp-benefits {
        margin: 30px -20px 0
    }

    .pdp-benefits .swiper-slide {
        max-width: 140px
    }

    .pdp-benefits .swiper-button-next {
        display: inline-block;
        right: 5px
    }

    .pdp-benefits .swiper-button-prev {
        display: inline-block;
        left: 5px
    }

    .pdp-benefits .swiper-button-prev.swiper-button-disabled {
        display: none
    }

    .pdp-features {
        margin-top: 20px;
        padding-bottom: 0
    }

    .pdp-bottom {
        grid-area: ga4;
        display: flex
    }

    .pdp-awards-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 130px
    }

    .pdp-awards-list .item {
        display: flex;
        align-items: flex-start
    }

    .pdp-awards-list .item .responsive {
        margin-bottom: 0;
        flex: none;
        margin-right: 30px
    }

    .pdp-awards-list .item .t {
        color: #989898
    }

    .pdp-awards-list .item+.item {
        margin-top: 0
    }

    .pdp-installments .nav-link {
        flex-grow: 0;
        min-width: 160px
    }

    .pdp-installments-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 130px
    }

    .pdp-installments-list .item .responsive {
        margin-top: 0
    }

    .pdp-installments-list .item+.item {
        margin-top: 0;
        border: none
    }

    .pdp-promotions .tab-ext {
        padding: 0
    }

    .pdp-promotions .banner {
        margin: 0
    }

    .pdp-featured-content .ar-content {
        text-align: left;
        min-height: 400px;
        display: flex
    }

    .pdp-featured-content .ar-body {
        padding: 70px 60px;
        width: 60%
    }

    .pdp-featured-content .ar-text,.pdp-featured-content .ar-button,.pdp-featured-content .ar-info {
        display: none
    }

    .pdp-featured-content .ar-text-d {
        display: block
    }

    .pdp-featured-content .ar-media {
        align-self: flex-end
    }

    .pdp-compare .compare-holder {
        max-width: 880px;
        margin: 0 auto
    }

    .pdp-mini-block1 {
        max-width: 760px;
        margin: 0 auto;
        padding-right: 350px;
        padding-left: 20px
    }

    .pdp-mini-container {
        padding: 0
    }

    .pdp-mini-name .title {
        font-size: 2rem;
        line-height: 1.25
    }

    .pdp-mini-features {
        max-width: 760px;
        padding-right: 350px
    }

    .pdp-preorder {
        margin-top: 20px
    }

    .pdp-preorder-info {
        align-items: center;
        margin-top: 30px;
        border-top: none;
        border-bottom: none;
        padding: 15px;
        background-color: rgba(152,152,152,0.4)
    }

    .ftc-item {
        flex-direction: row;
        align-items: center
    }

    .ftc-info {
        padding: 70px 150px 100px;
        flex: 1;
        align-self: center
    }

    .ftc-media {
        flex: 1;
        width: 39%
    }

    .ftc-text-only.ftc-item {
        justify-content: center
    }

    .ftc-text-only .ftc-info {
        text-align: center;
        max-width: 880px
    }

    .ftc-full .ftc-media {
        max-width: none
    }

    .ftc-full .ftc-media .responsive {
        width: 100%;
        height: auto
    }

    .ftc-full .ftc-media .responsive img {
        width: 100%;
        height: auto
    }

    .ftc-full .ftc-info {
        bottom: 100px;
        left: 150px;
        padding: 40px
    }

    .ftc-full .ftc-text {
        color: #fff
    }

    .ftc-left .ftc-media {
        margin-left: auto
    }

    .ftc-left .ftc-info {
        padding: 0 150px
    }

    .ftc-left+.ftc-right {
        border-top: 1px solid #444
    }

    .ftc-right .ftc-info {
        order: 2;
        padding: 0 100px
    }

    .ftc-right .ftc-media {
        order: 1
    }

    .ftc-right+.ftc-left {
        border-top: 1px solid #444
    }

    .ftc-tab-item {
        position: relative;
        margin-top: 75px
    }

    .ftc-tab-item .ftc-tabs {
        justify-content: center
    }

    .ftc-tab-item .ftc-tabs button {
        padding: 10px 30px;
        flex: none
    }

    .rvw-holder {
        display: flex
    }

    .rvw-panel {
        order: 2;
        width: 330px;
        margin-left: 100px;
        align-self: flex-start;
        position: sticky;
        top: 81px
    }

    .rvw-list {
        order: 1;
        flex: 1;
        margin-top: 0
    }

    #rvw-mnp .swiper-slide {
        max-width: 650px;
        height: 80vh
    }

    #rvw-mnp .swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    #rvw-mnp .swiper-slide:first-child {
        margin-left: 60px
    }

    #rvw-mnp .swiper-slide:last-child {
        margin-right: 60px
    }

    #rvw-mnp .swiper-button-next {
        display: inline-block;
        right: 10px
    }

    #rvw-mnp .swiper-button-prev {
        display: inline-block;
        left: 10px
    }

    .set-container {
        max-width: 1200px;
        margin: 0 auto
    }

    .set-item+.set-item {
        margin-top: 80px
    }

    .set-title {
        padding: 25px 30px
    }

    .set-products #product-swiper {
        padding: 0 90px
    }

    .set-products #product-swiper::before,.set-products #product-swiper::after {
        content: "";
        display: inline-block;
        background-color: #fff;
        height: 100%;
        width: 90px;
        position: absolute;
        top: 0;
        z-index: 2
    }

    .set-products #product-swiper::before {
        left: 0
    }

    .set-products #product-swiper::after {
        right: 0
    }

    .set-products #product-swiper>.swiper-wrapper>.swiper-slide:first-child {
        margin-left: 0
    }

    .set-products #product-swiper>.swiper-wrapper>.swiper-slide:last-child {
        margin-right: 0
    }

    .set-products #product-swiper>[class*="swiper-button-"] {
        display: block !important;
        z-index: 3
    }

    .set-products #product-swiper>.swiper-button-prev {
        left: 0
    }

    .set-products #product-swiper>.swiper-button-next {
        right: 0
    }

    .set-sum {
        margin-left: 70px;
        max-width: 375px
    }

    .set-more {
        margin-top: 80px
    }

    #assistant-wizard {
        height: calc(100vh - 61px)
    }

    .asw-header {
        width: 100%;
        max-width: 1240px;
        padding: 50px 20px 0;
        margin: 0 auto
    }

    .asw-media {
        width: 340px;
        left: calc(50% - 170px)
    }

    .asw-enter {
        margin: 0;
        font-size: 2rem;
        line-height: 1.25;
        text-align: left
    }

    .asw-body {
        width: 100%;
        max-width: 1240px;
        padding: 0 20px;
        margin: 0 auto
    }

    .asw-step-info {
        padding: 0 0 55px
    }

    .asw-step-selections {
        height: 280px;
        padding-bottom: 60px
    }

    .asw-step-selections .swiper-slide {
        width: 195px
    }

    .asw-step-selections .swiper-slide:first-child {
        margin-left: 0
    }

    .asw-step-selections .swiper-slide:last-child {
        margin-right: 0
    }

    .asw-footer {
        border-top: 1px solid #d6c8d1;
        padding: 30px 20px;
        flex: 1
    }

    .asw-button {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

    .asw-button .link-inline {
        margin-left: 0
    }

    .asw-selecteds {
        bottom: -30px
    }

    #assistant.asr-cover .bnr-body {
        padding: 90px 60px 40px
    }

    #assistant.asr-cover .bnr-media {
        top: -75%;
        width: 340px !important;
        left: calc(50% - 170px) !important
    }

    .cmb-inner {
        padding: 40px 40px 30px
    }

    .cmb-close {
        right: 50px
    }

    .cmb-title {
        font-size: 2rem;
        line-height: 1.25
    }

    .cmb-form .form-col-3-1 {
        padding-right: 10px
    }

    .cmb-form .form-col-3-2 {
        padding-right: 10px;
        padding-left: 10px
    }

    .cmb-form .form-col-3-3 {
        padding-left: 10px
    }

    .msb-media {
        width: 172px
    }

    .msb-body {
        padding: 0 0 0 15px;
        display: flex;
        align-items: center
    }

    .msb-button {
        margin-top: 0
    }

    .msb-text {
        padding-right: 50px
    }

    .msb .btn-msb-close {
        top: 12px;
        right: 12px
    }

    .ccm-title {
        font-family: "HeronSans","arial","sans-serif";
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 600
    }

    .ccm-timer {
        flex: none;
        margin-right: 60px
    }

    .ccm-timer .subt {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .ccm-timer .time {
        font-family: "HeronSans","arial","sans-serif";
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 600
    }

    .ccm-timer .time .digit {
        width: 45px
    }

    .ccm-code {
        flex: none
    }

    .apr {
        padding-right: 30px
    }

    .apr-body {
        padding: 25px 30px
    }

    .apr-title {
        margin-bottom: 5px
    }

    .apr-cta {
        margin-top: auto
    }

    .apr-media {
        flex: 0 0 213px
    }

    .pdp-yapi .apr {
        flex-direction: inherit
    }

    .pdp-yapi .apr .apr-titlee {
        font-size: 18px;
        line-height: 22px
    }

    .h20 .apr-h2o {
        font-size: 24px;
        line-height: 29px
    }

    .banner-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(auto, 590px));
        column-gap: 20px;
        row-gap: 40px
    }

    .banner-list.list-col-3 {
        grid-template-columns: repeat(3, minmax(auto, 393px));
        column-gap: 11px
    }

    .page-title {
        text-align: left;
        padding: 30px 0
    }

    .page-title h1 {
        font-size: 2rem;
        line-height: 1.25
    }

    .page-title.centered {
        text-align: center
    }

    .page-title.detail {
        text-align: center;
        max-width: 520px
    }

    .text-content {
        margin-top: 50px
    }

    .text-content p {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .text-content .hero {
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .text-content .hero+p {
        margin-top: 40px
    }

    .video-content {
        margin-top: 60px
    }

    .page-corporate-detail .page-cover {
        height: 540px
    }

    .technology-cover {
        height: calc((100vw * (640 / 1440)) - 61px)
    }

    .technology-cover .cover-media .responsive {
        width: 100%;
        height: auto
    }

    .technology-cover .cover-media .responsive img {
        width: 100%;
        height: auto
    }

    .techno-image {
        padding: 0 20px;
        max-width: 870px;
        margin: 40px auto 0;
        display: flex
    }

    .techno-image figure+figure {
        margin-left: 10px
    }

    .techno-image.gallery {
        display: grid;
        grid-template-columns: 410px 200px 200px;
        grid-template-rows: 200px 200px;
        gap: 10px
    }

    .techno-image.gallery figure {
        max-width: none;
        margin: 0
    }

    .techno-image.gallery figure:first-child {
        grid-row: 1 / 3
    }

    .related-categories .swiper-wrapper {
        justify-content: center
    }

    .related-products .show-all {
        padding-top: 40px
    }

    .page-ml .page-cover {
        height: 640px !important
    }

    .page-ml .cover-img {
        margin-top: 220px
    }

    .page-ml .tab-content {
        padding: 0
    }

    .page-ml .top-panel {
        padding: 14px 40px
    }

    .page-ml .events {
        padding: 40px 20px 40px 40px
    }

    .page-ml .events .evt-details {
        display: flex;
        height: 80px
    }

    .page-ml .events .evt-title {
        margin-right: 10px;
        margin-bottom: 0;
        width: 180px;
        max-width: none
    }

    .page-ml .events .evt-time {
        margin-bottom: 0;
        margin-left: auto;
        width: 100px
    }

    .page-ml .events .evt-location {
        margin-right: auto;
        margin-left: 10px;
        width: 180px
    }

    .page-ml .gallery {
        margin-top: 40px
    }

    .page-ml .gallery .cont-sect-title {
        padding: 0 20px
    }

    .page-ml .gallery .swiper-container {
        padding-left: calc((100% - 1200px) / 2)
    }

    .page-ml .gallery .swiper-button-prev,.page-ml .gallery .swiper-button-next {
        display: block
    }

    .page-ml .gallery .swiper-button-prev {
        left: calc(50% - 642px)
    }

    .page-ml .gallery .swiper-button-next {
        right: calc(50% - 642px)
    }

    .page-ml .gallery .swiper-slide {
        width: 480px;
        cursor: pointer
    }

    .page-ml .gallery .swiper-slide:last-child {
        margin-right: calc((100vw - 1200px - 16px) / 2)
    }

    .gallery-opened .gallery {
        padding-bottom: 480px
    }

    .gallery-opened .swiper-gallery {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 6;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        pointer-events: none
    }

    .gallery-opened .swiper-gallery * {
        pointer-events: all
    }

    .gallery-opened .swiper-gallery .swiper-container {
        align-self: center;
        padding-left: calc((100% - (720px * 1.5)) / 2) !important
    }

    .gallery-opened .swiper-gallery .swiper-container figure {
        pointer-events: none !important
    }

    .gallery-opened .swiper-gallery .swiper-slide {
        width: 75vh !important;
        max-width: 720px
    }

    .gallery-opened .swiper-gallery .swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    .gallery-opened .swiper-gallery .swiper-button-prev {
        left: 30px !important
    }

    .gallery-opened .swiper-gallery .swiper-button-next {
        right: 30px !important
    }

    .gallery-opened .swiper-gallery .btn-gallery-close {
        display: inline-block;
        position: absolute;
        right: 30px;
        top: calc(((100vh - 720px) / 2) - 60px)
    }

    .gallery-opened #overlay {
        display: block;
        z-index: 5
    }

    .page-ml .all-events {
        margin-top: 40px;
        background: #f6f6f6
    }

    .page-ml .recipes {
        padding: 0
    }

    .page-ml .recipes .bnr-info {
        font-size: .875rem;
        line-height: 1.28571
    }

    .page-ml .recipes .bnr-media {
        height: 300px
    }

    .page-ml .recipe-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 30px
    }

    .page-ml-detail .page-cover {
        height: 640px
    }

    .page-ml-detail #product-swiper>[class*="swiper-button-"] {
        display: block
    }

    .page-ml-detail #product-swiper>[class*="swiper-button-"].swiper-button-next {
        right: 0
    }

    .page-ml-detail #product-swiper>[class*="swiper-button-"].swiper-button-prev {
        left: 0
    }

    .cnt-cover-image,.cnt-cover-video {
        min-height: 640px;
        height: calc(100vh - 161px)
    }

    .cnt-inner {
        padding: 30px 0
    }

    .cnt-inner>div {
        padding: 0
    }

    .cnt-inner>div+div {
        margin-top: 30px
    }

    .cnt-inner .cnt-title {
        margin-top: 30px
    }

    .cnt-inner .cnt-text {
        font-size: 1.125rem;
        line-height: 1.33333
    }

    .cnt-inner .cnt-media {
        text-align: center
    }

    .cnt-products {
        max-width: 1055px;
        margin: 0 auto
    }

    .cnt-products #product-swiper .swiper-slide:first-child {
        margin-left: 20px
    }

    .cnt-products #product-swiper .swiper-slide:last-child {
        margin-right: 20px
    }

    .cnt-products .show-all {
        margin-top: 40px
    }

    .cnt-gallery.gallery .swiper-container {
        padding-left: calc((100% - 720px) / 2)
    }

    .cnt-gallery.gallery .swiper-button-prev {
        left: calc(50% - 402px)
    }

    .cnt-gallery.gallery .swiper-button-next {
        right: calc(50% - 402px)
    }

    .cnt-gallery .cont-sect-title {
        display: block
    }

    .page-catalogues .page-title {
        text-align: center
    }

    .ctl-list {
        padding: 20px 0;
        grid-template-columns: repeat(4, 1fr);
        gap: 25px 40px
    }

    .ctl-list .banner {
        flex-direction: column;
        margin: 0
    }

    .ctl-list .bnr-media {
        max-width: none
    }

    .ctl-list .bnr-body {
        padding: 15px 0
    }

    .page-legal-text .text-content {
        max-width: 940px;
        margin-top: 40px
    }

    .page-legal-text h1 {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 40px
    }

    .dml-info {
        margin-top: 35px;
        padding-bottom: 85px
    }

    .dml-info-users {
        padding: 40px 0 0 45px
    }

    .dml-info-hours {
        padding: 40px 0 0 45px
    }

    .dml-content {
        margin: 50px auto 0;
        max-width: 800px;
        padding-bottom: 0
    }

    .dml-content-img {
        margin-left: 0;
        margin-right: 0
    }

    .dml-content-cta {
        margin-top: 50px
    }

    .signing {
        display: flex
    }

    .sgn-holder {
        width: 635px;
        position: relative
    }

    .sgn-holder .signup {
        height: 100%
    }

    .sgn-media {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        min-height: 750px;
        flex: 1
    }

    .login {
        padding: 80px 0
    }

    .login h1 {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 40px
    }

    .signup {
        padding: 80px 0
    }

    .signup .prg-header {
        position: absolute;
        z-index: 1;
        background-color: #f6f6f6
    }

    .signup .prg-title,.signup .prg-inner::after,.signup .prg-inner::before {
        display: none
    }

    .signup .prg-back button span {
        display: inline
    }

    .signup .prg-inner {
        padding: 30px 50px
    }

    .guest {
        padding: 80px 0
    }

    .guest .prg-header {
        position: absolute;
        z-index: 1;
        background-color: #f6f6f6
    }

    .guest .prg-title,.guest .prg-inner::before {
        display: none
    }

    .guest .prg-back button span {
        display: inline
    }

    .guest .prg-inner {
        padding: 30px 50px
    }

    .social-otp {
        padding: 80px 0
    }

    .social-otp .prg-header {
        position: absolute;
        z-index: 1;
        background-color: #f6f6f6
    }

    .social-otp .prg-title,.social-otp .prg-inner::before {
        display: none
    }

    .social-otp .prg-back button span {
        display: inline
    }

    .social-otp .prg-inner {
        padding: 30px 50px
    }

    .page-user .header-top .col-left-alt {
        display: none
    }

    .page-user .header-top .col-left,.page-user .header-top .col-center {
        display: flex
    }

    .user-page-header {
        position: static;
        height: auto;
        padding: 25px 0
    }

    .user-page-header .t {
        font-size: 1.375rem;
        line-height: 1.18182
    }

    .user-page-bg {
        background-color: #eae2e7
    }

    .user-page-bg .user-page-header {
        background-color: transparent
    }

    .p-user {
        display: flex
    }

    [class*="-grid"] .pl-lg-20 {
        padding-left: 20px
    }

    [class*="-grid"] .mt-lg-0 {
        margin-top: 0
    }

    [class*="-grid"] .col-lg-right {
        text-align: right
    }

    .ord-grid.lp {
        margin-left: 0;
        margin-right: 0
    }

    .ord-grid.lp .ord-preorder {
        align-items: center;
        margin-top: 30px
    }

    .ord-grid.lp .ord-extra-warranty .ord-bar {
        margin-top: 0
    }

    .ord-grid.dp .ord-payment-type,.ord-grid.dp .ord-block1,.ord-grid.dp .ord-status,.ord-grid.dp .ord-email {
        margin-top: 0
    }

    .ord-grid.dp .ord-addresses {
        display: flex;
        justify-content: space-between;
        padding: 20px 30px
    }

    .ord-grid.dp .ord-addresses .item {
        flex: 1;
        border: none
    }

    .ord-grid.dp .ord-addresses .item .p {
        padding-right: 60px
    }

    .ord-grid.dp .ord-chk-grid {
        margin: 0
    }

    .ord-grid.dp .ord-chk-grid .item:first-child {
        border-color: transparent
    }

    .ord-grid.dp .ord-purchase {
        margin: 30px 30px 0
    }

    .ord-grid.dp .ord-docs {
        margin: 30px 30px 0;
        display: flex
    }

    .ord-grid.dp .ord-docs .item {
        margin-right: 30px
    }

    .ntf-grid #product-swiper {
        margin: 0
    }

    .ntf-grid #product-swiper>.swiper-wrapper>.swiper-slide {
        width: 285px
    }

    .ntf-grid #product-swiper>.swiper-wrapper>.swiper-slide:first-child {
        margin-left: 0
    }

    .ntf-grid #product-swiper>.swiper-wrapper>.swiper-slide:last-child {
        margin-right: 0
    }

    .req-grid.lp {
        margin-left: 0;
        margin-right: 0;
        padding: 20px
    }

    .req-grid.lp>.row {
        align-items: center
    }

    .req-grid.lp .req-block1 {
        margin: 0;
        padding: 0;
        border-top: none
    }

    .req-grid.lp .req-service {
        margin-top: 0
    }

    .req-grid.dp .req-map-embed {
        margin-left: 0;
        margin-right: 0
    }

    .req-grid.dp .req-title {
        margin-top: 0
    }

    .fav-grid {
        margin-left: 0;
        margin-right: 0;
        padding: 5px
    }

    .fav-grid .row {
        align-items: center
    }

    .fav-block1 {
        margin-top: 0;
        max-width: none;
        justify-content: flex-end
    }

    .fav-price-block1 {
        flex-direction: row
    }

    .fav-price-block1 .prc-first {
        margin-right: 10px
    }

    .fav-add-to-cart {
        margin-left: 30px
    }

    .fav-remove {
        position: static;
        text-align: center
    }

    .cpn-grid {
        margin-left: 0;
        margin-right: 0
    }

    .inf-grid {
        margin-top: 30px
    }

    .usr-profile-informations .delete-account {
        background-color: transparent;
        padding: 0;
        margin: 40px 0 0;
        text-align: left
    }

    .page-forgot-password {
        background-color: #fff
    }

    .page-forgot-password .spt-header {
        background: none;
        margin-top: 110px
    }

    .page-forgot-password .spt-hdr-title {
        font-size: 1.375rem;
        line-height: 1.18182
    }

    #forgot-password {
        padding: 0 0 40px
    }

    #forgot-password .form-button {
        padding-top: 20px
    }

    .fpr-email {
        margin-bottom: 20px;
        font-weight: 600;
        text-align: center
    }

    .fpr-info {
        text-align: center
    }

    .fpr-button {
        text-align: center;
        margin-top: 45px
    }

    .fpr-desc {
        margin-bottom: 50px;
        text-align: center
    }

    .srv-item {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

    .srv-item.selected {
        box-shadow: 5px 0 #d93131 inset
    }

    .page-support {
        margin-bottom: 0
    }

    .page-support-main .page-title {
        text-align: center
    }

    .page-support-main .category-list {
        margin-top: 25px
    }

    .page-support-main .category-list li {
        margin: 15px 25px
    }

    .page-support-main #site-main {
        padding-bottom: 80px
    }

    .spt-search {
        position: relative;
        max-width: 720px;
        margin: 10px auto 0;
        padding: 0
    }

    .spt-search-holder.spt-search-mdl {
        background-color: #eae2e7;
        padding: 60px 0 80px;
        margin-top: 100px
    }

    .spt-search-holder.spt-search-mdl .spt-search-title {
        display: block;
        font-family: "HeronSans","arial","sans-serif";
        font-size: 1.375rem;
        line-height: 1.18182;
        font-weight: 600;
        text-align: center;
        margin-bottom: 20px
    }

    .spt-search-input input {
        max-width: none
    }

    .spt-search .btn-spt-back {
        display: none !important
    }

    .spt-search-suggest {
        position: absolute;
        width: 100%;
        border-radius: 0 0 5px 5px;
        background: #fff;
        height: auto;
        max-height: 400px
    }

    .spt-sug-row-empty {
        display: flex;
        padding: 30px 10px
    }

    .spt-sug-row-empty>div {
        flex: 1
    }

    .spt-sug-row-empty>div+div {
        margin-top: 0
    }

    .spt-sug-row-empty .col-left {
        padding-right: 30px
    }

    .spt-sug-row-empty .md {
        margin-top: 20px
    }

    .spt-search-ready {
        overflow: auto
    }

    .spt-search-ready .spt-search {
        height: auto
    }

    .spt-search-ready .spt-search-input {
        border-radius: 5px 5px 0 0
    }

    .spt-search-ready .spt-search-input input {
        padding: 0 20px
    }

    .page-support-article-detail .spt-bnf-slider {
        margin-bottom: -100px
    }

    .spt-bnf-list {
        display: flex;
        gap: 10px
    }

    .spt-bnf {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 30px 30px 40px
    }

    .spt-bnf .icon {
        position: static
    }

    .spt-bnf .t {
        margin-top: 40px
    }

    .spt-bnf .b {
        margin-top: auto;
        padding-top: 50px
    }

    .spt-bnf+.spt-bnf {
        border-top: none
    }

    .spt-bnf.m-view {
        display: block;
        text-align: left;
        padding: 30px 20px 20px 45px
    }

    .spt-bnf.m-view .icon {
        position: absolute
    }

    .spt-bnf.m-view .t {
        margin-top: 0
    }

    .spt-bnf-list2 {
        margin-top: 30px;
        display: flex
    }

    .spt-bnf-list2 .spt-bnf {
        flex: none;
        width: 375px
    }

    .spt-bnf-list2 .spt-map-embed {
        flex: 1;
        margin-top: 0
    }

    .spt-header .breadcrumb {
        display: flex;
        position: absolute
    }

    .spt-hdr-inner {
        height: 260px;
        width: 720px;
        margin: 0 auto
    }

    .spt-hdr-media {
        width: 400px;
        right: -250px
    }

    .spt-hdr-content {
        height: 100%;
        justify-content: center;
        padding: 0
    }

    .spt-hdr-content .btn-spt-back {
        display: none
    }

    .spt-hdr-title {
        font-size: 2rem;
        line-height: 1.25
    }

    .spt-article-list {
        padding: 25px 0
    }

    .spt-article-header {
        height: auto;
        padding: 0
    }

    .spt-article-header .btn-spt-back {
        display: none
    }

    .spt-article-header .breadcrumb {
        display: flex
    }

    .spt-article-title {
        font-size: 2rem;
        line-height: 1.25;
        margin: 45px 0 40px
    }

    .spt-article-tags {
        padding: 0
    }

    .spt-article-feedback {
        padding: 0
    }

    .spt-article-categories {
        text-align: center
    }

    .spt-article-categories .nav {
        display: inline-flex;
        width: auto;
        min-width: 720px
    }

    .spt-video-info {
        text-align: center
    }

    .spt-bnf-title {
        font-family: "HeronSans","arial","sans-serif";
        font-size: 1.375rem;
        line-height: 1.18182;
        font-weight: 600
    }

    .spt-bnf-slider {
        padding: 40px 0 70px;
        margin-top: 60px
    }

    .spt-bnf-slider .swiper-slide:first-child {
        margin-left: 0
    }

    .spt-bnf-slider .swiper-slide:last-child {
        margin-right: 0
    }

    .spt-bnf-slider .swiper-pagination {
        display: none !important
    }

    .spt-bnf-slider .swiper-wrapper {
        justify-content: center
    }

    .page-support-buying-guide .spt-header {
        background: #eae2e7
    }

    .page-support-buying-guide .spt-hdr-inner {
        height: 260px
    }

    .page-support-buying-guide .spt-hdr-content {
        padding: 0
    }

    .spt-guide-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        padding: 25px 0
    }

    .spt-guide-list .bnr-info {
        font-size: .875rem;
        line-height: 1.28571
    }

    .page-services #site-main .col-left {
        padding: 50px
    }

    .page-services #site-main .col-right {
        align-self: flex-start;
        position: sticky;
        top: 61px
    }

    .page-services .page-title {
        text-align: center;
        padding: 0
    }

    .page-services .page-title h1 {
        font-size: 1.375rem;
        line-height: 1.18182
    }

    .page-services .srv-list {
        margin-top: 50px
    }

    .page-services.map-view-activeted .map-view-cover,.page-services.map-view-activeted .map-view-header,.page-services.map-view-activeted .map-view-content,.page-services.map-view-activeted .store-gallery {
        display: none
    }

    .page-services.map-view-activeted .map-view-container {
        position: relative;
        z-index: auto
    }

    .page-services.map-view-activeted .map-view-container #Map {
        height: calc(100vh - 61px)
    }

    .page-services .nav-tabs {
        margin-top: 30px
    }

    .page-services .tab-content {
        padding: 0
    }

    .page-services .tab-content .srv-list {
        margin-top: 0
    }

    .find-service {
        padding: 0;
        margin-top: 30px
    }

    .btn-srv-search {
        width: auto
    }

    .btn-loc-search {
        width: auto;
        margin-left: 45px
    }

    .find-service .spt-bnf {
        margin-top: 50px
    }

    .store-gallery picture {
        max-height: calc(100vh - 61px)
    }

    .store-gallery picture img {
        width: 100%
    }

    .srv-information {
        padding: 30px 20px
    }

    .map-view-cover {
        display: block
    }

    .contact {
        padding: 0 20px
    }

    .contact h1.ctc-title {
        margin: 5px 0 85px;
        font-size: 2rem;
        line-height: 1.25
    }

    .ctc-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(400px, 1fr));
        column-gap: 120px;
        grid-template-rows: max-content 1fr;
        grid-template-areas: "ga1 ga2" "ga3 ga2"
    }

    .ctc-support {
        grid-area: ga1;
        text-align: left;
        padding: 40px
    }

    .ctc-support .ctc-title {
        text-align: left
    }

    .ctc-support p {
        margin-bottom: 40px
    }

    .ctc-form {
        grid-area: ga2;
        padding: 0;
        margin: 0
    }

    .ctc-form-inner>p {
        text-align: left
    }

    .ctc-form .ctc-title {
        text-align: left
    }

    .ctc-info {
        grid-area: ga3;
        padding: 0 40px
    }

    .page-support-service-app .spt-header,.page-support-service-request .spt-header {
        margin: 50px 0 20px
    }

    #app-wizard {
        background-color: transparent
    }

    #app-wizard .nav-link {
        flex: 1
    }

    #app-result {
        background-color: transparent;
        padding: 50px 0
    }

    #app-result .form-result-title {
        font-size: 2rem;
        line-height: 1.25
    }

    .app-steps {
        padding: 30px 0
    }

    .time-picker .swiper-button-next,.time-picker .swiper-button-prev {
        display: inline-block;
        z-index: 3;
        left: 0
    }

    .time-picker .swiper-button-next {
        left: auto;
        right: 0
    }

    .time-picker .swiper-slide {
        margin-left: 50px
    }

    .time-picker .swiper-container::before,.time-picker .swiper-container::after {
        content: "";
        display: block;
        height: 100%;
        width: 30px;
        position: absolute;
        top: 0;
        background-color: #fff;
        z-index: 2;
        left: 0
    }

    .time-picker .swiper-container::after {
        left: auto;
        right: 0
    }

    .app-form-completed .spt-header {
        display: none
    }

    .page-support-software-finder .spt-header,.page-support-software-manual-finder .spt-header {
        background-color: #eae2e7
    }

    .page-support-software-finder .spt-hdr-inner,.page-support-software-manual-finder .spt-hdr-inner {
        height: 150px
    }

    .tsf {
        margin: 50px 0
    }

    .tsf-content {
        display: flex
    }

    .tsf-label {
        width: 50%;
        margin-bottom: 0
    }

    .tsf-form {
        width: 50%;
        padding-left: 30px
    }

    .tsf-form .submit {
        text-align: right
    }

    .sgf {
        margin: 55px 0 260px
    }

    .sgf-desc {
        font-size: 1rem;
        line-height: 1.25
    }

    .sgf-tabs .nav-tabs {
        margin: 25px 0 0;
        width: 100%
    }

    .sgf-info-media {
        margin-top: 20px;
        padding: 20px 45px
    }

    .sgf-result {
        margin-top: 25px
    }

    .sgf-downloads {
        padding: 20px 35px
    }

    .sgf-search .spt-search {
        border-radius: 5px
    }

    .sgf-search .spt-search-suggest {
        padding-bottom: 0
    }

    .spt-search-ready .sgf-search .spt-search-input {
        background-color: #f6f6f6;
        border-radius: 5px
    }

    .spt-search-ready .sgf-search .spt-search.searching .spt-search-input {
        border-radius: 5px 5px 0 0
    }

    .purchase-pages {
        padding-bottom: 0
    }

    .purchase-pages .progress .prg-header {
        position: static;
        height: auto;
        margin: 30px 0
    }

    .purchase-pages .progress .prg-inner {
        padding: 0
    }

    .purchase-pages .progress .prg-inner::before,.purchase-pages .progress .prg-inner::after {
        display: none
    }

    .purchase-pages .progress .prg-back {
        margin-right: 0
    }

    .purchase-pages .progress .prg-title {
        flex: none;
        font-family: "HeronSans","arial","sans-serif";
        font-size: 1.375rem;
        line-height: 1.18182;
        font-weight: 600
    }

    .purchase-pages .progress .prg-summary {
        margin-left: 20px
    }

    .purchase-pages #site-footer {
        display: block
    }

    .purchase-container {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px
    }

    .purchase-grid {
        display: flex;
        flex-wrap: wrap
    }

    .purchase-grid>.cart-sum-confirm {
        order: 3;
        width: calc(100% - 490px)
    }

    .purchase-panel {
        order: 2;
        width: 440px;
        top: 71px;
        align-self: flex-start
    }

    .purchase-body {
        margin: 0 50px 0 0;
        width: 100%;
        max-width: calc(100% - 490px)
    }

    .cart-grid {
        margin-top: 0
    }

    .cart-sum {
        position: static;
        padding:30px;
        background-color: #f6f6f6
    }

    .cart-sum-lines {
        display: block;
        padding: 0 10px 0px
    }

    .cart-sum-line {
        opacity: 1
    }

    .cart-sum-open {
        display: none
    }

    .cart-sum-bottom {
        padding: 0 0 0
    }

    .cart-sum-bottom::before {
        display: block;
        width: 100%;
        left: 0
    }

    .cart-sum-button .btn {
        padding: 0 45px
    }

    .cart-sum-confirm {
        display: block;
        padding-top: 20px
    }

    .cart-sum-confirm label {
        padding-left: 42px;
        margin-top: -20px;
    }

    .cart-row-promos .nav-tabs.tab-ext {
        margin-left: 20px;
        margin-right: 20px
    }

    .cart-row-promos .promo-selections {
        padding: 0 30px
    }

    .cart-row-promos .promo-header {
        margin: 0 20px
    }

    .cart-row-promos .promo-tabs {
        max-width: none
    }

    .cart-row-promos .promo-title {
        padding: 0 25px
    }

    .cart-row-promos .promo-info {
        padding: 0 25px 30px
    }

    .cart-row-promos .promo-sum {
        padding: 0 40px
    }

    .cart-row-promos .promo-sum-right .btn {
        background-color: transparent;
        color: #222
    }

    .cart-extra .swiper-container {
        max-width: 1200px;
        margin: 0 auto
    }

    .cart-extra .swiper-pagination {
        display: none
    }

    .cart-extra .swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    .cart-extra .swiper-slide:first-child {
        margin-left: 0
    }

    .cart-extra .swiper-slide:last-child {
        margin-right: 0
    }

    .cart-extra .section-title {
        font-size: 1.375rem;
        line-height: 1.18182
    }

    .mpass-save-input {
        margin: 0
    }

    .mpass-account-notify {
        margin: 0 0 15px
    }

    .result-grid {
        min-height: auto
    }

    .result-grid-header {
        padding: 25px
    }

    .result-grid-footer {
        margin-top: 80px
    }

    .result-steps {
        margin-bottom: 0
    }

    .pay-body {
        padding: 0
    }

    .pay-payments {
        padding: 0 30px
    }

    .pay-payments .pay-section-title {
        padding: 0
    }

    .cart-plh {
        padding-bottom: 80px
    }

    .cart-plh-top {
        flex-direction: row;
        margin-top: 130px
    }

    .cart-plh-top .icon {
        font-size: 72px;
        color: #d93131
    }

    .cart-plh-top figure {
        border: 5px solid #d93131;
        width: 120px;
        height: 120px;
        margin-bottom: 0
    }

    .cart-plh-top b {
        padding-left: 55px;
        font-size: 2rem;
        line-height: 1.25
    }

    .cart-plh-bottom {
        text-align: left;
        margin-top: 60px
    }

    .cart-plh-bottom p {
        font-size: 1.5rem;
        line-height: 1.33333
    }

    .cart-plh-bottom p+p {
        margin-top: 40px
    }

    .cart-plh-buttons {
        margin-top: 60px
    }

    .cart-plh-buttons .btn {
        padding: 0 44px;
        width: auto
    }

    .cart-plh-buttons .btn+.btn {
        margin-left: 20px
    }
}

@media (min-width: 1025px) and (max-width: 1300px) {
    .btn-page-top {
        top:11px
    }

    .menu-category .banner {
        width: 300px;
        margin-right: 30px
    }

    #main-slider {
        height: 355px
    }

    .top-panel {
        padding-left: 40px;
        padding-right: 40px
    }

    #miracle-flavors:not(.ml-2-col) {
        flex-wrap: wrap
    }

    #miracle-flavors:not(.ml-2-col)>* {
        width: 50%
    }

    #miracle-flavors:not(.ml-2-col) .banner {
        width: 100%;
        height: 400px
    }

    #miracle-flavors:not(.ml-2-col) .banner .bnr-media .responsive::before {
        padding-top: 46.15385%
    }

    .page-cover.static .responsive {
        width: 100%;
        height: auto
    }
}

.text-right {
    text-align: right
}

.border-bottom {
    border-bottom: 1px solid #b7b7b7
}

.d-none {
    display: none
}

.mt-10 {
    margin-top: 10px
}

.arc-gift-h1 {
    font-size: 14px;
    padding: 16px 0px
}

.arc-form {
    padding: 21.5px
}

.arc-btn {
    color: #222 !important
}

.arc-weight {
    font-weight: 500 !important
}

.arc-row {
    display: flex;
    align-items: center;
    padding-top: 38px
}

.arc-row .arc-gift-point {
    margin-left: auto
}

.arc-notification {
    color: #d93131;
    line-height: 16px;
    font-size: 12px;
    padding-top: 14px
}

.arc-flex {
    display: flex;
    align-items: center
}

.arc-iptal {
    text-decoration: underline;
    color: #ff0000;
    font-size: 12px;
    display: block;
    cursor: pointer;
    padding-left: 12px
}

#gift-point {
    background: transparent;
    border-right: none;
    border: none;
    border-bottom: 1px solid #d8d8d8 !important
}

.edit-button {
    font-size: 9px;
    text-align: right
}

.ems-btn {
    width: 95px !important;
    height: 24px !important
}

.gift-puan {
    color: #fff
}

.ems-user-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.my-20 {
    margin: 75px 0px
}

.item.total {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5
}

.gift-price {
    font-size: 16px
}

@media only screen and (min-width: 1025px) {
    .ems-center .ord-block2 {
        justify-content:end !important
    }

    .ems-center {
        text-align: end
    }

    .ems-flex {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px
    }
}

.oliz {
    background: linear-gradient(180deg, #5a93ce 74%, #c48dbe 81%);
    font-size: 12px;
    font-family: Graphik;
    color: #fff;
    padding: 0px 3px;
    line-height: 16px;
    display: inline-block
}

.oliz img {
    margin-right: 6px
}

.page-mr.page-ml .extra-css .recipe-list {
    grid-template-columns: repeat(3, 1fr)
}

.page-mr.page-ml .cover-style {
    max-width: 500px;
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.page-mr.page-ml .page-cover {
    height: 272px !important
}

.page-mr.page-ml .v2 {
    text-align: end
}

.page-mr.page-ml .arc-m-h1 {
    max-width: 100%
}

.page-mr.page-ml .primary-filters>a {
    border: solid 1px #d93131 !important
}

.page-mr.page-ml .btn-outline-dark.selected {
    background: #d93131
}

.page-mr.page-ml .btn-outline-dark:hover {
    background-color: #d93131;
    border: 1px solid #d93131
}

.page-ml .top-panel.recipe {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 54px !important
}

.page-mr.page-ml .bnr-user {
    display: flex;
    align-items: center;
    font-size: 12px;
    min-height: 30px;
    margin-bottom: 10px
}

.page-mr.page-ml .bnr-user img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.page-mr.page-ml .what-cook-li {
    background-color: #ffd8d8;
    text-align: center;
    margin-top: 40px
}

.page-mr.page-ml .what-cook-li .bnr-header {
    text-align: center;
    padding: 40px 32px
}

.page-mr.page-ml .what-cook-li .bnr-header .bnr-title {
    font-size: 20px;
    line-height: 25px
}

.page-mr.page-ml .what-cook-li .bnr-header .bnr-info {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 103px
}

.page-mr.page-ml .what-cook-li .bnr-header .bnr-button button {
    width: 130px;
    margin-bottom: 50px
}

.page-mr.page-ml .recipes .bnr-media {
    min-height: 380px !important
}

.page-ml.page-mr .recipes .bnr-body {
    padding: 15px 0 0px 0px !important
}

.mobil-menu {
    display: none
}

.page-mr .primary-filters a {
    padding: 0 25px !important
}

@media (min-width: 1024px) {
    .page-mr.page-ml .cover-body {
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto
    }
}

@media (max-width: 1023px) {
    .mobil-menu {
        background-color:#ffffff;
        width: 100%;
        grid-template-columns: repeat(5, 1fr);
        overflow: hidden;
        display: grid;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 5;
        box-shadow: 0 -4px 6px 0 rgba(0,0,0,0.16)
    }

    .mobil-menu div {
        text-align: center
    }

    .mobil-menu div a img {
        display: block;
        margin: 0 auto;
        margin-top: 7px
    }

    .mobil-menu div a {
        font-size: 10px
    }

    .page-ml.page-mr .breadcrumb,.page-ml.page-mr .logo {
        display: none
    }

    .page-mr.page-ml .cover-body {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto
    }

    .page-mr.page-ml .v2 {
        text-align: center
    }

    .page-mr.page-ml .page-cover {
        height: 155px !important
    }

    .page-mr.page-ml .cover-body {
        padding-bottom: 0px !important
    }

    .page-mr.page-ml .bnr-user {
        padding-top: 30px
    }
}

@media (min-width: 1025px) {
    .page-ml #miracle-flavors .bnr-cover .bnr-media .responsive::before {
        padding-top:70%
    }

    .page-ml #miracle-flavors .bnr-cover .bnr-body {
        padding-bottom: 45px
    }
}

.page-ml #miracle-flavors .bnr-cover .bnr-button {
    display: block !important;
    margin-top: auto
}

.page-ml .bnr-header {
    height: 100%;
    display: flex;
    flex-direction: column
}

.page-detail-ml .arc-list {
    padding: 0;
    list-style: none
}

.page-detail-ml .swiper-pagination,.page-detail-ml .swiper-button-next,.page-detail-ml .swiper-button-prev {
    display: none !important
}

.search-drop .page-cover .icon {
    position: inherit !important
}

.page-cover .icon {
    position: inherit !important;
    color: inherit !important
}

.page-ml .cover-body {
    display: block
}

.cover-style {
    width: 100%;
    max-width: 385px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    margin-top: 23px
}

.cover-eat-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 699px;
    display: flex;
    margin-top: 70px
}

.box-eat {
    width: 160px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 6px;
    margin-right: 16px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    box-shadow: 0 13px 14px 0 rgba(0,0,0,0.21);
    background-color: #fff;
    opacity: 0.85
}

.box-eat:last-child {
    margin-right: 0px
}

.box-title {
    font-size: 20px !important;
    color: #222 !important;
    margin: 0;
    padding-top: 6.6px
}

.bottom-text {
    color: #fff;
    font-size: 18px;
    margin: 0
}

.bottom-text {
    margin-top: 50px
}

.page-arcc .top-panel>div {
    flex-direction: column !important;
    align-items: baseline;
    max-width: 482px
}

.page-arcc .top-panel>div h1 {
    padding-bottom: 10px
}

.mucize-wrap .nav-pills .nav-link {
    border: solid 1px #d93131
}

.mucize-wrap {
    padding: 0px !important
}

.extra-css .recipe-list {
    grid-template-columns: repeat(4, 1fr)
}

.page-arcc .top-panel.recipe {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 54px !important
}

.new-gallery .bnr-body {
    padding: 15px 0px !important
}

.new-gallery .bnr-static .bnr-info {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px
}

.arc-cook .bnr-body {
    max-width: 538px;
    margin: 0 auto
}

.new-panel {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.bnr-user {
    display: flex;
    align-items: center;
    font-size: 12px;
    min-height: 30px
}

.bnr-user img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.arc-real .bnr-body {
    max-width: 538px;
    text-align: start
}

.arc-real .bnr-media {
    bottom: 0 !important;
    left: calc(80% - 160px) !important
}

.arc-real .banner {
    background-color: #934a8f !important
}

.arc-real .bnr-media {
    mix-blend-mode: normal !important
}

.arc-real .bnr-header {
    color: #fff
}

.arc-real .bnr-h1 {
    color: #fff;
    padding-bottom: 28px;
    font-weight: bold
}

#real-gurme .modal-content {
    height: 100% !important
}

#what-cook .modal-content {
    height: 100% !important
}

.page-ml .gallery .swiper-slide {
    width: 388px !important
}

#real-gurme .modal-header,#what-cook .modal-header {
    border-bottom: none !important
}

#real-gurme .modal-header-right {
    color: #fff
}

#real-gurme .modal-content {
    background: #934a8f;
    color: #fff
}

#real-gurme .modal-footer {
    background: #934a8f;
    padding: 0px
}

#real-gurme .accordion .active .acc-body,#what-cook .accordion .active .acc-body {
    text-align: center
}

#real-gurme .modal-h1,#what-cook .modal-h1 {
    font-size: 32px;
    line-height: 36px;
    padding-top: 66px
}

#real-gurme .modal-text {
    text-align: start;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px
}

#real-gurme .acc-body button,#what-cook .acc-body button {
    margin-top: 32px
}

#what-cook .modal-content {
    background: #ffd8d8
}

#what-cook .modal-footer {
    padding: 0px;
    background: #ffd8d8
}

#what-cook .modal-text {
    font-size: 18px;
    line-height: 23px;
    margin-top: 0px
}

#what-cook .modal-h1 {
    text-align: center
}

.arc-cook .banner {
    background-color: #ffd8d8 !important
}

.page-ml.page-arcc .page-cover {
    height: 100vh !important
}

.no-click {
    pointer-events: none !important
}

.page-arcc .nav-pills .nav-link:hover {
    background-color: #d93131;
    color: #fff
}

@media (min-width: 1025px) {
    .bnr-arc-cook video {
        width:170px
    }

    .search-input {
        max-width: 865px
    }

    .page-cover {
        height: 840px !important
    }

    .new-gallery .swiper-pagination {
        display: block !important;
        padding: 30px 0px
    }

    .arc-cook .bnr-media {
        left: calc(14% - 160px) !important;
        bottom: 0% !important
    }

    .mobil-active {
        display: none !important
    }

    .page-arcc .top-panel.recipe {
        padding-left: 0px;
        padding-right: 0px
    }

    .top-panel-bar {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .page-arcc .gallery {
        left: calc(50% - -88px) !important;
        top: calc(80% - -76px) !important
    }

    .page-arcc .gallery {
        right: calc(50% - 259px) !important;
        top: calc(80% - -77px) !important
    }

    .arrow-set {
        position: relative
    }

    .arrow-set .swiper-button-next {
        right: calc(50% - 112px) !important
    }

    .arrow-set .swiper-button-prev {
        left: calc(50% - 112px) !important
    }

    .arrow-set .swiper-pagination {
        width: 60px !important
    }
}

.header-top {
    z-index: 6 !important
}

@media (max-width: 768px) {
    #real-gurme .modal-content {
        top:51px !important
    }

    #what-cook .modal-content {
        top: 51px !important
    }

    #what-cook .modal-dialog,#real-gurme .modal-dialog {
        height: 100% !important
    }

    .mobil-active {
        display: inline-block
    }

    .desktop-active {
        display: none !important
    }

    .page-ml.page-arcc .page-cover {
        height: auto
    }

    .page-ml.page-arcc .cover-body figure img {
        margin-top: 53px
    }

    .cover-style {
        max-width: 253px;
        padding-bottom: 53px
    }

    .cover-eat-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
        margin-top: 50px;
        max-width: 335px
    }

    .page-ml.page-arcc .search-drop {
        max-width: 361px;
        margin: 0 auto
    }

    .box-title {
        font-size: 14px !important
    }

    .box-eat {
        margin-right: 0px
    }

    .page-arcc .breadcrumb {
        display: none
    }

    .arc-cook .banner {
        flex-direction: column-reverse;
        display: flex;
        margin: 0px 20px
    }

    .arc-cook .bnr-media {
        position: inherit !important;
        left: inherit !important
    }

    .arc-real .bnr-body {
        max-width: 209px
    }

    .arc-real .banner {
        margin: 0px 20px
    }

    .page-arcc .top-panel.recipe {
        padding-left: 20px;
        padding-right: 20px
    }

    .page-arcc .top-panel>div h1 {
        padding-bottom: 0px
    }

    .mucize-wrap .nav-pills .nav-link.btn {
        padding: 0 70px !important
    }
}

.page-mr.page-ml .extra-css .recipe-list {
    grid-template-columns: repeat(3, 1fr)
}

.page-mr.page-ml .cover-style {
    max-width: 500px;
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.page-mr.page-ml .page-cover {
    height: 272px !important
}

.page-mr.page-ml .v2 {
    text-align: end
}

.page-mr.page-ml .arc-m-h1 {
    max-width: 100%
}

.page-mr.page-ml .primary-filters>a {
    border: solid 1px #d93131 !important
}

.page-ml .top-panel.recipe {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 54px !important
}

.page-mr.page-ml .bnr-user {
    display: flex;
    align-items: center;
    font-size: 12px;
    min-height: 30px;
    margin-bottom: 10px
}

.page-mr.page-ml .bnr-user img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.page-mr.page-ml .what-cook-li {
    background-color: #ffd8d8;
    text-align: center;
    margin-top: 40px
}

.page-mr.page-ml .what-cook-li .bnr-header {
    text-align: center;
    padding: 40px 32px
}

.page-mr.page-ml .what-cook-li .bnr-header .bnr-title {
    font-size: 20px;
    line-height: 25px
}

.page-mr.page-ml .what-cook-li .bnr-header .bnr-info {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 103px
}

.page-mr.page-ml .what-cook-li .bnr-header .bnr-button button {
    width: 130px;
    margin-bottom: 50px
}

.page-mr.page-ml .recipes .bnr-media {
    min-height: 380px !important
}

.page-ml.page-mr .recipes .bnr-body {
    padding: 15px 0 0px 0px !important
}

.page-ml.page-mr .arc-writer {
    width: 100%;
    height: 159px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    padding: 0px 28px;
    margin: 46px 0px
}

.page-ml.page-mr .bnr-wrapper {
    padding-left: 36px
}

.page-ml.page-mr .bnr-wrapper .bnr-info {
    max-width: 383px;
    font-size: 16px;
    line-height: 20px;
    padding: 0px !important;
    margin: 0px !important
}

.mobil-menu {
    display: none
}

@media (min-width: 1024px) {
    .page-mr.page-ml .cover-body {
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto
    }
}

@media (max-width: 1023px) {
    .page-ml.page-mr .breadcrumb,.page-ml.page-mr .logo {
        display:none
    }

    .page-mr.page-ml .cover-body {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto
    }

    .page-mr.page-ml .v2 {
        text-align: center
    }

    .page-mr.page-ml .page-cover {
        height: 155px !important
    }

    .page-mr.page-ml .cover-body {
        padding-bottom: 0px !important
    }

    .page-mr.page-ml .bnr-user {
        padding-top: 30px
    }

    .mobil-menu {
        background-color: #ffffff;
        width: 100%;
        grid-template-columns: repeat(5, 1fr);
        overflow: hidden;
        display: grid;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 5;
        box-shadow: 0 -4px 6px 0 rgba(0,0,0,0.16)
    }

    .mobil-menu div {
        text-align: center
    }

    .mobil-menu div a img {
        display: block;
        margin: 0 auto;
        margin-top: 7px
    }

    .mobil-menu div a {
        font-size: 10px
    }
}

.what-cook .modal-text {
    font-size: 18px;
    line-height: 23px;
    margin-top: 0px;
    text-align: center;
    padding-bottom: 68px
}

.what-cook .modal-h1 {
    text-align: center;
    font-size: 32px;
    line-height: 36px
}

.what-cook {
    background: #ffd8d8;
    width: 100%;
    height: 100%
}

.what-cook .cook-wrap {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding-top: 48px;
    text-align: center
}

.what-cook .btn {
    width: 136px;
    margin-bottom: 80px
}

.mobil-menu {
    display: none
}

@media only screen and (max-width: 1023px) {
    .what-cook .cook-wrap {
        max-width:341px;
        width: 100%
    }

    .mobil-menu {
        background-color: #ffffff;
        width: 100%;
        grid-template-columns: repeat(5, 1fr);
        overflow: hidden;
        display: grid;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 5;
        box-shadow: 0 -4px 6px 0 rgba(0,0,0,0.16)
    }

    .mobil-menu div {
        text-align: center
    }

    .mobil-menu div a img {
        display: block;
        margin: 0 auto;
        margin-top: 7px
    }

    .mobil-menu div a {
        font-size: 10px
    }
}

.what-cook .modal-text {
    font-size: 18px;
    line-height: 23px;
    margin-top: 0px;
    text-align: center;
    color: #fff
}

.what-cook .modal-h1 {
    text-align: center;
    font-size: 32px;
    line-height: 36px;
    color: #fff
}

.what-cook {
    background: #934a8f;
    width: 100%;
    height: 100%
}

.what-cook .cook-wrap {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding-top: 48px;
    text-align: center
}

.what-cook .btn {
    width: 136px;
    margin-bottom: 80px
}

.mobil-menu {
    display: none
}

.mobil-fav {
    display: none
}

.menu-btn-fav span {
    font-size: 10px;
    width: 111px;
    display: block;
    position: relative;
    right: 25px
}

.breadcrumb li {
    flex: none !important
}

@media screen and (max-width: 767px) {
    ol.breadcrumb {
        overflow-x:auto;
        scroll-snap-type: x mandatory
    }
}

@media only screen and (max-width: 1023px) {
    .mobil-fav {
        display:block
    }

    .what-cook .modal-text:nth-child(3) {
        padding-bottom: 68px
    }

    .what-cook .cook-wrap {
        max-width: 341px;
        width: 100%
    }

    .mobil-menu {
        background-color: #ffffff;
        width: 100%;
        grid-template-columns: repeat(5, 1fr);
        overflow: hidden;
        display: grid;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 5;
        box-shadow: 0 -4px 6px 0 rgba(0,0,0,0.16)
    }

    .mobil-menu div {
        text-align: center
    }

    .mobil-menu div a img {
        display: block;
        margin: 0 auto;
        margin-top: 7px
    }

    .mobil-menu div a {
        font-size: 10px
    }
}

.suggested-results {
    display: flex;
    justify-content: center
}

.suggested-results ul {
    grid-template-columns: repeat(3, minmax(auto, 180px)) !important;
    list-style-type: none
}

.p-document {
    width: 100%;
    max-width: 390px;
    margin-left: 69px
}

.p-document h1 {
    font-size: 18px;
    line-height: 21px;
    color: #222222;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 500
}

.p-document ul {
    list-style: none;
    padding: 0px
}

.p-document ul li {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    font-weight: 500
}

.p-document .btn-doc {
    text-align: end;
    padding-top: 20px;
    padding-bottom: 40px
}

.p-document .btn-doc a {
    border: solid 1px #989898
}

.p-document h3 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 1.17;
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .suggested-results {
        flex-direction:column
    }

    .p-document {
        padding-top: 40px;
        max-width: 100%;
        margin-left: 0px
    }

    .m-none {
        display: none
    }
}

.box-color-red {
    font-size: 12px;
    line-height: 14px;
    color: #d93131;
    padding: 16px;
    border: solid 1px #d93131
}

.fast-title {
    padding-top: 30px
}

.fast-title::before {
    content: url("../images/ht.svg");
    margin-right: 5px
}

.fast-list .srv-item {
    border: none !important
}

.fast-list label {
    background: #fff !important
}

.fast-list .srv-item:after {
    display: none
}

.garantipay::before {
    content: url("../images/garanti.html")
}

.garanti::before {
    content: url("../images/unlem.html")
}

.box-gray {
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
    margin-bottom: 3rem
}

.box-gray span {
    padding-left: 16px
}

.flex-accordions .acc-item {
    display: flex;
    align-items: center
}

.flex-accordions .acc-item>button {
    padding: 24px 42px 24px 20px
}

.fs-14 {
    font-size: 14px !important
}

.fs-16 {
    font-size: 16px !important
}

.t-center {
    text-align: center
}

.b-none {
    border: transparent !important
}

.bg-grays {
    background: #e5e5e5
}

.justify-space-beetween {
    justify-content: space-between !important
}

.text-start {
    text-align: start !important
}

/*# sourceMappingURL=style.css.map */
/*
  Important note: This file is common to GLOBAL and TR side.
  Please use tr.ybase.less or global.ybase.less files for site specific codes.
*/
/*@keyframes beginBrowserAutofill{0%{}to{}}@keyframes endBrowserAutofill{0%{}to{}}.pac-container{background-color:#fff;position:absolute!important;z-index:1000;border-radius:2px;border-top:1px solid #d9d9d9;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,0.3);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.pac-logo:after{content:"";padding:1px 1px 1px 0;height:18px;box-sizing:border-box;text-align:right;display:block;background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);background-position:right;background-repeat:no-repeat;background-size:120px 14px}.hdpi.pac-logo:after{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)}.pac-item{cursor:default;padding:0 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;text-align:left;border-top:1px solid #e6e6e6;font-size:11px;color:#999}.pac-item:hover{background-color:#fafafa}.pac-item-selected,.pac-item-selected:hover{background-color:#ebf2fe}.pac-matched{font-weight:700}.pac-item-query{font-size:13px;padding-right:3px;color:#000}.pac-icon{width:15px;height:20px;margin-right:7px;margin-top:6px;display:inline-block;vertical-align:top;background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);background-size:34px}.hdpi .pac-icon{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)}.pac-icon-search{background-position:-1px -1px}.pac-item-selected .pac-icon-search{background-position:-18px -1px}.pac-icon-marker{background-position:-1px -161px}.pac-item-selected .pac-icon-marker{background-position:-18px -161px}.pac-placeholder{color:gray}.pac-target-input:-webkit-autofill{animation-name:beginBrowserAutofill}.pac-target-input:not(:-webkit-autofill){animation-name:endBrowserAutofill}*/
.pac-logo:after {
    background-image: none !important;
}

.hdpi.pac-logo:after {
    background-image: none !important;
}

body #site-header [data-smartedit-component-id="HeaderNavigationSlot"] {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

body #site-header [data-smartedit-component-id="TemplateHeaderComponent"] {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

body #site-header [data-smartedit-component-id="TemplateHeaderComponent"] > * {
    display: flex;
    align-items: center;
}

@media (min-width: 1025px) {
    body #site-header [data-smartedit-component-id="TemplateHeaderComponent"] > * .d {
        display: flex;
        align-items: center;
    }
}

body #site-header [data-smartedit-component-id="TemplateHeaderComponent"] > * .d > * .link {
    margin-right: 25px;
}

body #site-header .header-top #main-menu .menu-category > li > a {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

body #site-header .header-top #main-menu .menu-category > li.selected > .yCmsComponent > a {
    border-color: #d93131;
}

body #site-header .header-top #main-menu .menu-category > li > .yCmsComponent {
    display: flex;
    height: 100%;
    text-align: center;
}

body #site-header .header-top #main-menu .menu-category > li > .yCmsComponent > a {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0 0 15px;
    border-top: none;
    border-bottom: 3px solid transparent;
    top: 1px;
    width: 100%;
    height: 100%;
}

body #site-header .header-top #main-menu .menu-category > li > .yCmsComponent .responsive {
    max-width: 95px;
    display: inline-block;
    margin-bottom: 5px;
}

body #site-header .header-top #main-menu .menu-category > li > .yCmsComponent > span {
    margin-top: 0;
    font-family: "HeronSans", "arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600;
}

body #site-header .header-top #main-menu .menu-category > li .sub ul.lv-2 > li > .yCmsComponent > a > span {
    margin-top: 0;
    font-family: "HeronSans", "arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600;
}

body #site-header .header-top #main-menu .menu-category > li .sub ul.lv-2 > li > .yCmsComponent > a > figure {
    display: none;
}

body[semode="se.cms.perspective.basic"] .btn span, body[semode="se.cms.perspective.advanced"] .btn span, body[semode="personalizationsmartedit.perspective"] .btn span {
    visibility: visible !important;
}

body[semode="se.cms.perspective.basic"] #site-header:before, body[semode="se.cms.perspective.advanced"] #site-header:before, body[semode="personalizationsmartedit.perspective"] #site-header:before {
    height: 0;
}

body[semode="se.cms.perspective.basic"] #site-header .header-top, body[semode="se.cms.perspective.advanced"] #site-header .header-top, body[semode="personalizationsmartedit.perspective"] #site-header .header-top {
    position: static !important;
}

body[semode="se.cms.perspective.basic"] #site-header .header-top:before, body[semode="se.cms.perspective.advanced"] #site-header .header-top:before, body[semode="personalizationsmartedit.perspective"] #site-header .header-top:before {
    height: 0 !important;
}

.ASM_customer360-modal {
    z-index: 9999 !important;
}

#customer-360-tabs li {
    margin-right: 20px;
}

.ASM_customer360-modal {
    position: absolute !important;
    z-index: 9990;
    background-color: white;
    box-shadow: #26394d 0px 20px 30px -10px;
    width: 960px;
}

.ASM_customer-list-modal #cboxClose, .ASM_customer360-modal #cboxClose {
    padding: 0 25px !important;
}

.ASM_customer-list-modal #cboxClose span, .ASM_customer360-modal #cboxClose span {
    display: none;
}

.ASM_customer-list-modal #cboxClose::before, .ASM_customer360-modal #cboxClose::before {
    content: 'Close';
    background-color: #39495e;
    color: #fff0ff;
    padding: 10px 40px;
}

#cboxLoadedContent .asm__customer360 {
    padding: 1.5rem;
}

#headingFragment .asm__customer360-header-sep {
    margin: 0;
}

@media (min-width: 1024px) {
    .nav-tabs--responsive li:not(.active) {
        display: block !important;
    }

    .asm__customer360-header {
        display: flex !important;
    }

    .asm__customer360-header-desc {
        margin-left: 20px !important;
    }

    .asm__customer360-header-info {
        display: flex !important;
    }

    .asm__customer360-header-info-item {
        margin-right: 50px !important;
    }

    .asm__customer360-signedup {
        position: absolute !important;
    }
}

.arcelik-btn-disabled {
    background: transparent;
    color: #a6a6a6;
    border-color: #cacaca;
    cursor: no-drop !important;
}

.arcelik-btn-disabled:hover {
    background: transparent;
    color: #a6a6a6;
    border-color: #cacaca;
}

button[disabled] {
    background: transparent;
    color: #a6a6a6;
    border-color: #cacaca;
    cursor: no-drop !important;
}

button[disabled]:hover {
    background: transparent;
    color: #a6a6a6;
    border-color: #cacaca;
}

.ar-ldr {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ar-ldr.fix {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #ffffffcc;
}

.ar-ldr.abs {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #ffffffcc;
}

[data-addr-componay] {
    display: none;
}

#addressbook .address-actions {
    display: flex;
    position: absolute;
    right: 50px;
    top: 27px;
}

#addressbook .rl-item button {
    position: static;
}

#addressbook .rl-item button:first-child {
    margin-right: 15px;
}

#modal-add-new-address form.addressForm .individualInfoMessage .wrp:before {
    display: none !important;
    top: -8px;
    right: -8px;
}

.payment-no-active .pay-section-title {
    opacity: 0.2;
}

.payment-no-active button, .payment-no-active input, .payment-no-active label {
    pointer-events: none;
    opacity: 0.2;
}

.credit-form {
    border: 1px solid transparent;
}

.pay-payments .acc-item > button[disabled]:after {
    filter: opacity(0.3);
}

.cart-sum-button .checkoutCartBtn[disabled] {
    background: transparent !important;
    border-color: #cacaca !important;
}

.purchase-body .cart-row .btn-minus[disabled], .purchase-body .cart-row .btn-plus[disabled] {
    cursor: no-drop;
    opacity: 0.2;
}

[data-otp] {
    display: none;
}

button[data-otp]:before {
    left: 0;
}

button[data-otp]:hover {
    display: flex !important;
}

.gununfirsaticomponent-page .dcd-title .energy-a3 {
    width: auto;
}

.products.filter-result {
    margin: 0 0 15px 10px;
}

#icon-sort {
    padding-right: 3px;
}

#assistant.assistant-zero-product .bnr-media {
    margin: 0px;
    width: 320px;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

#assistant.assistant-zero-product .bnr-body {
    height: 120%;
    justify-content: center;
}

.pointerCursor {
    cursor: pointer;
}

.banner.FullWidthBanner .bnr-media {
    max-width: 100% !important;
}

.banner.FullWidthBanner .bnr-media .responsive {
    height: 250px;
}

@media (min-width: 1930px) {
    #main-slider .bnr-bottom .bnr-media picture {
        max-width: 75%;
    }

    #main-slider .bnr-top .bnr-media picture {
        max-width: 75%;
    }

    #main-slider .bnr-d-bottom .bnr-media picture {
        max-width: 75%;
    }

    #main-slider .bnr-d-top .bnr-media picture {
        max-width: 75%;
    }
}

.page-type-cover .header-top-grundig {
    background-color: #bb442a !important;
    color: #fff;
}

.page-type-cover .header-top .d .hum-body ul.ul-clear a {
    color: #000000 !important;
}

@media (min-width: 768px) {
    body.search-ready.language-tr #site-header .header-top #header-search.activated .js-header-search-suggested {
        display: flex !important;
    }
}

@media (max-width: 767px) {
    body.search-ready.language-tr #site-header .header-top #header-search.activated .js-header-search-suggested {
        display: block !important;
    }
}

body.search-ready.language-tr #site-header .header-top #header-search.activated .ul-clear .prd-row a:hover {
    color: #fff !important;
}

.signing .sgn-holder {
    position: relative;
}

.signing .sgn-holder form.registerForm {
    height: 100%;
}

.form-register-complete, .form-user-exist, .form-otp-error, .form-captcha-error {
    display: none;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

body.signup-complete [class*="prg-step-"], body.signup-user-exist [class*="prg-step-"], body.signup-otp-error [class*="prg-step-"], body.signup-captcha-error [class*="prg-step-"] {
    display: none !important;
}

body.signup-complete .form-register-complete {
    display: flex;
}

body.signup-user-exist .form-user-exist {
    display: flex;
}

body.signup-otp-error .form-otp-error {
    display: flex;
}

body.signup-captcha-error .form-captcha-error {
    display: flex;
}

.page-login #registerForm .dataTransferError .form-error-msg {
    margin-top: 10px;
    line-height: 1.3;
}

.page-login #registerForm .js-send-code {
    margin-top: 5px;
}

.page-login #registerForm .password .password-info {
    color: #d93131;
}

.orderHistoryPage-page .grid-acc .acc-item.disabled button:after {
    background: none;
}

.orderDetailsPage-page .ord-grid .ord-docs {
    margin-bottom: 20px !important;
    margin-top: 5px !important;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 0;
    padding-bottom: 20px;
}

.returnAndCancelPage-page .ord-grid .ord-docs {
    margin-bottom: 20px !important;
    margin-top: 5px !important;
    border-top: none;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 0;
    padding-bottom: 20px;
}

.myAddressesPage-page #delete_account.msg {
    min-width: 415px;
}

.js-redirect-pdp {
    cursor: pointer !important;
}

.orderConfirmationPage-page form.guest-register-form .form-row.password i {
    z-index: 1;
}

.checkoutAddDistantSalesAgreement-tag table thead th, .checkoutAddPaymentDisclousureForm-tag table thead th, .orderDistantSalesAgreement-tag table thead th, .orderDisclousureForm-tag table thead th {
    font-size: 12px;
}

.checkoutAddDistantSalesAgreement-tag table tbody td, .checkoutAddPaymentDisclousureForm-tag table tbody td, .orderDistantSalesAgreement-tag table tbody td, .orderDisclousureForm-tag table tbody td {
    font-size: 11px;
}

.checkoutAddDistantSalesAgreement-tag table tbody td:nth-child(4), .checkoutAddPaymentDisclousureForm-tag table tbody td:nth-child(4), .orderDistantSalesAgreement-tag table tbody td:nth-child(4), .orderDisclousureForm-tag table tbody td:nth-child(4), .checkoutAddDistantSalesAgreement-tag table tbody td:nth-child(5), .checkoutAddPaymentDisclousureForm-tag table tbody td:nth-child(5), .orderDistantSalesAgreement-tag table tbody td:nth-child(5), .orderDisclousureForm-tag table tbody td:nth-child(5) {
    white-space: nowrap;
}

.checkoutAddDistantSalesAgreement-tag table.arc-price-information, .checkoutAddPaymentDisclousureForm-tag table.arc-price-information, .orderDistantSalesAgreement-tag table.arc-price-information, .orderDisclousureForm-tag table.arc-price-information {
    margin-bottom: 10px;
}

.checkoutAddDistantSalesAgreement-tag table.arc-price-information td, .checkoutAddPaymentDisclousureForm-tag table.arc-price-information td, .orderDistantSalesAgreement-tag table.arc-price-information td, .orderDisclousureForm-tag table.arc-price-information td {
    font-size: 12px;
}

.page-productDetails .pdp-benefits .item .icon > img {
    width: 42px;
    height: 42px;
    max-width: initial;
}

.page-productDetails main[data-base-site="beko-tr"] .pdp-benefits .item .icon > img {
    filter: invert(61%) sepia(80%) saturate(6150%) hue-rotate(5deg) brightness(100%) contrast(100%);
}

.page-productDetails #site-header .header-top {
    z-index: 5 !important;
}

.page-productDetails .menu-btn-fav {
    right: 25px;
    margin-right: 0;
    background: none !important;
}

.page-productDetails .menu-btn-fav + .btn-more {
    background: none !important;
}

.page-productDetails .pdpLargeVolume {
    display: flex;
    align-items: center;
    margin-top: 29px;
}

.page-productDetails .pdpLargeVolume img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.pdp-purchase-ready .pdp .pdp-purchase-fixed {
    padding-bottom: 15px;
}

.pdp-purchase-ready .pdp .pdp-purchase-fixed .pdp-purchase-inner {
    align-items: center;
    padding: 0;
    background-color: transparent;
}

.pdp-purchase-ready .pdp .pdp-purchase-fixed .pdp-purchase-inner .left {
    margin-top: 20px;
}

@media (min-width: 1025px) {
    .pdp-purchase-ready .pdp .pdp-purchase-fixed .t {
        display: block;
    }

    .pdp-purchase-ready .pdp .pdp-purchase-fixed .pdp-add-to-cart {
        max-width: 205px;
    }
}

.pdp-purchase-ready .pdp .pdp-purchase-fixed.activated {
    padding-bottom: 20px;
}

.pdp-purchase-ready.pdp-purchase-opened .pdp .pdp-purchase-fixed .pdp-purchase-inner {
    padding-top: 20px;
}

.pdp-purchase-ready .pdp .pdp-preOrder .pdp-purchase-fixed .t {
    display: none;
}

.prd-block3 .prd-badge1 {
    flex: 0 55%;
}

.prd-block3 .prd-price {
    margin-right: 20px;
}

.prd-badge1 > .responsive {
    margin-right: 0;
}

.pdp-downloads .technicalLink.item a::after {
    background: url("../images/goruntule.svg") no-repeat;
    position: relative;
    top: 10px;
    left: 6px;
}

.file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rvw-item-media button.video::before {
    z-index: 1;
}

#rvw-mnp video {
    max-width: 80vw;
}

#rvw-mnp .swiper-slide {
    height: 80vh;
}

/* TURK KAHVE MAKÄ°NESÄ°*/
.icon-yapi::before {
    content: url("yapi.html");
    width: 30px;
    height: 30px;
}

.yapi-kredi-container {
    display: flex;
    align-items: center;
}

.yapi-kredi-container img {
    max-width: 213px;
    width: 100%;
}

@media (min-width: 1025px) {
    .yapi-kredi-container p {
        padding-right: 67px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 1024px) {
    .yapi-kredi-container p {
        width: 100%;
        padding: 29px 0px;
    }

    .yapi-kredi-container {
        flex-direction: column-reverse;
    }

    .mobile-center {
        text-align: center;
    }
}

.apr {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.apr-body {
    padding: 20px 0 20px 15px;
    display: flex;
    flex-direction: column;
}

.apr-media {
    flex: 0 0 156px;
    display: flex;
    align-items: center;
}

main[data-base-site="beko-tr"] .apr-title {
    font-family: "HeronSans", "arial", "sans-serif";
    font-size: .875rem;
    line-height: 1.14286;
    font-weight: 600;
    color: #007DBA;
    margin-bottom: 2px;
}

.apr-title {
    font-family: "HeronSans", "arial", "sans-serif";
    font-size: .875rem;
    line-height: 1.14286;
    font-weight: 600;
    color: #d93131;
    margin-bottom: 2px;
}

.apr-desc {
    max-width: 265px;
    font-size: .75rem;
    line-height: 1;
    line-height: 1.3;
}

.apr-cta {
    margin-top: 25px;
}

@media (min-width: 1025px) {
    .apr {
        padding-right: 30px;
    }

    .apr-body {
        padding: 25px 30px;
    }

    .apr-media {
        flex: 0 0 213px;
    }

    .apr-title {
        margin-bottom: 5px;
    }

    .apr-cta {
        margin-top: auto;
    }
}

.pdp-tab .pdp-howToVideos .howToVideos-comp iframe {
    width: 100%;
}



[data-scfocus] {
    cursor: pointer;
}

.img-invert-filter img {
    filter: brightness(10) invert(1);
}

.d-jc-fe {
    display: flex;
    justify-content: flex-end;
}

.text-danger {
    color: #d93131;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.overflow-auto {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.font-normal {
    font-style: normal;
}

.font-weight-bold {
    font-weight: bold;
}

@media screen and (max-width: 499px) {
    .spt-hdr-inner .spt-hdr-media {
        height: 75%;
        top: 37px;
    }
}

.add-my-list span:before {
    content: attr(data-add-to-favorites);
}

.add-my-list.active span:before {
    content: attr(data-favorite-product);
}

.iframe-full iframe {
    width: 100%;
    height: 430px;
}

@media screen and (max-width: 425px) {
    .iframe-full iframe {
        height: 215px;
    }
}

.iframe-full-lg iframe {
    width: 100%;
    height: 600px;
}

@media screen and (max-width: 425px) {
    .iframe-full-lg iframe {
        height: 400px;
    }
}

.iframe-cover {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.iframe-cover iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a[class*="energy-"] span {
    display: inline-flex;
    width: 25px;
    height: 17px;
    overflow: hidden;
}

.prd-energy-label a[class*="energy-"] span {
    display: inherit;
}

#category-banners .banner .bnr-media {
    height: 100%;
}

#category-banners .banner .bnr-media picture {
    height: 100%;
    position: relative;
}

#category-banners .banner .bnr-media picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    ol.breadcrumb {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
}

.a-err {
    border: 1px solid #d93131;
}

[data-selector="voice-search-form"].recorder-start [data-selector="voice-search-btn"] svg {
    background: #ff0102;
    color: #fff;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.compare-primary-features .item {
    height: 130px;
}

@media (min-width: 1025px) {
    .compare-primary-features .item {
        height: 100px;
    }
}

.compare-primary-features .feature-desc {
    font-weight: bold;
}

.club-info-error {
    color: #d93131;
    margin-bottom: 15px;
}

.custom-cart-promotion button:after {
    display: none;
}

#popular-products .responsive img, .prd-media .responsive img, .dcd-media .responsive img, .prd-mini-media .responsive img, .pdp-dimensions-graph .responsive img, .prd-row-media .responsive img, .cart-prd-img .responsive img {
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    width: auto;
    height: auto;
}

.pdp-gallery .swiper-zoom-container {
    padding-top: 100%;
}

.pdp-gallery .swiper-slide {
    position: relative;
}

.pdp-gallery .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.spt-article-content iframe {
    width: 100%;
    height: 430px;
}

@media screen and (max-width: 425px) {
    .spt-article-content iframe {
        height: 215px;
    }
}

.infinite-loader {
    text-align: center;
    padding-top: 30px;
}

.infinite-loader img {
    width: 35px;
}

.pdp-purchase-ready .pdp-purchase.out-of-stock .pdp-add-to-cart {
    visibility: visible;
}

@media screen and (max-width: 425px) {
    .sgn-holder .signup {
        height: 100%;
    }
}

.ccm-content {
    flex-wrap: wrap;
}

@media screen and (max-width: 525px) {
    .ccm-content .ccm-code {
        flex: 0 0 100%;
    }

    .ccm-content .ccm-timer {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 1025px) {
    .ccm-content .ccm-code {
        flex: 0 0 45%;
    }
}

@media screen and (max-width: 425px) {
    .sgn-holder .signup {
        height: 100%;
    }
}

[data-step="4"] .prg-summary::before {
    content: '4';
}

#miracle-flavors.elap-type1 .bnr-cover .bnr-title-grundig {
    width: auto;
    margin-bottom: 25px;
}

.bnr-button-cover-grundig {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    z-index: 3;
    margin-bottom: 30px;
}

.rf-cover-text {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    z-index: 3;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 150px;
}

@media screen and (max-width: 768px) {
    .rf-cover-text {
        font-size: 30px;
        margin-bottom: 200px;
    }
}

@media screen and (max-width: 1024px) {
    .cnt-inner > h1 {
        padding: 0 10px;
    }
}

.ord-grid.dp .ord-block1 .p {
    overflow: hidden;
    text-overflow: ellipsis;
}

img.lazy.error {
    font-size: 0;
}

.rvw-item-media {
    display: flex;
}

.rvw-item-media button, .rvw-item-media a {
    position: relative;
    width: 56px;
    height: 70px;
    display: block;
    margin-right: 5px;
}

.rvw-item-media button video, .rvw-item-media a video, .rvw-item-media button img, .rvw-item-media a img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Services*/
.find-service > .p {
    margin-bottom: 30px;
}

.grundig-highlighted-icon img {
    filter: brightness(0) saturate(100%) invert(36%) sepia(19%) saturate(2919%) hue-rotate(331deg) brightness(93%) contrast(98%);
}

#bnr-media-img {
    height: fit-content;
}

@media screen and (max-width: 1024px) {
    .dawlanceLogo {
        text-align: center !important;
    }
}

.swiper-container .swiper-slide .srv-dir {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.page-services.map-view-activeted .swiper-container .swiper-slide .srv-direction {
    display: flex;
    align-items: center;
    text-align: center;
    height: 40px;
    padding: 0 35px;
    border: 1px solid #d93131;
    border-radius: 20px;
    font-size: .75rem;
    line-height: 1;
    margin-top: 30px;
}

.page-services.map-view-activeted .swiper-container .swiper-slide .srv-direction-beko {
    display: flex;
    align-items: center;
    text-align: center;
    height: 40px;
    padding: 0 35px;
    border: 1px solid #007DBA;
    border-radius: 20px;
    font-size: .75rem;
    line-height: 1;
    margin-top: 30px;
}

.srv-direction, .srv-direction-beko {
    display: none;
}

.page-servicefinder .page-services.map-view-activeted .swiper-container .swiper-slide .srv-phone {
    padding: 0 5px;
}

/* Services*/
.find-service > .p {
    margin-bottom: 30px;
}

.swiper-container .swiper-slide .srv-dir {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-services.map-view-activeted .swiper-container .swiper-slide .srv-direction {
    display: flex;
    align-items: center;
    text-align: center;
    height: 40px;
    padding: 0 35px;
    border: 1px solid #d93131;
    border-radius: 20px;
    font-size: .75rem;
    line-height: 1;
    margin-top: 30px;
}

.srv-direction {
    display: none;
}

.page-servicefinder .page-services.map-view-activeted .swiper-container .swiper-slide .srv-phone {
    padding: 0 5px;
}

.srv-list .srv-dir {
    display: block;
}

.tooltip-content .srv-dir {
    display: block;
}

.page-services.map-view-activeted .swiper-container .swiper-slide .srv-direction {
    paddig: 0 20px;
}

/** Klavuz Sayfaları **/
.page-support-software-manual-finder .spt-header {
    background: none;
}

.page-support-software-manual-finder .spt-hdr-inner {
    height: auto;
}

.page-support-software-manual-finder .spt-hdr-content {
    padding: 9px 15px;
}

.sgf {
    margin: 25px 0 130px;
}

.sgf-tabs .nav-tabs {
    margin: 20px -20px 0;
    width: calc(140%);
}

.sgf-tabs .nav-link {
    white-space: normal !important;
    flex: 1;
}

.sgf-tabs .tab-content {
    margin-top: 30px;
}

.sgf-search .spt-search {
    position: relative;
}

.sgf-search .spt-search-input {
    box-shadow: 1px 1px 4px 0 rgba(37, 37, 37, 0.15);
}

.sgf-search .spt-search-input input {
    max-width: calc(68%);
    padding: 0;
}

.sgf-form .form-button {
    text-align: center;
}

.sgf-form .btn {
    width: 150px;
}

.sgf-info {
    margin-top: 30px;
}

.sgf-info-title {
    font-family: "HeronSans", "arial", "sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 7px;
}

.sgf-info-media {
    margin-top: 15px;
    padding: 10px 20px;
}

.sgf-info-media .responsive::before {
    padding-top: 22.69841%;
}

.sgf-result {
    margin-top: 50px;
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
}

.sgf-result-info {
    font-size: .75rem;
    line-height: 1;
}

.sgf-result-products {
    margin-top: 15px;
}

.sgf-result-products .prd-row-inner {
    margin: 0;
    border-bottom: 1px solid #d8d8d8;
}

.sgf-downloads {
    padding-top: 20px;
}

.sgf-downloads .menu-btn {
    padding: 0;
}

.sgf-downloads .icon {
    font-size: 18px;
}

@media (max-width: 1024px) {
    .spt-search-ready .sgf-search .spt-search {
        position: fixed;
    }
}

@media (min-width: 1025px) {
    .page-support-software-manual-finder .spt-header {
        background-color: #eae2e7;
    }

    .page-support-software-manual-finder .spt-hdr-inner {
        height: 150px;
    }

    .sgf {
        margin: 55px 0 260px;
    }

    .sgf-desc {
        font-size: 1rem;
        line-height: 1.25;
    }

    .sgf-tabs .nav-tabs {
        margin: 25px 0 0;
        width: 100%;
    }

    .sgf-info-media {
        margin-top: 20px;
        padding: 20px 45px;
    }

    .sgf-result {
        margin-top: 25px;
    }

    .sgf-downloads {
        padding: 20px 35px;
    }

    .sgf-search .spt-search {
        border-radius: 5px;
    }

    .sgf-search .spt-search-suggest {
        padding-bottom: 0;
    }

    .spt-search-ready .sgf-search .spt-search-input {
        background-color: #f6f6f6;
        border-radius: 5px;
    }

    .spt-search-ready .sgf-search .spt-search.searching .spt-search-input {
        border-radius: 5px 5px 0 0;
    }

    .sgf-tabs .tab-content {
        margin-top: 0;
    }

    .sgf-info {
        margin-top: 40px;
    }
}

.near-right {
    margin-right: 10px;
}

/****/
#chat-bot-assistant {
    bottom: 120px !important;
}

#digital-assistant-activation-button {
    bottom: 60px !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.iframe-full-width {
    width: 100%;
    height: calc(100vh - 123px);
    overflow: hidden;
    border: none;
}

.page-type-cover.header-opaque.language-tr .header-top a, .page-type-cover.header-opaque.language-tr .header-top button, .page-type-cover.header-opaque.language-tr .header-top .icon, .page-type-cover.header-opaque.language-tr .header-top span {
    color: #000000 !important;
}

.page-type-cover.header-opaque.language-tr .header-top .logo-org {
    display: inline-block !important;
}

.page-type-cover.header-opaque.language-tr .header-top .logo-alt {
    display: none !important;
}

body.menu-ready.language-tr #site-header .header-top .container .row a, body.search-ready.language-tr #site-header .header-top .container .row a, body.menu-ready.language-tr #site-header .header-top #main-menu.activated a, body.search-ready.language-tr #site-header .header-top #main-menu.activated a, body.menu-ready.language-tr #site-header .header-top #header-search.activated a, body.search-ready.language-tr #site-header .header-top #header-search.activated a, body.menu-ready.language-tr #site-header .header-top .container .row button, body.search-ready.language-tr #site-header .header-top .container .row button, body.menu-ready.language-tr #site-header .header-top #main-menu.activated button, body.search-ready.language-tr #site-header .header-top #main-menu.activated button, body.menu-ready.language-tr #site-header .header-top #header-search.activated button, body.search-ready.language-tr #site-header .header-top #header-search.activated button, body.menu-ready.language-tr #site-header .header-top .container .row .icon, body.search-ready.language-tr #site-header .header-top .container .row .icon, body.menu-ready.language-tr #site-header .header-top #main-menu.activated .icon, body.search-ready.language-tr #site-header .header-top #main-menu.activated .icon, body.menu-ready.language-tr #site-header .header-top #header-search.activated .icon, body.search-ready.language-tr #site-header .header-top #header-search.activated .icon, body.menu-ready.language-tr #site-header .header-top .container .row span, body.search-ready.language-tr #site-header .header-top .container .row span, body.menu-ready.language-tr #site-header .header-top #main-menu.activated span, body.search-ready.language-tr #site-header .header-top #main-menu.activated span, body.menu-ready.language-tr #site-header .header-top #header-search.activated span, body.search-ready.language-tr #site-header .header-top #header-search.activated span {
    color: #000000 !important;
}

body.menu-ready.language-tr #site-header .header-top .container .row .logo-org, body.search-ready.language-tr #site-header .header-top .container .row .logo-org, body.menu-ready.language-tr #site-header .header-top #main-menu.activated .logo-org, body.search-ready.language-tr #site-header .header-top #main-menu.activated .logo-org, body.menu-ready.language-tr #site-header .header-top #header-search.activated .logo-org, body.search-ready.language-tr #site-header .header-top #header-search.activated .logo-org {
    display: inline-block !important;
}

body.menu-ready.language-tr #site-header .header-top .container .row .logo-alt, body.search-ready.language-tr #site-header .header-top .container .row .logo-alt, body.menu-ready.language-tr #site-header .header-top #main-menu.activated .logo-alt, body.search-ready.language-tr #site-header .header-top #main-menu.activated .logo-alt, body.menu-ready.language-tr #site-header .header-top #header-search.activated .logo-alt, body.search-ready.language-tr #site-header .header-top #header-search.activated .logo-alt {
    display: none !important;
}

.beforeBullet::before {
    background: #000000 !important;
}

@media screen and (max-width: 430px) {
    .pay-payments .credit-card-active .pay-payment-form-card {
        display: none;
    }
}

.poltio-header {
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .ctc-info-row img.m-none, .spt-bnf img.m-none {
        display: none;
    }

    .ctc-info-row div.d-none-p, .spt-bnf div.d-none-p {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .spt-bnf div.d-none-p {
        display: none;
    }
}

/**Mobile Menu**/
@media (max-width: 1024px) {
    .sub .lv2-li div, .sub .lv2-li ul {
        display: none;
    }

    .sub .lv-2 > li.selected div {
        display: block;
    }

    .sub .lv-2 > li.selected ul {
        display: flex;
    }
}

#main-slider .pk-bnr-footer {
    border-top: none;
}

.pdp-grid .pdp-details .preorder-text {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    color: #009900;
    border: 2px solid #A0A0A0;
    padding: 14px 15px;
    margin: 10px 0px;
}

.accounts .mt-20 {
    color: red;
    font-weight: bold;
}

.rl-content .rl-text {
    text-align: center;
}

.prd-mini-price {
    margin-top: 5px;
    text-align: center;
    height: 36px;
    line-height: 1;
    font-size: .75rem;
}

#ajx_popup.mini-popup .mnp-content .responsive img {
    height: auto !important;
}

.container-maintenance {
    max-width: 1000px;
    margin: 0 auto;
}

@media (min-width: 1025px) {
    .container-maintenance .pnf-title span {
        font-size: 38px;
        font-weight: normal;
        font-family: "HeronSansRegular", Arial, Helvetica, sans-serif;
    }

    .container-maintenance .pnf-title b {
        font-size: 90px;
    }

    .container-maintenance .pnf-block1 {
        margin-bottom: 70px;
    }
}

#noResultInfo {
    display: none;
}

.scrollable-h::-webkit-scrollbar-thumb {
    background: #D8D8D8;
}

.scrollable-h::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.scrollable-h::-webkit-scrollbar-thumb:active {
    background: #787878;
}

@media (max-width: 1023px) {
    #_asm .ASM_header .first-top-row {
        flex-direction: column !important;
        justify-content: center !important;
    }

    #_asm .ASM_session {
        width: 100% !important;
    }

    #_asm .col-md-3 {
        width: 100% !important;
    }

    #_asmPersonifyForm {
        display: flex !important;
        flex-direction: column !important;
    }

    #_asmBindForm {
        display: flex !important;
        flex-direction: column !important;
    }
}

@media (min-width: 1024px) {
    button.ASM_close {
        width: 40px !important;
        text-align: center !important;
    }

    #_asm .ASM_header .first-top-row {
        border-bottom: none !important;
    }

    #_asm .ASM_header .first-top-row .ASM_loggedin {
        display: flex;
        width: 75% !important;
    }

    #_asm .ASM_header .first-top-row .ASM-btn-customer-list {
        border: none !important;
        margin-top: 0 !important;
    }

    #_asm .ASM_header .first-top-row .element-separator-height {
        border-right: 1px #39495e solid !important;
        padding: 0 10px !important;
    }

    #_asm .ASM_header .ASM_login {
        width: 51% !important;
    }

    #_asm .ASM_header .ASM_login .ASM_input_holder {
        width: 33% !important;
    }

    #_asm .ASM_header .ASM_logo {
        font-size: 22px !important;
        width: 230px !important;
    }

    #_asm .ASM_header .ASM_loggedin {
        text-align: start !important;
    }

    #_asm .ASM_header .ASM_loggedin #asmLogoutForm {
        text-align: start !important;
        float: none !important;
    }

    #_asm .ASM-btn.ASM-btn-customer-list {
        width: 20% !important;
    }

    #_asm .ASM-btn {
        padding: 0 0 0 5px !important;
    }

    #_asm #sessionTimer {
        margin-right: 0 !important;
    }

    #_asm .ASM-btn.ASM-btn-logout {
        min-width: 0 !important;
    }

    #_asm .ASM-btn.ASM-btn-reset {
        min-width: 0 !important;
    }

    #_asm .ASM_timer .ASM-btn-reset {
        float: none !important;
        padding: 0 10px !important;
    }

    #_asm .ASM_session {
        width: 100% !important;
    }

    #_asm .ASM_session #_asmCustomer {
        display: flex !important;
    }

    #_asm .collapseBtn {
        padding: 10px 15px 5px !important;
    }

    #_asm .ASM_end_session {
        margin: 0 !important;
    }

    #_asm ASM-btn.ASM-btn-start-session {
        width: 37% !important;
    }

    .ASM_close {
        padding-left: 0 !important;
    }

    #_asmPersonifyForm, #_asmBindForm {
        display: flex !important;
        width: 80% !important;
    }

    .ASM_customer-list-modal #cboxClose, .ASM_customer360-modal #cboxClose {
        font-size: 16px !important;
    }
}

.page-full {
    background-color: #f6f6f6 !important;
    padding: 20px 30px;
    margin: 30px 0;
}

.spt-article-title {
    margin: 0;
    margin-bottom: 20px;
}

.page-full a.btn-primary {
    margin-top: 16px;
}

.site-main[data-base-site="beko-tr"] .cart-prd-details .oliz-promotion {
    flex-direction: column;
}

.site-main[data-base-site="beko-tr"] .cart-prd-details .cart-prd-price {
    display: flex;
}

.oliz-button .oliz-price {
    padding-right: 5px;
    padding-left: 0px;
}

.oliz-button .oliz-price .modal-oliz-popup {
    color: #fff;
    cursor: pointer;
    background: #989898;
    width: 31px;
    height: 31px;
    padding: 2px;
    margin-left: 7px;
    border-radius: 50%;
    text-align: center;
    line-height: 31px;
    display: inline-block;
}

.oliz-button .oliz-price .oliz-text {
    color: #989898;
}

.oliz-button .oliz-price .oliz-img {
    margin-right: 5px;
}

.oliz-button .oliz-price .sticky-oliz-images {
    display: none;
}

.oliz-button.beko-oliz {
    font-size: 12px;
}

.oliz-button.grundig-oliz .modal-oliz-popup {
    background: #14243a;
}

#modal-oliz {
    z-index: 9;
}

.cart-prd-price-third .price-oliz {
    color: #000 !important;
}

.olizTabBox .btn-oliz-modal a {
    text-decoration: underline !important;
}

.pdp-purchase-ready .oliz-button .oliz-price .sticky-oliz-images {
    display: inline-block !important;
}

.pdp-purchase-ready .oliz-button .oliz-price .pdp-oliz-images {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .btn-oliz-modal {
        margin-top: 20px;
    }
}



#best-sellers .prd-mini-name {
    color: black;
}

.ins-suggestion-slider-box {
    display: none;
}

.footer-middle .col-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

#ETBIS img {
    width: 60px !important;
    height: 60px !important;
}

.products productgridcomponent-page .prd-replace {
    position: relative;
}

.products productgridcomponent-page .prd-replace:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    animation: product-loading 1s linear infinite alternate;
}

@keyframes product-loading {
    0% {
        background-color: #c2cfd6;
    }

    100% {
        background-color: #f0f3f5;
    }
}

.recommed-friends .row .signing {
    height: 100%;
    min-height: 100vh;
}

.recommed-friends .row .sgn-media {
    min-height: 100% !important;
}

.setPageList .products .grid-prd .set-page-prd2 {
    min-height: 52px;
}

.right-wrapper {
    width: 500px;
    height: 100%;
    transform: translateX(500px);
    background-color: #f6f6f6;
    padding: 26px 35px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 1s;
    animation: ease-in-out;
}

.right-wrapper .right-escape {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 14px;
}

.right-wrapper .right-download {
    font-size: 16px;
    line-height: 19px;
    padding-left: 7px;
}

.right-wrapper .right-escapex {
    margin-left: auto;
    font-size: 16px;
    line-height: 19px;
    font-family: cursive;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
}

.active-wrapper .right-wrapper {
    transform: translateX(0);
    transition: all 1s;
    animation: ease-in-out;
    z-index: 5;
}

.unactive-wrapper .right-wrapper {
    transform: translateX(500px);
}

.container-fluid-new {
    position: relative;
}

.right-list {
    margin: 0;
    padding: 0;
    background-color: #fff;
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 29px;
    margin-bottom: 226px;
}

.right-list .right-li {
    list-style: none;
    padding-top: 22px;
    padding-bottom: 26px;
    font-size: 15px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.right-list .right-li:last-child {
    border-bottom: none;
}

.right-list .right-image {
    margin-left: auto;
}

.right-list .ord-bar {
    margin-top: 35px !important;
    padding: 0px;
}

.right-list .ord-bar > div time {
    max-width: 100% !important;
}

.right-list .ord-bar > div + div::before {
    top: 5px !important;
}

.right-lii {
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
    margin: 30px 0px;
}

.right-lii::marker {
    font-size: 0px;
}

.right-header {
    background-color: #80b03e;
    padding: 25px 31px;
    color: #fff;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-header .right-date {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.right-header .right-label {
    font-weight: bold;
    font-size: 18px;
}

.right-header .maybe-title {
    font-size: 14px;
}

#new-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4 !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    animation: show .2s ease;
    display: none;
}

.new-overlay #new-overlay {
    display: block;
}

.completed.active.circled i {
    background: #80b03e !important;
}

.right-sender {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.right-detail {
    font-size: 12px;
}

@media only screen and (max-width: 800px) {
    .right-wrapper {
        width: 100%;
        bottom: -35px;
        top: inherit;
        padding: 26px 16px;
    }

    .right-list .right-image {
        margin-left: auto;
        bottom: -320px;
        top: inherit;
    }

    .active-wrapper .right-wrapper {
        z-index: 6;
        overflow-y: scroll;
    }

    .right-lii {
        display: none;
    }

    .secondery-items {
        display: none;
    }

    .right-detail {
        margin-bottom: 0px;
    }

    .mobile-padding {
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .new-bdy {
        text-align: start;
        padding-left: 168px;
    }

    #assistant .bnr-mediaa {
        width: 353px;
        left: calc(66%);
        position: absolute;
        bottom: -18px;
    }
}

@media only screen and (max-width: 800px) {
    #assistant .bnr-mediaa {
        position: absolute;
        bottom: -18px;
        width: 100%;
    }

    #assistant .bnr-mediaa img {
        margin: 0 auto;
        width: 232px;
    }
}

#assistant .new-banner {
    background-color: #39383e !important;
}

.new-bdy .new-bnr-info {
    max-width: 100% !important;
    color: #fff;
}

.new-bdy .bnr-footer {
    margin-top: inherit;
}

.new-bdy .bnr-title {
    color: #fff;
}

#gift-point {
    background: transparent;
    border-right: none;
    border: none;
    border-bottom: 1px solid #d8d8d8 !important;
}

.gift-puan {
    color: #fff;
}

.srv-fwd-bar[data-stock="0"] {
    background-color: red !important;
    display: inline-block;
    margin-left: 6px;
    font-size: 0;
}

.pdp-purchase-ready .pdp .pdp-purchase-fixed input {
    color: #222;
    padding-bottom: 0;
}

.srv-name {
    word-break: break-word;
}

.price-oliz {
    color: #000;
}

.arc-gift-card .new-banner {
    background-color: #01426a !important;
    margin-top: 20px;
}

@media only screen and (min-width: 1024px) {
    .new-bdy {
        text-align: start;
        padding-left: 168px;
    }

    .arc-gift-card .bnr-mediaa {
        width: 353px;
        left: calc(66%);
        position: absolute;
        bottom: -18px;
    }
}

@media only screen and (max-width: 800px) {
    .arc-gift-card .bnr-mediaa {
        position: absolute;
        bottom: -18px;
        width: 100%;
    }

    .arc-gift-card.bnr-mediaa img {
        margin: 0 auto;
        width: 232px;
    }

    .new-bdy {
        height: 320px !important;
    }
}

.arc-gift-card.new-banner {
    background-color: #01426a !important;
}

.new-bdy .new-bnr-info {
    max-width: 100% !important;
    color: #fff;
}

.new-bdy .bnr-footer {
    margin-top: inherit;
}

.new-bdy .bnr-title {
    color: #fff;
}

.btn-light.btn-beko {
    color: #0180c9;
}

.btn.btn-beko::before {
    color: #0180c9 !important;
}

.btn.btn-beko::after {
    color: #0180c9 !important;
}

.btn.btn-beko .arc-gift-card .bnr-mediaa {
    width: 353px;
    left: calc(66%);
    position: absolute;
    bottom: -18px;
}

@media only screen and (max-width: 800px) {
    .arc-gift-card .bnr-mediaa {
        position: absolute;
        bottom: -18px;
        width: 100%;
    }

    .arc-gift-card.bnr-mediaa img {
        margin: 0 auto;
        width: 232px;
    }

    .new-bdy {
        height: 320px !important;
    }
}

.arc-gift-card.new-banner {
    background-color: #01426a !important;
}

.new-bdy .new-bnr-info {
    max-width: 100% !important;
    color: #fff;
}

.new-bdy .bnr-footer {
    margin-top: inherit;
}

.new-bdy .bnr-title {
    color: #fff;
}

.btn-light.btn-beko {
    color: #0180c9;
}

.btn.btn-beko::before, .btn.btn-beko::after {
    color: #0180c9 !important;
}

.gift-point-beko {
    color: #01426a;
}

.srv-name {
    word-break: break-word;
}

.price-oliz {
    color: #000;
}

.gift-puan {
    color: #fff;
}

.srv-fwd-bar[data-stock="0"] {
    background-color: red !important;
    display: inline-block;
    margin-left: 6px;
    font-size: 0;
}

.pdp-purchase-ready .pdp .pdp-purchase-fixed input {
    color: #222;
    padding-bottom: 0;
}

.srv-name {
    word-break: break-word;
}

.store-stock {
    flex-direction: column;
}

.stock-info {
    color: red;
    margin-top: 10px;
}

#modal-ht {
    z-index: 99;
}

#paymentList.fastDeliveryActivated li:not(.click-and-collect) {
    display: none;
}

.fastDeliveryBox .removeDelivery {
    margin-left: 5px;
    transform: translateX(5px);
    cursor: pointer;
}

.fastDeliveryBox .removeDelivery svg.icon-close {
    font-size: 42px;
}

.fastDeliveryBox span.removeDelivery {
    transform: translateX(10px);
}

@media screen and (max-width: 1024px) {
    .fastDeliveryBox span.removeDelivery {
        transform: translateX(0);
    }

    .fastDeliveryBox .apr-media button {
        padding: 0 30px;
    }
}

@media screen and (max-width: 1100px) {
    .fastDeliveryBox .apr-media button {
        padding: 0 40px;
    }

    .fastDeliveryBox .removeDelivery span {
        margin-left: 0;
    }
}

@media screen and (max-width: 576px) {
    .fastDeliveryBox .apr-media button {
        padding: 0 15px;
    }
}






*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "Graphik", "arial", "sans-serif";
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.28571;
    color: #222;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    color: inherit;
    text-decoration: none
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: "HeronSans", "arial", "sans-serif";
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

svg.icon {
    flex: none;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    font-size: 32px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

svg.icon.icon-whats-app {
    color: #00d856
}

svg.icon.icon-warning {
    color: #ffce00
}

svg.icon.icon-error {
    color: #d93131
}

svg.icon.icon-success {
    color: #6e994e
}

button {
    padding: 0;
    background: none;
    border: none;
    color: inherit;
    text-align: left
}

button:focus {
    outline: none
}

.d {
    display: none
}

.qty-badge {
    background: #d93131;
    color: #fff;
    border-radius: 50%;
    width: 22px;
    line-height: 22px;
    font-size: 10px;
    text-align: center
}

.qty-badge[data-qty="0"] {
    display: none
}

.header-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    background: #fff;
    color: #000;
    transition: all .5s ease
}

.header-top>.container {
    max-width: calc(100% - 15px * 2)
}

.header-top>.container>.row {
    border-bottom: 1px solid #eee;
    align-items: center;
    height: 51px
}

.header-top>.container>.row>* {
    display: flex;
    align-items: center
}

.header-top>.container .col-left-alt {
    display: none
}

.header-top>.container .col-center {
    justify-content: center
}

.header-top>.container .col-right {
    justify-content: flex-end
}

.btn-notification {
    position: relative;
    margin-left: 10px
}

.btn-notification .qty-badge {
    position: absolute;
    top: 0;
    right: -6px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.btn-cart {
    position: relative
}

.btn-cart .qty-badge {
    position: absolute;
    top: 0;
    right: -6px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.logo-alt {
    display: none
}

.btn-cart {
    margin-left: 10px
}

#main-menu,
#header-search,
#notifiers {
    display: none
}


.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.col-3,
.col-6,
.col-9,
.col-lg-2,
.col-lg-5 {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

#ash-plc {
    height: calc(100vh - 51px);
    width: 100%;
    position: fixed;
    background: #d8d8d8;
    z-index: 3;
    top: 51px;
    left: 0
}

#ash-plc [class*="asp-"] {
    display: block;
    position: absolute;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%) 0% 0%/1000% 100%;
    animation: 1s linear 0s infinite normal forwards running ash-plc
}

@keyframes ash-plc {
    0% {
        background-position: 50% 0px
    }

    100% {
        background-position: -50% 0
    }
}

.page-home .asp-1 {
    width: 90%;
    height: 40%;
    bottom: 10%;
    left: 5%
}

.page-home .asp-2 {
    width: 60%;
    height: 5%;
    top: 10%;
    left: 20%
}

.page-home .asp-3 {
    width: 60%;
    height: 5%;
    top: 17%;
    left: 20%
}

.page-home .asp-4 {
    width: 10%;
    height: 5%;
    top: 30%;
    left: 45%
}

.page-product-list .asp-1 {
    width: 90%;
    height: 5%;
    top: 5%;
    left: 5%
}

.page-product-list .asp-2,
.page-product-list .asp-3 {
    width: 90%;
    height: 40%;
    top: 15%;
    left: 5%
}

.page-product-list .asp-3 {
    top: 57%
}

.page-product-detail .asp-1 {
    width: 90%;
    height: 50%;
    top: 5%;
    left: 5%
}

.page-product-detail .asp-2,
.page-product-detail .asp-3,
.page-product-detail .asp-4,
.page-product-detail .asp-5 {
    width: 90%;
    height: 5%;
    left: 5%;
    top: 65%
}

.page-product-detail .asp-3 {
    top: 73%
}

.page-product-detail .asp-4 {
    top: 81%
}

.page-product-detail .asp-5 {
    top: 89%
}

@media (min-width: 1025px) {
    .header-top>.container {
        max-width: calc(100% - 20px * 2)
    }

    .header-top>.container>.row {
        height: 50px;
        padding: 0 20px
    }

    .header-top>.container>.row>*>.d {
        display: flex;
        align-items: center
    }

    .header-top>.container>.row>*>.d>* {
        margin-right: 20px;
        white-space: nowrap
    }

    .btn-menu {
        margin-right: 25px
    }

    .btn-menu>.d {
        display: flex;
        align-items: center
    }

    .btn-notification {
        margin-left: 0
    }

    .btn-cart {
        margin-left: 25px
    }

    .m {
        display: none !important
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    #ash-plc {
        height: calc(100vh - 61px);
        top: 61px
    }

    .page-product-list .asp-1 {
        width: 90%;
        height: 5%;
        top: 10%;
        left: 5%
    }

    .page-product-list .asp-2,
    .page-product-list .asp-3,
    .page-product-list .asp-4,
    .page-product-list .asp-5 {
        width: 20.25%;
        height: 30%;
        top: 20%;
        left: 5%
    }

    .page-product-list .asp-3 {
        left: 28.25%
    }

    .page-product-list .asp-4 {
        left: 51.50%
    }

    .page-product-list .asp-5 {
        left: 74.75%
    }

    .page-product-detail .asp-1 {
        width: 50%;
        height: 90%;
        top: 5%;
        left: 5%
    }

    .page-product-detail .asp-2,
    .page-product-detail .asp-3,
    .page-product-detail .asp-4,
    .page-product-detail .asp-5 {
        width: 35%;
        height: 5%;
        left: auto;
        right: 5%;
        top: 25%
    }

    .page-product-detail .asp-3 {
        top: 33%
    }

    .page-product-detail .asp-4 {
        top: 41%
    }

    .page-product-detail .asp-5 {
        top: 49%
    }
}

.pagination {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.pagination li a {
    text-align: center;
    border: 1px solid #000;
    line-height: 52px;
    width: 54px;
    border-radius: 100%;
    display: block;
    font-size: 19px;
    margin-left: 5px;
    margin-right: 5px;
}
.pagination li a:hover, .pagination li.active a {
    background: #d93131;
    color: #fff;
    border: 1px solid #d93131;
}
#site-footer a {
    color: #989898;
    font-family: "Graphik", "arial", "sans-serif";
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.28571;    
}
.cards {
  padding-top: 20px;
  margin: 10px 0 20px 0;
  background-color: rgba(214, 224, 226, 0.2);
  border-top-width: 0;
  border-bottom-width: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cards.hovercard {
  position: relative;
  padding-top: 0;
  overflow: hidden;
  text-align: center;
  background-color: rgba(214, 224, 226, 0.2);
  cursor: pointer;
  border: 3px solid rgba(214, 224, 226, 0.2);
}

.cards.hovercard .cardheader {
  height: 98px;
}

.cards.hovercard .avatars {
  position: relative;
}

.cards.hovercard .avatars img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 3px solid rgba(213, 214, 214, 0.5);
  border-radius: 10px;
  margin-top: 18px;
  margin-top: 18px;
  max-width: 78%;
  width: 78%;
}

.cards.hovercard .info {
  padding: 4px 8px 10px;
}

.cards.hovercard .info .title {
  margin-bottom: 4px;
  font-size: 23px;
  line-height: 1;
  color: #262626;
  vertical-align: middle;
}

.cards.hovercard .info .desc {
  overflow: hidden;
  font-size: 20px;
  line-height: 20px;
  color: #737373;
  text-overflow: ellipsis;
}

.cards.hovercard .info .desc2 {
  overflow: hidden;
  font-size: 15px;
  line-height: 20px;
  color: #737373;
  text-overflow: ellipsis;
}

.cards.hovercard .bottom {
  padding: 0 20px;
  margin-bottom: 17px;
}

.hli {
  border: 3px solid #d93131  !important;
}
.alert i {
    float: left;
    margin-right: 10px;
}
.margintop10 {
    margin-top: 10px;
}

 .footer__wrapper--socialImage.sm {
    height: 29px;
    display: inline-block;
    width: 30px;
    text-indent: -2000px;    
}
.footer__wrapper--socialImage.sm.sm-facebook {
  background: url("../../../../images/facebookV2.svg") no-repeat 0 0;
  margin-right: 4px;
}
.footer__wrapper--socialImage.sm.sm-instagram {
  background: url("../../../../images/instagramV2.svg") no-repeat 0 0;
  margin-right: 4px;
}
.footer__wrapper--socialImage.sm.sm-twitter {
  background: url("../../../../images/twitterV2.svg") no-repeat 0 0;
  margin-right: 4px;
}
.footer__wrapper--socialImage.sm.sm-youtube {
  background: url("../../../../images/youtubeV2.svg") no-repeat 0 0;
}
.footer__wrapper--socialImage.sm.sm-facebook:hover {
  background: url("../../../../images/facebookV2hover.svg") no-repeat 0 0;
}
.footer__wrapper--socialImage.sm.sm-instagram:hover {
  background: url("../../../../images/instagramV2hover.svg") no-repeat 0 0;
}
.footer__wrapper--socialImage.sm.sm-twitter:hover {
  background: url("../../../../images/twitterV2hover.svg") no-repeat 0 0;
}
.footer__wrapper--socialImage.sm.sm-youtube:hover {
  background: url("../../../../images/youtubeV2hover.svg") no-repeat 0 0;
}
.footer__wrapper__socialMedia {
    float: right;
    width: 145px;
    margin-top: 7px;
}
@media only screen and (max-width: 500px){
    .cart-sum-total {
        justify-content: center;
    }
    #site-footer .footer-middle {
        margin: 40px auto 0;
        max-width: calc(100% - 20px * 2);
        padding: 20px 10px;
        border-top: 1px solid #3f3f3f;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .footer-middle .col-right {
        display: flex;
        margin-left: 0;
        justify-content: center;        
    }
    .footer-top {
        text-align: center !important;
    }
}   
.adresecim1 {
    width: 50%;
    margin-right: 10px;
}
.adresecim2 {
    width: 50%;
}
.kredikartiodeme {
    width:100%;
    display: flex;
}
.karbilgileri {
    padding-top: 5px;float: left;width: 49%;margin-right: 1%;
}
.kartekran {
    float: left;width: 49%;margin-left: 1%;
}
@media only screen and (max-width: 414px){
    .pay-address-del {
        display: flex !important;
        align-items: center !important;
        flex-direction: column !important;
    }
    .adresecim1 {
        width: 100%;
        margin-bottom: 30px;
    }
    .adresecim2 {
        width: 100%;
    }
    .karbilgileri {
        padding-top: 5px;float: left;width: 100%;margin-right: 0%;
    }
    .kartekran {
        display: none;
    }
}













.site-main .form-row {
    margin-bottom: 15px;
}
.site-main .input {
    position: relative;
    display: inline-block
}

.site-main .textbox {
    width: 100%
}

.site-main .textbox .wrp {
    display: block;
    position: relative
}

.site-main .textbox i {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0
}

.site-main .textbox .timer {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .75rem;
    line-height: 1;
    color: #d93131
}

.site-main .textbox input {
    height: 48px;
    line-height: 48px;
    width: 100%;
    border-style: solid;
    border-color: #d8d8d8;
    border-width: 0 0 1px 0;
    padding: 0 5px;
    background: none;
    outline: none;
    color: #222;
    border-radius: 0;
}

.site-main .textbox input:focus {
    border-bottom-color: #989898
}

.site-main .textbox input:disabled {
    opacity: .7
}


.site-main .textbox select {
    height: 48px;
    line-height: 48px;
    width: 100%;
    border-style: solid;
    border-color: #d8d8d8;
    border-width: 0 0 1px 0;
    padding: 0 5px;
    background: none;
    outline: none;
    color: #222
}

.site-main .textbox select:focus {
    border-bottom-color: #989898
}

.site-main .textbox select:disabled {
    opacity: .7
}

.site-main .textbox label {
    font-size: .75rem;
    line-height: 1;
    margin: 0
}

.site-main .textbox .input-icon input {
    padding-right: 37px
}

.site-main .textarea {
    width: 100%
}

.site-main .textarea textarea {
    height: 104px;
    width: 100%;
    border-style: solid;
    border-color: #d8d8d8;
    border-width: 0 0 1px 0;
    padding: 25px 5px;
    background: none;
    outline: none
}

.site-main .textarea textarea:focus {
    border-bottom-color: #989898
}

.site-main .textarea label {
    font-size: .75rem;
    line-height: 1;
    margin: 0
}

.site-main .textbox input.form-error,.site-main .textbox input,textarea.form-error,.site-main  textarea {
    border-bottom-color: #d93131
}