@media (min-width:768px) {
    .hero-unit {
        max-height: none
    }
}

.glide-mr .operator {
    width: 100%;
    max-width: 16rem;
    height: 10rem;
    background-color: #fff
}

.glide-mr .arrow-left,
.glide-mr .arrow-right {
    position: absolute;
    top: 39%
}

.glide-mr .arrow-right {
    right: 0
}

.glide-mr .arrow-left {
    left: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.glide-mr.glide-mr-fragment .operator {
    border: .1rem solid #ccc
}

.glide-mr.glide-mr-fragment a {
    text-decoration: none;
    color: #222
}

.glide-mr.glide-mr-fragment a:focus,
.glide-mr.glide-mr-fragment a:hover {
    color: #222
}

.glide-mr.glide-mr-fragment .glide-bullet {
    background-color: #ccc
}

.glide-mr.glide-mr-fragment .glide-bullet.glide-bullet--active {
    background-color: #555
}

.homepage .hero-mobile_recharge .glide-mr {
    min-height: 25rem
}

.homepage .hero-mobile_recharge .glide-mr .glide-slide a:active,
.homepage .hero-mobile_recharge .glide-mr .glide-slide a:hover,
.homepage .hero-mobile_recharge .glide-mr .glide-slide a:link,
.homepage .hero-mobile_recharge .glide-mr .glide-slide a:visited {
    color: #fff
}

.homepage .hero-mobile_recharge .glide-mr .arrow-right {
    right: 9rem
}

.homepage .hero-mobile_recharge .glide-mr .arrow-left {
    left: 9rem
}

#buy-mr-holder .operator_button {
    border: 1px solid #ccc;
    width: 100%;
    height: 11rem;
    background-color: #fff;
    cursor: pointer
}

#buy-mr-holder .operator_button:focus {
    outline: 0;
    border-color: #13408c
}

#buy-mr-holder .operator_button .form-control {
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4;
    margin-top: 2rem
}

#buy-mr-holder .operator_button .form-control:focus {
    border: 1px solid #13408c
}

#buy-mr-holder .operator.active {
    opacity: 1
}

#buy-mr-holder .operator.active .operator_button {
    border-color: #222
}

#buy-mr-holder .operator.inactive {
    opacity: .5
}

#buy-mr-holder .operator select {
    font-weight: 700
}

#buy-mr-holder #choose_another_operator {
    display: none
}

#buy-mr-holder #choose_another_operator.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

#buy-mr-holder .amount {
    border: 1px solid #ccc;
    padding: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#buy-mr-holder .amount .bottom-part,
#buy-mr-holder .amount .top-part {
    padding: 1.5rem .5rem
}

#buy-mr-holder .amount .top-part {
    background-color: transparent;
    color: #13408c;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#buy-mr-holder .amount .top-part.bundle-top .icon-small {
    fill: #13408c
}

#buy-mr-holder .amount .top-part.bundle-top .flipped_chevron .icon-small {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

#buy-mr-holder .amount .top-part.bundle-top ul {
    line-height: 3.5rem;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px;
    padding-inline-start: 20px
}

#buy-mr-holder .amount .bottom-part {
    border-top: 1px solid #ccc
}

#buy-mr-holder .amount:focus {
    outline: 0;
    border-color: #13408c
}

#buy-mr-holder .amount:disabled,
#buy-mr-holder .amount[data-disabled=true] {
    cursor: default
}

#buy-mr-holder .amount.inactive,
#buy-mr-holder .amount:disabled,
#buy-mr-holder .amount[data-disabled=true] {
    opacity: .5
}

#buy-mr-holder .amount.inactive .bundle_extra_toggle,
#buy-mr-holder .amount:disabled .bundle_extra_toggle,
#buy-mr-holder .amount[data-disabled=true] .bundle_extra_toggle {
    color: #13408c;
    text-decoration: none
}

#buy-mr-holder .amount.active:enabled,
#buy-mr-holder .amount.active[data-disabled=false],
#buy-mr-holder .amount:hover:enabled,
#buy-mr-holder .amount[data-disabled=false]:hover {
    border-color: #13408c
}

#buy-mr-holder .amount.active:enabled .bundle_extra_toggle,
#buy-mr-holder .amount.active[data-disabled=false] .bundle_extra_toggle,
#buy-mr-holder .amount:hover:enabled .bundle_extra_toggle,
#buy-mr-holder .amount[data-disabled=false]:hover .bundle_extra_toggle {
    color: #fff;
    text-decoration: none
}

#buy-mr-holder .amount.active:enabled .bundle_extra_toggle:hover,
#buy-mr-holder .amount.active[data-disabled=false] .bundle_extra_toggle:hover,
#buy-mr-holder .amount:hover:enabled .bundle_extra_toggle:hover,
#buy-mr-holder .amount[data-disabled=false]:hover .bundle_extra_toggle:hover {
    color: #fff
}

#buy-mr-holder .amount.active:enabled .bundle_extra_toggle:focus,
#buy-mr-holder .amount.active[data-disabled=false] .bundle_extra_toggle:focus,
#buy-mr-holder .amount:hover:enabled .bundle_extra_toggle:focus,
#buy-mr-holder .amount[data-disabled=false]:hover .bundle_extra_toggle:focus {
    color: #fff;
    background-color: #13408c
}

#buy-mr-holder .amount.active:enabled .top-part,
#buy-mr-holder .amount.active[data-disabled=false] .top-part,
#buy-mr-holder .amount:hover:enabled .top-part,
#buy-mr-holder .amount[data-disabled=false]:hover .top-part {
    background-color: #13408c;
    color: #fff
}

#buy-mr-holder .amount.active:enabled .top-part button,
#buy-mr-holder .amount.active[data-disabled=false] .top-part button,
#buy-mr-holder .amount:hover:enabled .top-part button,
#buy-mr-holder .amount[data-disabled=false]:hover .top-part button {
    color: #fff
}

#buy-mr-holder .amount.active:enabled .top-part .icon-small,
#buy-mr-holder .amount.active[data-disabled=false] .top-part .icon-small,
#buy-mr-holder .amount:hover:enabled .top-part .icon-small,
#buy-mr-holder .amount[data-disabled=false]:hover .top-part .icon-small {
    fill: #fff
}

#buy-mr-holder .amount.active:enabled .bottom-part,
#buy-mr-holder .amount.active[data-disabled=false] .bottom-part {
    border-color: #13408c
}

#buy-mr-holder .input-group.color-primary .form-control {
    border: .1rem solid #13408c;
    color: #555
}

#buy-mr-holder .input-group.color-primary .input-group-text {
    background-color: #13408c;
    border-color: #13408c;
    color: #fff
}

#buy-mr-holder #sms-notify-message {
    overflow: hidden;
    height: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

#buy-mr-holder .banner-icons-holder {
    position: absolute;
    top: -1.8rem;
    right: -.4rem
}

@media (max-width:575.98px) {
    #buy-mr-holder .banner-icons-holder {
        right: .6rem
    }
}

#buy-mr-holder .banner-icons-holder .banner-icon {
    width: 3.8rem;
    border-radius: 10rem;
    height: 3.8rem
}

#buy-mr-holder .banner-icons-holder .banner-icon-notice {
    background-color: #d30102
}

#buy-mr-holder .banner-icons-holder .banner-icon-new-operator {
    background-color: #73b143
}

#buy-mr-holder .buy-mobile-recharge-trustpilot-large {
    background-color: #f4f4f4
}

#buy-mr-holder #assign_nickname_holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

#buy-mr-holder #assign_nickname_trigger {
    margin-top: 1.3rem;
    text-transform: none;
    font-size: 1.4rem
}

@media (min-width:768px) {
    #buy-mr-holder #choose_another_operator {
        display: none
    }
}

#all_operators_holder {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#all_operators_holder .operator {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:767.98px) {
    #all_operators_holder .operator {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 90%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 90%;
        flex: 1 0 90%
    }
}

#all_operators_holder .operator .operator_button {
    height: 11rem;
    width: 16rem;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

#all_operators_holder .operator .operator_button .banner-icons-holder {
    position: absolute;
    top: -1.8rem;
    right: -1.8rem
}

@media (max-width:575.98px) {
    #all_operators_holder .operator .operator_button .banner-icons-holder {
        right: 0
    }
}

#all_operators_holder .operator .operator_button .banner-icons-holder .banner-icon {
    width: 3.8rem;
    border-radius: 10rem;
    height: 3.8rem
}

#all_operators_holder .operator .operator_button .banner-icons-holder .banner-icon-notice {
    background-color: #d30102
}

#all_operators_holder .operator .operator_button .banner-icons-holder .banner-icon-new-operator {
    background-color: #73b143
}

/*# sourceMappingURL=product_mobile_recharge.min.css.map */