@import url(https://fonts.googleapis.com/css?family=Amiri:400,700&display=swap&subset=arabic);

html {
    background: #fff;
    color: #000
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    font-weight: 300
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

html[dir=rtl] caption,
html[dir=rtl] th {
    text-align: right
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 110%;
    font-weight: 300
}

q:after,
q:before {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-weight: inherit
}

legend {
    color: #000
}

html.account-html {
    background-color: #fff
}

@media screen and (min-width:1080px) {
    html.account-html {
        background-color: #f4f4f4
    }
}

body.layout-account #content {
    padding: 0
}

@media screen and (min-width:1080px) {
    body.layout-account {
        background-color: #f4f4f4
    }

    body.layout-account header {
        background-color: #fff;
        padding-bottom: 30px
    }

    body.layout-account #content {
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        margin-top: 34px;
        width: 784px
    }
}

@media screen and (max-width:$mobile-max-size) {
    body.layout-account #content {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        width: 100%
    }
}

body.mobile-view {
    background: none
}

.mobile-view #content {
    margin-top: 0 !important;
    padding-bottom: 0
}

body.mobile-app {
    background: none
}

body.mobile-app header {
    display: inline-block;
    height: auto;
    position: static
}

#nav-top-480px,
input {
    -webkit-tap-highlight-color: transparent !important
}

#noscript {
    font-size: 16px
}

.error-message {
    color: red;
    font-size: 14px
}

.error.field-row input {
    border: 2px solid red
}

#nav-top-480px {
    display: none;
    float: right;
    font-size: 20px
}

#nav-top-480px a {
    color: #979797;
    display: block;
    text-decoration: none
}

#nav-top-480px a.menu {
    padding: 11px 0 11px 20px
}

#nav-top-480px a.menu .arrow {
    font-size: 14px;
    padding: 0 14px 0 6px
}

#nav-top-480px.open a.menu,
#nav-top-480px a.menu:hover {
    background-color: #e8e8e8
}

#nav-top-480px.close ul.items {
    display: none
}

#nav-top-480px.open ul.items {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    margin-left: -89px;
    position: absolute;
    right: 0;
    width: 197px;
    z-index: 1000
}

.android #nav-top-480px.open ul.items {
    margin-left: -93px !important
}

#nav-top-480px ul.items a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 11px 0 11px 15px;
    width: 180px
}

#nav-top-480px ul.items a.active,
#nav-top-480px ul.items a:hover {
    background-color: #665cac;
    color: #fff
}

nav.main {
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
    padding: 9px 19px 20px
}

nav.main ul li {
    float: left;
    text-align: center;
    width: 24%
}

nav.main li a {
    color: #999;
    font-size: 13px
}

.account-box a:hover {
    text-decoration: underline
}

.account-box .name .loading-indicate {
    height: 14px;
    margin: 1px 5px 0 0;
    width: 14px
}

.account-box .name a.loading {
    display: block;
    height: 32px;
    width: 32px
}

.logout-link {
    vertical-align: super
}

#main-area {
    border: 1px solid #d0e0e6;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px 27px;
    position: relative
}

@media (max-width:1023px) {
    #main-area {
        margin-bottom: 20px
    }

    body.mobile-app #main-area {
        margin-bottom: 0
    }
}

@media (min-width:719px) and (max-width:817px) {
    .account-box .name {
        max-width: 275px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width:565px) and (max-width:657px) {
    .account-box .name {
        max-width: 380px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width:490px) and (max-width:565px) {
    .account-box .name {
        max-width: 230px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width:419px) {
    .account-box .name {
        max-width: 170px
    }
}

@media (max-width:375px) {
    .account-box .name {
        max-width: 160px
    }
}

@media (max-width:360px) {
    .account-box .name {
        max-width: 110px
    }
}

@media (max-width:719px) {
    .login-actions-box .create-account-link {
        display: none
    }

    #nav-top {
        margin-right: 10px
    }

    #main-area {
        margin-bottom: 20px
    }

    #main-area,
    #main-area.main-tab {
        border-radius: 12px 12px 12px 12px
    }

    body.mobile-app #main-area {
        margin-bottom: 0
    }

    .mobile-app #content {
        margin-top: 10px
    }

    .account-box .name a {
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .nav ul {
        display: inline-block
    }

    .nav>div {
        float: left
    }
}

@media (max-width:469px) {
    body.home #main-area {
        padding: 23px 15px
    }
}

@media (max-width:370px) {
    #nav-top-480px a.menu {
        padding: 10px 0 11px 10px
    }

    #nav-top-480px a.menu .arrow {
        font-size: 14px;
        padding: 0 8px 0 0
    }
}

@media (max-width:460px) {
    .strength-wrap {
        display: block !important;
        margin-left: 0 !important;
        margin-top: 3px
    }

    .strength-wrap.hidden {
        display: none !important
    }
}

#nav-top li a:focus,
input:focus {
    outline: none
}

.main>.mobile {
    overflow: hidden
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    display: none;
    float: right;
    height: auto;
    margin-bottom: 8px;
    margin-right: 7px;
    margin-top: 8px;
    padding: 13px 10px;
    position: relative
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.navbar-toggle .icon-bar {
    background: #665cac;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

#nav-top-480px.close ul.mobile-nav {
    display: none
}

#main-area.mobile {
    background: transparent;
    border: none
}

a:active {
    background-color: transparent
}

.placeholder {
    color: #d0d0d0;
    font-size: 21px
}

::-webkit-input-placeholder {
    color: #d0d0d0;
    font-size: 21px
}

:-moz-placeholder,
::-moz-placeholder {
    color: #d0d0d0;
    font-size: 21px
}

:-ms-input-placeholder {
    color: #d0d0d0;
    font-size: 21px
}

input {
    -webkit-appearance: none;
    -moz-appearance: none
}

body,
html {
    -webkit-text-size-adjust: 100%;
    min-width: 240px
}

body {
    color: #4e4e4e;
    display: block;
    font-size: 14px
}

a {
    color: #8074d6;
    text-decoration: none
}

button,
input {
    border: none;
    color: #4e4e4e
}

button {
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 30px;
    padding: 0 7px
}

label {
    display: inline-block;
    margin-bottom: 9px
}

header {
    margin: 0 0 10px;
    padding: 16px 0 0
}

::-webkit-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff
}

.placeholder {
    color: #fff
}

:focus {
    outline: none
}

a:focus,
a:link,
a:visited,
input:focus,
select:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: thin transparent
}

input::-ms-clear {
    display: none
}

::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 14px
}

:-moz-placeholder {
    color: #b3b3b3;
    font-size: 14px
}

form.hidden input {
    display: none
}

@media only screen and (max-width:640px) {
    .placeholder {
        color: #d0d0d0;
        font-size: 16px
    }

    ::-webkit-input-placeholder {
        color: #d0d0d0;
        font-size: 16px
    }

    :-moz-placeholder,
    ::-moz-placeholder {
        color: #d0d0d0;
        font-size: 16px
    }

    :-ms-input-placeholder {
        color: #d0d0d0;
        font-size: 16px
    }
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clear {
    clear: both !important;
    float: none !important;
    font-size: 1px;
    height: 1px
}

.btn {
    cursor: pointer;
    display: block;
    text-align: center
}

@media (max-width:719px) {

    .my-account-page .call-history.tab .loading-indicate.history,
    .my-account-page .payment-history.tab .loading-indicate.history {
        left: 47.5%;
        top: 43%
    }

    body.mobile-app.my-account-page .call-history.tab .loading-indicate.history,
    body.mobile-app.my-account-page .payment-history.tab .loading-indicate.history {
        top: 50%
    }
}

.modal-overlay {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 110
}

.c-modal,
.modal-overlay.ReactModal__Overlay {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.c-modal {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 120
}

.c-modal .modal {
    background-color: #f2f7fc;
    max-height: 94%;
    overflow: auto;
    width: 94%
}

@media screen and (min-width:1080px) {
    .c-modal .modal {
        min-width: 800px;
        width: 44%
    }
}

.modal-open .c-modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-open {
    overflow: hidden
}

.modal-open.modal-body-fixed {
    position: fixed;
    width: 100%
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

a {
    cursor: pointer
}

#month_call_history_div,
#month_payment_history_div,
#nav-top-480px,
.tooltip {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-month-selector .month-picker:after,
.css-arrow-down-mixing,
.view-nav-menu .nav-top li a.drop-down-picker:after,
.view-nav-menu .nav-top li span.drop-down-picker:after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #696969;
    content: "";
    height: 0;
    width: 0
}

.pull-left {
    float: left
}

.no-overflow {
    overflow: hidden !important
}

#page .heading:before,
.clearfix:before,
.container:before,
.search-country .result .list .item:before {
    content: " ";
    display: table
}

#page .heading:after,
.clearfix:after,
.container:after,
.search-country .result .list .item:after {
    clear: both;
    content: " ";
    display: table
}

.is-mobile {
    display: none !important
}

h1 {
    font-size: 2.3em
}

h1[data-type=title] {
    display: none
}

.full-area-space {
    margin: 0 -27px;
    padding: 0 27px
}

.is-hover-underlined:hover {
    text-decoration: underline
}

.webkit-overflow-scrolling {
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width:719px) {
    .is-mobile {
        display: block !important
    }

    .is-desktop {
        display: none !important
    }

    h1.responsive {
        font-size: 26.4px;
        margin-bottom: 10px;
        padding: 0 10px
    }
}

@media (max-width:469px) {
    .full-area-space {
        margin: 0 -15px;
        padding: 0 15px
    }
}

.text-center {
    text-align: center
}

.unstyled-list {
    margin: 0;
    padding: 0
}

.unstyled-list li {
    list-style-type: none
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden
}

.direction-ltr {
    direction: ltr
}

body,
html {
    font-family: RakutenSans, Roboto, sans-serif;
    height: 100%
}

body[lang=ar] body,
html[lang=ar] body {
    font-family: Amiri, serif
}

body {
    background-image: none
}

.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding: 0 20px
}

#content.content-container {
    margin-bottom: 100px
}

@media screen and (max-width:1079px) {
    #content.content-container {
        margin-bottom: 20px;
        padding: 0
    }
}

#page {
    height: 100%;
    width: 100%
}

#page .view-app-browser-layout,
#page>.page-container {
    display: table;
    height: 100%;
    width: 100%
}

#page .page-row {
    display: table-row;
    height: 1px
}

#page .page-row.page-row-expanded {
    height: 100%
}

#page .heading {
    margin: 0 0 20px
}

#page .heading h1 {
    float: left
}

.mobile-view #page {
    overflow-y: scroll
}

.mobile-view #page #content {
    margin-bottom: 0
}

@media screen and (max-width:719px) {
    #page .heading {
        margin-bottom: 15px
    }

    .not-authenticated #page .heading {
        margin: 0
    }
}

.btn-default,
.btn-green {
    border-radius: 30px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 17px;
    font-weight: 300;
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    text-align: center
}

.btn-default.disabled,
.btn-default:disabled,
.btn-green.disabled,
.btn-green:disabled {
    cursor: default
}

.btn-purple {
    background-color: #665cac;
    border-radius: 30px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 17px;
    font-weight: 300;
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.btn-purple.disabled,
.btn-purple:disabled {
    cursor: default
}

.btn-purple:hover {
    background-color: #584f94
}

.btn-purple:active {
    background-color: #4b4381
}

.btn-purple.disabled,
.btn-purple:disabled {
    background-color: rgba(102, 92, 172, .7);
    color: rgba(255, 255, 255, .4)
}

.btn-green {
    background-color: #5db835;
    position: relative
}

.btn-green:hover {
    background-color: #4f9d2c
}

.btn-green:active {
    background-color: #538d29
}

.btn-green.disabled,
.btn-green:disabled {
    background-color: rgba(93, 184, 53, .7);
    color: rgba(255, 255, 255, .4)
}

.btn-stroke.btn-purple {
    background-color: transparent;
    border: 1px solid #665cac;
    color: #665cac
}

.btn-stroke.btn-purple:hover {
    background-color: rgba(0, 0, 0, .03);
    border: 1px solid #3a3179;
    color: #3a3179
}

.btn-stroke.btn-purple:active {
    background-color: rgba(0, 0, 0, .07);
    border: 1px solid #3a3179;
    color: #3a3179
}

.btn-stroke.btn-purple.disabled,
.btn-stroke.btn-purple:disabled {
    background-color: transparent;
    border: 1px solid rgba(58, 49, 121, .5);
    color: rgba(58, 49, 121, .5)
}

.btn-link {
    background: none;
    color: #8074d6;
    height: auto;
    padding: 0
}

.btn-link:disabled {
    color: rgba(128, 116, 214, .7);
    cursor: default
}

.btn-multiline {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 48px;
    min-height: 48px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: fit-content
}

.c-flags-sm {
    background-position: -1px -1px;
    background-repeat: no-repeat;
    float: left;
    height: 18px;
    width: 25px
}

.no-webp .c-flags-sm {
    background-image: url(/img/flags/small/sprite.png)
}

.webp .c-flags-sm {
    background-image: url(/img/flags/small/sprite.webp)
}

@media only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.5) {
    .c-flags-sm {
        -webkit-background-size: 27px 5260px;
        -moz-background-size: 27px 5260px;
        background-size: 27px 5260px
    }

    .no-webp .c-flags-sm {
        background-image: url(/img/flags/small/spriteX2.png)
    }

    .webp .c-flags-sm {
        background-image: url(/img/flags/small/spriteX2.webp)
    }
}

.c-flags-sm.ad {
    background-position: -1px -21px
}

.c-flags-sm.ae {
    background-position: -1px -41px
}

.c-flags-sm.af {
    background-position: -1px -61px
}

.c-flags-sm.ag {
    background-position: -1px -81px
}

.c-flags-sm.ai {
    background-position: -1px -101px
}

.c-flags-sm.al {
    background-position: -1px -121px
}

.c-flags-sm.am {
    background-position: -1px -141px
}

.c-flags-sm.ao {
    background-position: -1px -161px
}

.c-flags-sm.ar {
    background-position: -1px -181px
}

.c-flags-sm.as {
    background-position: -1px -201px
}

.c-flags-sm.at {
    background-position: -1px -221px
}

.c-flags-sm.au {
    background-position: -1px -241px
}

.c-flags-sm.aw {
    background-position: -1px -261px
}

.c-flags-sm.ax {
    background-position: -1px -281px
}

.c-flags-sm.az {
    background-position: -1px -301px
}

.c-flags-sm.ba {
    background-position: -1px -321px
}

.c-flags-sm.bb {
    background-position: -1px -341px
}

.c-flags-sm.bd {
    background-position: -1px -361px
}

.c-flags-sm.be {
    background-position: -1px -381px
}

.c-flags-sm.bf {
    background-position: -1px -401px
}

.c-flags-sm.bg {
    background-position: -1px -421px
}

.c-flags-sm.bh {
    background-position: -1px -441px
}

.c-flags-sm.bi {
    background-position: -1px -461px
}

.c-flags-sm.bj {
    background-position: -1px -481px
}

.c-flags-sm.bm {
    background-position: -1px -501px
}

.c-flags-sm.bn {
    background-position: -1px -521px
}

.c-flags-sm.bo {
    background-position: -1px -541px
}

.c-flags-sm.bonaire,
.c-flags-sm.x9 {
    background-position: -1px -561px
}

.c-flags-sm.bq {
    background-position: -1px -581px
}

.c-flags-sm.br {
    background-position: -1px -601px
}

.c-flags-sm.bs {
    background-position: -1px -621px
}

.c-flags-sm.bt {
    background-position: -1px -641px
}

.c-flags-sm.bv {
    background-position: -1px -661px
}

.c-flags-sm.bw {
    background-position: -1px -681px
}

.c-flags-sm.by {
    background-position: -1px -701px
}

.c-flags-sm.bz {
    background-position: -1px -721px
}

.c-flags-sm.ca {
    background-position: -1px -741px
}

.c-flags-sm.cc {
    background-position: -1px -761px
}

.c-flags-sm.cd {
    background-position: -1px -781px
}

.c-flags-sm.cf {
    background-position: -1px -801px
}

.c-flags-sm.cg {
    background-position: -1px -821px
}

.c-flags-sm.ch {
    background-position: -1px -841px
}

.c-flags-sm.ci {
    background-position: -1px -861px
}

.c-flags-sm.ck {
    background-position: -1px -881px
}

.c-flags-sm.cl {
    background-position: -1px -901px
}

.c-flags-sm.cm {
    background-position: -1px -921px
}

.c-flags-sm.cn {
    background-position: -1px -941px
}

.c-flags-sm.co {
    background-position: -1px -961px
}

.c-flags-sm.cr {
    background-position: -1px -981px
}

.c-flags-sm.cu {
    background-position: -1px -1001px
}

.c-flags-sm.cv {
    background-position: -1px -1021px
}

.c-flags-sm.cw {
    background-position: -1px -1041px
}

.c-flags-sm.cx {
    background-position: -1px -1061px
}

.c-flags-sm.cy {
    background-position: -1px -1081px
}

.c-flags-sm.cz {
    background-position: -1px -1101px
}

.c-flags-sm.de {
    background-position: -1px -1121px
}

.c-flags-sm.dj {
    background-position: -1px -1141px
}

.c-flags-sm.dk {
    background-position: -1px -1161px
}

.c-flags-sm.dm {
    background-position: -1px -1181px
}

.c-flags-sm.do {
    background-position: -1px -1201px
}

.c-flags-sm.dz {
    background-position: -1px -1221px
}

.c-flags-sm.ec {
    background-position: -1px -1241px
}

.c-flags-sm.ee {
    background-position: -1px -1261px
}

.c-flags-sm.eg {
    background-position: -1px -1281px
}

.c-flags-sm.eh {
    background-position: -1px -1301px
}

.c-flags-sm.england {
    background-position: -1px -1321px
}

.c-flags-sm.er {
    background-position: -1px -1341px
}

.c-flags-sm.es {
    background-position: -1px -1361px
}

.c-flags-sm.et {
    background-position: -1px -1381px
}

.c-flags-sm.fi {
    background-position: -1px -1401px
}

.c-flags-sm.fj {
    background-position: -1px -1421px
}

.c-flags-sm.fk {
    background-position: -1px -1441px
}

.c-flags-sm.fm {
    background-position: -1px -1461px
}

.c-flags-sm.fo {
    background-position: -1px -1481px
}

.c-flags-sm.fr {
    background-position: -1px -1501px
}

.c-flags-sm.ga {
    background-position: -1px -1521px
}

.c-flags-sm.gb,
.c-flags-sm.x1 {
    background-position: -1px -1541px
}

.c-flags-sm.gd {
    background-position: -1px -1561px
}

.c-flags-sm.ge {
    background-position: -1px -1581px
}

.c-flags-sm.gf {
    background-position: -1px -1601px
}

.c-flags-sm.gg {
    background-position: -1px -1621px
}

.c-flags-sm.gh {
    background-position: -1px -1641px
}

.c-flags-sm.gi {
    background-position: -1px -1661px
}

.c-flags-sm.gl {
    background-position: -1px -1681px
}

.c-flags-sm.gm {
    background-position: -1px -1701px
}

.c-flags-sm.gn {
    background-position: -1px -1721px
}

.c-flags-sm.gp {
    background-position: -1px -1741px
}

.c-flags-sm.gq {
    background-position: -1px -1761px
}

.c-flags-sm.gr {
    background-position: -1px -1781px
}

.c-flags-sm.gs {
    background-position: -1px -1801px
}

.c-flags-sm.gt {
    background-position: -1px -1821px
}

.c-flags-sm.gu {
    background-position: -1px -1841px
}

.c-flags-sm.guadeloupe {
    background-position: -1px -1861px
}

.c-flags-sm.gw {
    background-position: -1px -1881px
}

.c-flags-sm.gy {
    background-position: -1px -1901px
}

.c-flags-sm.hk {
    background-position: -1px -1921px
}

.c-flags-sm.hm {
    background-position: -1px -1941px
}

.c-flags-sm.hn {
    background-position: -1px -1961px
}

.c-flags-sm.hr {
    background-position: -1px -1981px
}

.c-flags-sm.ht {
    background-position: -1px -2001px
}

.c-flags-sm.hu {
    background-position: -1px -2021px
}

.c-flags-sm.id {
    background-position: -1px -2041px
}

.c-flags-sm.ie {
    background-position: -1px -2061px
}

.c-flags-sm.il {
    background-position: -1px -2081px
}

.c-flags-sm.im {
    background-position: -1px -2101px
}

.c-flags-sm.in {
    background-position: -1px -2121px
}

.c-flags-sm.io {
    background-position: -1px -2141px
}

.c-flags-sm.iq {
    background-position: -1px -2161px
}

.c-flags-sm.ir {
    background-position: -1px -2181px
}

.c-flags-sm.is {
    background-position: -1px -2201px
}

.c-flags-sm.it {
    background-position: -1px -2221px
}

.c-flags-sm.je {
    background-position: -1px -2241px
}

.c-flags-sm.jersey {
    background-position: -1px -2261px
}

.c-flags-sm.jm {
    background-position: -1px -2281px
}

.c-flags-sm.jo {
    background-position: -1px -2301px
}

.c-flags-sm.jp {
    background-position: -1px -2321px
}

.c-flags-sm.ke {
    background-position: -1px -2341px
}

.c-flags-sm.kg {
    background-position: -1px -2361px
}

.c-flags-sm.kh {
    background-position: -1px -2381px
}

.c-flags-sm.ki {
    background-position: -1px -2401px
}

.c-flags-sm.km {
    background-position: -1px -2421px
}

.c-flags-sm.kn {
    background-position: -1px -2441px
}

.c-flags-sm.kp {
    background-position: -1px -2461px
}

.c-flags-sm.kr {
    background-position: -1px -2481px
}

.c-flags-sm.kw {
    background-position: -1px -2501px
}

.c-flags-sm.xk,
.c-flags-sm.y3,
.c-flags-sm.y4 {
    background-position: -1px -2521px
}

.c-flags-sm.ky {
    background-position: -1px -2541px
}

.c-flags-sm.kz {
    background-position: -1px -2561px
}

.c-flags-sm.la {
    background-position: -1px -2581px
}

.c-flags-sm.lb {
    background-position: -1px -2601px
}

.c-flags-sm.lc {
    background-position: -1px -2621px
}

.c-flags-sm.li {
    background-position: -1px -2641px
}

.c-flags-sm.lk {
    background-position: -1px -2661px
}

.c-flags-sm.lr {
    background-position: -1px -2681px
}

.c-flags-sm.ls {
    background-position: -1px -2701px
}

.c-flags-sm.lt {
    background-position: -1px -2721px
}

.c-flags-sm.lu {
    background-position: -1px -2741px
}

.c-flags-sm.lv {
    background-position: -1px -2761px
}

.c-flags-sm.ly {
    background-position: -1px -2781px
}

.c-flags-sm.ma {
    background-position: -1px -2801px
}

.c-flags-sm.mc {
    background-position: -1px -2821px
}

.c-flags-sm.md {
    background-position: -1px -2841px
}

.c-flags-sm.me {
    background-position: -1px -2861px
}

.c-flags-sm.mf {
    background-position: -1px -2881px
}

.c-flags-sm.mg {
    background-position: -1px -2901px
}

.c-flags-sm.mh {
    background-position: -1px -2921px
}

.c-flags-sm.mk {
    background-position: -1px -2941px
}

.c-flags-sm.ml {
    background-position: -1px -2961px
}

.c-flags-sm.mm {
    background-position: -1px -2981px
}

.c-flags-sm.mn {
    background-position: -1px -3001px
}

.c-flags-sm.mo {
    background-position: -1px -3021px
}

.c-flags-sm.mp {
    background-position: -1px -3041px
}

.c-flags-sm.mq {
    background-position: -1px -3061px
}

.c-flags-sm.mr {
    background-position: -1px -3081px
}

.c-flags-sm.ms {
    background-position: -1px -3101px
}

.c-flags-sm.mt {
    background-position: -1px -3121px
}

.c-flags-sm.mu {
    background-position: -1px -3141px
}

.c-flags-sm.mv {
    background-position: -1px -3161px
}

.c-flags-sm.mw {
    background-position: -1px -3181px
}

.c-flags-sm.mx {
    background-position: -1px -3201px
}

.c-flags-sm.my {
    background-position: -1px -3221px
}

.c-flags-sm.mz {
    background-position: -1px -3241px
}

.c-flags-sm.na {
    background-position: -1px -3261px
}

.c-flags-sm.nagorno-karabakh,
.c-flags-sm.x3 {
    background-position: -1px -3281px
}

.c-flags-sm.nc {
    background-position: -1px -3301px
}

.c-flags-sm.ne {
    background-position: -1px -3321px
}

.c-flags-sm.nf {
    background-position: -1px -3341px
}

.c-flags-sm.ng {
    background-position: -1px -3361px
}

.c-flags-sm.ni {
    background-position: -1px -3381px
}

.c-flags-sm.nl {
    background-position: -1px -3401px
}

.c-flags-sm.nm {
    background-position: -1px -3421px
}

.c-flags-sm.no {
    background-position: -1px -3441px
}

.c-flags-sm.c2,
.c-flags-sm.northern-cyprus {
    background-position: -1px -3461px
}

.c-flags-sm.np {
    background-position: -1px -3481px
}

.c-flags-sm.nr {
    background-position: -1px -3501px
}

.c-flags-sm.nu {
    background-position: -1px -3521px
}

.c-flags-sm.nz {
    background-position: -1px -3541px
}

.c-flags-sm.om {
    background-position: -1px -3561px
}

.c-flags-sm.pa {
    background-position: -1px -3581px
}

.c-flags-sm.pe {
    background-position: -1px -3601px
}

.c-flags-sm.pf {
    background-position: -1px -3621px
}

.c-flags-sm.pg {
    background-position: -1px -3641px
}

.c-flags-sm.ph {
    background-position: -1px -3661px
}

.c-flags-sm.pk {
    background-position: -1px -3681px
}

.c-flags-sm.pl {
    background-position: -1px -3701px
}

.c-flags-sm.pm {
    background-position: -1px -3721px
}

.c-flags-sm.pn {
    background-position: -1px -3741px
}

.c-flags-sm.pr {
    background-position: -1px -3761px
}

.c-flags-sm.ps {
    background-position: -1px -3781px
}

.c-flags-sm.pt {
    background-position: -1px -3801px
}

.c-flags-sm.pw {
    background-position: -1px -3821px
}

.c-flags-sm.py {
    background-position: -1px -3841px
}

.c-flags-sm.qa {
    background-position: -1px -3861px
}

.c-flags-sm.re {
    background-position: -1px -3881px
}

.c-flags-sm.ro {
    background-position: -1px -3901px
}

.c-flags-sm.rs {
    background-position: -1px -3921px
}

.c-flags-sm.ru {
    background-position: -1px -3941px
}

.c-flags-sm.rw {
    background-position: -1px -3961px
}

.c-flags-sm.sa {
    background-position: -1px -3981px
}

.c-flags-sm.saba,
.c-flags-sm.x8 {
    background-position: -1px -4001px
}

.c-flags-sm.sahrawi-arab-democratic-republic {
    background-position: -1px -4021px
}

.c-flags-sm.satellite,
.c-flags-sm.x5,
.c-flags-sm.z1,
.c-flags-sm.z2,
.c-flags-sm.z3,
.c-flags-sm.z4,
.c-flags-sm.z5,
.c-flags-sm.z6 {
    background-position: -1px -4041px
}

.c-flags-sm.sb {
    background-position: -1px -4061px
}

.c-flags-sm.sc {
    background-position: -1px -4081px
}

.c-flags-sm.sd {
    background-position: -1px -4101px
}

.c-flags-sm.se {
    background-position: -1px -4121px
}

.c-flags-sm.sg {
    background-position: -1px -4141px
}

.c-flags-sm.sh {
    background-position: -1px -4161px
}

.c-flags-sm.si {
    background-position: -1px -4181px
}

.c-flags-sm.sj {
    background-position: -1px -4201px
}

.c-flags-sm.sk {
    background-position: -1px -4221px
}

.c-flags-sm.sl {
    background-position: -1px -4241px
}

.c-flags-sm.sm {
    background-position: -1px -4261px
}

.c-flags-sm.sn {
    background-position: -1px -4281px
}

.c-flags-sm.so {
    background-position: -1px -4301px
}

.c-flags-sm.sr {
    background-position: -1px -4321px
}

.c-flags-sm.ss {
    background-position: -1px -4341px
}

.c-flags-sm.st {
    background-position: -1px -4361px
}

.c-flags-sm.sv {
    background-position: -1px -4381px
}

.c-flags-sm.sx {
    background-position: -1px -4401px
}

.c-flags-sm.sy {
    background-position: -1px -4421px
}

.c-flags-sm.sz {
    background-position: -1px -4441px
}

.c-flags-sm.tc {
    background-position: -1px -4461px
}

.c-flags-sm.td {
    background-position: -1px -4481px
}

.c-flags-sm.tf {
    background-position: -1px -4501px
}

.c-flags-sm.tg {
    background-position: -1px -4521px
}

.c-flags-sm.th {
    background-position: -1px -4541px
}

.c-flags-sm.tj {
    background-position: -1px -4561px
}

.c-flags-sm.tk {
    background-position: -1px -4581px
}

.c-flags-sm.tl {
    background-position: -1px -4601px
}

.c-flags-sm.tm {
    background-position: -1px -4621px
}

.c-flags-sm.tn {
    background-position: -1px -4641px
}

.c-flags-sm.to {
    background-position: -1px -4661px
}

.c-flags-sm.tr {
    background-position: -1px -4681px
}

.c-flags-sm.transnistria,
.c-flags-sm.x2 {
    background-position: -1px -4701px
}

.c-flags-sm.tristan-da-cunha,
.c-flags-sm.x7 {
    background-position: -1px -4721px
}

.c-flags-sm.tt {
    background-position: -1px -4741px
}

.c-flags-sm.tv {
    background-position: -1px -4761px
}

.c-flags-sm.tw {
    background-position: -1px -4781px
}

.c-flags-sm.tz {
    background-position: -1px -4801px
}

.c-flags-sm.ua {
    background-position: -1px -4821px
}

.c-flags-sm.ug {
    background-position: -1px -4841px
}

.c-flags-sm.um {
    background-position: -1px -4861px
}

.c-flags-sm.us {
    background-position: -1px -4881px
}

.c-flags-sm.uy {
    background-position: -1px -4901px
}

.c-flags-sm.uz {
    background-position: -1px -4921px
}

.c-flags-sm.va,
.c-flags-sm.y2 {
    background-position: -1px -4941px
}

.c-flags-sm.vc {
    background-position: -1px -4961px
}

.c-flags-sm.ve {
    background-position: -1px -4981px
}

.c-flags-sm.vg {
    background-position: -1px -5001px
}

.c-flags-sm.vi {
    background-position: -1px -5021px
}

.c-flags-sm.vn {
    background-position: -1px -5041px
}

.c-flags-sm.vu {
    background-position: -1px -5061px
}

.c-flags-sm.wales {
    background-position: -1px -5081px
}

.c-flags-sm.wf {
    background-position: -1px -5101px
}

.c-flags-sm.ws {
    background-position: -1px -5121px
}

.c-flags-sm.ye {
    background-position: -1px -5141px
}

.c-flags-sm.yt {
    background-position: -1px -5161px
}

.c-flags-sm.za {
    background-position: -1px -5181px
}

.c-flags-sm.x6,
.c-flags-sm.zanzibar {
    background-position: -1px -5201px
}

.c-flags-sm.zm {
    background-position: -1px -5221px
}

.c-flags-sm.zw {
    background-position: -1px -5241px
}

.home #main-area {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-search-country {
    margin: 0 auto;
    width: 482px
}

#search-rates-form {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#search-rates-form .error-message {
    color: grey;
    font-size: 16px;
    white-space: normal
}

.search-country {
    border: 5px solid rgba(0, 0, 0, .08);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.search-country .c-flags-sm {
    margin: 5px 4px 0 0
}

.search-country input {
    border: 1px solid rgba(0, 0, 0, .62);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    height: 50px;
    line-height: 26px;
    padding: 0 39px 0 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    width: 100%
}

.search-country .result {
    background-color: #fff;
    margin: 49px 0 0;
    min-width: 420px;
    position: absolute;
    width: 100%;
    z-index: 100
}

.search-country .result .no-results {
    border: 1px solid #a4a7a7;
    color: #b5b5b5;
    font-size: 22px;
    max-width: 100%;
    padding: 10px
}

.search-country .result .no-results .text-cont {
    word-wrap: break-word;
    color: #b5b5b5
}

.search-country .result .no-results .no-results-line {
    color: #626262;
    margin-right: 10px
}

.search-country .result .list {
    border: 1px solid #a4a7a7;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-height: 235px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

.search-country .result .list .item {
    background-color: #fff;
    color: #626262;
    cursor: pointer;
    margin: 4px;
    padding: 0 5px;
    position: relative
}

.search-country .result .list .item .code,
.search-country .result .list .item .country {
    float: left;
    line-height: 28px
}

.search-country .result .list .item.selected,
.search-country .result .list .item:hover {
    background-color: #665cac
}

.search-country .result .list .item.selected .code,
.search-country .result .list .item.selected .country,
.search-country .result .list .item:hover .code,
.search-country .result .list .item:hover .country {
    color: #fff
}

.search-country .result .list .item .country {
    color: #4e4e4e;
    font-size: 18px;
    margin-left: 4px;
    white-space: nowrap
}

.search-country .result .list .item .country b {
    vertical-align: baseline
}

.search-country .result .list .item .code {
    color: #a8a8a8;
    direction: ltr;
    font-size: 16px;
    margin-left: 8px;
    padding: 1px 0 0
}

.search-country .search-btn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    moz-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    position: absolute
}

.search-country .reset-btn {
    cursor: pointer;
    display: none;
    position: absolute
}

@media screen and (max-width:450px) {
    .search-country .text-cont {
        word-wrap: normal;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .search-country .no-results,
    .search-country .no-results .q {
        white-space: nowrap
    }
}

.home .search-country .search-btn {
    background: none;
    display: block;
    height: 24px;
    right: 13px;
    top: 13px;
    width: 24px
}

.home .search-country .search-btn.active {
    background: url(/img/buttons/icons/search.png) no-repeat
}

.home .search-country .reset-btn {
    background: url(/img/buttons/icons/search.png) no-repeat 0 -24px;
    height: 24px;
    width: 24px
}

.home .search-country .reset-btn.active {
    display: block
}

@media screen and (max-width:719px) {
    .home .search-country .result {
        min-width: 100%;
        width: auto
    }
}

@media screen and (max-width:640px) {
    .home .search-country input {
        font-size: 16px;
        height: 37px
    }

    .home .search-country .result {
        margin: 36px 0 0 10px
    }

    .home .search-country .result .no-results {
        font-size: 16px
    }

    .home .search-country .search-btn {
        right: 7px;
        top: 7px
    }

    .home .search-country .search-btn.active {
        background: url(/img/buttons/icons/search-small.png) no-repeat
    }

    .home .search-country .reset-btn {
        background: url(/img/buttons/icons/search-small.png) no-repeat 0 -24px
    }
}

@media screen and (max-width:720px) {
    .home .search-country .result {
        -webkit-background-clip: content;
        -moz-background-clip: content;
        background-clip: content-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
        min-width: 100%;
        width: auto
    }
}

@media screen and (max-width:469px) {
    .search-country .result {
        max-width: 100%
    }

    .search-country .result .list .item .country {
        max-width: 65%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .home .search-country .result .list .item .country {
        max-width: 65%
    }
}

#noscript {
    background-color: #696969;
    color: #fff;
    font: 16px Arial;
    padding: 24px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100
}

.js #noscript {
    display: none
}

.error-page {
    background-color: #f7f7f7;
    color: #434343;
    min-width: 310px
}

.error-page .content {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding-top: 133px;
    position: relative
}

.error-page .wrapper {
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    max-width: 400px;
    text-align: center
}

.error-page a {
    color: #8074d6;
    text-decoration: none
}

.error-page a:hover {
    text-decoration: underline
}

.error-page h1 {
    color: #665cac;
    font-size: 120px;
    font-weight: 700;
    line-height: 120px;
    margin: 0 0 16px
}

.error-page h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 8px
}

.error-page .text {
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 125px
}

.error-page.page-404 .error-image {
    margin: 0 0 -23px
}

.error-page.page-500 h1 {
    font-size: 60px;
    line-height: 60px
}

.error-page.page-500 h2 {
    margin: 0 0 125px
}

.error-page.page-500 .error-image {
    margin: 0 0 -20px
}

@media (max-height:617px),
(max-width:401px) {
    .error-page .content {
        padding: 25px 0 0
    }

    .error-page h1 {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 8px
    }

    .error-page h2 {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 40px
    }

    .error-page .text {
        font-size: 14px;
        margin: 0 0 40px
    }

    .error-page.page-404 .wrapper {
        max-width: 250px
    }

    .error-page.page-404 .wrapper h2 {
        margin: 0 0 8px
    }

    .error-page.page-404 .error-image {
        height: 83px;
        margin: 0 0 -12px;
        width: 180px
    }

    .error-page.page-500 h1 {
        font-size: 40px;
        line-height: 40px
    }

    .error-page.page-500 .wrapper {
        max-width: 270px
    }

    .error-page.page-500 .error-image {
        height: 95px;
        margin: 0 0 -10px;
        width: 120px
    }
}

.mobile-error-page {
    background-color: #fff;
    min-width: 236px
}

.mobile-error-page .content {
    border: none
}

.mobile-error-page .content .wrapper {
    margin: 0 auto;
    max-width: 400px;
    min-width: 200px;
    padding: 26px 15px 0;
    text-align: center
}

.mobile-error-page .content .wrapper h1 {
    color: #323232;
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    margin: 16px 0 0
}

.mobile-error-page .content .wrapper h2 {
    color: #777;
    font-size: 17px;
    font-weight: 300;
    line-height: 18px;
    margin: 10px 0 0
}

@media (max-width:319px) {
    .mobile-error-page .content .wrapper {
        border: none
    }

    .mobile-error-page .content .wrapper h1 {
        margin: 0
    }

    .mobile-error-page .content .wrapper h2 {
        margin: 5px 0 0
    }
}

@media (max-width:$normal-screen-popup-width) {
    .mobile-error-page .content .wrapper h2 {
        font-size: 15px
    }
}

@media (max-width:$small-screen-popup-width) {
    .mobile-error-page .content .wrapper h2 {
        font-size: 13px
    }
}

.mobile-error-page .content .wrapper .error-image {
    height: auto;
    width: 50%
}

.mobile-error-page.mobile-page-500 .content .wrapper h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 195px
}

@media (max-width:236px) {
    .mobile-error-page.mobile-page-500 .content h2 {
        max-width: 165px
    }
}

.theme-dark,
.theme-dark-blue,
.theme-dark-blue.error-page,
.theme-dark-blue .error-page,
.theme-dark.error-page,
.theme-dark .error-page {
    color: #fff
}

.theme-dark-blue.error-page a,
.theme-dark-blue .error-page a,
.theme-dark.error-page a,
.theme-dark .error-page a {
    color: #906fff
}

.theme-dark-blue.error-page .content,
.theme-dark-blue .error-page .content,
.theme-dark.error-page .content,
.theme-dark .error-page .content {
    background-color: transparent
}

.theme-dark-blue.error-page .content .wrapper h1,
.theme-dark-blue .error-page .content .wrapper h1,
.theme-dark.error-page .content .wrapper h1,
.theme-dark .error-page .content .wrapper h1 {
    color: #fff
}

.theme-dark-blue .error-image,
.theme-dark .error-image {
    filter: invert(1)
}

.theme-dark,
.theme-dark.error-page,
.theme-dark .error-page {
    background-color: #000
}

.theme-dark.error-page .content .wrapper h2,
.theme-dark .error-page .content .wrapper h2 {
    color: #999
}

.theme-dark-blue,
.theme-dark-blue.error-page,
.theme-dark-blue .error-page {
    background-color: #1d2733
}

.theme-dark-blue.error-page .content .wrapper h2,
.theme-dark-blue .error-page .content .wrapper h2 {
    color: #76879a
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: normal;
    font-weight: 300;
    src: url(../css/RakutenSans_W_Lt.woff2) format("woff2"), url(../css/RakutenSans_W_Lt.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: normal;
    font-weight: 400;
    src: url(../css/RakutenSans_W_Rg.woff2) format("woff2"), url(../css/RakutenSans_W_Rg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: normal;
    font-weight: 600;
    src: url(../css/RakutenSans_W_SBd.woff2) format("woff2"), url(../css/RakutenSans_W_SBd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: normal;
    font-weight: 700;
    src: url(../css/RakutenSans_W_Bd.woff2) format("woff2"), url(../css/RakutenSans_W_Bd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: normal;
    font-weight: 900;
    src: url(../css/RakutenSans_W_Blk.woff2) format("woff2"), url(../css/RakutenSans_W_Blk.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: italic;
    font-weight: 300;
    src: url(../css/RakutenSans_W_LtIt.woff2) format("woff2"), url(../css/RakutenSans_W_LtIt.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: italic;
    font-weight: 400;
    src: url(../css/RakutenSans_W_It.woff2) format("woff2"), url(../css/RakutenSans_W_It.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: italic;
    font-weight: 600;
    src: url(../css/RakutenSans_W_SBdIt.woff2) format("woff2"), url(../css/RakutenSans_W_SBdIt.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: italic;
    font-weight: 700;
    src: url(../css/RakutenSans_W_BdIt.woff2) format("woff2"), url(../css/RakutenSans_W_BdIt.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: RakutenSans;
    font-style: italic;
    font-weight: 900;
    src: url(../css/RakutenSans_W_BlkIt.woff2) format("woff2"), url(../css/RakutenSans_W_BlkIt.woff) format("woff")
}

.font-medium {
    font-weight: 500
}

@font-face {
    font-family: SanFranciscoDisplay;
    font-weight: 200;
    src: url(/fonts/SanFranciscoDisplay-Thin.otf)
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), local("sans-serif-light")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), local("sans-serif")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), local("sans-serif")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: local("Roboto Semibold"), local("Roboto-Semibold"), local("sans-serif-semibold"), local("sans-serif")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif-bold"), local("sans-serif")
}

.about-page {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #888;
    font-family: -apple-system, Roboto, Helvetica Neue, Segoe UI;
    font-size: 14px;
    text-align: center
}

.about-page.mobile-app #content {
    margin-top: 0;
    max-width: 100%;
    padding: 0
}

.about-page .page-container {
    background-color: #f1f3f6
}

.about-page .intro {
    background: #fff;
    padding: 30px 10px 0
}

.about-page .section-title,
.about-page h2 {
    color: #323232;
    font-size: 20px
}

.about-page .section-title {
    margin: 30px 0 10px
}

.about-page .sub-title {
    line-height: 21px;
    margin: 14px 0 60px
}

.about-page .points {
    padding-bottom: 30px
}

.about-page .points .point {
    float: none;
    overflow: hidden;
    width: 100%
}

.about-page .points .point+.point {
    margin: 65px 0 0
}

.about-page .points .point .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    float: left;
    height: 50px;
    width: 25%
}

.about-page .points .point .icon.contact {
    background-image: url(/img/pages/about/why-section/contacts.svg)
}

.about-page .points .point .icon.audio {
    background-image: url(/img/pages/about/why-section/audio.svg)
}

.about-page .points .point .icon.money {
    background-image: url(/img/pages/about/why-section/save-money.svg)
}

.about-page .points .point .description {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-left: 5%;
    margin-top: 0;
    text-align: left;
    width: 70%
}

@media screen and (min-width:700px) {
    .about-page .points {
        margin: 0 auto;
        max-width: 1000px;
        overflow: hidden
    }

    .about-page .points .point {
        float: left;
        width: 30%
    }

    .about-page .points .point+.point {
        margin: 0 0 0 5%
    }

    .about-page .points .point .icon {
        background-position: 50%;
        float: none;
        height: 55px;
        width: auto
    }

    .about-page .points .point .description {
        font-size: 16px;
        margin-left: 0;
        margin-top: 24px;
        text-align: center;
        width: 100%
    }
}

.about-page .actions-flow {
    padding: 20px 25px;
    text-align: center
}

.about-page .actions-flow .section-title {
    margin-top: 0
}

.about-page .actions-flow .step {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.about-page .actions-flow .step .preview {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    border-radius: 2px;
    margin: 20px auto;
    max-width: 300px;
    -webkit-order: 2;
    order: 2;
    width: 100%
}

.about-page .actions-flow .step .step-description {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    padding-top: 0
}

.about-page .actions-flow .step .step-description .title {
    color: #323232;
    font-size: 16px;
    padding-bottom: 3px
}

.about-page .actions-flow .step .step-description .content {
    color: #888
}

.about-page .actions-flow .separator {
    display: block;
    margin: 27px 0
}

.about-page .actions-flow .separator .separator-image {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 37px
}

@media screen and (min-width:700px) {
    .about-page .actions-flow .step {
        display: inline-block;
        vertical-align: top;
        width: 270px
    }

    .about-page .actions-flow .separator {
        display: inline-block;
        margin: 270px 30px 0;
        vertical-align: top
    }

    .about-page .actions-flow .separator .separator-image {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        width: 56px
    }
}

.create-account .c-country-select {
    float: left
}

.create-account .combo-control .error-message {
    display: none
}

.create-account .combo-control.error-state .select,
.create-account .combo-control.error-state input {
    border: 2px solid red
}

.create-account .combo-control.error-state .error-message {
    display: block
}

.create-account .combo-control p {
    font-weight: 700;
    line-height: 30px;
    max-width: 380px;
    padding-right: 28px
}

.create-account .combo-control .next-step-button-container {
    margin: 30px 0
}

@media (max-width:719px) {
    .create-account .combo-control .next-step-button-container {
        margin: 30px 0 10px
    }
}

@media (max-width:850px) {
    .create-account .combo-control p {
        max-width: 330px
    }
}

.create-account .check-code-view .form-inner {
    height: auto
}

.create-account .check-code-view .form-inner .error-message {
    padding-top: 10px
}

.create-account .check-code-view .form-inner .device-area {
    height: 383px
}

@media screen and (max-width:640px) {
    .create-account .form-inner {
        height: auto
    }

    .create-account .form-inner .device-area {
        height: 200px
    }
}

.have-viber-view .button-box {
    margin-top: 26px
}

.have-viber-view .button-box .no-btn,
.have-viber-view .button-box .yes-btn {
    min-width: 55px;
    text-align: center
}

.have-viber-view .button-box .yes-btn {
    margin-right: 12px
}

.viber-update-needed-view .continue-button {
    min-width: 105px
}

.register-form-view .finish-detail-form-button,
.reset-password-view .reset-password-submit {
    min-width: 70px
}

#account-create-box h1,
#reset-password-box h1 {
    font-size: 2.3em
}

#account-create-box .next-step,
#reset-password-box .next-step {
    min-width: 62px
}

.create-account-screen,
.reset-password-screen {
    position: relative
}

.create-account-screen .loader,
.reset-password-screen .loader {
    position: relative;
    top: 3px
}

.create-account-screen .strength-wrap,
.reset-password-screen .strength-wrap {
    border: 1px solid #000;
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 60px
}

.create-account-screen input[type=submit],
.reset-password-screen input[type=submit] {
    cursor: pointer
}

@media only screen and (max-width:359px) {

    #account-create-box h1 span,
    #reset-password-box h1 span {
        display: block
    }
}

@media only screen and (max-width:719px) {

    .create-account-screen .have-viber-form .device-area,
    .reset-password-screen .have-viber-form .device-area {
        margin-top: 30px
    }

    .create-account-screen .error-message,
    .reset-password-screen .error-message {
        clear: left
    }
}

.account-page {
    background-color: #fff
}

.account-page .view-account-sidebar {
    padding: 40px 28px
}

@media screen and (max-width:1079px) {
    .account-page .view-account-sidebar {
        display: none
    }
}

.account-page .view-account-sidebar .c-account-framed-photo {
    margin: 0 0 65px
}

.account-page .view-account-sidebar .c-account-framed-photo .c-loading {
    min-height: 20px
}

.account-page .view-account-sidebar .nav .nav-item {
    padding-bottom: 25px
}

.account-page .view-account-sidebar .nav .nav-item:last-child {
    padding-bottom: 0
}

.account-page .view-account-sidebar .nav .nav-item .title {
    color: #888;
    cursor: pointer;
    font-size: 12px;
    position: relative
}

.account-page .view-account-sidebar .nav .nav-item .title:after {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 8px 4px;
    -moz-background-size: 8px 4px;
    background-size: 8px 4px;
    content: "";
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px
}

.no-webp .account-page .view-account-sidebar .nav .nav-item .title:after {
    background-image: url(/img/account/sidebar/arrow-down.png)
}

.webp .account-page .view-account-sidebar .nav .nav-item .title:after {
    background-image: url(/img/account/sidebar/arrow-down.webp)
}

html[dir=rtl] .account-page .view-account-sidebar .nav .nav-item .title:after {
    left: 0;
    right: auto
}

.no-webp .account-page .view-account-sidebar .nav .nav-item.open .title:after {
    background-image: url(/img/account/sidebar/arrow-up.png)
}

.webp .account-page .view-account-sidebar .nav .nav-item.open .title:after {
    background-image: url(/img/account/sidebar/arrow-up.webp)
}

.account-page .view-account-sidebar .nav .nav-item.open .sub-nav {
    display: block
}

.account-page .view-account-sidebar .nav .nav-item .sub-nav {
    display: none;
    padding: 10px 0
}

.account-page .view-account-sidebar .nav .nav-item .sub-nav .sub-nav-item a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323232;
    display: inline-block;
    height: 31px;
    line-height: 31px;
    padding: 0 11px;
    width: 100%
}

.account-page .view-account-sidebar .nav .nav-item .sub-nav .sub-nav-item a:hover {
    background-color: #f1f3f6;
    border-radius: 4px
}

.account-page .view-account-sidebar .nav .nav-item .sub-nav .sub-nav-item a.active {
    color: #54c0d4
}

.account-page .view-account-mobile-navigation {
    position: relative
}

@media screen and (min-width:1080px) {
    .account-page .view-account-mobile-navigation {
        display: none
    }
}

.account-page .view-account-mobile-navigation header,
.account-page .view-account-mobile-navigation li {
    background-color: #f5f5f5;
    text-align: center
}

.account-page .view-account-mobile-navigation header {
    border-bottom: 1px solid #bebebe;
    color: #665cac;
    font-size: 16px;
    height: 60px;
    line-height: 60px
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .account-page .view-account-mobile-navigation header {
        border-bottom: none
    }
}

.account-page .view-account-mobile-navigation header.open .picker .arrow {
    border-color: transparent transparent #665cac;
    border-style: solid;
    border-width: 0 4px 4px;
    height: 0;
    width: 0
}

.account-page .view-account-mobile-navigation header .picker {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    line-height: 60px
}

.account-page .view-account-mobile-navigation header .picker .arrow {
    border-color: #665cac transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    display: inline-block;
    height: 0;
    margin-left: 9px;
    position: relative;
    top: -2px;
    width: 0
}

.account-page .view-account-mobile-navigation ul {
    -webkit-box-shadow: 0 5px 20px #ccc;
    box-shadow: 0 5px 20px #ccc;
    position: absolute;
    width: 100%;
    z-index: 160
}

.account-page .view-account-mobile-navigation ul li a {
    color: #665cac;
    display: inline-block;
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    width: 100%
}

.account-page .view-account-mobile-navigation ul li:last-child a {
    height: 60px
}

.account-page .view-account-grid-component .view-table-component .table {
    width: 100%
}

.account-page .view-account-grid-component .view-table-component td,
.account-page .view-account-grid-component .view-table-component th {
    padding: 15px 13px
}

.account-page .view-account-grid-component .view-table-component td {
    color: #323232
}

.account-page .view-account-grid-component .view-table-component .header-row {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    color: #888
}

.account-page .view-account-grid-component .view-table-component .header-row .sortable {
    cursor: pointer
}

.account-page .view-account-grid-component .view-table-component .header-row .sortable-title {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    display: inline-block;
    height: 4px;
    margin-left: 5px;
    vertical-align: middle;
    width: 8px
}

.no-webp .account-page .view-account-grid-component .view-table-component .header-row .sortable-title {
    background-image: url(/img/pages/account/components/grid/arrow-up.png)
}

.webp .account-page .view-account-grid-component .view-table-component .header-row .sortable-title {
    background-image: url(/img/pages/account/components/grid/arrow-up.webp)
}

.account-page .view-account-grid-component .view-table-component .header-row .sortable-title.sort-desc {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.account-page .view-account-grid-component .view-table-component tr {
    border-bottom: 1px solid #ddd
}

.account-page .view-account-grid-component .view-table-component tr.view-empty-table-row td:last-child {
    color: #888;
    padding: 20px 0
}

.account-page .view-account-grid-component .view-table-component .loading-body {
    display: none
}

.account-page .view-account-grid-component .view-table-component .loading-body.active {
    display: table-row-group
}

.account-page .view-account-grid-component .view-table-component .loading-body .c-loading {
    padding: 25px
}

.account-page .view-account-grid-component .view-account-mobile-list {
    display: none
}

.account-page .view-account-grid-component .view-account-mobile-list.c-loading,
.account-page .view-account-grid-component .view-account-mobile-list.loading {
    padding: 25px 0
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item {
    padding: 15px 20px
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item:nth-child(2) {
    border-top: 1px solid #c9c9c9
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item+.view-account-mobile-list-item {
    border-bottom: 1px solid #c9c9c9
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item.empty-item {
    color: #888;
    padding: 25px 0
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: url(/img/pages/account/components/grid/arrow-down.png);
    background-position: right 55%;
    background-repeat: no-repeat;
    -webkit-background-size: 12px 6px;
    -moz-background-size: 12px 6px;
    background-size: 12px 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding-right: 25px
}

html[dir=rtl] .account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details {
    background-position-x: left;
    padding-left: 25px;
    padding-right: 0
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .additional-details {
    display: none;
    padding-top: 10px
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item.open {
    background-color: #f8f8f8
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item.open .main-details {
    background-image: url(/img/pages/account/components/grid/arrow-up.png)
}

.account-page .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item.open .additional-details {
    display: block
}

@media screen and (max-width:1079px) {
    .account-page .view-account-grid-component .table-list {
        display: none
    }

    .account-page .view-account-grid-component .view-account-mobile-list {
        display: block
    }
}

.account-page .c-account-framed-photo {
    text-align: center
}

.account-page .c-account-framed-photo .profile-image-container {
    margin-bottom: 12px
}

.account-page .c-account-framed-photo figcaption {
    color: #323232;
    direction: ltr;
    font-size: 16px;
    line-height: 20px;
    min-height: 20px
}

.account-page .c-account-framed-photo .loading {
    height: 20px
}

.account-page .c-account-framed-photo .profile-image-container {
    height: 100px;
    margin: auto;
    position: relative;
    width: 100px
}

.account-page .c-account-framed-photo .profile-image,
.account-page .c-account-framed-photo .profile-image-frame,
.account-page .c-account-framed-photo svg {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.account-page .c-account-framed-photo svg {
    z-index: 50
}

.account-page .c-account-framed-photo .profile-image-frame {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 100
}

.no-webp .account-page .c-account-framed-photo .profile-image-frame {
    background-image: url(/img/account/sidebar/thumb-mask-white.png)
}

.webp .account-page .c-account-framed-photo .profile-image-frame {
    background-image: url(/img/account/sidebar/thumb-mask-white.webp)
}

.account-page .c-account-framed-photo .profile-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 70
}

.account-page .view-account-layout .container {
    max-width: none;
    padding: 0
}

.account-page .view-account-layout .container .sidebar-container {
    display: none
}

.account-page .view-account-layout .container .content-container.c-loading {
    min-height: 250px
}

@media screen and (min-width:1080px) {
    .account-page .view-account-layout {
        margin: 9px auto 60px;
        max-width: 1340px
    }

    .account-page .view-account-layout .container {
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -o-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        padding: 0 20px
    }

    .account-page .view-account-layout .container .sidebar-container {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        -webkit-flex: 0 0 270px;
        -ms-flex: 0 0 270px;
        flex: 0 0 270px;
        margin-right: 12px
    }

    html[dir=rtl] .account-page .view-account-layout .container .sidebar-container {
        margin-left: 12px;
        margin-right: 0
    }

    .account-page .view-account-layout .container .content-container {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .account-page .view-account-layout .container .content-container,
    .account-page .view-account-layout .container .content-container>div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -o-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-align-items: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .account-page .view-account-layout .container .content-container>div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%
    }
}

@media screen and (min-width:1080px) and (min-width:1080px) {
    .account-page .view-account-layout .sidebar-container {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal strong {
    font-weight: 700
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal {
    padding-bottom: 40px;
    text-align: center
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal header {
    margin: 0
}

html[dir=rtl] .account-page .view-credit-page-auto-top-up-modal.c-modal .modal header {
    text-align: left
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal {
        padding-bottom: 50px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal header {
    background-color: #f2f7fc;
    line-height: 11px;
    padding: 20px 20px 0;
    text-align: right
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal header {
        padding: 25px 25px 0
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon {
    background-image: url(/img/pages/country/modal/modal-icon-animated.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 150px;
    left: 20px;
    margin: auto;
    position: relative;
    width: 150px
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
    background-image: url(/img/pages/country/modal/modal-icon-animated.gif);
    height: 100px;
    left: 10px;
    width: 100px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 200px;
        left: 26px;
        width: 200px
    }

    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
        height: 150px;
        left: 14px;
        width: 150px
    }
}

@media screen and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 120px;
        left: 15px;
        width: 120px
    }

    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
        height: 100px;
        left: 10px;
        width: 100px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 100px;
        left: 14px;
        width: 100px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section h4 {
    color: #323232;
    font-size: 16px;
    margin: 10px 30px 0
}

@media screen and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section h4 {
        margin: 0 30px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section h4 {
        font-size: 15px
    }
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section h4 {
        font-size: 19px;
        margin: 5px 0 0
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section p {
    font-size: 14px;
    margin: 10px 30px 0;
    text-align: left
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section p {
        font-size: 17px;
        margin: 13px 30px 0;
        padding: 0 100px;
        text-align: center
    }
}

@media screen and (max-width:700px) {
    html[dir=rtl] .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section p {
        text-align: right
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section p {
        padding: 0 150px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section p {
        font-size: 13px;
        line-height: 14px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 20px 30px 0
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container {
        height: 78px
    }
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container {
        display: block;
        font-size: 17px;
        height: auto;
        margin: 50px 0 0;
        padding: 0 100px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container {
        padding: 0 150px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button {
        font-size: 14px;
        height: 32px;
        line-height: 32px
    }
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button {
        display: inline-block;
        font-size: 19px;
        height: 44px;
        line-height: 44px;
        width: 210px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
    background-color: #665cac;
    color: #fff
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.yes:active {
    background-color: #786cca
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
        margin-right: 30px
    }

    html[dir=rtl] .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
        margin-right: 0
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
    background-color: transparent;
    border: 1px solid #665cac;
    color: #665cac
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
        margin-right: 0
    }

    html[dir=rtl] .account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
        margin-right: 30px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal section .button-container button.no:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer {
    font-size: 12px;
    margin-top: 40px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer {
        font-size: 14px;
        margin-top: 50px
    }
}

@media screen and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer {
        margin-top: 20px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer {
        font-size: 10px;
        margin-top: 8px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer label {
    cursor: pointer;
    margin-bottom: 0
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
    display: inline-block;
    float: none;
    height: 11px;
    position: relative;
    top: 1px;
    width: 11px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
        height: 13px;
        width: 13px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input .checkbox-icon {
    height: 11px;
    width: 11px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input .checkbox-icon {
        height: 13px;
        width: 13px
    }
}

.account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input input {
    height: 11px;
    width: 11px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input input {
        height: 13px;
        width: 13px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .account-page .view-credit-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
        top: 4px
    }
}

.account-page .view-overview-layout {
    background-color: #f4f4f4
}

.account-page .view-overview-layout .view-calling-options {
    background-color: #fff;
    border-bottom: 1px solid #cacaca;
    padding: 30px 0 27px
}

@media screen and (min-width:1080px) {
    .account-page .view-overview-layout .view-calling-options {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-overview-layout .view-calling-options .section-title {
    padding: 0 40px
}

.account-page .view-overview-layout .view-calling-options .products-list {
    margin-top: 40px
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item {
    border-right: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-height: 230px;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
    width: 32.99%
}

html[dir=rtl] .account-page .view-overview-layout .view-calling-options .products-list .product-item {
    border-left: 1px solid #ddd;
    border-right: none
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .view-product-item.loading .value-container {
    display: none
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .view-product-item.loading .c-loading {
    display: block
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item:last-child {
    border-right: none
}

html[dir=rtl] .account-page .view-overview-layout .view-calling-options .products-list .product-item:last-child {
    border-left: none
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .title {
    font-size: 16px;
    font-weight: 700
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container {
    min-height: 145px
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .value {
    color: #323232;
    font-size: 38px;
    padding: 30px 0 10px
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .value.empty {
    color: #bebebe
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .frozen-note .unfreeze-btn {
    display: inline-block;
    font-size: inherit
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .c-loading {
    height: 145px
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .c-loading .svg-container {
    left: 50%;
    margin-left: -9px;
    top: 40%
}

.account-page .view-overview-layout .view-calling-options .products-list .product-item .buy-now-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 102px
}

@media screen and (max-width:1079px) {
    .account-page .view-overview-layout .view-calling-options {
        padding: 16px 0 20px
    }

    .account-page .view-overview-layout .view-calling-options .section-title {
        padding-left: 0 20px;
        text-transform: uppercase
    }

    .account-page .view-overview-layout .view-calling-options .products-list {
        margin-top: 35px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item {
        border-right: 1px solid #bebebe;
        min-height: 145px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .title {
        font-size: 12px;
        padding-top: 10px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container {
        min-height: 80px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .value {
        font-size: 29px;
        padding: 0
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .frozen-note {
        color: #888;
        font-size: 12px;
        padding-bottom: 12px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .frozen-note .unfreeze-btn {
        display: block;
        width: 100%
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .view-plans-link {
        font-size: 12px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .c-loading {
        height: 80px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .buy-now-btn {
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        min-width: 65px
    }
}

@media screen and (max-width:700px) {
    .account-page .view-overview-layout .view-calling-options .products-list {
        margin-top: 0
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item {
        border-right: 1px solid #bebebe;
        padding: 10px 0 0;
        width: 49%
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item:first-child {
        border-bottom: 1px solid #bebebe;
        border-right: none;
        display: block;
        height: auto;
        margin-bottom: 17px;
        padding: 14px 20px 28px;
        width: 100%
    }

    html[dir=rtl] .account-page .view-overview-layout .view-calling-options .products-list .product-item:first-child {
        border-left: none
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item:first-child .value-container {
        min-height: auto
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item:first-child .value-container .value {
        padding: 8px 0 13px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item:first-child .c-loading {
        height: 51px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .title {
        padding: 0
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .value {
        line-height: 30px;
        padding: 13px 0 7px
    }

    .account-page .view-overview-layout .view-calling-options .products-list .product-item .value-container .frozen-note .unfreeze-btn {
        display: inline-block;
        width: auto
    }
}

.account-page .view-overview-layout .view-recent-calls {
    margin-top: 10px;
    padding: 20px 0
}

.account-page .view-overview-layout .view-recent-calls .section-title {
    margin: 0 20px 10px;
    text-transform: uppercase
}

.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item.empty-item {
    padding: 0
}

.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount,
.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .phone-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount {
    font-size: 16px;
    text-align: right
}

html[dir=rtl] .account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount {
    text-align: left
}

.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .phone-block .phone-number {
    font-size: 15px;
    padding-bottom: 7px
}

.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .phone-block .date {
    color: #888;
    font-size: 13px
}

.account-page .view-overview-layout .view-recent-calls .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .additional-details dt {
    color: #888;
    font-size: 13px;
    padding: 20px 0 7px
}

.account-page .view-overview-layout .view-recent-calls .all-history-link-container {
    padding: 10px 20px 0
}

@media screen and (min-width:1080px) {
    .account-page .view-overview-layout .view-recent-calls {
        padding: 30px 40px
    }

    .account-page .view-overview-layout .view-recent-calls .section-title {
        margin: 0 0 35px;
        text-transform: none
    }

    .account-page .view-overview-layout .view-recent-calls .all-history-link-container {
        padding: 15px 0 0 15px
    }
}

.account-page .view-overview-layout .section-title {
    color: #888;
    font-size: 13px
}

.account-page .view-overview-layout .recent-calls-container {
    background-color: #fff
}

@media screen and (min-width:1080px) {
    .account-page .view-overview-layout {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .account-page .view-overview-layout .recent-calls {
        -ms-box-flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        height: 100%
    }

    .account-page .view-overview-layout .recent-calls-container {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        -ms-box-flex: 1;
        box-flex: 1;
        border: 1px solid green;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        margin-top: 10px
    }

    .account-page .view-overview-layout .section-title {
        color: #323232;
        font-size: 20px
    }
}

@media screen and (min-width:1080px) and (min-width:1080px) {
    .account-page .view-overview-layout .recent-calls-container {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-profile-layout {
    background: #fff;
    padding: 35px
}

@media screen and (min-width:1080px) {
    .account-page .view-profile-layout {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }

    .account-page .view-profile-layout .email-loading {
        margin-left: 10px
    }
}

.account-page .view-profile-layout .c-account-framed-photo {
    margin: 0 0 15px
}

@media screen and (min-width:1080px) {
    .account-page .view-profile-layout .c-account-framed-photo {
        margin: 0
    }
}

.account-page .view-profile-layout .c-account-framed-photo .profile-image-container {
    height: 56px;
    width: 56px
}

@media screen and (min-width:1080px) {
    .account-page .view-profile-layout .c-account-framed-photo .profile-image-container {
        margin: 0
    }
}

.account-page .view-profile-layout .static-input {
    color: #323232;
    font-size: 14px
}

.account-page .view-profile-layout .form-group {
    min-height: 70px
}

.account-page .view-profile-layout .form-group label {
    color: #999;
    margin-bottom: 6px
}

@media screen and (max-width:1079px) {
    .account-page .view-profile-layout .form-group label {
        font-size: 13px
    }
}

.account-page .view-profile-layout .form-group label[for=new-pass] {
    margin-bottom: 0
}

@media screen and (min-width:1080px) {
    .account-page .view-profile-layout .form-group label {
        margin-bottom: 0;
        padding: 27px 0;
        vertical-align: middle
    }

    .account-page .view-profile-layout .form-group .input-container .loading-indicate {
        left: 0;
        right: auto
    }

    .account-page .view-profile-layout .form-group {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 0
    }

    .account-page .view-profile-layout .form-group.picture {
        min-height: 88px
    }

    .account-page .view-profile-layout .form-group.submit {
        border-bottom: none;
        height: 34px;
        min-height: 34px
    }
}

.account-page .view-profile-layout .form-group.submit {
    margin-top: 30px
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .account-page .view-profile-layout .form-group.submit {
        margin-top: 41px
    }
}

@media screen and (max-width:1079px) {

    .account-page .view-profile-layout .picture label,
    .account-page .view-profile-layout h3 {
        display: none
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-profile-layout h3 {
        font-size: 20px;
        padding-bottom: 32px
    }
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .account-page .view-profile-layout {
        padding-top: 70px
    }

    .account-page .view-profile-layout .form-group.picture {
        padding-bottom: 30px
    }
}

.account-page .view-password-and-security {
    background-color: #fff;
    padding: 35px 35px 0
}

@media screen and (min-width:1080px) {
    .account-page .view-password-and-security {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

@media screen and (max-width:1079px) {
    .account-page .view-password-and-security {
        margin: auto
    }

    .account-page .view-password-and-security h3,
    .account-page .view-password-and-security label {
        display: none
    }

    .account-page .view-password-and-security .form-group.submit {
        margin-top: 25px
    }
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .account-page .view-password-and-security {
        padding: 90px 35px 0
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-password-and-security {
        padding: 30px 35px 0
    }

    .account-page .view-password-and-security form {
        width: 450px
    }

    .account-page .view-password-and-security input::-webkit-input-placeholder {
        color: transparent
    }

    .account-page .view-password-and-security input::-moz-placeholder {
        color: transparent
    }

    .account-page .view-password-and-security input:-ms-input-placeholder {
        color: transparent
    }

    .account-page .view-password-and-security input:-moz-placeholder {
        color: transparent
    }
}

.account-page .view-payments-history {
    background-color: #fff
}

@media screen and (min-width:1080px) {
    .account-page .view-payments-history {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-payments-history .credit-card-icon {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    display: inline-block;
    height: 30px;
    width: 50px
}

.account-page .view-payments-history .credit-card-icon.visa {
    background-image: url(/img/icons/cc-checkout/svg/visa.svg)
}

.account-page .view-payments-history .credit-card-icon.master-card {
    background-image: url(/img/icons/cc-checkout/svg/mastercard-black.svg)
}

.account-page .view-payments-history .credit-card-icon.american-express {
    background-image: url(/img/icons/cc-checkout/svg/amex.svg)
}

.account-page .view-payments-history .credit-card-icon.diners {
    background-image: url(/img/icons/cc-checkout/svg/diners.svg)
}

.account-page .view-payments-history .title-container .export-btn,
.account-page .view-payments-history .title-container .title {
    display: none
}

.account-page .view-payments-history .title-container .month-selector {
    padding: 20px 15px 5px
}

.account-page .view-payments-history .view-table-component tbody tr td:last-child {
    padding: 0
}

.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount,
.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .order-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount {
    font-size: 16px;
    text-align: right
}

html[dir=rtl] .account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount {
    text-align: left
}

.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .order-block .order-number {
    font-size: 15px;
    padding-bottom: 7px
}

.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .order-block .date {
    color: #888;
    font-size: 13px
}

.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .additional-details dt {
    color: #888;
    font-size: 13px;
    padding: 20px 0 7px
}

.account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .additional-details .credit-card-icon {
    float: right;
    margin-top: -10px
}

html[dir=rtl] .account-page .view-payments-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .additional-details .credit-card-icon {
    float: left
}

.account-page .view-payments-history .pagination {
    text-align: center
}

.account-page .view-payments-history .pagination .c-pagination {
    margin: 15px 0
}

@media screen and (min-width:701px) {
    .account-page .view-payments-history .title-container .month-selector {
        padding: 25px 15px 10px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-payments-history {
        padding: 30px 40px
    }

    .account-page .view-payments-history .title-container {
        margin-bottom: 35px
    }

    .account-page .view-payments-history .title-container .title {
        display: inline-block;
        font-size: 20px;
        padding-right: 60px
    }

    html[dir=rtl] .account-page .view-payments-history .title-container .title {
        padding-left: 60px;
        padding-right: 0
    }

    .account-page .view-payments-history .title-container .month-selector {
        display: inline-block;
        padding: 0
    }

    .account-page .view-payments-history .title-container .export-btn {
        display: inline-block;
        float: right;
        padding: 0 16px
    }

    html[dir=rtl] .account-page .view-payments-history .title-container .export-btn {
        float: left
    }

    .account-page .view-payments-history .pagination .c-pagination {
        margin: 50px 110px 0
    }
}

.account-page .view-payment-settings {
    padding: 20px 0
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings {
        background-color: #fff;
        padding: 20px 35px
    }
}

.account-page .view-payment-settings h3 {
    display: none
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings h3 {
        display: block;
        font-size: 20px;
        padding-bottom: 36px
    }

    .account-page .view-payment-settings .mobile-input-block {
        display: none
    }
}

.account-page .view-payment-settings label {
    color: #888;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    line-height: 22px;
    margin: 0
}

.account-page .view-payment-settings .payment-method {
    padding: 0 20px
}

@media screen and (min-width:701px) {
    .account-page .view-payment-settings .payment-method {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings .payment-method {
        border-top: 1px solid #ddd;
        padding: 0 0 0 16px
    }
}

.account-page .view-payment-settings .payment-method-icon {
    background-repeat: no-repeat;
    display: inline-block
}

.account-page .view-payment-settings .payment-method-icon.visa {
    background-image: url(/img/cardlogos/white-background/visa.png);
    -webkit-background-size: 50px 20px;
    -moz-background-size: 50px 20px;
    background-size: 50px 20px;
    height: 20px;
    width: 50px
}

.account-page .view-payment-settings .payment-method-icon.american-express {
    background-image: url(/img/cardlogos/white-background/american-express.png);
    -webkit-background-size: 22px 21px;
    -moz-background-size: 22px 21px;
    background-size: 22px 21px;
    height: 21px;
    width: 22px
}

.account-page .view-payment-settings .payment-method-icon.master-card {
    background-image: url(/img/icons/cc-checkout/svg/mastercard-black.svg);
    -webkit-background-size: 36px 20px;
    -moz-background-size: 36px 20px;
    background-size: 36px 20px;
    height: 20px;
    width: 36px
}

.account-page .view-payment-settings .payment-method-icon.paypal {
    background-image: url(/img/cardlogos/white-background/paypal.png);
    -webkit-background-size: 70px 20px;
    -moz-background-size: 70px 20px;
    background-size: 70px 20px;
    height: 20px;
    width: 70px
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings .payment-method-icon.visa {
        background-image: url(/img/cardlogos/white-background/scaled/visa.png);
        -webkit-background-size: 34px 14px;
        -moz-background-size: 34px 14px;
        background-size: 34px 14px;
        height: 14px;
        width: 34px
    }

    .account-page .view-payment-settings .payment-method-icon.american-express {
        background-image: url(/img/cardlogos/white-background/scaled/american-express.png);
        -webkit-background-size: 22px 21px;
        -moz-background-size: 22px 21px;
        background-size: 22px 21px;
        height: 21px;
        width: 22px
    }

    .account-page .view-payment-settings .payment-method-icon.master-card {
        background-image: url(/img/icons/cc-checkout/svg/mastercard-black.svg);
        -webkit-background-size: 25px 15px;
        -moz-background-size: 25px 15px;
        background-size: 25px 15px;
        height: 15px;
        width: 25px
    }

    .account-page .view-payment-settings .payment-method-icon.paypal {
        background-image: url(/img/cardlogos/white-background/scaled/paypal.png);
        -webkit-background-size: 46px 14px;
        -moz-background-size: 46px 14px;
        background-size: 46px 14px;
        height: 14px;
        width: 46px
    }
}

@media only screen and (min-resolution:2dppx) and (min-width:1080px),
only screen and (min-resolution:192dpi) and (min-width:1080px),
screen and (-webkit-min-device-pixel-ratio:1.5) and (min-width:1080px) {
    .account-page .view-payment-settings .payment-method-icon.visa {
        background-image: url(/img/cardlogos/white-background/visa.png)
    }

    .account-page .view-payment-settings .payment-method-icon.american-express {
        background-image: url(/img/cardlogos/white-background/american-express.png)
    }

    .account-page .view-payment-settings .payment-method-icon.master-card {
        background-image: url(/img/icons/cc-checkout/svg/mastercard-black.svg)
    }

    .account-page .view-payment-settings .payment-method-icon.paypal {
        background-image: url(/img/cardlogos/white-background/paypal.png)
    }
}

.account-page .view-payment-settings .payment-method-code {
    display: inline-block;
    margin-left: 20px
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings .payment-method-code {
        margin-right: 70px
    }
}

.account-page .view-payment-settings .c-checkbox-input {
    top: 3px
}

.account-page .view-payment-settings .info-block {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding-bottom: 22px
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings .info-block {
        padding: 16px 0
    }
}

.account-page .view-payment-settings .info-block .credentials-block {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 15px
}

.account-page .view-payment-settings .info-block .desktop-input-block {
    display: none
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings .info-block .desktop-input-block {
        display: block
    }
}

.account-page .view-payment-settings .info-block .button-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: right
}

html[dir=rtl] .account-page .view-payment-settings .info-block .button-block {
    text-align: left
}

.account-page .view-payment-settings button {
    font-size: 13px;
    height: 28px;
    line-height: 28px
}

.account-page .view-payment-settings .no-payment-method {
    color: #888;
    font-size: 15px;
    padding: 45px 35px;
    text-align: center
}

@media screen and (min-width:701px) {
    .account-page .view-payment-settings .no-payment-method {
        border-bottom: 1px solid #ddd;
        font-size: 12px;
        padding: 40px 35px 60px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-payment-settings .no-payment-method {
        border-top: 1px solid #ddd;
        font-size: 16px;
        padding: 20px 0
    }
}

@media screen and (min-width:1080px) and (min-width:1080px) {
    .account-page .view-payment-settings {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-calls-history {
    background-color: #fff
}

@media screen and (min-width:1080px) {
    .account-page .view-calls-history {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-calls-history .title-container .export-btn,
.account-page .view-calls-history .title-container .title {
    display: none
}

.account-page .view-calls-history .title-container .month-selector {
    padding: 20px 15px 5px
}

.account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount,
.account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .phone-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount {
    font-size: 16px;
    text-align: right
}

html[dir=rtl] .account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .amount {
    text-align: left
}

.account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .phone-block .phone-number {
    font-size: 15px;
    padding-bottom: 7px
}

.account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .main-details .phone-block .date {
    color: #888;
    font-size: 13px
}

.account-page .view-calls-history .view-account-grid-component .view-account-mobile-list .view-account-mobile-list-item .additional-details dt {
    color: #888;
    font-size: 13px;
    padding: 20px 0 7px
}

.account-page .view-calls-history .pagination {
    text-align: center
}

.account-page .view-calls-history .pagination .c-pagination {
    margin: 15px 0
}

@media screen and (min-width:701px) {
    .account-page .view-calls-history .title-container .month-selector {
        padding: 25px 15px 10px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-calls-history {
        padding: 30px 40px
    }

    .account-page .view-calls-history .title-container {
        margin-bottom: 35px
    }

    .account-page .view-calls-history .title-container .title {
        display: inline-block;
        font-size: 20px;
        padding-right: 60px
    }

    html[dir=rtl] .account-page .view-calls-history .title-container .title {
        padding-left: 60px;
        padding-right: 0
    }

    .account-page .view-calls-history .title-container .month-selector {
        display: inline-block;
        padding: 0
    }

    .account-page .view-calls-history .title-container .export-btn {
        display: inline-block;
        float: right;
        padding: 0 16px
    }

    html[dir=rtl] .account-page .view-calls-history .title-container .export-btn {
        float: left
    }

    .account-page .view-calls-history .pagination .c-pagination {
        margin: 50px 110px 0
    }
}

.account-page .view-credit-layout {
    background-color: #e7e7e7
}

.account-page .view-credit-layout .view-credit-block {
    background: #fff;
    min-height: 60px
}

.account-page .view-credit-layout .view-credit-block .balance {
    border-bottom: 1px solid #bebebe;
    overflow: hidden;
    padding: 18px 20px
}

.account-page .view-credit-layout .view-credit-block .balance .title {
    color: #323232;
    float: left;
    font-size: 15px;
    padding-top: 6px
}

.account-page .view-credit-layout .view-credit-block .balance .title.frozen {
    padding-top: 0
}

.account-page .view-credit-layout .view-credit-block .balance .title .note {
    color: #888;
    font-size: 12px
}

.account-page .view-credit-layout .view-credit-block .balance .amount {
    color: #5db835;
    float: right;
    font-size: 24px
}

.account-page .view-credit-layout .view-credit-block .balance .amount .empty {
    color: #323232;
    font-size: 15px;
    position: relative;
    top: -4px
}

.account-page .view-credit-layout .view-credit-block .balance .amount.frozen {
    color: #323232
}

.account-page .view-credit-layout .view-credit-block .balance .unfreeze-btn {
    clear: both;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-top: 15px
}

.account-page .view-credit-layout .view-credit-block .balance.frozen {
    padding: 13px 20px 19px
}

.account-page .view-credit-layout .view-credit-block.loading .balance .unfreeze-btn {
    display: none
}

@media screen and (min-width:701px) {
    .account-page .view-credit-layout .view-credit-block {
        margin-bottom: 0;
        padding: 0 20px
    }

    .account-page .view-credit-layout .view-credit-block .balance {
        margin: 0;
        padding: 14px 0
    }

    .account-page .view-credit-layout .view-credit-block .balance.frozen {
        padding: 18px 0
    }

    .account-page .view-credit-layout .view-credit-block .balance .unfreeze-btn {
        clear: none;
        float: right;
        height: 28px;
        line-height: 28px;
        margin-right: 30px;
        margin-top: 5px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-credit-layout .view-credit-block {
        padding: 0 38px
    }

    .account-page .view-credit-layout .view-credit-block .balance {
        padding: 26px 0
    }

    .account-page .view-credit-layout .view-credit-block .balance .title {
        font-size: 20px;
        padding-top: 14px
    }

    .account-page .view-credit-layout .view-credit-block .balance .title .note {
        font-size: 14px
    }

    .account-page .view-credit-layout .view-credit-block .balance .amount {
        font-size: 38px
    }

    .account-page .view-credit-layout .view-credit-block .balance .amount .empty {
        font-size: 20px
    }

    .account-page .view-credit-layout .view-credit-block .balance.frozen {
        padding: 22px 0 30px
    }

    .account-page .view-credit-layout .view-credit-block .balance.frozen .title .note {
        padding-top: 5px
    }

    .account-page .view-credit-layout .view-credit-block .balance.frozen .unfreeze-btn {
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        margin-top: 12px
    }
}

.account-page .view-credit-layout .view-products-block {
    background: #fff;
    padding-top: 45px;
    text-align: center
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item {
    border-top: 1px solid #c9c9c9;
    position: relative;
    text-align: left;
    width: 100%
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-header {
    display: none
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    min-height: 117px;
    padding: 20px
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .item-prices-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-right: 25px;
    width: 10px
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .default-price {
    color: #323232;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price {
    color: #888;
    display: inline-block;
    font-size: 10px;
    font-weight: 300
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price:before {
    content: "("
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price:after {
    content: ")"
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .free-credit-container {
    color: #54c0d4;
    font-size: 12px
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .free-credit-container .free-credit {
    display: inline-block;
    padding-top: 4px
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .buy-now-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    white-space: nowrap;
    width: 146px
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:first-child {
    border-top: none
}

.account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2):before {
    background-image: url(/img/pages/country/mobile-star.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 33px
}

@media screen and (min-width:701px) {
    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item {
        border: none;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        width: 208px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item+.view-product-item {
        margin-left: 18px
    }

    html[dir=rtl] .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item+.view-product-item {
        margin-left: 0;
        margin-right: 18px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-header {
        background-color: #665cac;
        border-radius: 6px 6px 0 0;
        color: #fff;
        display: block;
        font-size: 15px;
        padding: 18px 10px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content {
        background-color: #f3f3f3;
        border-radius: 0 0 6px 6px;
        display: block;
        min-height: auto;
        padding: 35px 27px 50px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .item-prices-container {
        padding-right: 0;
        width: auto
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .default-price {
        display: block;
        font-size: 26px;
        font-weight: 400;
        line-height: 26px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price {
        color: #888;
        display: block;
        font-size: 10px;
        line-height: 10px;
        padding-top: 7px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price:after,
    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price:before {
        content: ""
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .free-credit-container {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-line-pack: center;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-align-content: center;
        align-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 13px;
        height: 37px;
        -webkit-justify-content: center;
        justify-content: center
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .free-credit-container .free-credit {
        display: inline;
        padding: 0
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .item-buttons-container {
        padding-top: 0
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .buy-now-btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        width: 100%
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) {
        width: 225px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2):before {
        display: none
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-header {
        font-size: 18px;
        padding: 15px 10px;
        position: relative
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-header:before {
        background-image: url(/img/pages/country/star.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        content: "";
        display: block;
        height: 19px;
        left: 10px;
        position: absolute;
        top: 0;
        width: 19px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-content {
        padding-bottom: 59px;
        padding-top: 42px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-content .free-credit-container {
        font-size: 14px;
        height: 53px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item {
        width: 292px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-header {
        font-size: 20px;
        padding: 24px 15px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content {
        padding: 40px 40px 60px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .default-price {
        font-size: 38px;
        line-height: 38px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .nat-price {
        font-size: 14px;
        padding-top: 10px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .free-credit-container {
        font-size: 16px;
        height: 53px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item .item-content .buy-now-btn {
        font-size: 18px;
        height: 40px;
        line-height: 40px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item+.view-credit-item {
        margin-left: 24px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) {
        width: 317px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-header {
        font-size: 24px;
        padding: 21px 15px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-header:before {
        height: 27px;
        left: 15px;
        width: 27px
    }

    html[dir=rtl] .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-header:before {
        left: auto;
        right: 15px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-content {
        padding-bottom: 70px;
        padding-top: 62px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) .item-content .free-credit-container {
        font-size: 16px;
        height: 70px
    }
}

@media screen and (min-width:1080px) and (max-width:1325px) {

    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item,
    .account-page .view-credit-layout .view-products-block .products-list-region .view-product-item:nth-child(2) {
        width: 30%
    }
}

.account-page .view-credit-layout .view-products-block h3 {
    color: #323232;
    font-size: 15px
}

.account-page .view-credit-layout .view-products-block h5 {
    color: #888;
    font-size: 12px
}

.account-page .view-credit-layout .view-products-block h3,
.account-page .view-credit-layout .view-products-block h5 {
    padding: 0 20px
}

.account-page .view-credit-layout .view-products-block .products-list-region {
    padding-top: 10px
}

.account-page .view-credit-layout .view-products-block .loader-box {
    padding-top: 45px
}

@media screen and (min-width:701px) {

    .account-page .view-credit-layout .view-products-block,
    .account-page .view-credit-layout .view-products-block .products-list-region {
        padding-top: 50px
    }

    .account-page .view-credit-layout .view-products-block .loader-box {
        display: none
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder {
        margin: 0 auto
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder {
        border: 1px solid #e8e8e8;
        border-radius: 4px;
        display: inline-block;
        height: 247px;
        text-align: center;
        vertical-align: middle;
        width: 203px
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder+.product-item-placeholder {
        margin-left: 16px
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder .header-placeholder {
        background-color: #f5f5f5;
        height: 102px
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder .text-wrapper {
        padding: 20px;
        text-align: left
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder .text-wrapper .text {
        background-color: #ebebeb;
        display: inline-block;
        height: 10px;
        line-height: 20px;
        width: 100%
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder .text-wrapper .text:last-child {
        width: 80%
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder:nth-child(2) {
        height: 299px;
        width: 223px
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder .product-item-placeholder:nth-child(2) .header-placeholder {
        height: 150px
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-credit-layout .view-products-block {
        padding-top: 85px
    }

    .account-page .view-credit-layout .view-products-block h3 {
        font-size: 20px
    }

    .account-page .view-credit-layout .view-products-block h5 {
        font-size: 14px
    }

    .account-page .view-credit-layout .view-products-block .products-list-region {
        padding-bottom: 50px
    }

    .account-page .view-credit-layout .view-products-block .products-list-placeholder {
        display: none
    }
}

@media screen and (min-width:701px) {
    .account-page .view-credit-layout {
        background-color: #fff
    }
}

@media screen and (min-width:1080px) and (min-width:1080px) {
    .account-page .view-credit-layout {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-calling-plans-list {
    background-color: #f4f4f4
}

.account-page .view-calling-plans-list .c-progress {
    border-radius: 6.5px;
    height: 13px;
    overflow: hidden
}

.account-page .view-calling-plans-list .c-progress .progress-bar,
.account-page .view-calling-plans-list .c-progress .progress-container {
    height: 13px;
    width: 100%
}

.account-page .view-calling-plans-list .c-progress .progress-container {
    border: 1px solid #c9c9c9;
    border-radius: 6.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.account-page .view-calling-plans-list .c-progress .progress-bar {
    background-color: rgba(72, 195, 206, .7);
    margin-top: -13px
}

.account-page .view-calling-plans-list .empty .c-progress .progress-bar {
    background-color: #df161d
}

.account-page .view-calling-plans-list .section-title {
    color: #888;
    font-size: 13px
}

@media screen and (min-width:1080px) {
    .account-page .view-calling-plans-list {
        background-color: #fff
    }

    .account-page .view-calling-plans-list .section-title {
        color: #323232;
        font-size: 20px
    }

    .account-page .view-calling-plans-list {
        border: 1px solid #ececec;
        -webkit-box-shadow: 2px 2px 5px 0 #ececec;
        box-shadow: 2px 2px 5px 0 #ececec
    }
}

.account-page .view-calling-plans-list .section-title {
    display: none
}

.account-page .view-calling-plans-list .plans-container {
    background-color: #fff
}

.account-page .view-calling-plans-list .plans-container .title {
    color: #888;
    font-size: 13px;
    padding: 20px 0 5px 20px;
    text-transform: uppercase
}

html[dir=rtl] .account-page .view-calling-plans-list .plans-container .title {
    padding: 20px 20px 5px 0
}

.account-page .view-calling-plans-list .plans-container>.c-loading {
    min-height: 60px
}

.account-page .view-calling-plans-list .plans-container.subscriptions-container {
    margin-top: 12px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item {
    padding: 25px 20px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item+.view-account-plans-list-item {
    border-top: 1px solid #cacaca
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container {
    background-image: url(/img/account/chevron-right.png);
    background-position: right 9px;
    background-repeat: no-repeat;
    -webkit-background-size: 6px 12px;
    -moz-background-size: 6px 12px;
    background-size: 6px 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container {
    background-image: url(/img/account/chevron-left.png);
    background-position: left 9px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-name {
    color: #323232;
    font-size: 20px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types {
    display: none
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types-icons {
    padding-left: 10px;
    white-space: nowrap
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types-icons .icon {
    background-position: 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 6px;
    width: 14px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types-icons .icon.landline {
    background-image: url(/img/icons/landline-icon.svg)
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types-icons .icon.mobile {
    background-image: url(/img/icons/mobile-icon.svg)
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .price {
    color: #5db835;
    font-size: 16px;
    padding: 4px 37px 0 10px
}

html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .price {
    padding: 4px 10px 0 37px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container {
    padding-top: 25px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container.on-hold .total-min {
    color: #888
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container.on-hold .c-progress .progress-bar {
    background-color: #e1e1e1
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .total-min {
    padding-bottom: 11px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .expiration-date {
    display: none
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details .minutes-left {
    color: #54c0d4;
    padding-top: 14px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details .error-status-text {
    color: #ff6a62;
    margin-left: auto;
    padding-top: 15px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details .pause-requested-info,
.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details .pause-resume-info {
    font-weight: 700;
    margin-left: auto;
    padding-top: 12px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .reactivate-btn-container {
    text-align: center
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .reactivate-btn-container .btn-reactivate {
    margin-top: 28px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container.empty .progress-details .minutes-left {
    color: #ff6a62
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container {
    display: none
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .btn-reactivate .spinner-background {
    border: 1px solid #5db835;
    border-radius: 30px
}

.account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .btn-cancel-plan .spinner-background {
    border-radius: 30px
}

.account-page .view-calling-plans-list .view-account-plans-list-empty {
    padding: 20px;
    text-align: center
}

.account-page .view-calling-plans-list .view-account-plans-list-empty .title {
    color: #323232;
    font-size: 15px;
    padding: 0
}

.account-page .view-calling-plans-list .view-account-plans-list-empty .description {
    color: #888;
    font-size: 12px;
    padding-top: 6px
}

.account-page .view-calling-plans-list .view-account-plans-list-empty .buy-plan-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 18px;
    min-width: 146px
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .account-page .view-calling-plans-list .view-account-plans-list-empty {
        border: 1px solid #ddd;
        margin: 0 20px 10px
    }
}

@media screen and (max-width:1079px) {
    .account-page .view-calling-plans-list .view-account-plans-list-empty .description {
        margin: auto;
        max-width: 330px
    }
}

@media screen and (min-width:701px) {
    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details .minutes-left {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -o-box-flex: 2;
        -ms-box-flex: 2;
        box-flex: 2;
        -webkit-flex-grow: 2;
        flex-grow: 2
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .progress-details .error-status-text {
        padding-top: 14px
    }
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .account-page .view-calling-plans-list .view-account-plans-list {
        overflow: auto
    }
}

@media screen and (min-width:1080px) {
    .account-page .view-calling-plans-list {
        padding: 30px 40px
    }

    .account-page .view-calling-plans-list .section-title {
        display: block
    }

    .account-page .view-calling-plans-list .plans-container .title {
        color: #323232;
        font-size: 16px;
        font-weight: 700;
        padding: 40px 0 0
    }

    .account-page .view-calling-plans-list .plans-container.subscriptions-container {
        margin-top: 0
    }

    .account-page .view-calling-plans-list .view-account-plans-list {
        margin-top: 15px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item {
        border: 1px solid #ddd;
        padding: 20px 25px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item+.view-account-plans-list-item {
        border-top: none
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container {
        background-image: none;
        padding-bottom: 0
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container {
        background-image: none
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types {
        color: #888;
        display: inline-block;
        font-size: 12px;
        padding-left: 10px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .title-container .plan-types-icons {
        display: none
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .price {
        padding: 4px 0 0 10px
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .header-container .price {
        padding: 4px 10px 0 0
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container {
        padding-top: 28px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .expiration-date {
        display: initial;
        margin-left: auto;
        padding-top: 14px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .details .status-container .reactivate-btn-container {
        display: none
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container {
        display: block;
        max-width: 884px;
        padding-top: 45px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .cancel-status-message {
        color: #ff6a62;
        margin-top: 10px;
        text-align: right
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .destinations-title {
        color: #888;
        font-size: 14px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding-right: 54px;
        padding-top: 25px;
        vertical-align: top;
        width: 24.5%
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item .country-flag {
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        float: left;
        height: 30px;
        width: 31px
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item .country-flag {
        float: right
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item .country-destination-details {
        padding-left: 43px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item .country-destination-details .destinations {
        color: #888;
        font-size: 12px;
        padding-top: 8px
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item .country-destination-details {
        padding-left: 0;
        padding-right: 43px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item:nth-child(4n) {
        padding-right: 0
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item:nth-child(4n) {
        padding-left: 0
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .country-destinations-list .country-destination-item {
        padding-left: 54px;
        padding-right: 0
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .show-more-container {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -o-box-flex: 2;
        -ms-box-flex: 2;
        box-flex: 2;
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        -webkit-flex-grow: 2;
        flex-grow: 2
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .show-more-container .btn-show-more {
        font-size: 14px;
        padding-top: 25px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .show-more-container .btn-show-more .arrow-down {
        background-image: url(/img/arrows/arrow-down-purple.png);
        background-position: 50%;
        background-repeat: no-repeat;
        display: inline-block;
        height: 9px;
        width: 9px
    }

    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .btn-cancel-plan,
    .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .btn-reactivate {
        margin-left: auto;
        margin-top: 25px
    }

    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .btn-cancel-plan,
    html[dir=rtl] .account-page .view-calling-plans-list .view-account-plans-list .view-account-plans-list-item .country-destinations-container .bottom-row .btn-reactivate {
        margin-left: 0;
        margin-right: auto
    }

    .account-page .view-calling-plans-list .view-account-plans-list-empty {
        border: 1px solid #ddd;
        padding: 23px 25px
    }

    .account-page .view-calling-plans-list .view-account-plans-list-empty .title {
        color: #323232;
        font-size: 16px;
        font-weight: 400;
        padding: 0
    }

    .account-page .view-calling-plans-list .view-account-plans-list-empty .description {
        font-size: 14px;
        padding-top: 10px
    }

    .account-page .view-calling-plans-list .view-account-plans-list-empty .buy-plan-btn {
        font-size: 16px;
        min-width: 102px
    }
}

.account-page .view-calling-plan-details {
    background-color: #f4f4f4;
    background-color: #fff;
    padding: 20px
}

.account-page .view-calling-plan-details .c-progress {
    border-radius: 6.5px;
    height: 13px;
    overflow: hidden
}

.account-page .view-calling-plan-details .c-progress .progress-bar,
.account-page .view-calling-plan-details .c-progress .progress-container {
    height: 13px;
    width: 100%
}

.account-page .view-calling-plan-details .c-progress .progress-container {
    border: 1px solid #c9c9c9;
    border-radius: 6.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.account-page .view-calling-plan-details .c-progress .progress-bar {
    background-color: rgba(72, 195, 206, .7);
    margin-top: -13px
}

.account-page .view-calling-plan-details .empty .c-progress .progress-bar {
    background-color: #df161d
}

.account-page .view-calling-plan-details .section-title {
    color: #888;
    font-size: 13px
}

@media screen and (min-width:1080px) {
    .account-page .view-calling-plan-details {
        background-color: #fff
    }

    .account-page .view-calling-plan-details .section-title {
        color: #323232;
        font-size: 20px
    }
}

.account-page .view-calling-plan-details .title {
    color: #888;
    font-size: 13px
}

.account-page .view-calling-plan-details .plan-details-container {
    padding-top: 30px
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .title-container {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .title-container .plan-name {
    color: #323232;
    font-size: 20px
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .title-container .plan-types-icons {
    padding-left: 10px;
    white-space: nowrap
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .title-container .plan-types-icons .icon {
    background-position: 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 6px;
    width: 14px
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .title-container .plan-types-icons .icon.landline {
    background-image: url(/img/icons/landline-icon.svg)
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .title-container .plan-types-icons .icon.mobile {
    background-image: url(/img/icons/mobile-icon.svg)
}

.account-page .view-calling-plan-details .plan-details-container .details .header-container .price {
    color: #5db835;
    font-size: 16px;
    padding: 4px 0 0 10px
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container {
    padding-top: 25px
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container.on-hold .total-min {
    color: #888
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container.on-hold .c-progress .progress-bar {
    background-color: #e1e1e1
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container .total-min {
    padding-bottom: 11px
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details .minutes-left {
    color: #54c0d4;
    padding-top: 14px
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details .error-status-text {
    color: #ff6a62;
    margin-left: auto;
    padding-top: 15px
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details .pause-requested-info,
.account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details .pause-resume-info {
    font-weight: 700;
    margin-left: auto;
    padding-top: 12px
}

.account-page .view-calling-plan-details .plan-details-container .details .status-container.empty .progress-details .minutes-left {
    color: #ff6a62
}

.account-page .view-calling-plan-details .plan-details-container .expiration-container {
    padding-top: 32px
}

.account-page .view-calling-plan-details .plan-details-container .expiration-container .value {
    font-size: 15px;
    padding-top: 5px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container {
    padding-top: 29px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container .country-destinations-list {
    padding-top: 11px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container .country-destinations-list .country-destination-item+.country-destination-item {
    padding-top: 20px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container .country-destinations-list .country-destination-item .country-flag {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    float: left;
    height: 30px;
    width: 31px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container .country-destinations-list .country-destination-item .country-destination-details {
    padding-left: 43px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container .country-destinations-list .country-destination-item .country-destination-details .country-name {
    font-size: 15px
}

.account-page .view-calling-plan-details .plan-details-container .country-destinations-container .country-destinations-list .country-destination-item .country-destination-details .destinations {
    color: #888;
    font-size: 13px;
    padding-top: 3px
}

.account-page .view-calling-plan-details .plan-details-container .buttons-container {
    margin-top: 35px
}

.account-page .view-calling-plan-details .plan-details-container .buttons-container .cancel-status-message {
    color: #ff6a62;
    margin-top: 10px
}

.account-page .view-calling-plan-details .plan-details-container .buttons-container .btn-cancel-plan {
    min-width: 145px
}

.account-page .view-calling-plan-details .plan-details-container .buttons-container .btn-cancel-plan .spinner-background {
    border-radius: 30px
}

.account-page .view-calling-plan-details .plan-details-container .buttons-container .btn-reactivate .spinner-background {
    border: 1px solid #5db835;
    border-radius: 30px
}

.account-page .view-calling-plan-details .plan-details-container .buttons-container .error {
    color: #ff6a62;
    font-size: $account-error-font-size
}

@media screen and (min-width:701px) {
    .account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details .minutes-left {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -o-box-flex: 2;
        -ms-box-flex: 2;
        box-flex: 2;
        -webkit-flex-grow: 2;
        flex-grow: 2
    }

    .account-page .view-calling-plan-details .plan-details-container .details .status-container .progress-details .error-status-text {
        margin-left: auto;
        padding-top: 14px
    }
}

.account-page .main-top-banner {
    display: none
}

.account-page .header-container {
    background-color: #fff;
    padding-bottom: 0
}

.account-page .content-container {
    max-width: 100%;
    padding: 0
}

@media screen and (min-width:701px) {
    .account-page .content-container {
        margin: 0
    }
}

@media screen and (min-width:1080px) {
    .account-page {
        background-color: #f4f4f4
    }

    .account-page .main-top-banner {
        background-size-x: 100%;
        background-size-y: auto;
        background-position-x: center;
        background-repeat: no-repeat;
        color: #fff;
        display: block;
        font-size: 60px;
        font-weight: 300;
        height: 200px;
        line-height: 200px;
        text-align: center;
        vertical-align: middle
    }

    .no-webp .account-page .main-top-banner {
        background-image: url(/img/account/header-cover-image.jpg)
    }

    .webp .account-page .main-top-banner {
        background-image: url(/img/account/header-cover-image.webp)
    }

    .account-page .content-container {
        margin-top: 0
    }
}

.home .view-how-section {
    background-color: #f3f6f8;
    margin: 0 auto;
    padding: 51px 0 53px;
    text-align: center
}

.home .view-how-section .section-title {
    padding-bottom: 53px
}

.home .view-how-section .actions-flow .step {
    display: inline-block;
    vertical-align: top;
    width: 270px
}

.home .view-how-section .actions-flow .step .step-image {
    background-position: 12px 27px;
    background-repeat: no-repeat;
    -webkit-background-size: 243px auto;
    -moz-background-size: 243px auto;
    background-size: 243px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 470px;
    padding: 45px 21px 85px 19px;
    width: 100%
}

.no-webp .home .view-how-section .actions-flow .step .step-image {
    background-image: url(/img/components/how-it-works/phone-bg-violet.png)
}

.webp .home .view-how-section .actions-flow .step .step-image {
    background-image: url(/img/components/how-it-works/phone-bg-violet.webp)
}

.home .view-how-section .actions-flow .step .step-image .preview {
    border-radius: 2px;
    width: 100%
}

.home .view-how-section .actions-flow .step .step-image .animation {
    border-radius: 2px;
    height: auto;
    width: 100%
}

.home .view-how-section .actions-flow .step .step-image .animation+.preview {
    display: none
}

.home .view-how-section .actions-flow .step .step-description {
    padding-top: 20px
}

.home .view-how-section .actions-flow .step .step-description .title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 9px
}

.home .view-how-section .actions-flow .step .step-description .content {
    font-size: 15px;
    line-height: 21px
}

.home .view-how-section .actions-flow .separator {
    display: inline-block;
    margin: 270px 30px 0;
    vertical-align: top
}

.home .view-how-section .actions-flow .separator .separator-image {
    width: 56px
}

html[dir=rtl] .home .view-how-section .actions-flow .separator .separator-image {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (max-width:1079px) {
    .home .view-how-section {
        padding: 46px 18px 58px
    }

    .home .view-how-section .section-title {
        padding-bottom: 32px
    }

    .home .view-how-section .actions-flow .step {
        width: 167px
    }

    .home .view-how-section .actions-flow .step .step-image {
        background-position: 7px 17px;
        -webkit-background-size: 154px auto;
        -moz-background-size: 154px auto;
        background-size: 154px auto;
        height: 300px;
        padding: 29px 11px 53px 12px
    }

    .home .view-how-section .actions-flow .step .step-description .title {
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 5px
    }

    .home .view-how-section .actions-flow .step .step-description .content {
        font-size: 14px;
        line-height: 21px
    }

    .home .view-how-section .actions-flow .separator {
        margin: 166px 15px 0
    }

    .home .view-how-section .actions-flow .separator .separator-image {
        width: 37px
    }
}

@media screen and (max-width:700px) {
    .home .view-how-section {
        padding: 43px 35px
    }

    .home .view-how-section .section-title {
        padding-bottom: 13px
    }

    .home .view-how-section .actions-flow .step {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .home .view-how-section .actions-flow .step .step-image {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        background-position: 8px 18px;
        -webkit-background-size: 163px auto;
        -moz-background-size: 163px auto;
        background-size: 163px auto;
        height: 361px;
        margin: 0 auto;
        -webkit-order: 2;
        order: 2;
        padding: 30px 14px 55px 13px;
        width: 180px
    }

    .home .view-how-section .actions-flow .step .step-description {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding-top: 0
    }

    .home .view-how-section .actions-flow .step .step-description .title {
        font-size: 16px;
        padding-bottom: 3px
    }

    .home .view-how-section .actions-flow .step .step-description .content {
        padding-bottom: 35px
    }

    .home .view-how-section .actions-flow .separator {
        display: block;
        margin: 37px 0
    }

    .home .view-how-section .actions-flow .separator .separator-image {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 37px
    }
}

.home .view-why-section {
    margin: 55px auto 104px;
    text-align: center
}

.home .view-why-section .section-header {
    margin: auto;
    max-width: 650px
}

.home .view-why-section .section-header .sub-title {
    font-size: 15px;
    margin-bottom: 60px;
    margin-top: 8px
}

.home .view-why-section .points {
    margin: auto;
    max-width: 1000px;
    overflow: hidden
}

.home .view-why-section .points .card-points {
    clear: left;
    overflow: hidden;
    padding-top: 53px
}

.home .view-why-section .points .point {
    float: left;
    width: 30%
}

.home .view-why-section .points .point+.point {
    margin-left: 5%
}

.home .view-why-section .points .point .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    height: 55px
}

.home .view-why-section .points .point .icon.contact {
    background-image: url(/img/pages/about/why-section/phone-book.svg)
}

.home .view-why-section .points .point .icon.audio {
    background-image: url(/img/pages/about/why-section/hd-quality.svg)
}

.home .view-why-section .points .point .icon.money {
    background-image: url(/img/pages/about/why-section/money.svg)
}

.home .view-why-section .points .point .icon.globe {
    background-image: url(/img/pages/about/why-section/globe.svg)
}

.home .view-why-section .points .point .icon.star {
    background-image: url(/img/pages/about/why-section/star.svg)
}

.home .view-why-section .points .point .icon.purchase {
    background-image: url(/img/pages/about/why-section/purchase.svg)
}

.home .view-why-section .points .point .description {
    font-size: 15px;
    margin-top: 24px
}

.home .view-why-section .points .point .description h5 {
    font-weight: 700;
    padding-bottom: 5px
}

.home .view-why-section .watch-video-btn {
    margin: 65px auto 0;
    min-width: 240px;
    overflow: hidden;
    padding: 0 10px
}

.home .view-why-section .watch-video-btn .play-img {
    background-position: 98%;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    padding-right: 28px
}

.no-webp .home .view-why-section .watch-video-btn .play-img {
    background-image: url(/img/pages/about/why-section/play-btn.png)
}

.webp .home .view-why-section .watch-video-btn .play-img {
    background-image: url(/img/pages/about/why-section/play-btn.webp)
}

html[dir=rtl] .home .view-why-section .watch-video-btn .play-img {
    background-position: 0;
    padding-left: 28px;
    padding-right: 0
}

@media screen and (max-width:1079px) {
    .home .view-why-section .section-header {
        margin: 0 20px;
        max-width: 100%
    }

    .home .view-why-section .section-header .sub-title {
        margin-bottom: 53px;
        margin-top: 5px
    }

    .home .view-why-section .points {
        margin: auto 5%;
        max-width: 90%
    }

    .home .view-why-section .points .point .description {
        margin-top: 30px
    }

    .home .view-why-section .watch-video-btn {
        margin-top: 74px
    }
}

@media screen and (max-width:700px) {
    .home .view-why-section {
        margin: 42px auto 50px
    }

    .home .view-why-section .section-header .section-title {
        line-height: 31px
    }

    .home .view-why-section .section-header .sub-title {
        line-height: 21px;
        margin-bottom: 60px;
        margin-top: 14px
    }

    .home .view-why-section .points {
        margin: 0 10px;
        max-width: 100%
    }

    .home .view-why-section .points .card-points {
        padding-top: 65px
    }

    .home .view-why-section .points .point {
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        float: none;
        overflow: hidden;
        width: 100%
    }

    .home .view-why-section .points .point+.point {
        margin: 65px 0 0
    }

    .home .view-why-section .points .point .icon {
        height: 50px;
        width: 25%
    }

    .home .view-why-section .points .point .description {
        font-size: 14px;
        line-height: 18px;
        margin-left: 5%;
        margin-top: 0;
        text-align: left;
        width: 70%
    }

    .home .view-why-section .points .point .description h5 {
        padding-bottom: 0
    }

    .home .view-why-section .watch-video-btn {
        margin-top: 47px
    }
}

.home .lightbox-wrap {
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    left: 0;
    outline: none !important;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9990
}

.home .lightbox-wrap,
.home .lightbox-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.home .lightbox-container {
    display: inline-block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    outline: none !important;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
    z-index: 9992
}

.home .lightbox-content {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -ms-transition: -ms-transform .3s ease;
    transition: transform .3s ease;
    width: 100%;
    z-index: 9993
}

.home .lightbox-iframe-container {
    left: 0;
    margin-top: -28.1%;
    overflow: hidden;
    padding-bottom: 56.2%;
    position: absolute;
    right: 0;
    top: 50%
}

.home .lightbox-iframe-container iframe {
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.home .lightbox-close {
    -webkit-appearance: none;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 35px;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    outline: none;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    top: 0;
    width: 35px;
    z-index: 9994
}

html[dir=rtl] .home .lightbox-close {
    left: 0;
    right: auto
}

.home .view-app-browser-layout {
    table-layout: fixed
}

.home #content.content-container {
    color: #323232;
    margin-bottom: 0;
    max-width: none;
    padding: 0
}

.home #content.content-container .section-title {
    font-size: 44px;
    font-weight: 300
}

.home #main-area .notes-container {
    margin: 0 auto;
    padding-top: 20px;
    width: 320px
}

.home #main-area .notes-container .note-item {
    font-size: 12px;
    margin: 0;
    padding-bottom: 9px;
    white-space: normal;
    width: 100%
}

.home #main-area .notes-container .note-item:last-child {
    padding-bottom: 0
}

.home .result-table .rate-value-cell .muted {
    padding-left: 12px
}

.home .view-download-section {
    padding-top: 92px
}

.home .view-download-section .buttons-wrapper {
    padding-top: 25px
}

@media screen and (max-width:1079px) {
    .home #main-area .notes-container {
        padding-top: 17px;
        width: 100%
    }

    .home #main-area .notes-container .note-item {
        padding-bottom: 6px
    }

    .home .view-download-section {
        padding-bottom: 31px;
        padding-top: 42px
    }

    .home .view-download-section .buttons-wrapper {
        padding-top: 15px
    }
}

@media screen and (max-width:700px) {
    .home #content.content-container {
        margin-top: 0
    }

    .home #content.content-container .section-title {
        font-size: 25px
    }

    .home .view-download-section {
        padding-bottom: 60px;
        padding-top: 42px
    }

    .home .view-download-section .buttons-wrapper {
        padding-top: 29px
    }
}

@media (max-width:700px) {
    .is-mobile-hidden {
        display: none !important
    }
}

@media (min-width:701px) and (max-width:1079px) {
    .is-medium-hidden {
        display: none !important
    }
}

@media (min-width:1080px) {
    .is-desktop-hidden {
        display: none !important
    }
}

@media (max-width:1079px) {
    .is-desktop-visible {
        display: none !important
    }
}

.coupon-unavailable.body-coupon-desktop .view-app-browser-layout {
    background-color: #f3f3f3
}

@media (max-height:900px) {
    .coupon-unavailable.body-coupon-desktop .view-app-browser-layout {
        background-color: #fff
    }
}

.coupon-unavailable.body-coupon-desktop #content,
.coupon-unavailable.body-coupon-desktop .header-container {
    background-color: #fff
}

.coupon-unavailable.body-coupon-desktop #content {
    margin-top: 0;
    max-width: none;
    overflow-x: hidden
}

.coupon-unavailable .container-wrapper {
    background-color: #fff;
    overflow: hidden
}

.coupon-unavailable #page .page-row.page-row-expanded .content-container {
    margin-bottom: 0
}

.coupon-unavailable .coupon-unavailable-modal {
    border-radius: 3px;
    line-height: 1.2em
}

.coupon-unavailable .coupon-unavailable-modal header {
    margin: 0
}

html[dir=rtl] .coupon-unavailable .coupon-unavailable-modal header {
    text-align: left
}

.coupon-unavailable .coupon-unavailable-modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.coupon-unavailable .coupon-unavailable-modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

.coupon-unavailable .coupon-unavailable-modal header {
    border-bottom: 1px solid #c9c9c9;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    text-align: left
}

@media (min-width:701px) {
    .coupon-unavailable .coupon-unavailable-modal header {
        height: 60px;
        line-height: 60px;
        padding: 0 30px;
        text-align: center
    }
}

.coupon-unavailable .coupon-unavailable-modal header h3 {
    color: #323232;
    font-size: 17px
}

@media (min-width:701px) {
    .coupon-unavailable .coupon-unavailable-modal header h3 {
        font-size: 16px
    }
}

.coupon-unavailable .coupon-unavailable-modal header .close {
    position: absolute;
    right: 20px;
    top: 20px
}

@media (min-width:701px) {
    .coupon-unavailable .coupon-unavailable-modal header .close {
        right: 25px;
        top: 25px
    }
}

.coupon-unavailable .coupon-unavailable-modal section {
    font-size: 14px;
    padding: 18px 0 0
}

@media (min-width:701px) {
    .coupon-unavailable .coupon-unavailable-modal section {
        font-size: 14px;
        padding: 36px 0 0
    }
}

.coupon-unavailable .coupon-unavailable-modal section p {
    color: #323232;
    padding: 0 20px
}

@media (min-width:701px) {
    .coupon-unavailable .coupon-unavailable-modal section p {
        padding: 0 30px
    }
}

.coupon-unavailable .coupon-unavailable-modal section img {
    display: block;
    margin: 30px auto 0
}

.coupon-unavailable .coupon-unavailable-modal section img.android {
    width: 286px
}

.coupon-unavailable .coupon-unavailable-modal section img.ios {
    width: 270px
}

@media (min-width:701px) {
    .coupon-unavailable .coupon-unavailable-modal section img.android {
        width: 330px
    }

    .coupon-unavailable .coupon-unavailable-modal section img.ios {
        width: 280px
    }
}

.view-coupon-unavailable-mobile .btn-green,
.view-coupon-unavailable-mobile .btn-purple,
.view-coupon-unavailable .btn-green,
.view-coupon-unavailable .btn-purple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 21px;
    height: 53px;
    line-height: 53px;
    padding: 0 18px;
    width: 275px
}

.view-coupon-unavailable {
    height: 550px;
    margin: 48px auto 30px;
    max-width: 1024px;
    position: relative
}

.view-coupon-unavailable .content {
    width: 370px
}

.view-coupon-unavailable .content h3 {
    font-size: 21px;
    font-weight: weight;
    padding: 46px 0 15px
}

.view-coupon-unavailable .content p {
    font-size: 17px;
    padding-bottom: 20px
}

.view-coupon-unavailable .content button {
    background-color: transparent;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: inherit;
    position: relative;
    vertical-align: middle;
    z-index: 11
}

.view-coupon-unavailable .content button>span {
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
    white-space: nowrap
}

.view-coupon-unavailable .content button>svg {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.view-coupon-unavailable .content button>svg>g {
    fill: #73c538;
    stroke-width: 0
}

.view-coupon-unavailable .content button:active,
.view-coupon-unavailable .content button:focus,
.view-coupon-unavailable .content button:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.view-coupon-unavailable .content button:active>svg>g {
    fill: #73c538
}

.view-coupon-unavailable .content button[disabled] {
    cursor: default !important;
    -ms-filter: none;
    filter: none;
    opacity: 1
}

.view-coupon-unavailable .content button[disabled]>span,
.view-coupon-unavailable .content button[disabled]>svg>g {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.view-coupon-unavailable .content button.is-border-only {
    color: #73c538
}

.view-coupon-unavailable .content button.is-border-only>svg>g {
    fill: none;
    stroke: #73c538;
    stroke-width: 1
}

.view-coupon-unavailable .content button.is-border-only:active span {
    color: #73c538
}

.view-coupon-unavailable .content button.is-border-only:active svg>g {
    stroke: #73c538
}

.view-coupon-unavailable .content .side-image {
    background-image: url(/img/coupons/coupon-unavailable.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 840px 550px;
    -moz-background-size: 840px 550px;
    background-size: 840px 550px;
    height: 550px;
    left: 370px;
    position: absolute;
    top: 0;
    width: 840px
}

.view-coupon-unavailable .content .qr-code {
    padding-bottom: 37px
}

.view-coupon-unavailable-mobile {
    color: #323232;
    text-align: center
}

.view-coupon-unavailable-mobile h3 {
    font-size: 25px;
    padding: 11px 0 0
}

@media (min-width:701px) {
    .view-coupon-unavailable-mobile h3 {
        font-size: 42px;
        padding: 40px 59px 0
    }
}

.view-coupon-unavailable-mobile p {
    color: #888;
    font-size: 14px;
    line-height: 1.2em;
    padding: 5px 0 28px
}

@media (min-width:701px) {
    .view-coupon-unavailable-mobile p {
        font-size: 16px;
        padding: 12px 59px 36px
    }
}

.view-coupon-unavailable-mobile .btn-green,
.view-coupon-unavailable-mobile .btn-purple {
    display: block
}

.view-coupon-unavailable-mobile .btn-green.coupon,
.view-coupon-unavailable-mobile .btn-purple.coupon {
    margin: 0 auto 21px
}

.view-coupon-unavailable-mobile .btn-green.download,
.view-coupon-unavailable-mobile .btn-purple.download {
    margin: 0 auto 30px
}

@media (min-width:701px) {

    .view-coupon-unavailable-mobile .btn-green.coupon,
    .view-coupon-unavailable-mobile .btn-purple.coupon {
        margin: 0 auto 24px
    }

    .view-coupon-unavailable-mobile .btn-green.credit,
    .view-coupon-unavailable-mobile .btn-purple.credit {
        margin: 0 auto 50px
    }
}

.view-coupon-unavailable-mobile img {
    margin-bottom: 50px;
    width: 100%
}

@media (min-width:701px) {
    .view-coupon-unavailable-mobile img {
        margin-bottom: 40px
    }
}

.view-coupon-unavailable-mobile .code {
    color: #5db835;
    padding-bottom: 18px
}

.view-how-to-call {
    color: #323232;
    font-size: 15px;
    line-height: 1.5
}

.view-how-to-call strong {
    font-size: 15px;
    font-weight: 500
}

.view-how-to-call.call-from-to section.header .header-content h1 {
    font-size: 30px
}

@media screen and (min-width:701px) {
    .view-how-to-call.call-from-to section.header .header-content h1 {
        font-size: 50px
    }
}

html[dir=rtl] .view-how-to-call.call-from-to section.header .header-content .country-flags-container {
    direction: ltr
}

html[dir=rtl] .view-how-to-call.call-from-to section.header .header-content .country-flags-container,
html[dir=rtl] .view-how-to-call.call-from-to section.header .header-content .country-flags-container .country-flag {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.view-how-to-call section.header {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 180px
}

.no-webp .view-how-to-call section.header {
    background-image: url(/img/pages/country/header-backgrounds/mobile.jpg)
}

.webp .view-how-to-call section.header {
    background-image: url(/img/pages/country/header-backgrounds/mobile.webp)
}

@media screen and (min-width:701px) {
    .no-webp .view-how-to-call section.header {
        background-image: url(/img/pages/country/header-backgrounds/medium.jpg)
    }

    .webp .view-how-to-call section.header {
        background-image: url(/img/pages/country/header-backgrounds/medium.webp)
    }
}

@media screen and (min-width:1080px) {
    .no-webp .view-how-to-call section.header {
        background-image: url(/img/pages/country/header-backgrounds/desktop.jpg)
    }

    .webp .view-how-to-call section.header {
        background-image: url(/img/pages/country/header-backgrounds/desktop.webp)
    }
}

.view-how-to-call section.header h1 {
    color: #fff;
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call section.header {
        min-height: 200px
    }
}

.view-how-to-call section.header .header-content {
    padding: 18px 40px
}

.view-how-to-call section.header h1 {
    font-size: 36px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.header h1 {
        font-size: 44px
    }
}

.view-how-to-call section.header .country-flags-container {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 60px 30px;
    background-repeat: no-repeat;
    -webkit-background-size: 30%;
    -moz-background-size: 30%;
    background-size: 30%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: auto;
    width: 170px
}

.no-webp .view-how-to-call section.header .country-flags-container {
    background-image: url(/img/how-to-call/arrow.png)
}

.webp .view-how-to-call section.header .country-flags-container {
    background-image: url(/img/how-to-call/arrow.webp)
}

.view-how-to-call section.header .country-flags-container .country-flag {
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:701px) {
    .view-how-to-call section.header .country-flags-container {
        background-position: 82px 36px;
        -webkit-background-size: 27%;
        -moz-background-size: 27%;
        background-size: 27%;
        width: 225px
    }
}

.view-how-to-call section.header .country-flag {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 50px;
    margin: 20px auto auto;
    width: 50px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.header .country-flag {
        height: 65px;
        width: 65px
    }
}

.view-how-to-call section.see-rates {
    padding: 50px 35px;
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call section.see-rates p {
        margin: auto
    }

    .view-how-to-call section.see-rates p span {
        display: block
    }

    .view-how-to-call section.see-rates p .first-item {
        padding-bottom: 5px
    }
}

.view-how-to-call section.see-rates p.last {
    padding-top: 12px
}

.view-how-to-call section.see-rates .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    width: 100%
}

@media screen and (min-width:701px) {
    .view-how-to-call section.see-rates {
        padding: 55px 40px
    }

    .view-how-to-call section.see-rates .btn {
        margin-top: 65px;
        min-width: 300px;
        width: auto
    }
}

.view-how-to-call section.images {
    background-color: #f1f3f6;
    padding: 40px 35px;
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call section.images {
        padding: 60px 45px 55px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call section.images {
        padding: 60px 0 50px
    }
}

.view-how-to-call section.images h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 30px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.images h2 {
        font-size: 44px
    }
}

.view-how-to-call section.images h2 span {
    display: block
}

@media screen and (min-width:701px) {
    .view-how-to-call section.images h2 {
        margin: 0 auto 55px;
        width: 400px
    }

    .view-how-to-call section.images h2 span {
        display: inline
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call section.images h2 {
        width: auto
    }

    .view-how-to-call section.images h2 span {
        display: block
    }
}

.view-how-to-call section.images .figures-list {
    margin: auto;
    width: 100%
}

@media screen and (min-width:1080px) {
    .view-how-to-call section.images .figures-list {
        max-width: 1150px
    }
}

.view-how-to-call section.images .figures-list figure {
    margin: 0 0 90px;
    max-width: 100%
}

.view-how-to-call section.images .figures-list figure:last-child {
    margin: 0
}

@media screen and (min-width:701px) {
    .view-how-to-call section.images .figures-list figure {
        display: inline-block;
        margin: 0;
        padding: 0 5px;
        vertical-align: top;
        width: 30%
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call section.images .figures-list figure {
        width: 30%
    }
}

.view-how-to-call section.images .figures-list figure i.icon {
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 375px;
    margin: auto;
    width: 195px
}

.no-webp .view-how-to-call section.images .figures-list figure i.icon.nums {
    background-image: url(/img/how-to-call/small/nums.png)
}

.webp .view-how-to-call section.images .figures-list figure i.icon.nums {
    background-image: url(/img/how-to-call/small/nums.webp)
}

.no-webp .view-how-to-call section.images .figures-list figure i.icon.vo {
    background-image: url(/img/how-to-call/small/vo.png)
}

.webp .view-how-to-call section.images .figures-list figure i.icon.vo {
    background-image: url(/img/how-to-call/small/vo.webp)
}

.no-webp .view-how-to-call section.images .figures-list figure i.icon.chat {
    background-image: url(/img/how-to-call/small/chat.png)
}

.webp .view-how-to-call section.images .figures-list figure i.icon.chat {
    background-image: url(/img/how-to-call/small/chat.webp)
}

@media screen and (min-width:1080px) {
    .view-how-to-call section.images .figures-list figure i.icon {
        height: 605px;
        width: 310px
    }

    .no-webp .view-how-to-call section.images .figures-list figure i.icon.nums {
        background-image: url(/img/how-to-call/large/nums.png)
    }

    .webp .view-how-to-call section.images .figures-list figure i.icon.nums {
        background-image: url(/img/how-to-call/large/nums.webp)
    }

    .no-webp .view-how-to-call section.images .figures-list figure i.icon.vo {
        background-image: url(/img/how-to-call/large/vo.png)
    }

    .webp .view-how-to-call section.images .figures-list figure i.icon.vo {
        background-image: url(/img/how-to-call/large/vo.webp)
    }

    .no-webp .view-how-to-call section.images .figures-list figure i.icon.chat {
        background-image: url(/img/how-to-call/large/chat.png)
    }

    .webp .view-how-to-call section.images .figures-list figure i.icon.chat {
        background-image: url(/img/how-to-call/large/chat.webp)
    }
}

.view-how-to-call section.images .figures-list figure figcaption {
    font-size: 16px;
    line-height: 21px;
    padding-top: 5px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.images .figures-list figure figcaption {
        padding-top: 23px
    }
}

.view-how-to-call section.images .figures-list figure figcaption span.phone {
    white-space: nowrap
}

.view-how-to-call section.tips {
    padding: 58px 35px 0;
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call section.tips {
        padding: 66px 65px 0
    }
}

@media screen and (min-width:1079px) {
    .view-how-to-call section.tips {
        margin: 0 auto;
        max-width: 1038px;
        padding: 65px 0 0
    }
}

.view-how-to-call section.tips .section-title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.1;
    padding-bottom: 9px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.tips .section-title {
        font-size: 44px;
        padding-bottom: 23px
    }
}

.view-how-to-call section.tips .description {
    font-size: 17px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.tips .description {
        font-size: 20px;
        line-height: 23px
    }
}

.view-how-to-call section.tips .description,
.view-how-to-call section.tips .section-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 270px
}

@media screen and (min-width:701px) {

    .view-how-to-call section.tips .description,
    .view-how-to-call section.tips .section-title {
        max-width: 550px
    }
}

@media screen and (min-width:1079px) {

    .view-how-to-call section.tips .description,
    .view-how-to-call section.tips .section-title {
        max-width: 100%
    }
}

.view-how-to-call section.tips p {
    text-align: left
}

html[dir=rtl] .view-how-to-call section.tips p {
    text-align: right
}

@media screen and (min-width:1079px) {
    .view-how-to-call section.tips p {
        max-width: 953px
    }
}

.view-how-to-call section.tips p.sub-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 4px;
    margin-top: 40px
}

@media screen and (min-width:701px) {
    .view-how-to-call section.tips p.sub-title {
        font-size: 25px;
        margin-bottom: 15px;
        margin-top: 50px
    }
}

.view-how-to-call section.tips .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:701px) {
    .view-how-to-call section.tips .btn {
        margin: 68px auto 0;
        min-width: 370px;
        width: auto
    }
}

.view-how-to-call section .c-download-section {
    padding: 70px 35px 75px
}

.view-how-to-call section .c-download-section .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

@media screen and (min-width:701px) {
    .view-how-to-call section .c-download-section .btn {
        width: auto
    }
}

.how-to-call-page #content.content-container,
.page-call-abroad #content.content-container {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    padding: 0
}

.view-how-to-call-widget-layout section.header-section {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 240px;
    -webkit-justify-content: center;
    justify-content: center
}

.no-webp .view-how-to-call-widget-layout section.header-section {
    background-image: url(/img/pages/country/header-backgrounds/mobile.jpg)
}

.webp .view-how-to-call-widget-layout section.header-section {
    background-image: url(/img/pages/country/header-backgrounds/mobile.webp)
}

@media screen and (min-width:701px) {
    .no-webp .view-how-to-call-widget-layout section.header-section {
        background-image: url(/img/pages/country/header-backgrounds/medium.jpg)
    }

    .webp .view-how-to-call-widget-layout section.header-section {
        background-image: url(/img/pages/country/header-backgrounds/medium.webp)
    }
}

@media screen and (min-width:1080px) {
    .no-webp .view-how-to-call-widget-layout section.header-section {
        background-image: url(/img/pages/country/header-backgrounds/desktop.jpg)
    }

    .webp .view-how-to-call-widget-layout section.header-section {
        background-image: url(/img/pages/country/header-backgrounds/desktop.webp)
    }
}

.view-how-to-call-widget-layout section.header-section h1 {
    color: #fff;
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.header-section {
        height: 212px
    }
}

.view-how-to-call-widget-layout section.header-section h1 {
    font-size: 25px;
    font-weight: 500
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.header-section h1 {
        font-size: 44px;
        font-weight: 400;
        line-height: 50px
    }
}

.view-how-to-call-widget-layout .tips-section-container {
    background-color: #f3f6f8
}

.view-how-to-call-widget-layout section.tips {
    padding: 58px 35px 80px;
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.tips {
        padding: 66px 65px 0
    }
}

@media screen and (min-width:1079px) {
    .view-how-to-call-widget-layout section.tips {
        margin: 0 auto;
        max-width: 1038px;
        padding: 65px 0 0
    }
}

.view-how-to-call-widget-layout section.tips .section-title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.1;
    padding-bottom: 9px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.tips .section-title {
        font-size: 44px;
        padding-bottom: 23px
    }
}

.view-how-to-call-widget-layout section.tips .description {
    font-size: 17px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.tips .description {
        font-size: 20px;
        line-height: 23px
    }
}

.view-how-to-call-widget-layout section.tips .description,
.view-how-to-call-widget-layout section.tips .section-title {
    margin-left: auto;
    margin-right: auto;
    max-width: 270px
}

@media screen and (min-width:701px) {

    .view-how-to-call-widget-layout section.tips .description,
    .view-how-to-call-widget-layout section.tips .section-title {
        max-width: 550px
    }
}

@media screen and (min-width:1079px) {

    .view-how-to-call-widget-layout section.tips .description,
    .view-how-to-call-widget-layout section.tips .section-title {
        max-width: 100%
    }
}

.view-how-to-call-widget-layout section.tips p {
    text-align: left
}

html[dir=rtl] .view-how-to-call-widget-layout section.tips p {
    text-align: right
}

@media screen and (min-width:1079px) {
    .view-how-to-call-widget-layout section.tips p {
        max-width: 953px
    }
}

.view-how-to-call-widget-layout section.tips p.sub-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 4px;
    margin-top: 40px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.tips p.sub-title {
        font-size: 25px;
        margin-bottom: 15px;
        margin-top: 50px
    }
}

.view-how-to-call-widget-layout section.tips .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget-layout section.tips .btn {
        margin: 68px auto 0;
        min-width: 370px;
        width: auto
    }

    .view-how-to-call-widget-layout section.tips {
        padding-bottom: 94px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget-layout section.tips {
        padding-bottom: 75px
    }
}

.view-how-to-call-widget-layout .c-country-select .countries-list-container ul {
    height: 210px
}

.view-how-to-call-widget {
    color: #323232;
    padding: 40px 22px 72px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget {
        padding: 58px 44px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget {
        padding: 100px 44px 58px
    }
}

.view-how-to-call-widget h2 {
    text-align: center
}

.view-how-to-call-widget h2.header {
    font-size: 25px;
    line-height: 31px;
    padding-bottom: 26px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget h2.header {
        font-size: 44px;
        font-weight: 300;
        line-height: 46px;
        margin: auto;
        max-width: 640px
    }
}

.view-how-to-call-widget p {
    font-size: 15px;
    line-height: 18px;
    text-align: left
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget p {
        margin: auto;
        max-width: 640px;
        text-align: center
    }
}

.view-how-to-call-widget p.header {
    padding-bottom: 40px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget p.header {
        padding-bottom: 80px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget p.header {
        line-height: 20px;
        padding-bottom: 84px
    }
}

.view-how-to-call-widget label {
    direction: ltr;
    display: block;
    font-size: 20px;
    padding-bottom: 11px;
    text-align: left
}

html[dir=rtl] .view-how-to-call-widget label {
    text-align: right
}

.view-how-to-call-widget .country-selector {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 88px;
    padding: 0 18px;
    position: relative;
    text-align: left
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .country-selector {
        margin-bottom: 0
    }
}

.view-how-to-call-widget .country-selector:after {
    background-image: url(/img/icons/svg/down-arrow-323232.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    content: "";
    height: 6px;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 8px
}

.view-how-to-call-widget .image-container {
    margin: auto;
    position: relative;
    text-align: center;
    width: 242px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .image-container {
        margin: 7px 0 0 44px;
        width: 262px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget .image-container {
        margin: 0;
        width: 268px
    }
}

.view-how-to-call-widget .image-container img {
    margin-bottom: 24px;
    width: 100%
}

.view-how-to-call-widget .image-container .phone-number {
    direction: ltr;
    font-size: 18px;
    left: 18px;
    position: absolute;
    top: 160px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .image-container .phone-number {
        left: 20px;
        top: 180px
    }
}

.view-how-to-call-widget .tips-text {
    color: #54c0d4;
    font-size: 15px;
    font-weight: 500;
    margin: auto;
    text-align: center;
    width: 260px
}

html[dir=rtl] .view-how-to-call-widget .tips-text {
    text-align: center
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .tips-text {
        width: 504px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget .tips-text {
        background-color: #54c0d4;
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 15px;
        font-weight: 300;
        left: 290px;
        line-height: 19px;
        padding: 24px 30px;
        position: absolute;
        text-align: left;
        top: 210px;
        width: 310px
    }

    html[dir=rtl] .view-how-to-call-widget .tips-text {
        text-align: right
    }

    .view-how-to-call-widget .tips-text:after {
        border-bottom: 8px solid transparent;
        border-right: 8px solid #54c0d4;
        border-top: 8px solid transparent;
        content: "";
        height: 0;
        left: -8px;
        position: absolute;
        top: 20px;
        width: 0
    }

    .view-how-to-call-widget .widget-tips-container {
        margin: auto;
        position: relative;
        width: 268px
    }
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .widget-tips-container .widget-body {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget .widget-tips-container .widget-body {
        margin: auto;
        position: relative
    }
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .widget-tips-container .widget-body .selector-block {
        padding: 124px 0 20px;
        width: 272px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget .widget-tips-container .widget-body .selector-block {
        left: -328px;
        padding: 116px 0 20px;
        position: absolute
    }
}

.view-how-to-call-widget .bottom-description {
    padding-bottom: 56px;
    padding-top: 60px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .bottom-description {
        margin: auto;
        padding-bottom: 54px
    }
}

@media screen and (min-width:1080px) {
    .view-how-to-call-widget .bottom-description {
        padding-bottom: 80px;
        padding-top: 20px
    }
}

.view-how-to-call-widget .bottom-description h2 {
    font-size: 20px;
    padding-bottom: 34px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .bottom-description h2 {
        line-height: 22px;
        margin: auto;
        padding-bottom: 22px
    }
}

.view-how-to-call-widget .bottom-description p {
    line-height: 16px
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .bottom-description p {
        line-height: 20px
    }
}

.view-how-to-call-widget .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

@media screen and (min-width:701px) {
    .view-how-to-call-widget .btn {
        width: 320px
    }

    .view-how-to-call-widget .bottom-link-container {
        text-align: center
    }
}

.view-rate-index {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.view-rate-index .view-rate-index-alphabet {
    position: relative
}

.view-rate-index .c-loading {
    height: 70px
}

@media screen and (min-width:701px) {
    .view-rate-index .c-loading {
        height: 90px
    }
}

.view-rate-index section {
    margin: auto
}

.view-rate-index section.header {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 100px;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: none;
    text-align: center
}

.no-webp .view-rate-index section.header {
    background-image: url(/img/rate-index/background/mobile.jpg)
}

.webp .view-rate-index section.header {
    background-image: url(/img/rate-index/background/mobile.webp)
}

@media screen and (min-width:701px) {
    .view-rate-index section.header {
        height: 150px
    }

    .no-webp .view-rate-index section.header {
        background-image: url(/img/rate-index/background/desktop.jpg)
    }

    .webp .view-rate-index section.header {
        background-image: url(/img/rate-index/background/desktop.webp)
    }
}

.view-rate-index section.header h1 {
    color: #fff;
    font-size: 25px;
    margin: auto
}

@media screen and (min-width:701px) {
    .view-rate-index section.header h1 {
        font-size: 45px
    }
}

.view-rate-index section.header h3 {
    color: #fff;
    font-size: 15px;
    line-height: 1em;
    margin: auto 20px
}

@media screen and (min-width:701px) {
    .view-rate-index section.header h3 {
        font-size: 20px;
        margin: auto;
        width: 500px
    }
}

@media screen and (min-width:1080px) {
    .view-rate-index section.header h3 {
        width: 960px
    }
}

.view-rate-index .view-rate-index-alphabet {
    height: 70px
}

.view-rate-index .view-rate-index-alphabet.desktop .alphabet-container {
    margin: 0 30px;
    overflow-x: hidden
}

.view-rate-index .view-rate-index-alphabet.desktop .alphabet-container ul {
    padding: 0
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-alphabet {
        height: 90px
    }
}

.view-rate-index .view-rate-index-alphabet .alphabet-space.fixed {
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-alphabet .alphabet-space {
        border-bottom: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .view-rate-index .view-rate-index-alphabet .alphabet-space.fixed {
        border-top: none
    }

    .view-rate-index .view-rate-index-alphabet .alphabet-space .alphabet-center {
        margin-left: auto;
        margin-right: auto;
        max-width: 1130px
    }
}

.view-rate-index .view-rate-index-alphabet .navigation {
    position: relative;
    width: 100%
}

.view-rate-index .view-rate-index-alphabet .alphabet-container {
    height: 70px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    z-index: 1
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-alphabet .alphabet-container {
        height: 90px
    }
}

.view-rate-index .view-rate-index-alphabet .alphabet-container ul {
    padding: 0 27px;
    position: absolute;
    white-space: nowrap
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-alphabet .alphabet-container ul {
        padding: 0
    }
}

.view-rate-index .view-rate-index-alphabet .move {
    background-color: #fff;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 15px;
    -moz-background-size: 10px 15px;
    background-size: 10px 15px;
    cursor: pointer;
    font-size: 22px;
    font-style: normal;
    height: 90px;
    line-height: 90px;
    position: absolute;
    top: 0;
    width: 10px
}

.no-webp .view-rate-index .view-rate-index-alphabet .move.disabled.back {
    background-image: url(/img/rate-index/arrow-lt-disabled.png)
}

.webp .view-rate-index .view-rate-index-alphabet .move.disabled.back {
    background-image: url(/img/rate-index/arrow-lt-disabled.webp)
}

.no-webp .view-rate-index .view-rate-index-alphabet .move.disabled.forward {
    background-image: url(/img/rate-index/arrow-gt-disabled.png)
}

.webp .view-rate-index .view-rate-index-alphabet .move.disabled.forward {
    background-image: url(/img/rate-index/arrow-gt-disabled.webp)
}

.view-rate-index .view-rate-index-alphabet .move.back {
    background-position: 0;
    left: 12px;
    padding: 0 20px 0 0
}

.no-webp .view-rate-index .view-rate-index-alphabet .move.back {
    background-image: url(/img/rate-index/arrow-lt.png)
}

.webp .view-rate-index .view-rate-index-alphabet .move.back {
    background-image: url(/img/rate-index/arrow-lt.webp)
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-alphabet .move.back {
        left: 0
    }
}

.view-rate-index .view-rate-index-alphabet .move.forward {
    background-position: 100%;
    padding: 0 0 0 20px;
    right: 12px
}

.no-webp .view-rate-index .view-rate-index-alphabet .move.forward {
    background-image: url(/img/rate-index/arrow-gt.png)
}

.webp .view-rate-index .view-rate-index-alphabet .move.forward {
    background-image: url(/img/rate-index/arrow-gt.webp)
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-alphabet .move.forward {
        right: 0
    }
}

.view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index {
    display: inline-block;
    font-size: 25px;
    line-height: 70px
}

.view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index a:active {
    color: #8075d6
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index a:hover {
        color: #8075d6
    }
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index {
        font-size: 30px;
        line-height: 90px
    }
}

.view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index a {
    color: #323232;
    padding: 0 9px
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index a {
        padding: 0 11.5px
    }
}

.view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index:first-child a {
    padding-left: 0
}

.view-rate-index .view-rate-index-alphabet .view-rate-index-letter-index:last-child a {
    padding-right: 0
}

.view-rate-index.loading .view-rate-index-country-block-list {
    margin-bottom: 0
}

.view-rate-index .view-rate-index-country-block-list {
    margin-bottom: 50px
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-country-block-list {
        margin-bottom: 95px
    }
}

.view-rate-index .view-rate-index-countries-block {
    line-height: 40px;
    padding: 0 12px
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-countries-block {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
        max-width: 1130px;
        padding: 0
    }
}

.view-rate-index .view-rate-index-countries-block .country-block-header {
    border-bottom: 1px solid #d1d1d1;
    color: #888;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 0 15px
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-countries-block .country-block-header {
        padding: 0 30px
    }
}

.view-rate-index .view-rate-index-countries-block .country-block-header .section-letter {
    font-size: 25px
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-countries-block .country-block-header .section-letter {
        font-size: 42px;
        line-height: 70px
    }
}

.view-rate-index .view-rate-index-countries-block .country-block-header .from-label {
    display: inline-block;
    font-size: 14px;
    padding-top: 4px
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-countries-block .country-block-header .from-label {
        font-size: 16px;
        padding-top: 16px
    }
}

.view-rate-index .view-rate-index-countries-block .country-block-header .left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.view-rate-index .view-rate-index-countries-block .country-block-header .right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right
}

html[dir=rtl] .view-rate-index .view-rate-index-countries-block .country-block-header .right {
    text-align: left
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country {
    color: #323232;
    line-height: 18px
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country:active,
.view-rate-index .view-rate-index-countries-block .view-rate-index-country:hover {
    background: #f1f3f6
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-countries-block .view-rate-index-country {
        font-size: 16px;
        height: 44px;
        line-height: 44px
    }
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 11px 15px;
    width: 100%
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container {
        padding: 0 15px
    }
}

@media screen and (min-width:1080px) {
    .view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container {
        padding: 0 30px
    }
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container:active .country-name,
.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container:hover .country-name {
    color: #8075d6;
    text-decoration: underline
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container .country-name {
    display: inline-block
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container .left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (min-width:701px) {
    .view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container .left {
        line-height: 44px
    }
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container .left .prefix {
    color: #888
}

.view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container .right {
    text-align: right
}

html[dir=rtl] .view-rate-index .view-rate-index-countries-block .view-rate-index-country .country-link-container .right {
    text-align: left
}

.page-rates-index .content-container {
    max-width: none;
    padding: 0
}

.page-rates-index #content.content-container {
    margin-bottom: 0
}

.page-rates-index .view-app-browser-layout {
    table-layout: fixed
}

.view-rate-index-country .right {
    -webkit-flex: 1 0 auto !important;
    -ms-flex: 1 0 auto !important;
    flex: 1 0 auto !important
}

.view-processing-loader {
    background-color: #666;
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1002
}

.view-processing-loader .loader-box {
    height: 24px;
    margin-top: 20px
}

.view-processing-loader .loader-box .spinner-background {
    background: transparent
}

.view-processing-loader .payment-processing-status-box {
    color: #4e4e4e;
    display: table;
    height: 130px;
    margin: -65px auto;
    position: relative;
    top: 50%;
    width: 240px;
    z-index: 110
}

.no-webp .view-processing-loader .payment-processing-status-box {
    background-image: url(/img/processing-status-box-bg.png)
}

.webp .view-processing-loader .payment-processing-status-box {
    background-image: url(/img/processing-status-box-bg.webp)
}

.view-processing-loader .payment-processing-status-box .text {
    font-size: 15px;
    margin-top: 10px;
    text-align: center
}

.view-processing-loader .payment-processing-status-box .wait {
    margin-top: 10px
}

.view-processing-loader .payment-processing-status-box .loading-indicate {
    margin: 15px auto 0
}

.country-page .view-header-section {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #fff;
    padding: 30px 63px 26px
}

.no-webp .country-page .view-header-section {
    background-image: url(/img/pages/country/header-backgrounds/desktop.jpg)
}

.webp .country-page .view-header-section {
    background-image: url(/img/pages/country/header-backgrounds/desktop.webp)
}

html[dir=rtl] .country-page .view-header-section {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.country-page .view-header-section .header-content {
    color: #fff;
    margin: 0 auto;
    max-width: 928px
}

html[dir=rtl] .country-page .view-header-section .header-content {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.country-page .view-header-section .header-content .country-flag-container {
    float: left
}

html[dir=rtl] .country-page .view-header-section .header-content .country-flag-container {
    float: right
}

.country-page .view-header-section .header-content .country-flag-container .country-flag {
    background-repeat: no-repeat;
    -webkit-background-size: auto 66px;
    -moz-background-size: auto 66px;
    background-size: auto 66px;
    display: inline-block;
    height: 66px;
    width: 73px
}

html[dir=rtl] .country-page .view-header-section .header-content .country-flag-container .country-flag {
    background-position: 100%
}

.country-page .view-header-section .header-content .title-container {
    float: left;
    padding: 0 0 0 5px
}

html[dir=rtl] .country-page .view-header-section .header-content .title-container {
    float: right;
    padding: 0 5px 0 0
}

.country-page .view-header-section .header-content .title-container h1 {
    color: #fff;
    font-size: 33px;
    font-weight: 700
}

.country-page .view-header-section .header-content .title-container h3 {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 15px
}

.country-page .view-header-section .header-content .title-container h3 .rate {
    display: inline-block;
    white-space: nowrap
}

.country-page .view-header-section .header-content .title-container h3 .rate .rate-currency {
    display: inline-block;
    padding-left: 5px
}

.country-page .view-header-section .header-content h4 {
    clear: both;
    font-size: 16px
}

@media screen and (max-width:1079px) {
    .no-webp .country-page .view-header-section {
        background-image: url(/img/pages/country/header-backgrounds/medium.jpg)
    }

    .webp .country-page .view-header-section {
        background-image: url(/img/pages/country/header-backgrounds/medium.webp)
    }
}

@media screen and (max-width:700px) {
    .country-page .view-header-section {
        background-color: #48c3ce;
        background-image: none;
        padding: 28px 20px
    }

    .no-webp .country-page .view-header-section {
        background-image: url(/img/pages/country/header-backgrounds/mobile.jpg)
    }

    .webp .country-page .view-header-section {
        background-image: url(/img/pages/country/header-backgrounds/mobile.webp)
    }

    .country-page .view-header-section .header-content {
        text-align: center
    }

    .country-page .view-header-section .header-content .country-flag-container,
    .country-page .view-header-section .header-content .title-container {
        display: inline-block;
        float: none
    }

    html[dir=rtl] .country-page .view-header-section .header-content .country-flag-container,
    html[dir=rtl] .country-page .view-header-section .header-content .title-container {
        float: none
    }

    .country-page .view-header-section .header-content .country-flag-container .country-flag {
        -webkit-background-size: auto 18px;
        -moz-background-size: auto 18px;
        background-size: auto 18px;
        height: 18px;
        width: 18px
    }

    .country-page .view-header-section .header-content .title-container h1 {
        display: inline-block;
        font-size: 20px;
        font-weight: 500
    }

    .country-page .view-header-section .header-content .title-container h3 {
        display: inline-block;
        font-size: 15px;
        padding-bottom: 0
    }

    .country-page .view-header-section .header-content h4 {
        font-size: 15px
    }
}

.country-page .view-all-rates-section {
    background-color: #f3f6f8
}

.country-page .view-all-rates-section .wrapper {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    background-position: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 510px;
    -moz-background-size: 510px;
    background-size: 510px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 562px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 945px;
    padding: 0 30px;
    text-align: left
}

.no-webp .country-page .view-all-rates-section .wrapper {
    background-image: url(/img/pages/country/all-rates-section/country-desktop-2019.jpg)
}

.webp .country-page .view-all-rates-section .wrapper {
    background-image: url(/img/pages/country/all-rates-section/country-desktop-2019.webp)
}

html[dir=rtl] .country-page .view-all-rates-section .wrapper {
    background-position: 0;
    text-align: right
}

.country-page .view-all-rates-section .section-title {
    max-width: 388px
}

.country-page .view-all-rates-section .description {
    color: #323232;
    font-size: 15px;
    margin-bottom: 31px;
    margin-top: 13px;
    max-width: 388px
}

.country-page .view-all-rates-section .see-rates-btn {
    max-width: 280px;
    min-width: 212px
}

.country-page .view-all-rates-section .how-to-call-link {
    display: block;
    font-size: 15px;
    margin-top: 26px;
    max-width: 370px
}

.country-page .view-all-rates-section .how-to-call-link:hover {
    text-decoration: underline
}

@media screen and (max-width:950px) {
    .country-page .view-all-rates-section {
        font-size: 14px;
        padding: 40px 0
    }

    .country-page .view-all-rates-section .wrapper {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -o-box-pack: start;
        -ms-flex-pack: start;
        background-position: bottom;
        -webkit-background-size: 260px;
        -moz-background-size: 260px;
        background-size: 260px;
        height: auto;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 0 25px 500px;
        text-align: center
    }

    .no-webp .country-page .view-all-rates-section .wrapper {
        background-image: url(/img/pages/country/all-rates-section/country-mobile-2019.jpg)
    }

    .webp .country-page .view-all-rates-section .wrapper {
        background-image: url(/img/pages/country/all-rates-section/country-mobile-2019.webp)
    }

    html[dir=rtl] .country-page .view-all-rates-section .wrapper {
        background-position: bottom;
        text-align: center
    }

    .country-page .view-all-rates-section .section-title {
        max-width: 100%
    }

    .country-page .view-all-rates-section .description {
        font-size: 14px;
        margin-bottom: 25px;
        margin-top: 15px;
        max-width: 100%
    }

    .country-page .view-all-rates-section .see-rates-btn {
        margin: 0 auto
    }

    .country-page .view-all-rates-section .how-to-call-link {
        font-size: 14px;
        margin-top: 36px;
        max-width: 100%
    }
}

.no-webp .country-page .view-header-section.calling-card {
    background-image: url(/img/pages/calling-cards/header-background/mobile.jpg)
}

.webp .country-page .view-header-section.calling-card {
    background-image: url(/img/pages/calling-cards/header-background/mobile.webp)
}

@media screen and (max-width:700px) {
    .country-page .view-header-section.calling-card {
        padding-bottom: 22px;
        padding-top: 26px
    }

    .country-page .view-header-section.calling-card .title-container h1 {
        padding-bottom: 4px
    }

    .country-page .view-header-section.calling-card .title-container h3 {
        display: block;
        padding-bottom: 6px
    }

    .country-page .view-header-section.calling-card .country-flag-container {
        vertical-align: top
    }

    .country-page .view-header-section.calling-card .country-flag-container .country-flag {
        position: relative;
        top: 4px
    }
}

@media screen and (min-width:1080px) {
    .no-webp .country-page .view-header-section.calling-card {
        background-image: url(/img/pages/calling-cards/header-background/desktop.jpg)
    }

    .webp .country-page .view-header-section.calling-card {
        background-image: url(/img/pages/calling-cards/header-background/desktop.webp)
    }
}

.country-page .view-rates-section {
    margin: 0 auto;
    max-width: 925px;
    padding: 104px 0;
    text-align: center
}

.country-page .view-rates-section .result-table {
    margin-top: 45px;
    width: 100%
}

.country-page .view-rates-section .result-table tr {
    border-bottom: 1px solid #d1d1d1
}

.country-page .view-rates-section .result-table tr td {
    overflow: hidden;
    text-align: left
}

.country-page .view-rates-section .result-table tr td.rate-type-cell {
    padding-bottom: 25px;
    padding-top: 25px;
    width: 440px
}

html[dir=rtl] .country-page .view-rates-section .result-table tr td.rate-type-cell {
    text-align: right
}

.country-page .view-rates-section .result-table tr td.rate-value-cell {
    padding-top: 29px;
    vertical-align: top
}

.country-page .view-rates-section .result-table tr td span {
    float: right
}

.country-page .view-rates-section .result-table .icon-phone {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

.country-page .view-rates-section .result-table .icon-mobile {
    background-image: url(/img/pages/country/rates-section/mobile-icon.svg);
    height: 30px;
    margin-right: 25px;
    vertical-align: text-bottom;
    width: 18px
}

html[dir=rtl] .country-page .view-rates-section .result-table .icon-mobile {
    margin-left: 25px;
    margin-right: 0
}

.country-page .view-rates-section .result-table .icon-landline {
    background-image: url(/img/pages/country/rates-section/landline-icon.svg);
    height: 25px;
    margin-right: 18px;
    vertical-align: text-bottom;
    width: 25px
}

html[dir=rtl] .country-page .view-rates-section .result-table .icon-landline {
    margin-left: 18px;
    margin-right: 0
}

.country-page .view-rates-section .rates-block {
    color: #323232;
    font-size: 16px
}

.country-page .view-rates-section .link {
    background-image: url(/img/pages/country/rates-section/arrow-down.png);
    background-position: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 8px auto;
    -moz-background-size: 8px auto;
    background-size: 8px auto;
    color: #8074d6;
    cursor: pointer;
    float: right;
    font-size: 15px;
    margin-top: 21px;
    padding-right: 15px
}

.country-page .view-rates-section .link.less {
    background-image: url(/img/pages/country/rates-section/arrow-up.png)
}

.country-page .view-rates-section .link:hover span {
    text-decoration: underline
}

.country-page .view-rates-section .notes-container {
    color: #888;
    font-size: 15px;
    padding-top: 23px;
    text-align: left
}

.country-page .view-rates-section .notes-container p+p {
    padding-top: 12px
}

@media screen and (max-width:1079px) {
    .country-page .view-rates-section {
        max-width: 100%;
        padding-top: 91px
    }

    .country-page .view-rates-section .result-table {
        margin-top: 40px
    }

    .country-page .view-rates-section .result-table tr td.rate-type-cell {
        padding-bottom: 22px;
        padding-left: 60px;
        padding-top: 22px;
        width: 45%
    }

    html[dir=rtl] .country-page .view-rates-section .result-table tr td.rate-type-cell {
        padding-left: 0;
        padding-right: 60px
    }

    .country-page .view-rates-section .result-table tr td.rate-value-cell {
        padding-right: 60px;
        padding-top: 26px
    }

    html[dir=rtl] .country-page .view-rates-section .result-table tr td.rate-value-cell {
        padding-left: 60px;
        padding-right: 0
    }

    .country-page .view-rates-section .link {
        background-position: 100% 11px;
        -webkit-background-size: 7px auto;
        -moz-background-size: 7px auto;
        background-size: 7px auto;
        margin-right: 58px;
        padding-right: 14px;
        padding-top: 3px
    }

    .country-page .view-rates-section .notes-container {
        margin-left: 60px
    }
}

@media screen and (max-width:700px) {
    .country-page .view-rates-section {
        padding: 42px 0 50px
    }

    .country-page .view-rates-section .section-title {
        margin: 0 20px
    }

    .country-page .view-rates-section .result-table {
        border-bottom: 1px solid #d1d1d1;
        margin-top: 26px
    }

    .country-page .view-rates-section .result-table tr {
        border-bottom: none
    }

    .country-page .view-rates-section .result-table tr td {
        overflow: hidden;
        text-align: left
    }

    .country-page .view-rates-section .result-table tr td.rate-type-cell {
        font-size: 18px;
        padding-bottom: 12px;
        padding-left: 19px;
        padding-top: 12px;
        width: auto
    }

    html[dir=rtl] .country-page .view-rates-section .result-table tr td.rate-type-cell {
        height: 100%;
        padding-left: 0;
        padding-right: 19px
    }

    .country-page .view-rates-section .result-table tr td.rate-value-cell {
        font-size: 12px;
        padding-right: 21px;
        padding-top: 19px;
        text-align: right;
        width: 50%
    }

    html[dir=rtl] .country-page .view-rates-section .result-table tr td.rate-value-cell {
        padding-left: 21px;
        padding-right: 0
    }

    .country-page .view-rates-section .result-table tr td span {
        float: none
    }

    .country-page .view-rates-section .result-table .icon-mobile {
        height: 24px;
        margin-right: 17px;
        width: 15px
    }

    html[dir=rtl] .country-page .view-rates-section .result-table .icon-mobile {
        height: 30px
    }

    .country-page .view-rates-section .result-table .icon-landline {
        height: 23px;
        margin-right: 12px;
        position: relative;
        top: -2px;
        width: 20px
    }

    .country-page .view-rates-section .link {
        background-position: 100% 9px;
        -webkit-background-size: 6px auto;
        -moz-background-size: 6px auto;
        background-size: 6px auto;
        float: left;
        font-size: 12px;
        margin-left: 23px;
        margin-top: 10px;
        padding-right: 9px
    }

    .country-page .view-rates-section .notes-container {
        clear: left;
        font-size: 12px;
        margin-left: 18px;
        margin-right: 20px;
        padding-top: 11px
    }
}

.country-page .view-learn-more-modal .modal {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
    width: 94%
}

.country-page .view-learn-more-modal .modal header {
    margin: 0
}

html[dir=rtl] .country-page .view-learn-more-modal .modal header {
    text-align: left
}

.country-page .view-learn-more-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.country-page .view-learn-more-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

.country-page .view-learn-more-modal .modal header {
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323232;
    -webkit-flex-basis: 55px;
    flex-basis: 55px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 16px;
    padding: 16px 0 16px 20px;
    text-align: left
}

html[dir=rtl] .country-page .view-learn-more-modal .modal header {
    padding: 16px 20px 16px 0;
    text-align: right
}

.country-page .view-learn-more-modal .modal header .close {
    position: absolute;
    right: 20px;
    top: 20px
}

html[dir=rtl] .country-page .view-learn-more-modal .modal header .close {
    left: 20px;
    right: auto;
    top: 25px
}

@media screen and (min-width:701px) {
    .country-page .view-learn-more-modal .modal header {
        padding: 21px 0;
        text-align: center
    }

    .country-page .view-learn-more-modal .modal header .close {
        right: 25px;
        top: 25px
    }

    html[dir=rtl] .country-page .view-learn-more-modal .modal header .close {
        left: 25px;
        right: auto;
        top: 30px
    }
}

.country-page .view-learn-more-modal .modal section {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    -o-box-flex: 8;
    -ms-box-flex: 8;
    box-flex: 8;
    -webkit-flex-grow: 8;
    flex-grow: 8;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow-y: auto
}

.country-page .view-learn-more-modal .modal footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 72px;
    flex-basis: 72px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 15px 30px;
    text-align: center
}

.country-page .view-learn-more-modal .modal footer .buy-now-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    max-width: 289px;
    width: 100%
}

@media screen and (min-width:701px) {
    .country-page .view-learn-more-modal .modal footer {
        padding: 40px 0
    }

    .country-page .view-learn-more-modal .modal footer .buy-now-btn {
        font-size: 19px;
        min-width: 210px;
        width: auto
    }

    .country-page .view-learn-more-modal .modal {
        max-width: 680px
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-learn-more-modal .modal {
        max-width: 835px
    }
}

.country-page .view-learn-more-modal .modal section {
    padding: 20px 20px 0
}

.country-page .view-learn-more-modal .modal section .column .question-item {
    color: #323232;
    font-size: 14px
}

.country-page .view-learn-more-modal .modal section .column .question-item+.question-item {
    margin-top: 20px
}

.country-page .view-learn-more-modal .modal section .column .question-item .title {
    font-weight: 700
}

.country-page .view-learn-more-modal .modal section .column+.column {
    margin-top: 20px
}

@media screen and (min-width:701px) {
    .country-page .view-learn-more-modal .modal section {
        padding: 38px 30px 0
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-learn-more-modal .modal section .column {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .country-page .view-learn-more-modal .modal section .column+.column {
        margin-top: 0
    }

    .country-page .view-learn-more-modal .modal section .column:first-child {
        padding-right: 25px
    }

    .country-page .view-learn-more-modal .modal section .column:last-child {
        padding-left: 25px
    }
}

@media screen and (max-width:700px) {
    .country-page .view-learn-more-modal .modal {
        border-radius: 2.5px;
        height: 428px
    }
}

.country-page .view-available-destinations-modal .modal {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
    width: 94%
}

.country-page .view-available-destinations-modal .modal header {
    margin: 0
}

html[dir=rtl] .country-page .view-available-destinations-modal .modal header {
    text-align: left
}

.country-page .view-available-destinations-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.country-page .view-available-destinations-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

.country-page .view-available-destinations-modal .modal header {
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323232;
    -webkit-flex-basis: 55px;
    flex-basis: 55px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 16px;
    padding: 16px 0 16px 20px;
    text-align: left
}

html[dir=rtl] .country-page .view-available-destinations-modal .modal header {
    padding: 16px 20px 16px 0;
    text-align: right
}

.country-page .view-available-destinations-modal .modal header .close {
    position: absolute;
    right: 20px;
    top: 20px
}

html[dir=rtl] .country-page .view-available-destinations-modal .modal header .close {
    left: 20px;
    right: auto;
    top: 25px
}

@media screen and (min-width:701px) {
    .country-page .view-available-destinations-modal .modal header {
        padding: 21px 0;
        text-align: center
    }

    .country-page .view-available-destinations-modal .modal header .close {
        right: 25px;
        top: 25px
    }

    html[dir=rtl] .country-page .view-available-destinations-modal .modal header .close {
        left: 25px;
        right: auto;
        top: 30px
    }
}

.country-page .view-available-destinations-modal .modal section {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    -o-box-flex: 8;
    -ms-box-flex: 8;
    box-flex: 8;
    -webkit-flex-grow: 8;
    flex-grow: 8;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow-y: auto
}

.country-page .view-available-destinations-modal .modal footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 72px;
    flex-basis: 72px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 15px 30px;
    text-align: center
}

.country-page .view-available-destinations-modal .modal footer .buy-now-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    max-width: 289px;
    width: 100%
}

@media screen and (min-width:701px) {
    .country-page .view-available-destinations-modal .modal footer {
        padding: 40px 0
    }

    .country-page .view-available-destinations-modal .modal footer .buy-now-btn {
        font-size: 19px;
        min-width: 210px;
        width: auto
    }

    .country-page .view-available-destinations-modal .modal {
        max-width: 680px
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-available-destinations-modal .modal {
        max-width: 835px
    }
}

.country-page .view-available-destinations-modal .modal {
    border-radius: 2.5px
}

.country-page .view-available-destinations-modal .modal section {
    color: #323232;
    padding: 20px 20px 0
}

.country-page .view-available-destinations-modal .modal section .title {
    color: #888;
    font-size: 14px
}

.country-page .view-available-destinations-modal .modal section .destinations-list {
    padding-top: 20px
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item {
    overflow: auto;
    padding-bottom: 20px
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-item-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:last-child {
    padding-bottom: 1px
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-flag {
    float: left
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-flag .country-flag {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: block;
    height: 47px;
    width: 47px
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content {
    padding-left: 16px
}

html[dir=rtl] .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content {
    padding-left: 0;
    padding-right: 16px
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content .destination-name {
    font-size: 17px
}

.country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content .destination-types {
    color: #888;
    font-size: 14px
}

@media screen and (min-width:701px) {
    .country-page .view-available-destinations-modal .modal section {
        padding: 33px 30px 1px
    }

    .country-page .view-available-destinations-modal .modal section .title {
        color: #323232;
        font-size: 16px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list {
        padding-top: 38px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        margin-top: 65px;
        min-height: 39px;
        overflow: visible;
        padding-bottom: 0;
        vertical-align: top;
        width: 49.5%
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:last-child {
        padding-bottom: 0
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:first-child,
    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:nth-child(2) {
        margin-top: 0
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:nth-child(odd) {
        padding-right: 30px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-flag .country-flag {
        height: 39px;
        width: 39px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content {
        padding-left: 51px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content .destination-name {
        font-size: 14px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item .destination-content .destination-types {
        font-size: 12px
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-available-destinations-modal .modal section {
        padding: 33px 35px 1px
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item {
        padding-right: 33px;
        width: 35%
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:first-child,
    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:nth-child(2),
    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:nth-child(3) {
        margin-top: 0
    }

    .country-page .view-available-destinations-modal .modal section .destinations-list .destination-item:nth-child(3n+3) {
        padding-right: 0;
        width: 30%
    }
}

.country-page .view-rates-section-modal .modal {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 350px;
    width: 94%
}

.country-page .view-rates-section-modal .modal header {
    margin: 0
}

html[dir=rtl] .country-page .view-rates-section-modal .modal header {
    text-align: left
}

.country-page .view-rates-section-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.country-page .view-rates-section-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

.country-page .view-rates-section-modal .modal header {
    border-bottom: 1px solid #c9c9c9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323232;
    -webkit-flex-basis: 55px;
    flex-basis: 55px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 16px;
    padding: 16px 0 16px 20px;
    text-align: left
}

html[dir=rtl] .country-page .view-rates-section-modal .modal header {
    padding: 16px 20px 16px 0;
    text-align: right
}

.country-page .view-rates-section-modal .modal header .close {
    position: absolute;
    right: 20px;
    top: 20px
}

html[dir=rtl] .country-page .view-rates-section-modal .modal header .close {
    left: 20px;
    right: auto;
    top: 25px
}

@media screen and (min-width:701px) {
    .country-page .view-rates-section-modal .modal header {
        padding: 21px 0;
        text-align: center
    }

    .country-page .view-rates-section-modal .modal header .close {
        right: 25px;
        top: 25px
    }

    html[dir=rtl] .country-page .view-rates-section-modal .modal header .close {
        left: 25px;
        right: auto;
        top: 30px
    }
}

.country-page .view-rates-section-modal .modal section {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    -o-box-flex: 8;
    -ms-box-flex: 8;
    box-flex: 8;
    -webkit-flex-grow: 8;
    flex-grow: 8;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow-y: auto
}

.country-page .view-rates-section-modal .modal footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 72px;
    flex-basis: 72px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 15px 30px;
    text-align: center
}

.country-page .view-rates-section-modal .modal footer .buy-now-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    max-width: 289px;
    width: 100%
}

@media screen and (min-width:701px) {
    .country-page .view-rates-section-modal .modal footer {
        padding: 40px 0
    }

    .country-page .view-rates-section-modal .modal footer .buy-now-btn {
        font-size: 19px;
        min-width: 210px;
        width: auto
    }

    .country-page .view-rates-section-modal .modal {
        max-width: 680px
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-rates-section-modal .modal {
        max-width: 835px
    }
}

.country-page .view-rates-section-modal .view-rates-section {
    max-width: 750px;
    padding: 50px 0
}

.country-page .view-rates-section-modal h3 {
    display: none
}

.country-page .view-rates-section-modal .result-table {
    margin-top: 0
}

.country-page .view-rates-section-modal .modal header {
    padding: 21px 55px
}

@media screen and (max-width:700px) {
    .country-page .view-rates-section-modal .modal header {
        padding: 16px 34px 16px 20px
    }
}

.country-page .products-section-region .view-credits-section {
    padding-top: 43px;
    text-align: center
}

.country-page .products-section-region .view-credits-section .title {
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 20px 7px
}

.country-page .products-section-region .view-credits-section .subtitle {
    font-size: 14px;
    line-height: 17px;
    padding: 0 20px 10px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item {
    border: 1px solid rgba(136, 136, 136, .38);
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .19);
    margin: 18px auto;
    max-width: 250px;
    padding: 18px 17px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .most-popular {
    display: none
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .header {
    color: #54c0d4;
    text-align: left
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .header .world-icon {
    background-image: url(/img/pages/country/products-section/world-credit-blue.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    height: 23px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    width: 23px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content {
    font-size: 15px;
    padding-top: 25px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .item-title {
    font-size: 22px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .destination {
    color: #888;
    height: 22px;
    line-height: 22px;
    margin-top: 5px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .minutes-amount-container {
    margin: 30px 0
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .minutes-amount-container strong {
    font-weight: 300
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .free-credit-container {
    color: #66b821;
    height: 20px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .free-credit-container .free-credit {
    display: inline-block;
    padding-bottom: 11px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .item-buttons-container {
    margin: 20px 0
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .buy-now-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    height: 41px;
    line-height: 41px;
    min-width: 146px;
    white-space: nowrap
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .links .link {
    display: inline-block;
    line-height: 25px;
    white-space: nowrap
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .links .link:after {
    content: "|";
    padding: 0 10px
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .content .links .link:last-child:after {
    content: none
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item:nth-child(2) {
    border: 3px solid #54c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 30px;
    position: relative
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item:nth-child(2) .most-popular {
    background-color: #54c0d4;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 27px;
    left: 50%;
    line-height: 28px;
    min-width: 177px;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    top: -15px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item:nth-child(2) .header {
    margin-top: 5px
}

@media screen and (min-width:701px) {
    .country-page .products-section-region .view-credits-section {
        padding-top: 53px
    }

    .country-page .products-section-region .view-credits-section .title {
        font-size: 44px;
        line-height: 53px;
        padding: 0 60px 9px
    }

    .country-page .products-section-region .view-credits-section .subtitle {
        font-size: 15px;
        line-height: 20px;
        padding: 0 60px 54px
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item {
        display: inline-block;
        margin: 0 0 35px;
        padding: 40px 10px 20px;
        vertical-align: top;
        width: 200px
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .header {
        text-align: center
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item .header i {
        height: 25px;
        width: 25px
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item:nth-child(2) {
        margin-top: 0;
        padding: 38px 7px 18px
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item:nth-child(2) .header {
        margin-top: 0
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item+.view-credit-item {
        margin-left: 18px
    }

    html[dir=rtl] .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item+.view-credit-item {
        margin-left: 0;
        margin-right: 18px
    }
}

@media screen and (min-width:1080px) {
    .country-page .products-section-region .view-credits-section {
        padding-top: 54px
    }

    .country-page .products-section-region .view-credits-section .title {
        padding-bottom: 10px
    }

    .country-page .products-section-region .view-credits-section .subtitle {
        padding: 0 60px 58px
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item {
        max-width: 300px;
        padding: 40px 20px 20px;
        width: 293px
    }

    .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item+.view-credit-item {
        margin-left: 24px
    }

    html[dir=rtl] .country-page .products-section-region .view-credits-section .credits-list-container .view-credit-item+.view-credit-item {
        margin-left: 0;
        margin-right: 24px
    }
}

.country-page .products-section-region .view-composite-products-section {
    background-color: #fff;
    padding-bottom: 15px;
    padding-top: 24px;
    text-align: center
}

.country-page .products-section-region .view-composite-products-section .item-title-postfix {
    display: inline
}

.country-page .products-section-region .view-composite-products-section .destination-name {
    display: none
}

.country-page .products-section-region .view-composite-products-section .section-title {
    font-size: 15px;
    line-height: 20px;
    padding: 0 20px
}

.country-page .products-section-region .view-composite-products-section .section-subtitle {
    font-size: 13px;
    line-height: 17px;
    padding: 0 20px 10px
}

.country-page .products-section-region .view-composite-products-section .call-world-header {
    color: #323232;
    font-size: 24px;
    margin: auto;
    max-width: 210px;
    padding-bottom: 24px;
    text-align: center
}

@media screen and (min-width:701px) {
    .country-page .products-section-region .view-composite-products-section .call-world-header {
        max-width: none
    }
}

@media screen and (min-width:1080px) {
    .country-page .products-section-region .view-composite-products-section .call-world-header {
        font-size: 43px;
        margin-top: -8px
    }
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item {
    margin: 0 12px;
    text-align: center
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .most-popular {
    display: none
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .product-label {
    color: #fff;
    display: block;
    font-size: 15px;
    height: 27px;
    left: 50%;
    line-height: 28px;
    min-width: 177px;
    padding: 0 10px;
    position: absolute;
    top: -13px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item:nth-child(2) .view-product-item {
    border: 3px solid #54c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 30px auto 0;
    max-width: 310px;
    padding-top: 25px;
    position: relative
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item:nth-child(2) .most-popular {
    background-color: #54c0d4;
    text-transform: uppercase
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item {
    border: 3px solid #7360f2;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 30px auto 0;
    max-width: 310px;
    padding-top: 25px;
    position: relative
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item .welcome-offer-label {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item .welcome-offer-label span {
    background-color: #7360f2;
    display: inline-block;
    min-width: 202px;
    padding: 0 10px;
    text-transform: uppercase
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item .item-content .item-button-container {
    margin-bottom: 16px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item .item-content .item-mobile-cancel {
    padding-bottom: 17px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item {
    background-color: #fff;
    border: 1px solid rgba(136, 136, 136, .38);
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .19);
    margin: 18px auto 16px;
    max-width: 314px;
    padding: 18px 17px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .header {
    color: #323232;
    text-align: center
}

@media screen and (min-width:701px) and (max-width:1080px) {
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .header {
        height: 67px
    }
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .header .type-icon {
    background-image: url(/img/pages/country/products-section/general.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    height: 23px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    width: 23px
}

html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .header .type-icon {
    margin-left: 10px;
    margin-right: 0
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .header.plan,
.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .header.subscription {
    display: none
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .mobile-header {
    display: block;
    overflow: hidden
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .mobile-header .plan {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 15px;
    -webkit-justify-content: center;
    justify-content: center
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .mobile-header .plan .c-flag-r {
    -webkit-background-size: auto 23px;
    -moz-background-size: auto 23px;
    background-size: auto 23px;
    display: block;
    height: 23px;
    margin-right: 7px;
    width: 23px
}

html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .mobile-header .plan .c-flag-r {
    margin-left: 10px;
    margin-right: 0
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .mobile-header .plan .name {
    display: inline-block;
    text-align: left
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .mobile-header .type {
    font-size: 13px;
    font-weight: 700;
    padding: 3px 0 16px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content {
    font-size: 15px;
    padding-top: 23px
}

@media screen and (min-width:701px) {
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        min-height: 334px
    }
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .desktop-title {
    display: none
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-title {
    font-size: 22px;
    font-weight: 700
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-title .c-flag-r {
    -webkit-background-size: auto 23px;
    -moz-background-size: auto 23px;
    background-size: auto 23px;
    display: inline-block;
    height: 23px;
    margin-right: 12px;
    position: relative;
    top: 3px;
    width: 23px
}

html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-title .c-flag-r {
    margin-left: 12px;
    margin-right: 0
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .destination,
.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .mobile-destination {
    color: #888;
    height: 22px;
    line-height: 22px;
    margin-top: 4px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .minutes-amount-container {
    margin: 30px 0
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .minutes-amount-container strong {
    font-weight: 300
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-promotion {
    color: #66b821;
    height: 18px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-promotion .free-credit {
    display: inline-block;
    padding-top: 4px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-minutes-value {
    font-size: 22px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-minutes-value {
        margin-top: 30px
    }
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-cancel {
    display: none
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-mobile-cancel {
    color: #888;
    font-size: 15px;
    padding-bottom: 20px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-button-container {
    margin: 20px 0 29px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-button-container .regular-price {
    color: #000;
    padding-top: 8px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .buy-now-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    height: 41px;
    line-height: 41px;
    min-width: 146px;
    white-space: nowrap
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .links .link {
    display: inline-block;
    line-height: 25px;
    white-space: nowrap
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .links .link:after {
    content: "|";
    padding: 0 10px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .links .link:last-child:after {
    content: none
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-value {
    margin: 30px 55px 20px;
    overflow: hidden;
    text-align: left
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .item-value strong {
    float: right;
    font-weight: 700
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper {
    margin: 16px 0 14px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit {
    font-size: 15px;
    margin: 0 43px;
    overflow: hidden;
    padding: 10px 0
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit+.credit {
    margin-top: 5px
}

html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit .c-radio-input {
    padding-top: 3px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit .c-radio-input>input {
    width: 220px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit label {
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    overflow: hidden
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit .label {
    float: left
}

html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit .label {
    float: right
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit strong {
    float: right;
    font-weight: 700
}

html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-product-item .item-content .credits-wrapper .credit strong {
    float: left
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-credit-packs-item .view-product-item {
    padding: 10px 17px 16px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-credit-packs-item .view-product-item .item-button-container {
    margin: 20px 0 25px
}

@media screen and (min-width:701px) {
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-credit-packs-item .view-product-item .item-button-container {
        margin: 20px 0 16px
    }
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .welcome-offer-note {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px 0
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .welcome-offer-note+.notes {
    margin-top: 20px
}

.country-page .products-section-region .view-composite-products-section .composite-products-list-container .notes {
    font-size: 15px;
    margin: 50px auto 33px;
    padding: 0 20px;
    text-align: center
}

.country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item .view-product-item {
    border: 3px solid #54c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 30px auto 0;
    max-width: 310px;
    padding-top: 25px;
    position: relative
}

.country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item .most-popular {
    background-color: #54c0d4;
    text-transform: uppercase
}

.country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item.free-trial .view-product-item {
    border-color: #7360f2
}

@media screen and (min-width:701px) {
    .country-page .products-section-region .view-composite-products-section {
        padding-top: 34px
    }

    .country-page .products-section-region .view-composite-products-section .section-title {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 14px
    }

    .country-page .products-section-region .view-composite-products-section .section-subtitle {
        font-size: 15px;
        line-height: 18px;
        padding: 0 60px 22px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-products-list {
        margin: 10px auto 0;
        max-width: 960px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-products-list .list {
        margin: 0 auto 0 -10px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item {
        display: inline-block;
        margin: 0 0 20px 10px;
        vertical-align: top
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial,
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item:nth-child(2) {
        margin: 0 0 20px 10px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item,
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item:nth-child(2) .view-product-item {
        margin-top: 19px;
        max-width: 332px;
        padding-bottom: 33px;
        padding-top: 31px;
        width: 215px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .view-product-item {
        margin-bottom: 0;
        max-width: 336px;
        min-height: 380px;
        padding: 33px 10px 35px;
        width: 211px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .header {
        color: #54c0d4;
        text-align: center
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .header .type-icon {
        background-image: url(/img/pages/country/products-section/world-credit-blue.svg)
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .header.subscription {
        color: #665cac;
        display: block
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .header.subscription .type-icon {
        background-image: url(/img/pages/country/products-section/monthly.svg)
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .header.plan {
        color: #f29528;
        display: block
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .header.plan .type-icon {
        background-image: url(/img/pages/country/products-section/30days.svg)
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .mobile-header {
        display: none
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content {
        padding-top: 0
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .item-title {
        font-weight: 300
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .desktop-title {
        display: block
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .mobile-destination {
        display: none
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .item-cancel {
        display: block;
        font-size: 15px;
        margin-top: 9px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .item-mobile-cancel {
        display: none
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .item-minutes-value {
        margin-top: 45px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .item-promotion {
        padding-top: 6px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper {
        height: 108px;
        margin: 6px 0 0
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit {
        margin: 0 15px;
        padding: 4px 0
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit+.credit {
        margin-top: 0
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit .c-radio-input {
        cursor: pointer;
        padding-top: 5px
    }

    html[dir=rtl] .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit .c-radio-input {
        padding-top: 8px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit .c-radio-input>input {
        top: 5px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit label {
        padding: 5px 0
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .links {
        line-height: 25px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.view-subscription-item .item-content .item-button-container {
        margin-bottom: 25px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .products-list {
        display: inline-block;
        vertical-align: top
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .welcome-offer-note {
        padding-top: 20px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .welcome-offer-note+.notes {
        margin-top: 30px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .notes {
        margin-top: 30px;
        max-width: 500px
    }

    .country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item {
        margin: 0 0 20px 10px
    }

    .country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item .view-product-item {
        margin-top: 19px;
        max-width: 332px;
        padding-bottom: 33px;
        padding-top: 31px;
        width: 215px
    }
}

@media screen and (min-width:1080px) {
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-products-list {
        max-width: 1350px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .view-products-list .list {
        margin-left: -20px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item,
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial,
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item:nth-child(2) {
        margin: 0 0 20px 20px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item,
    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item:nth-child(2) .view-product-item {
        padding: 30px 18px 33px;
        width: 295px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item.free-trial .view-product-item .item-content .item-button-container {
        margin-bottom: 37px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .view-product-item {
        padding: 33px 17px 35px;
        width: 299px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content {
        padding-top: 40px
    }

    .country-page .products-section-region .view-composite-products-section .composite-products-list-container .product-item .item-content .credits-wrapper .credit {
        margin: 0 45px
    }

    .country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item {
        margin: 0 0 20px 20px
    }

    .country-page .products-section-region .view-composite-products-section.is-call-world .composite-products-list-container .product-item .view-product-item {
        padding: 30px 18px 33px;
        width: 295px
    }
}

.country-page .products-section-region.c-loading {
    min-height: 50px
}

.country-page .view-app-browser-layout {
    background: #f1f3f6
}

.country-page .header-container {
    background: #fff
}

.country-page #content {
    background: #fff;
    margin-bottom: 0;
    margin-top: 0
}

.country-page .content-container {
    color: #323232;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    padding: 0
}

.country-page .content-container .section-title {
    font-size: 44px;
    font-weight: 300
}

[lang=vi] .country-page .content-container .section-title {
    font-weight: 300
}

@media screen and (max-width:700px) {
    .country-page .content-container {
        margin-top: 0
    }

    .country-page .content-container .section-title {
        font-size: 25px
    }
}

.country-page .c-tooltip {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
    font-size: 15px;
    padding: 8px 34px 12px 12px
}

.country-page .c-tooltip .checkmark {
    right: 12px;
    top: 12px
}

.country-page .c-tooltip a {
    white-space: nowrap
}

@media screen and (max-width:700px) {
    .country-page .c-tooltip {
        margin-top: 1px
    }

    .country-page .c-tooltip p {
        display: inline-block
    }
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .country-page .c-tooltip {
        font-size: 11px;
        margin-top: 7px;
        padding: 6px 24px 8px 10px
    }

    .country-page .c-tooltip .checkmark {
        height: 8px;
        right: 10px;
        top: 10px;
        width: 8px
    }
}

@media screen and (min-width:1080px) {
    .country-page .c-tooltip {
        margin-top: 1px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal strong {
    font-weight: 700
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal {
    padding-bottom: 40px;
    text-align: center
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal header {
    margin: 0
}

html[dir=rtl] .country-page .view-country-page-auto-top-up-modal.c-modal .modal header {
    text-align: left
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal {
        padding-bottom: 50px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal header {
    background-color: #f2f7fc;
    line-height: 11px;
    padding: 20px 20px 0;
    text-align: right
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal header {
        padding: 25px 25px 0
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon {
    background-image: url(/img/pages/country/modal/modal-icon-animated.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 150px;
    left: 20px;
    margin: auto;
    position: relative;
    width: 150px
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
    background-image: url(/img/pages/country/modal/modal-icon-animated.gif);
    height: 100px;
    left: 10px;
    width: 100px
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 200px;
        left: 26px;
        width: 200px
    }

    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
        height: 150px;
        left: 14px;
        width: 150px
    }
}

@media screen and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 120px;
        left: 15px;
        width: 120px
    }

    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
        height: 100px;
        left: 10px;
        width: 100px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 100px;
        left: 14px;
        width: 100px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section h4 {
    color: #323232;
    font-size: 16px;
    margin: 10px 30px 0
}

@media screen and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section h4 {
        margin: 0 30px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section h4 {
        font-size: 15px
    }
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section h4 {
        font-size: 19px;
        margin: 5px 0 0
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section p {
    font-size: 14px;
    margin: 10px 30px 0;
    text-align: left
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section p {
        font-size: 17px;
        margin: 13px 30px 0;
        padding: 0 100px;
        text-align: center
    }
}

@media screen and (max-width:700px) {
    html[dir=rtl] .country-page .view-country-page-auto-top-up-modal.c-modal .modal section p {
        text-align: right
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section p {
        padding: 0 150px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section p {
        font-size: 13px;
        line-height: 14px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 20px 30px 0
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container {
        height: 78px
    }
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container {
        display: block;
        font-size: 17px;
        height: auto;
        margin: 50px 0 0;
        padding: 0 100px
    }
}

@media screen and (min-width:1080px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container {
        padding: 0 150px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button {
        font-size: 14px;
        height: 32px;
        line-height: 32px
    }
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button {
        display: inline-block;
        font-size: 19px;
        height: 44px;
        line-height: 44px;
        width: 210px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
    background-color: #665cac;
    color: #fff
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.yes:active {
    background-color: #786cca
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
        margin-right: 30px
    }

    html[dir=rtl] .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
        margin-right: 0
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
    background-color: transparent;
    border: 1px solid #665cac;
    color: #665cac
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
        margin-right: 0
    }

    html[dir=rtl] .country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
        margin-right: 30px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal section .button-container button.no:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal footer {
    font-size: 12px;
    margin-top: 40px
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer {
        font-size: 14px;
        margin-top: 50px
    }
}

@media screen and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer {
        margin-top: 20px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer {
        font-size: 10px;
        margin-top: 8px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal footer label {
    cursor: pointer;
    margin-bottom: 0
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
    display: inline-block;
    float: none;
    height: 11px;
    position: relative;
    top: 1px;
    width: 11px
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
        height: 13px;
        width: 13px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input .checkbox-icon {
    height: 11px;
    width: 11px
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input .checkbox-icon {
        height: 13px;
        width: 13px
    }
}

.country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input input {
    height: 11px;
    width: 11px
}

@media screen and (min-width:701px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input input {
        height: 13px;
        width: 13px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .country-page .view-country-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
        top: 4px
    }
}

.view-purchase-confirm {
    padding: 50px 38px 30px;
    text-align: center
}

@media (min-width:701px) {
    .view-purchase-confirm {
        padding: 150px 100px 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-confirm {
        padding: 71px 130px 94px
    }

    .view-purchase-confirm .destination {
        padding-bottom: 4px
    }

    .view-purchase-confirm .merchant {
        padding-bottom: 3px
    }
}

.view-purchase-confirm strong {
    font-weight: 700
}

.view-purchase-confirm a,
.view-purchase-confirm h3,
.view-purchase-confirm p {
    line-height: 1.2em
}

.view-purchase-confirm h3,
.view-purchase-confirm p {
    color: #323232
}

.view-purchase-confirm a,
.view-purchase-confirm p {
    font-size: 14px
}

@media (min-width:701px) {

    .view-purchase-confirm a,
    .view-purchase-confirm p {
        font-size: 16px
    }
}

.view-purchase-confirm h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 35px;
    font-weight: 300;
    line-height: 1.2em;
    padding-bottom: 28px
}

@media (min-width:701px) {
    .view-purchase-confirm h3 {
        font-size: 40px;
        padding-bottom: 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-confirm h3 {
        font-size: 32px
    }
}

.view-purchase-confirm .price {
    padding-bottom: 40px
}

@media (min-width:701px) {
    .view-purchase-confirm .price {
        padding-bottom: 50px
    }
}

@media (min-width:1080px) {
    .view-purchase-confirm .price {
        padding-bottom: 42px
    }
}

.view-purchase-confirm .credentials {
    direction: ltr;
    padding-bottom: 20px
}

@media (min-width:701px) {
    .view-purchase-confirm .credentials {
        padding-bottom: 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-confirm .credentials {
        padding-bottom: 5px
    }
}

.view-purchase-confirm .button-container .buy,
.view-purchase-confirm .button-container .cancel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.view-purchase-confirm .button-container.mobile .buy,
.view-purchase-confirm .button-container.mobile .cancel {
    display: block;
    font-size: 15px;
    margin: auto
}

@media (min-width:701px) {

    .view-purchase-confirm .button-container.mobile .buy,
    .view-purchase-confirm .button-container.mobile .cancel {
        font-size: 19px;
        line-height: 45px
    }
}

.view-purchase-confirm .button-container.mobile .buy {
    height: 50px;
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:701px) {
    .view-purchase-confirm .button-container.mobile .buy {
        height: 45px;
        width: 300px
    }
}

.view-purchase-confirm .button-container.mobile .cancel {
    color: #665cac;
    display: inline-block;
    line-height: 50px
}

.view-purchase-confirm .button-container.desktop .buy,
.view-purchase-confirm .button-container.desktop .cancel {
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 31px;
    min-width: 100px;
    vertical-align: top
}

.view-purchase-confirm .button-container.desktop .cancel {
    margin-right: 14px
}

html[dir=rtl] .view-purchase-confirm .button-container.desktop .cancel {
    margin-right: 0
}

html[dir=rtl] .view-purchase-confirm .button-container.desktop .buy {
    margin-right: 14px
}

.view-purchase-confirm .change-card {
    color: #8074d6;
    display: inline-block;
    padding-bottom: 38px
}

@media (min-width:701px) {
    .view-purchase-confirm .change-card {
        padding-bottom: 86px
    }
}

@media (min-width:1080px) {
    .view-purchase-confirm .change-card {
        font-size: 12px;
        padding-bottom: 44px
    }
}

.view-purchase-confirm .c-loading {
    position: relative;
    top: -20px
}

.view-purchase-confirm .welcome-offer-description {
    padding-bottom: 23px
}

.view-purchase-success {
    padding: 50px 38px 30px;
    text-align: center
}

@media (min-width:701px) {
    .view-purchase-success {
        margin: auto;
        max-width: 400px;
        padding: 126px 100px 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-success {
        max-width: 100%;
        padding: 76px 130px
    }
}

.view-purchase-success h3,
.view-purchase-success p {
    line-height: 1.2em
}

.view-purchase-success h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    display: inline-block;
    font-size: 35px;
    font-weight: 300;
    line-height: 1.2em;
    padding-bottom: 28px;
    position: relative
}

@media (min-width:701px) {
    .view-purchase-success h3 {
        font-size: 40px;
        padding-bottom: 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-success h3 {
        font-size: 32px
    }
}

.view-purchase-success h3 .icon-check {
    background-image: url(/img/icons/svg/check-mark.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 30px;
    left: -3px;
    margin: auto;
    position: relative;
    top: -18px;
    width: 37px
}

@media (min-width:701px) {
    .view-purchase-success h3 .icon-check {
        height: 36px;
        width: 47px
    }
}

@media (min-width:1080px) {
    .view-purchase-success h3 .icon-check {
        height: 32px;
        left: -42px;
        position: absolute;
        top: 8px;
        width: 30px
    }

    html[dir=rtl] .view-purchase-success h3 .icon-check {
        left: auto;
        right: -42px
    }
}

.view-purchase-success p {
    font-size: 14px
}

.view-purchase-success p.product-title {
    color: #7f7c83
}

.view-purchase-success p.download-info {
    color: #323232;
    margin-top: 60px
}

@media (min-width:701px) {
    .view-purchase-success p {
        font-size: 16px
    }
}

.view-purchase-success .button-container {
    padding: 45px 0 0
}

.view-purchase-success .button-container [class^=btn-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    width: 100%
}

.view-purchase-success .button-container [class^=btn-]+a {
    margin-top: 10px
}

@media (min-width:701px) {
    .view-purchase-success .button-container [class^=btn-] {
        font-size: 19px;
        line-height: 45px
    }

    .view-purchase-success .button-container [class^=btn-]+a {
        margin-top: 13px
    }
}

@media (min-width:1080px) {
    .view-purchase-success .button-container [class^=btn-] {
        display: inline-block;
        font-size: 16px;
        height: 34px;
        line-height: 34px;
        min-width: 301px;
        width: auto
    }
}

.view-purchase-success .button-container .create-account {
    background: none;
    color: #8074d6;
    height: auto;
    padding: 0
}

.view-purchase-success .button-container .create-account:disabled {
    color: rgba(128, 116, 214, .7);
    cursor: default
}

@media (min-width:701px) {
    .view-purchase-success .button-container .create-account.btn-purple {
        background-color: transparent;
        border: 1px solid #665cac;
        color: #665cac
    }

    .view-purchase-success .button-container .create-account.btn-purple:hover {
        background-color: rgba(0, 0, 0, .03);
        border: 1px solid #3a3179;
        color: #3a3179
    }

    .view-purchase-success .button-container .create-account.btn-purple:active {
        background-color: rgba(0, 0, 0, .07);
        border: 1px solid #3a3179;
        color: #3a3179
    }

    .view-purchase-success .button-container .create-account.btn-purple.disabled,
    .view-purchase-success .button-container .create-account.btn-purple:disabled {
        background-color: transparent;
        border: 1px solid rgba(58, 49, 121, .5);
        color: rgba(58, 49, 121, .5)
    }
}

.view-success-page-auto-top-up-modal.c-modal strong {
    font-weight: 700
}

.view-success-page-auto-top-up-modal.c-modal .modal {
    padding-bottom: 40px;
    text-align: center
}

.view-success-page-auto-top-up-modal.c-modal .modal header {
    margin: 0
}

html[dir=rtl] .view-success-page-auto-top-up-modal.c-modal .modal header {
    text-align: left
}

.view-success-page-auto-top-up-modal.c-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.view-success-page-auto-top-up-modal.c-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal {
        padding-bottom: 50px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal header {
    background-color: #f2f7fc;
    line-height: 11px;
    padding: 20px 20px 0;
    text-align: right
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal header {
        padding: 25px 25px 0
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section .icon {
    background-image: url(/img/pages/country/modal/modal-icon-animated.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 150px;
    left: 20px;
    margin: auto;
    position: relative;
    width: 150px
}

.view-success-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
    background-image: url(/img/pages/country/modal/modal-icon-animated.gif);
    height: 100px;
    left: 10px;
    width: 100px
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 200px;
        left: 26px;
        width: 200px
    }

    .view-success-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
        height: 150px;
        left: 14px;
        width: 150px
    }
}

@media screen and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 120px;
        left: 15px;
        width: 120px
    }

    .view-success-page-auto-top-up-modal.c-modal .modal section .icon.ms-browser {
        height: 100px;
        left: 10px;
        width: 100px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .icon {
        height: 100px;
        left: 14px;
        width: 100px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section h4 {
    color: #323232;
    font-size: 16px;
    margin: 10px 30px 0
}

@media screen and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section h4 {
        margin: 0 30px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section h4 {
        font-size: 15px
    }
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section h4 {
        font-size: 19px;
        margin: 5px 0 0
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section p {
    font-size: 14px;
    margin: 10px 30px 0;
    text-align: left
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section p {
        font-size: 17px;
        margin: 13px 30px 0;
        padding: 0 100px;
        text-align: center
    }
}

@media screen and (max-width:700px) {
    html[dir=rtl] .view-success-page-auto-top-up-modal.c-modal .modal section p {
        text-align: right
    }
}

@media screen and (min-width:1080px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section p {
        padding: 0 150px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section p {
        font-size: 13px;
        line-height: 14px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section .button-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 20px 30px 0
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container {
        height: 78px
    }
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container {
        display: block;
        font-size: 17px;
        height: auto;
        margin: 50px 0 0;
        padding: 0 100px
    }
}

@media screen and (min-width:1080px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container {
        padding: 0 150px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section .button-container button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container button {
        font-size: 14px;
        height: 32px;
        line-height: 32px
    }
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container button {
        display: inline-block;
        font-size: 19px;
        height: 44px;
        line-height: 44px;
        width: 210px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
    background-color: #665cac;
    color: #fff
}

.view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.yes:active {
    background-color: #786cca
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
        margin-right: 30px
    }

    html[dir=rtl] .view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.yes {
        margin-right: 0
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
    background-color: transparent;
    border: 1px solid #665cac;
    color: #665cac
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
        margin-right: 0
    }

    html[dir=rtl] .view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.no {
        margin-right: 30px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal section .button-container button.no:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.view-success-page-auto-top-up-modal.c-modal .modal footer {
    font-size: 12px;
    margin-top: 40px
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer {
        font-size: 14px;
        margin-top: 50px
    }
}

@media screen and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer {
        margin-top: 20px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer {
        font-size: 10px;
        margin-top: 8px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal footer label {
    cursor: pointer;
    margin-bottom: 0
}

.view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
    display: inline-block;
    float: none;
    height: 11px;
    position: relative;
    top: 1px;
    width: 11px
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
        height: 13px;
        width: 13px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input .checkbox-icon {
    height: 11px;
    width: 11px
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input .checkbox-icon {
        height: 13px;
        width: 13px
    }
}

.view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input input {
    height: 11px;
    width: 11px
}

@media screen and (min-width:701px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input input {
        height: 13px;
        width: 13px
    }
}

@media screen and (max-height:400px) and (max-width:340px) {
    .view-success-page-auto-top-up-modal.c-modal .modal footer .c-checkbox-input {
        top: 4px
    }
}

.view-send-email {
    margin: 30px auto 0;
    width: 270px
}

.view-send-email .input-container {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 26px;
    overflow: hidden;
    padding: 2px
}

.view-send-email .input-container.active {
    border-color: #18b8e8
}

.view-send-email .input-container.error {
    border-color: #e32d42
}

.view-send-email .input-container input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 13px;
    padding-left: 9px
}

.view-send-email .input-container input::placeholder {
    font-size: 13px
}

.view-send-email .input-container button {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    background-color: #d8d8d8;
    color: #fff;
    cursor: pointer;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 13px;
    height: 20px;
    padding: 0 10px
}

.view-send-email .input-container button.active {
    background-color: #18b8e8
}

.view-send-email .error {
    color: #e32d42;
    font-size: 12px;
    line-height: 14px;
    padding-top: 2px;
    text-align: left
}

.layout-success-newcomer .view-app-browser-layout header {
    background-color: #fff;
    padding-bottom: 0
}

.layout-success-newcomer .view-app-browser-layout #content.content-container {
    margin: 0;
    max-width: none;
    padding: 0
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    color: #323232;
    -webkit-order: 2;
    order: 2;
    width: 100%
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step {
    display: none
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step.active {
    display: inline-block
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
    background-color: #fff;
    color: #999;
    font-size: 13px;
    padding: 20px 20px 0 0;
    text-align: right
}

html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .desktop {
    text-align: right
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step .icon {
    font-family: Roboto, sans-serif
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step.first,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step.second {
    display: inline-block
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 35px;
    text-align: center
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .title {
    font-size: 35px;
    font-weight: 300;
    margin: 0 -10px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
    font-size: 13px;
    padding-top: 4px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .subtitle a {
    white-space: nowrap
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
    margin: 25px auto 0;
    max-width: 300px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

@media (max-width:1079px) {
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container h4 {
        font-size: 12px;
        padding-top: 2px
    }
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    text-align: left
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    background-image: url(/img/icons/lock-mobile.png);
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    background-size: 13px 16px;
    display: block;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 13px
}

html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    left: 0;
    right: auto
}

@media (max-width:1079px) {
    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        left: 16px
    }
}

@media only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.5) {
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock-mobile@3x.png)
    }
}

@media (max-width:1079px) {
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container {
        background-color: #e7e7e7;
        padding-bottom: 12px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .view-cart-layout {
        background: #fff
    }
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    font-size: 14px;
    padding: 14px 15px
}

@media (max-width:1079px) {
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        border-bottom: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9
    }
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
    font-size: 14px;
    font-weight: 700
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 12px;
    padding-top: 2px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .product,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
    padding-right: 10px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    text-align: left
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cycle,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cycle {
    color: #888;
    font-size: 12px
}

@media (min-width:1080px) {

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
        display: none
    }
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free span {
    color: #54c0d4
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
    display: none
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container {
    font-weight: 400;
    line-height: 19px;
    padding-top: 15px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container strong {
    font-weight: 700
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container hr {
    background-color: #d8d8d8;
    border-style: none;
    height: 1px;
    margin: 12px 0
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:first-child,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:last-child,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .notes,
.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .notes {
    color: #666;
    font-size: 12px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    font-size: 14px
}

.layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price {
    font-size: 13px
}

@media (min-width:701px) {
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content {
        padding: 97px 50px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .title {
        font-size: 40px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        font-size: 16px;
        padding-top: 17px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 40px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .auth-form .title {
        margin: 0 -140px
    }
}

@media (min-width:1080px) {
    .layout-success-newcomer .view-app-browser-layout {
        background-color: #f4f4f4
    }

    .layout-success-newcomer .view-app-browser-layout #content.content-container {
        margin: 36px auto;
        max-width: 1024px;
        padding: 0 20px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 582px;
        -webkit-order: 1;
        order: 1;
        width: auto
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step {
        color: #888;
        display: inline-block
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        background-color: #e2e2e2;
        border-radius: 22px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        margin-right: 13px;
        text-align: center;
        width: 22px
    }

    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        margin-left: 13px;
        margin-right: 0
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 30px
    }

    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 0;
        margin-right: 30px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 13px;
        padding: 10px 20px;
        text-align: left
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active {
        color: #323232
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active .icon {
        background-color: #54c0d4
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child {
        color: #323232
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child .icon {
        background-color: #54c0d4
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:first-child .icon {
        background-image: url(/img/icons/check@2x.png);
        background-repeat: no-repeat;
        -webkit-background-size: 22px;
        -moz-background-size: 22px;
        background-size: 22px;
        color: transparent
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) {
        color: #323232
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) .icon {
        background-color: #54c0d4
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 59px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        padding-top: 12px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 38px;
        max-width: 250px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 67px;
        -webkit-order: 2;
        order: 2
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock.png);
        -webkit-background-size: 20px 25px;
        -moz-background-size: 20px 25px;
        background-size: 20px 25px;
        height: 25px;
        right: 0;
        top: -37px;
        width: 20px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        margin-left: 10px;
        padding: 34px 38px 38px;
        width: 260px
    }

    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        margin-left: 0;
        margin-right: 10px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
        color: #888;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box h4 {
        color: #323232;
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 20px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box hr {
        background-color: #ddd;
        border-style: none;
        height: 1px;
        margin: 20px 0 14px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .free-title {
        color: #54c0d4;
        font-size: 12px;
        margin-top: 12px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item {
        padding: 29px 0
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
        padding-right: 10px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
        font-weight: 400
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order .cost {
        margin-left: auto
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order {
        color: #888;
        margin-bottom: 10px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        font-weight: 700
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .label {
        line-height: 22px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container {
        color: #000;
        font-weight: 400;
        line-height: 18px;
        padding-top: 11px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container strong {
        font-weight: 700
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container .regular-price {
        padding-top: 13px
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 16px;
        background-repeat: no-repeat;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #323232;
        display: none;
        font-size: 12px;
        line-height: 16px;
        margin: 12px 0 0 10px;
        padding: 10px 0 10px 66px;
        width: 260px
    }

    .no-webp .layout-success-newcomer .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.png)
    }

    .webp .layout-success-newcomer .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.webp)
    }

    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 94%;
        margin: 12px 10px 0 0;
        padding: 10px 66px 10px 0
    }

    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .view-cart-layout.subscription-type .notice-title {
        display: block
    }

    .layout-success-newcomer .view-app-browser-layout .view-cart-monthly .container,
    .layout-success-newcomer .view-app-browser-layout .view-cart-subscription .container {
        background-position: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 44px 44px;
        -moz-background-size: 44px 44px;
        background-size: 44px 44px;
        margin-top: 16px;
        min-height: 44px;
        padding: 5px 0 5px 60px
    }

    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-cart-monthly .container,
    html[dir=rtl] .layout-success-newcomer .view-app-browser-layout .view-cart-subscription .container {
        background-position: 100%;
        padding: 5px 60px 5px 0
    }

    .layout-success-newcomer .view-app-browser-layout .view-cart-monthly .cycle,
    .layout-success-newcomer .view-app-browser-layout .view-cart-subscription .cycle {
        color: #888;
        font-size: 13px
    }
}

@media only screen and (min-width:1080px) and (min-resolution:2dppx),
only screen and (min-width:1080px) and (min-resolution:192dpi),
screen and (min-width:1080px) and (-webkit-min-device-pixel-ratio:1.5) {
    .layout-success-newcomer .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock@2x.png);
        -webkit-background-size: 19px 25px;
        -moz-background-size: 19px 25px;
        background-size: 19px 25px;
        height: 25px;
        width: 19px
    }
}

.layout-success-newcomer .view-new-purchase-success-content {
    padding: 0 !important
}

@media (min-width:1080px) {
    .layout-success-newcomer .view-new-purchase-success-content {
        padding: 50px !important
    }
}

.layout-success-newcomer .view-new-purchase-success-content .body {
    padding: 25px 35px
}

@media (min-width:1080px) {
    .layout-success-newcomer .view-new-purchase-success-content .body {
        padding: 0
    }
}

.layout-success-newcomer .view-new-purchase-success-content .icon.success-checkbox {
    background-repeat: no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    display: inline-block;
    height: 50px;
    width: 50px
}

.no-webp .layout-success-newcomer .view-new-purchase-success-content .icon.success-checkbox {
    background-image: url(/img/pages/purchase/success-icon.png)
}

.webp .layout-success-newcomer .view-new-purchase-success-content .icon.success-checkbox {
    background-image: url(/img/pages/purchase/success-icon.webp)
}

.layout-success-newcomer .view-new-purchase-success-content h3 {
    color: #000;
    font-size: 40px;
    font-weight: 300;
    line-height: 53px;
    padding-top: 12px
}

@media (min-width:1080px) {
    .layout-success-newcomer .view-new-purchase-success-content h3 {
        padding-top: 10px
    }
}

.layout-success-newcomer .view-new-purchase-success-content p {
    font-size: 13px;
    line-height: 18px
}

.layout-success-newcomer .view-new-purchase-success-content p a {
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap
}

.layout-success-newcomer .view-new-purchase-success-content p.purchase-added {
    margin: 0 -5px;
    padding-top: 14px
}

.layout-success-newcomer .view-new-purchase-success-content .mail-sent {
    color: #5db835;
    font-weight: 700;
    padding-top: 36px
}

.layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
    background-color: #f4f6f8;
    background-position-x: center;
    background-position-y: 130px;
    background-repeat: no-repeat;
    -webkit-background-size: 220px 384px;
    -moz-background-size: 220px 384px;
    background-size: 220px 384px;
    height: 410px
}

.no-webp .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
    background-image: url(/img/pages/country/all-rates-section/country-mobile-2019.jpg)
}

.webp .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
    background-image: url(/img/pages/country/all-rates-section/country-mobile-2019.webp)
}

@media (min-width:1080px) {
    .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-position-x: 90%;
        background-position-y: 0;
        -webkit-background-size: auto 256px;
        -moz-background-size: auto 256px;
        background-size: auto 256px;
        border-radius: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        height: 256px;
        margin-top: 44px
    }

    .no-webp .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
        background-image: url(/img/pages/country/all-rates-section/country-desktop-2019.jpg)
    }

    .webp .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
        background-image: url(/img/pages/country/all-rates-section/country-desktop-2019.webp)
    }

    html[dir=rtl] .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer {
        background-position-x: 10%
    }

    .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer .download-container {
        padding-left: 42px
    }

    html[dir=rtl] .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer .download-container {
        padding-left: 0;
        padding-right: 42px
    }
}

.layout-success-newcomer .view-new-purchase-success-content .view-layout-footer h4 {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 25px
}

@media (min-width:1080px) {
    .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer h4 {
        text-align: left
    }

    html[dir=rtl] .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer h4 {
        text-align: right
    }
}

.layout-success-newcomer .view-new-purchase-success-content .view-layout-footer .links {
    padding-top: 17px
}

.layout-success-newcomer .view-new-purchase-success-content .view-layout-footer .links a:first-child {
    padding-right: 10px
}

html[dir=rtl] .layout-success-newcomer .view-new-purchase-success-content .view-layout-footer .links a:first-child {
    padding-left: 10px;
    padding-right: 0
}

.layout-success-newcomer .view-new-purchase-success-content .view-layout-footer .links img {
    height: 37px;
    width: 122px
}

.view-purchase-failed {
    padding: 50px 38px 30px;
    text-align: center
}

@media (min-width:701px) {
    .view-purchase-failed {
        margin: auto;
        max-width: 435px;
        padding: 126px 100px 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-failed {
        max-width: 100%;
        padding: 76px 130px
    }
}

.view-purchase-failed h3,
.view-purchase-failed p {
    line-height: 1.2em
}

.view-purchase-failed h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    display: inline-block;
    font-size: 35px;
    font-weight: 300;
    line-height: 1.2em;
    padding-bottom: 28px;
    position: relative
}

@media (min-width:701px) {
    .view-purchase-failed h3 {
        font-size: 40px;
        padding-bottom: 30px
    }
}

@media (min-width:1080px) {
    .view-purchase-failed h3 {
        font-size: 32px
    }
}

.view-purchase-failed h3 .icon-failed {
    background-image: url(/img/icons/svg/error.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 30px;
    left: -3px;
    margin: auto;
    position: relative;
    top: -18px;
    width: 37px
}

@media (min-width:701px) {
    .view-purchase-failed h3 .icon-failed {
        height: 34px;
        width: 47px
    }
}

@media (min-width:1080px) {
    .view-purchase-failed h3 .icon-failed {
        height: 32px;
        left: -40px;
        position: absolute;
        top: 7px;
        width: 32px
    }

    html[dir=rtl] .view-purchase-failed h3 .icon-failed {
        left: auto;
        right: -40px
    }
}

.view-purchase-failed p {
    color: #323232;
    font-size: 14px
}

.view-purchase-failed p.link {
    display: block;
    font-size: 12px;
    margin-top: 15px
}

.view-purchase-failed p.strong {
    display: block;
    font-weight: 700;
    margin-top: 30px
}

.view-purchase-failed p.bullet:before {
    content: "- "
}

@media (min-width:701px) {
    .view-purchase-failed p {
        font-size: 16px;
        line-height: 23px
    }

    .view-purchase-failed p.link {
        font-size: 14px
    }
}

.view-purchase-failed .show-more {
    display: block;
    font-size: 14px;
    margin-top: 10px
}

.view-purchase-failed .button-container {
    padding: 45px 0 0
}

.view-purchase-failed .button-container .try-again,
.view-purchase-failed .button-container .view-options {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    width: 100%
}

@media (min-width:701px) {

    .view-purchase-failed .button-container .try-again,
    .view-purchase-failed .button-container .view-options {
        font-size: 19px;
        line-height: 50px
    }
}

@media (min-width:1080px) {

    .view-purchase-failed .button-container .try-again,
    .view-purchase-failed .button-container .view-options {
        display: inline-block;
        font-size: 16px;
        height: 34px;
        line-height: 34px;
        min-width: 301px;
        width: auto
    }
}

.page-checkout-stripe .view-purchase-layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.page-checkout-stripe .view-purchase-layout .content-container {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    color: #323232;
    -webkit-order: 2;
    order: 2;
    width: 100%
}

.page-checkout-stripe .view-purchase-layout .content-container .steps .step {
    display: none
}

.page-checkout-stripe .view-purchase-layout .content-container .steps .step.active {
    display: inline-block
}

.page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps {
    background-color: #fff;
    color: #999;
    font-size: 13px;
    padding: 20px 20px 0 0;
    text-align: right
}

html[dir=rtl] .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps .desktop {
    text-align: right
}

.page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps .step .icon {
    font-family: Roboto, sans-serif
}

.page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.first-step .step.first,
.page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.second-step .step.second {
    display: inline-block
}

.page-checkout-stripe .view-purchase-layout .content-container .content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 18px;
    text-align: center
}

.page-checkout-stripe .view-purchase-layout .content-container .content .title {
    font-size: 35px;
    font-weight: 300;
    margin: 0 -10px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .subtitle {
    font-size: 13px;
    padding-top: 4px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .subtitle a {
    white-space: nowrap
}

.page-checkout-stripe .view-purchase-layout .cart-container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative
}

.page-checkout-stripe .view-purchase-layout .cart-container h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

@media (max-width:1079px) {
    .page-checkout-stripe .view-purchase-layout .cart-container h4 {
        font-size: 12px;
        padding-top: 2px
    }
}

.page-checkout-stripe .view-purchase-layout .cart-container h4 .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container h4 .cost {
    text-align: left
}

.page-checkout-stripe .view-purchase-layout .cart-container .lock-icon {
    background-image: url(/img/icons/lock-mobile.png);
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    background-size: 13px 16px;
    display: block;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 13px
}

html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .lock-icon {
    left: 0;
    right: auto
}

@media (max-width:1079px) {
    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .lock-icon {
        left: 16px
    }
}

@media only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.5) {
    .page-checkout-stripe .view-purchase-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock-mobile@3x.png)
    }
}

@media only screen and (min-width:1080px) and (min-resolution:2dppx),
only screen and (min-width:1080px) and (min-resolution:192dpi),
screen and (min-width:1080px) and (-webkit-min-device-pixel-ratio:1.5) {
    .page-checkout-stripe .view-purchase-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock@2x.png);
        -webkit-background-size: 19px 25px;
        -moz-background-size: 19px 25px;
        background-size: 19px 25px;
        height: 25px;
        width: 19px
    }
}

@media (max-width:1079px) {
    .page-checkout-stripe .view-purchase-layout .cart-container {
        background-color: #e7e7e7;
        padding-bottom: 12px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .view-cart-layout {
        background: #fff
    }
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    font-size: 14px;
    padding: 14px 15px
}

@media (max-width:1079px) {
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box {
        border-bottom: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9
    }
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box h2 {
    font-size: 14px;
    font-weight: 700
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 12px;
    padding-top: 2px
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free .product,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item .product {
    padding-right: 10px
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item .cost {
    text-align: left
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free .cycle,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item .cycle {
    color: #888;
    font-size: 12px
}

@media (min-width:1080px) {

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item,
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free {
        display: none
    }
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item-with-free span {
    color: #54c0d4
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-total {
    display: none
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container {
    font-weight: 400;
    line-height: 19px;
    padding-top: 15px
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container strong {
    font-weight: 700
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container hr {
    background-color: #d8d8d8;
    border-style: none;
    height: 1px;
    margin: 12px 0
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:first-child,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:last-child,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .notes,
.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .notes {
    color: #666;
    font-size: 12px
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    font-size: 14px
}

.page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price {
    font-size: 13px
}

@media (min-width:701px) {
    .page-checkout-stripe .view-purchase-layout .content-container .content {
        padding: 25px 35px
    }

    .page-checkout-stripe .view-purchase-layout .content-container .content .title {
        font-size: 40px
    }

    .page-checkout-stripe .view-purchase-layout .content-container .content .subtitle {
        font-size: 16px;
        padding-top: 17px
    }
}

@media (min-width:1080px) {
    .page-checkout-stripe .view-purchase-layout {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .page-checkout-stripe .view-purchase-layout .content-container {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 582px;
        -webkit-order: 1;
        order: 1;
        width: auto
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .step {
        color: #888;
        display: inline-block
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .step .icon {
        background-color: #e2e2e2;
        border-radius: 22px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        margin-right: 13px;
        text-align: center;
        width: 22px
    }

    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .content-container .steps .step .icon {
        margin-left: 13px;
        margin-right: 0
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .step+.step {
        margin-left: 30px
    }

    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .content-container .steps .step+.step {
        margin-left: 0;
        margin-right: 30px
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 13px;
        padding: 10px 20px;
        text-align: left
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps .step.active {
        color: #323232
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps .step.active .icon {
        background-color: #54c0d4
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.first-step .step:first-child {
        color: #323232
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.first-step .step:first-child .icon {
        background-color: #54c0d4
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.second-step .step:first-child .icon {
        background-image: url(/img/icons/check@2x.png);
        background-repeat: no-repeat;
        -webkit-background-size: 22px;
        -moz-background-size: 22px;
        background-size: 22px;
        color: transparent
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.second-step .step:nth-child(2) {
        color: #323232
    }

    .page-checkout-stripe .view-purchase-layout .content-container .steps .view-steps.second-step .step:nth-child(2) .icon {
        background-color: #54c0d4
    }

    .page-checkout-stripe .view-purchase-layout .content-container .content {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 24px 24px 50px
    }

    .page-checkout-stripe .view-purchase-layout .content-container .content .subtitle {
        padding-top: 12px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 67px;
        -webkit-order: 2;
        order: 2
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock.png);
        -webkit-background-size: 20px 25px;
        -moz-background-size: 20px 25px;
        background-size: 20px 25px;
        height: 25px;
        right: 0;
        top: -37px;
        width: 20px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box {
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        margin-left: 10px;
        padding: 34px 38px 38px;
        width: 260px
    }

    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .cart-box {
        margin-left: 0;
        margin-right: 10px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box h2 {
        color: #888;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box h4 {
        color: #323232;
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 20px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box hr {
        background-color: #ddd;
        border-style: none;
        height: 1px;
        margin: 20px 0 14px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .free-title {
        color: #54c0d4;
        font-size: 12px;
        margin-top: 12px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item {
        padding: 29px 0
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item .product {
        padding-right: 10px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-item .cost {
        font-weight: 400
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order,
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-total {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order .cost {
        margin-left: auto
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order {
        color: #888;
        margin-bottom: 10px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-total {
        font-weight: 700
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .order-total .label {
        line-height: 22px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-container {
        color: #000;
        font-weight: 400;
        line-height: 18px;
        padding-top: 11px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-container strong {
        font-weight: 700
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .order-details-container .welcome-offer-container .regular-price {
        padding-top: 13px
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .view-cart-monthly .container,
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .view-cart-subscription .container {
        background-position: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 44px 44px;
        -moz-background-size: 44px 44px;
        background-size: 44px 44px;
        margin-top: 16px;
        min-height: 44px;
        padding: 5px 0 5px 60px
    }

    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .view-cart-monthly .container,
    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .view-cart-subscription .container {
        background-position: 100%;
        padding: 5px 60px 5px 0
    }

    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .view-cart-monthly .cycle,
    .page-checkout-stripe .view-purchase-layout .cart-container .cart-box .view-cart-subscription .cycle {
        color: #888;
        font-size: 13px
    }

    .page-checkout-stripe .view-purchase-layout .notice-title {
        background-position: 16px;
        background-repeat: no-repeat;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #323232;
        display: none;
        font-size: 12px;
        line-height: 16px;
        margin: 12px 0 0 10px;
        padding: 10px 0 10px 66px;
        width: 260px
    }

    .no-webp .page-checkout-stripe .view-purchase-layout .notice-title {
        background-image: url(/img/icons/secure.png)
    }

    .webp .page-checkout-stripe .view-purchase-layout .notice-title {
        background-image: url(/img/icons/secure.webp)
    }

    html[dir=rtl] .page-checkout-stripe .view-purchase-layout .notice-title {
        background-position: 94%;
        margin: 12px 10px 0 0;
        padding: 10px 66px 10px 0
    }

    .page-checkout-stripe .view-purchase-layout .view-cart-layout.subscription-type .notice-title {
        display: block
    }
}

.page-checkout-stripe .header-container {
    background-color: #fff;
    padding-bottom: 0
}

.page-checkout-stripe .view-purchase-layout .content-container .content .loader-container {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container {
    padding: 50px 0
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container .email-input-container {
    margin-bottom: 19px;
    text-align: left
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container .email-input-container .label {
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 9px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container .email-input-container .input {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    padding: 4px 8px;
    width: 100%
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container .email-input-container .input:focus {
    border-color: #18b8e8
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container .email-input-container.validation-error .input {
    border-color: #d3494e;
    color: #d3494e
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .inputs-container .email-input-container.validation-error .error {
    color: #d3494e;
    font-size: 11px;
    margin-left: 8px;
    margin-top: 4px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .submit-btn {
    min-width: 136px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .secure-note {
    color: rgba(50, 50, 50, .3);
    font-size: 13px;
    padding-top: 7px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .secure-note:after,
.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .secure-note:before {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    content: "";
    display: inline-block;
    position: relative
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .secure-note:before {
    background-color: rgba(0, 0, 0, .3);
    height: 12px;
    -webkit-mask: url(/img/icons/stripe/icon-lock.svg) no-repeat;
    -webkit-mask-size: contain;
    mask: url(/img/icons/stripe/icon-lock.svg) no-repeat;
    mask-size: contain;
    right: 5px;
    top: 1px;
    width: 9px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .secure-note:after {
    background-color: #323232;
    height: 20px;
    left: 3px;
    -webkit-mask: url(/img/icons/stripe/logo-stripe.svg) no-repeat;
    -webkit-mask-size: contain;
    mask: url(/img/icons/stripe/logo-stripe.svg) no-repeat;
    mask-size: contain;
    top: 7px;
    width: 43px
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .error-message {
    background-color: rgba(211, 73, 78, .1);
    border-radius: 10px;
    color: #d3494e;
    font-size: 13px;
    margin-top: 50px;
    padding: 4px 13px;
    text-align: left
}

.page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase .payment-form .error-message .icon-info {
    background-color: #d3494e;
    display: inline-block;
    height: 11px;
    margin-right: 5px;
    mask: url(/img/icons/stripe/icon-info.svg) no-repeat;
    mask-size: contain;
    -webkit-mask: url(/img/icons/stripe/icon-info.svg) no-repeat;
    -webkit-mask-size: contain;
    position: relative;
    top: 1px;
    width: 11px
}

@media (min-width:701px) {
    .page-checkout-stripe .view-purchase-layout .content-container .content .view-stripe-purchase {
        margin: 0 auto;
        max-width: 300px
    }
}

@media (min-width:1080px) {
    .page-checkout-stripe {
        background-color: #f4f4f4
    }

    .page-checkout-stripe #content.content-container {
        margin: 36px auto;
        max-width: 1024px;
        padding: 0 20px
    }

    .page-checkout-stripe .view-purchase-layout .content-container .content .loader-container {
        min-height: 300px
    }
}

.login-page .view-app-browser-layout header {
    background-color: #fff;
    padding-bottom: 0
}

.login-page .view-app-browser-layout #content.content-container {
    margin: 0;
    max-width: none;
    padding: 0
}

.login-page .view-app-browser-layout .view-auth-layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.login-page .view-app-browser-layout .view-auth-layout .content-container {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    color: #323232;
    -webkit-order: 2;
    order: 2;
    width: 100%
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step {
    display: none
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step.active {
    display: inline-block
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
    background-color: #fff;
    color: #999;
    font-size: 13px;
    padding: 20px 20px 0 0;
    text-align: right
}

html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .desktop {
    text-align: right
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step .icon {
    font-family: Roboto, sans-serif
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step.first,
.login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step.second {
    display: inline-block
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 35px;
    text-align: center
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .content .title {
    font-size: 35px;
    font-weight: 300;
    margin: 0 -10px
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
    font-size: 13px;
    padding-top: 4px
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle a {
    white-space: nowrap
}

.login-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
    margin: 25px auto 0;
    max-width: 300px
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

@media (max-width:1079px) {
    .login-page .view-app-browser-layout .view-auth-layout .cart-container h4 {
        font-size: 12px;
        padding-top: 2px
    }
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    text-align: left
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    background-image: url(/img/icons/lock-mobile.png);
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    background-size: 13px 16px;
    display: block;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 13px
}

html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    left: 0;
    right: auto
}

@media (max-width:1079px) {
    html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        left: 16px
    }
}

@media only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.5) {
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock-mobile@3x.png)
    }
}

@media (max-width:1079px) {
    .login-page .view-app-browser-layout .view-auth-layout .cart-container {
        background-color: #e7e7e7;
        padding-bottom: 12px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .view-cart-layout {
        background: #fff
    }
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    font-size: 14px;
    padding: 14px 15px
}

@media (max-width:1079px) {
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        border-bottom: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9
    }
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
    font-size: 14px;
    font-weight: 700
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 12px;
    padding-top: 2px
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .product,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
    padding-right: 10px
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    text-align: left
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cycle,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cycle {
    color: #888;
    font-size: 12px
}

@media (min-width:1080px) {

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
        display: none
    }
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free span {
    color: #54c0d4
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
    display: none
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container {
    font-weight: 400;
    line-height: 19px;
    padding-top: 15px
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container strong {
    font-weight: 700
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container hr {
    background-color: #d8d8d8;
    border-style: none;
    height: 1px;
    margin: 12px 0
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:first-child,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:last-child,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .notes,
.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .notes {
    color: #666;
    font-size: 12px
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    font-size: 14px
}

.login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price {
    font-size: 13px
}

@media (min-width:701px) {
    .login-page .view-app-browser-layout .view-auth-layout .content-container .content {
        padding: 97px 50px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content .title {
        font-size: 40px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        font-size: 16px;
        padding-top: 17px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 40px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form .title {
        margin: 0 -140px
    }
}

@media (min-width:1080px) {
    .login-page .view-app-browser-layout {
        background-color: #f4f4f4
    }

    .login-page .view-app-browser-layout #content.content-container {
        margin: 36px auto;
        max-width: 1024px;
        padding: 0 20px
    }

    .login-page .view-app-browser-layout .view-auth-layout {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 582px;
        -webkit-order: 1;
        order: 1;
        width: auto
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step {
        color: #888;
        display: inline-block
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        background-color: #e2e2e2;
        border-radius: 22px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        margin-right: 13px;
        text-align: center;
        width: 22px
    }

    html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        margin-left: 13px;
        margin-right: 0
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 30px
    }

    html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 0;
        margin-right: 30px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 13px;
        padding: 10px 20px;
        text-align: left
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active {
        color: #323232
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active .icon {
        background-color: #54c0d4
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child {
        color: #323232
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child .icon {
        background-color: #54c0d4
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:first-child .icon {
        background-image: url(/img/icons/check@2x.png);
        background-repeat: no-repeat;
        -webkit-background-size: 22px;
        -moz-background-size: 22px;
        background-size: 22px;
        color: transparent
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) {
        color: #323232
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) .icon {
        background-color: #54c0d4
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 59px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        padding-top: 12px
    }

    .login-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 38px;
        max-width: 250px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 67px;
        -webkit-order: 2;
        order: 2
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock.png);
        -webkit-background-size: 20px 25px;
        -moz-background-size: 20px 25px;
        background-size: 20px 25px;
        height: 25px;
        right: 0;
        top: -37px;
        width: 20px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        margin-left: 10px;
        padding: 34px 38px 38px;
        width: 260px
    }

    html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        margin-left: 0;
        margin-right: 10px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
        color: #888;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h4 {
        color: #323232;
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 20px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box hr {
        background-color: #ddd;
        border-style: none;
        height: 1px;
        margin: 20px 0 14px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .free-title {
        color: #54c0d4;
        font-size: 12px;
        margin-top: 12px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item {
        padding: 29px 0
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
        padding-right: 10px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
        font-weight: 400
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order .cost {
        margin-left: auto
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order {
        color: #888;
        margin-bottom: 10px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        font-weight: 700
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .label {
        line-height: 22px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container {
        color: #000;
        font-weight: 400;
        line-height: 18px;
        padding-top: 11px
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container strong {
        font-weight: 700
    }

    .login-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container .regular-price {
        padding-top: 13px
    }

    .login-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 16px;
        background-repeat: no-repeat;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #323232;
        display: none;
        font-size: 12px;
        line-height: 16px;
        margin: 12px 0 0 10px;
        padding: 10px 0 10px 66px;
        width: 260px
    }

    .no-webp .login-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.png)
    }

    .webp .login-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.webp)
    }

    html[dir=rtl] .login-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 94%;
        margin: 12px 10px 0 0;
        padding: 10px 66px 10px 0
    }

    .login-page .view-app-browser-layout .view-auth-layout .view-cart-layout.subscription-type .notice-title {
        display: block
    }

    .login-page .view-app-browser-layout .view-cart-monthly .container,
    .login-page .view-app-browser-layout .view-cart-subscription .container {
        background-position: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 44px 44px;
        -moz-background-size: 44px 44px;
        background-size: 44px 44px;
        margin-top: 16px;
        min-height: 44px;
        padding: 5px 0 5px 60px
    }

    html[dir=rtl] .login-page .view-app-browser-layout .view-cart-monthly .container,
    html[dir=rtl] .login-page .view-app-browser-layout .view-cart-subscription .container {
        background-position: 100%;
        padding: 5px 60px 5px 0
    }

    .login-page .view-app-browser-layout .view-cart-monthly .cycle,
    .login-page .view-app-browser-layout .view-cart-subscription .cycle {
        color: #888;
        font-size: 13px
    }
}

@media only screen and (min-width:1080px) and (min-resolution:2dppx),
only screen and (min-width:1080px) and (min-resolution:192dpi),
screen and (min-width:1080px) and (-webkit-min-device-pixel-ratio:1.5) {
    .login-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock@2x.png);
        -webkit-background-size: 19px 25px;
        -moz-background-size: 19px 25px;
        background-size: 19px 25px;
        height: 25px;
        width: 19px
    }
}

.login-page .view-login-form form label {
    display: none
}

.login-page .view-login-form form .form-group {
    min-height: 70px
}

.login-page .view-login-form form .form-group .input-container {
    position: relative
}

.login-page .view-login-form form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .login-page .view-login-form form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.login-page .view-login-form form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.login-page .view-login-form form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.login-page .view-login-form form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.login-page .view-login-form form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.login-page .view-login-form form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.login-page .view-login-form form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-0,
.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.login-page .view-login-form form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.login-page .view-login-form form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .login-page .view-login-form form .form-group .input-container .message {
    text-align: right
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.login-page .view-login-form form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .login-page .view-login-form form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .login-page .view-login-form form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .login-page .view-login-form form .form-group {
        text-align: right
    }

    .login-page .view-login-form form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .login-page .view-login-form form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .login-page .view-login-form form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .login-page .view-login-form form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .login-page .view-login-form form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .login-page .view-login-form form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .login-page .view-login-form form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .login-page .view-login-form form input {
        padding: 0 10px
    }

    .login-page .view-login-form form input::-webkit-input-placeholder {
        color: transparent
    }

    .login-page .view-login-form form input::-moz-placeholder {
        color: transparent
    }

    .login-page .view-login-form form input:-ms-input-placeholder {
        color: transparent
    }

    .login-page .view-login-form form input:-moz-placeholder {
        color: transparent
    }
}

.login-page .view-login-form .login-form-container .forgot-password-container {
    padding-top: 3px;
    text-align: right
}

.login-page .view-login-form .login-form-container .form-group.submit {
    min-height: auto;
    padding-top: 55px
}

.login-page .view-login-form .login-form-container .form-group.remember-me {
    min-height: auto;
    padding-top: 22px;
    text-align: left
}

html[dir=rtl] .login-page .view-login-form .login-form-container .form-group.remember-me {
    text-align: right
}

.login-page .view-login-form .login-form-container .form-group.remember-me label {
    color: #999;
    display: inline;
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 0
}

@media (max-width:1079px) {
    .login-page .view-login-form .login-form-container .form-group.remember-me label {
        line-height: 22px
    }
}

.login-page .view-login-form .login-form-container .c-checkbox-input {
    height: 20px;
    margin-right: 10px;
    width: 20px
}

html[dir=rtl] .login-page .view-login-form .login-form-container .c-checkbox-input {
    margin-left: 10px;
    margin-right: 0
}

.login-page .view-login-form .login-form-container .c-checkbox-input .checkbox-icon,
.login-page .view-login-form .login-form-container .c-checkbox-input input {
    height: 100%;
    width: 100%
}

@media (min-width:701px) {
    .login-page .view-login-form .login-form-container .form-group.submit {
        padding-top: 102px
    }
}

@media (min-width:1080px) {
    .login-page .view-login-form .login-form-container .forgot-password-container {
        font-size: 12px;
        text-align: left
    }

    html[dir=rtl] .login-page .view-login-form .login-form-container .forgot-password-container {
        text-align: right
    }

    .login-page .view-login-form .login-form-container .form-group.submit {
        margin: 0;
        padding-bottom: 18px;
        padding-top: 25px
    }

    .login-page .view-login-form .login-form-container .form-group.remember-me {
        padding: 0
    }

    .login-page .view-login-form .login-form-container .form-group.remember-me label {
        font-size: 12px
    }

    .login-page .view-login-form .login-form-container .submit-btn {
        width: 100%
    }

    .login-page .view-login-form .login-form-container .c-checkbox-input {
        height: 18px;
        margin-top: 2px;
        width: 18px
    }
}

.create-account-page .view-app-browser-layout header {
    background-color: #fff;
    padding-bottom: 0
}

.create-account-page .view-app-browser-layout #content.content-container {
    margin: 0;
    max-width: none;
    padding: 0
}

.create-account-page .view-app-browser-layout .view-auth-layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    color: #323232;
    -webkit-order: 2;
    order: 2;
    width: 100%
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step {
    display: none
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step.active {
    display: inline-block
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
    background-color: #fff;
    color: #999;
    font-size: 13px;
    padding: 20px 20px 0 0;
    text-align: right
}

html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .desktop {
    text-align: right
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step .icon {
    font-family: Roboto, sans-serif
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step.first,
.create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step.second {
    display: inline-block
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 35px;
    text-align: center
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .title {
    font-size: 35px;
    font-weight: 300;
    margin: 0 -10px
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
    font-size: 13px;
    padding-top: 4px
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle a {
    white-space: nowrap
}

.create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
    margin: 25px auto 0;
    max-width: 300px
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

@media (max-width:1079px) {
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container h4 {
        font-size: 12px;
        padding-top: 2px
    }
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    text-align: left
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    background-image: url(/img/icons/lock-mobile.png);
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    background-size: 13px 16px;
    display: block;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 13px
}

html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    left: 0;
    right: auto
}

@media (max-width:1079px) {
    html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        left: 16px
    }
}

@media only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.5) {
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock-mobile@3x.png)
    }
}

@media (max-width:1079px) {
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container {
        background-color: #e7e7e7;
        padding-bottom: 12px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .view-cart-layout {
        background: #fff
    }
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    font-size: 14px;
    padding: 14px 15px
}

@media (max-width:1079px) {
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        border-bottom: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9
    }
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
    font-size: 14px;
    font-weight: 700
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 12px;
    padding-top: 2px
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .product,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
    padding-right: 10px
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    text-align: left
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cycle,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cycle {
    color: #888;
    font-size: 12px
}

@media (min-width:1080px) {

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
        display: none
    }
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free span {
    color: #54c0d4
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
    display: none
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container {
    font-weight: 400;
    line-height: 19px;
    padding-top: 15px
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container strong {
    font-weight: 700
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container hr {
    background-color: #d8d8d8;
    border-style: none;
    height: 1px;
    margin: 12px 0
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:first-child,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:last-child,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .notes,
.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .notes {
    color: #666;
    font-size: 12px
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    font-size: 14px
}

.create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price {
    font-size: 13px
}

@media (min-width:701px) {
    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content {
        padding: 97px 50px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .title {
        font-size: 40px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        font-size: 16px;
        padding-top: 17px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 40px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form .title {
        margin: 0 -140px
    }
}

@media (min-width:1080px) {
    .create-account-page .view-app-browser-layout {
        background-color: #f4f4f4
    }

    .create-account-page .view-app-browser-layout #content.content-container {
        margin: 36px auto;
        max-width: 1024px;
        padding: 0 20px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 582px;
        -webkit-order: 1;
        order: 1;
        width: auto
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step {
        color: #888;
        display: inline-block
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        background-color: #e2e2e2;
        border-radius: 22px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        margin-right: 13px;
        text-align: center;
        width: 22px
    }

    html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        margin-left: 13px;
        margin-right: 0
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 30px
    }

    html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 0;
        margin-right: 30px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 13px;
        padding: 10px 20px;
        text-align: left
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active {
        color: #323232
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active .icon {
        background-color: #54c0d4
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child {
        color: #323232
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child .icon {
        background-color: #54c0d4
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:first-child .icon {
        background-image: url(/img/icons/check@2x.png);
        background-repeat: no-repeat;
        -webkit-background-size: 22px;
        -moz-background-size: 22px;
        background-size: 22px;
        color: transparent
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) {
        color: #323232
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) .icon {
        background-color: #54c0d4
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 59px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        padding-top: 12px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 38px;
        max-width: 250px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 67px;
        -webkit-order: 2;
        order: 2
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock.png);
        -webkit-background-size: 20px 25px;
        -moz-background-size: 20px 25px;
        background-size: 20px 25px;
        height: 25px;
        right: 0;
        top: -37px;
        width: 20px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        margin-left: 10px;
        padding: 34px 38px 38px;
        width: 260px
    }

    html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        margin-left: 0;
        margin-right: 10px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
        color: #888;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h4 {
        color: #323232;
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 20px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box hr {
        background-color: #ddd;
        border-style: none;
        height: 1px;
        margin: 20px 0 14px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .free-title {
        color: #54c0d4;
        font-size: 12px;
        margin-top: 12px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item {
        padding: 29px 0
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
        padding-right: 10px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
        font-weight: 400
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order .cost {
        margin-left: auto
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order {
        color: #888;
        margin-bottom: 10px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        font-weight: 700
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .label {
        line-height: 22px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container {
        color: #000;
        font-weight: 400;
        line-height: 18px;
        padding-top: 11px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container strong {
        font-weight: 700
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container .regular-price {
        padding-top: 13px
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 16px;
        background-repeat: no-repeat;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #323232;
        display: none;
        font-size: 12px;
        line-height: 16px;
        margin: 12px 0 0 10px;
        padding: 10px 0 10px 66px;
        width: 260px
    }

    .no-webp .create-account-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.png)
    }

    .webp .create-account-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.webp)
    }

    html[dir=rtl] .create-account-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 94%;
        margin: 12px 10px 0 0;
        padding: 10px 66px 10px 0
    }

    .create-account-page .view-app-browser-layout .view-auth-layout .view-cart-layout.subscription-type .notice-title {
        display: block
    }

    .create-account-page .view-app-browser-layout .view-cart-monthly .container,
    .create-account-page .view-app-browser-layout .view-cart-subscription .container {
        background-position: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 44px 44px;
        -moz-background-size: 44px 44px;
        background-size: 44px 44px;
        margin-top: 16px;
        min-height: 44px;
        padding: 5px 0 5px 60px
    }

    html[dir=rtl] .create-account-page .view-app-browser-layout .view-cart-monthly .container,
    html[dir=rtl] .create-account-page .view-app-browser-layout .view-cart-subscription .container {
        background-position: 100%;
        padding: 5px 60px 5px 0
    }

    .create-account-page .view-app-browser-layout .view-cart-monthly .cycle,
    .create-account-page .view-app-browser-layout .view-cart-subscription .cycle {
        color: #888;
        font-size: 13px
    }
}

@media only screen and (min-width:1080px) and (min-resolution:2dppx),
only screen and (min-width:1080px) and (min-resolution:192dpi),
screen and (min-width:1080px) and (-webkit-min-device-pixel-ratio:1.5) {
    .create-account-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock@2x.png);
        -webkit-background-size: 19px 25px;
        -moz-background-size: 19px 25px;
        background-size: 19px 25px;
        height: 25px;
        width: 19px
    }
}

.create-account-page .view-phone-verification form label {
    display: none
}

.create-account-page .view-phone-verification form .form-group {
    min-height: 70px
}

.create-account-page .view-phone-verification form .form-group .input-container {
    position: relative
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .create-account-page .view-phone-verification form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-0,
.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.create-account-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.create-account-page .view-phone-verification form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .create-account-page .view-phone-verification form .form-group .input-container .message {
    text-align: right
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .create-account-page .view-phone-verification form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .create-account-page .view-phone-verification form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .create-account-page .view-phone-verification form .form-group {
        text-align: right
    }

    .create-account-page .view-phone-verification form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .create-account-page .view-phone-verification form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .create-account-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .create-account-page .view-phone-verification form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .create-account-page .view-phone-verification form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .create-account-page .view-phone-verification form input {
        padding: 0 10px
    }

    .create-account-page .view-phone-verification form input::-webkit-input-placeholder {
        color: transparent
    }

    .create-account-page .view-phone-verification form input::-moz-placeholder {
        color: transparent
    }

    .create-account-page .view-phone-verification form input:-ms-input-placeholder {
        color: transparent
    }

    .create-account-page .view-phone-verification form input:-moz-placeholder {
        color: transparent
    }
}

.create-account-page .view-phone-verification .subtitle {
    font-size: 13px;
    padding-bottom: 22px
}

.create-account-page .view-phone-verification h5 {
    display: none
}

.create-account-page .view-phone-verification input.phone::-webkit-contacts-auto-fill-button,
.create-account-page .view-phone-verification input.prefix::-webkit-contacts-auto-fill-button {
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

.create-account-page .view-phone-verification button[type=submit] {
    margin-top: 34px
}

@media (min-width:701px) {
    .create-account-page .view-phone-verification .subtitle {
        font-size: 15.5px !important;
        padding-bottom: 38px
    }
}

@media (min-width:1080px) {
    .create-account-page .view-phone-verification .form-inner-container {
        margin: auto;
        width: 250px
    }

    .create-account-page .view-phone-verification .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .create-account-page .view-phone-verification h3.title {
        padding: 0
    }

    .create-account-page .view-phone-verification button[type=submit] {
        margin-top: 0;
        width: 100%
    }

    .create-account-page .view-phone-verification form label {
        width: auto
    }
}

.create-account-page .layout-send-code form label {
    display: none
}

.create-account-page .layout-send-code form .form-group {
    min-height: 70px
}

.create-account-page .layout-send-code form .form-group .input-container {
    position: relative
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .create-account-page .layout-send-code form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-0,
.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.create-account-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.create-account-page .layout-send-code form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .create-account-page .layout-send-code form .form-group .input-container .message {
    text-align: right
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .create-account-page .layout-send-code form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .create-account-page .layout-send-code form .form-group {
        text-align: right
    }

    .create-account-page .layout-send-code form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .create-account-page .layout-send-code form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .create-account-page .layout-send-code form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .create-account-page .layout-send-code form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .create-account-page .layout-send-code form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .create-account-page .layout-send-code form input {
        padding: 0 10px
    }

    .create-account-page .layout-send-code form input::-webkit-input-placeholder {
        color: transparent
    }

    .create-account-page .layout-send-code form input::-moz-placeholder {
        color: transparent
    }

    .create-account-page .layout-send-code form input:-ms-input-placeholder {
        color: transparent
    }

    .create-account-page .layout-send-code form input:-moz-placeholder {
        color: transparent
    }
}

.create-account-page .layout-send-code .subtitle {
    font-size: 13px;
    padding-bottom: 22px
}

@media (max-width:700px) {
    .create-account-page .layout-send-code .subtitle {
        padding-bottom: 18px
    }
}

.create-account-page .layout-send-code h5 {
    font-size: 14px;
    padding-bottom: 8px
}

@media (max-width:700px) {
    .create-account-page .layout-send-code h5 {
        padding-bottom: 15px
    }
}

@media (min-width:701px) {
    .create-account-page .layout-send-code h5 {
        padding-bottom: 0
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code h5 {
        font-size: 13px;
        padding-bottom: 15px;
        text-align: left
    }

    html[dir=rtl] .create-account-page .layout-send-code h5 {
        text-align: right
    }

    .create-account-page .layout-send-code h5 span {
        color: #323232;
        padding-top: 0
    }
}

.create-account-page .layout-send-code h5 span {
    color: #999;
    display: inline-block;
    padding-top: 14px
}

@media (max-width:700px) {
    .create-account-page .layout-send-code h5 span {
        padding-top: 16px
    }
}

.create-account-page .layout-send-code .input-container input {
    -moz-appearance: textfield
}

@media (max-width:1079px) {
    .create-account-page .layout-send-code .input-container input {
        font-size: 30px;
        height: 70px;
        letter-spacing: 20px;
        padding-left: 32px
    }
}

.create-account-page .layout-send-code .input-container input::-webkit-inner-spin-button,
.create-account-page .layout-send-code .input-container input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media (max-width:1079px) {
    .create-account-page .layout-send-code .back-button {
        background: none;
        color: #8074d6;
        font-size: 15px;
        height: auto;
        height: 44px;
        line-height: 44px;
        padding: 0
    }

    .create-account-page .layout-send-code .back-button:disabled {
        color: rgba(128, 116, 214, .7);
        cursor: default
    }
}

@media (min-width:701px) and (max-width:1079px) {
    .create-account-page .layout-send-code .back-button {
        margin-top: 14px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code .back-button {
        margin-right: 14px
    }

    .create-account-page .layout-send-code .back-button.btn-purple {
        background-color: transparent;
        border: 1px solid #665cac;
        color: #665cac
    }

    .create-account-page .layout-send-code .back-button.btn-purple:hover {
        background-color: rgba(0, 0, 0, .03);
        border: 1px solid #3a3179;
        color: #3a3179
    }

    .create-account-page .layout-send-code .back-button.btn-purple:active {
        background-color: rgba(0, 0, 0, .07);
        border: 1px solid #3a3179;
        color: #3a3179
    }

    .create-account-page .layout-send-code .back-button.btn-purple.disabled,
    .create-account-page .layout-send-code .back-button.btn-purple:disabled {
        background-color: transparent;
        border: 1px solid rgba(58, 49, 121, .5);
        color: rgba(58, 49, 121, .5)
    }

    html[dir=rtl] .create-account-page .layout-send-code .back-button {
        margin-right: 0
    }

    .create-account-page .layout-send-code .submit-btn {
        padding: 0
    }

    html[dir=rtl] .create-account-page .layout-send-code .submit-btn {
        margin-right: 14px
    }
}

.create-account-page .layout-send-code .btn-link {
    cursor: pointer;
    font-size: 14px
}

.create-account-page .layout-send-code .btn-link:disabled {
    cursor: default
}

@media (min-width:701px) and (max-width:1079px) {
    .create-account-page .layout-send-code .btn-link {
        height: 38px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code .btn-link {
        display: block
    }
}

.create-account-page .layout-send-code .btn-link.voice-call {
    padding-top: 6px;
    text-align: left;
    width: auto
}

html[dir=rtl] .create-account-page .layout-send-code .btn-link.voice-call {
    text-align: right
}

@media (max-width:700px) {
    .create-account-page .layout-send-code .btn-link.voice-call {
        margin-top: 25px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code .btn-link.voice-call {
        padding-top: 7px
    }
}

.create-account-page .layout-send-code .links-container {
    text-align: left
}

html[dir=rtl] .create-account-page .layout-send-code .links-container {
    text-align: right
}

@media (max-width:700px) {
    .create-account-page .layout-send-code .links-container {
        margin: 33px 0 37px
    }

    .create-account-page .layout-send-code .links-container .btn-link {
        height: 24px
    }
}

@media (min-width:701px) {
    .create-account-page .layout-send-code .links-container {
        margin: 16px 0 19px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code .links-container {
        margin: 0;
        padding-bottom: 20px
    }

    .create-account-page .layout-send-code .form-group.submit {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -o-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: start;
        -moz-box-align: start;
        -o-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 -15px
    }

    .create-account-page .layout-send-code .form-group.submit .back-button,
    .create-account-page .layout-send-code .form-group.submit .submit-btn {
        width: 49%
    }
}

@media (max-width:700px) {
    .create-account-page .layout-send-code .form-group.submit .back-button {
        margin-top: 14px
    }

    .create-account-page .layout-send-code .form-group.submit .submit-btn {
        font-size: 19px
    }
}

@media (min-width:701px) {
    .create-account-page .layout-send-code .subtitle {
        font-size: 15.5px !important;
        padding-bottom: 38px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code .form-inner-container {
        margin: auto;
        width: 250px
    }

    .create-account-page .layout-send-code .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .create-account-page .layout-send-code h3.title {
        padding: 0
    }

    .create-account-page .layout-send-code button[type=submit] {
        width: 100%
    }

    .create-account-page .layout-send-code form label {
        width: auto
    }

    .create-account-page .layout-send-code .form-inner-container {
        margin: auto;
        width: 250px
    }

    .create-account-page .layout-send-code .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .create-account-page .layout-send-code h3.title {
        padding: 0
    }

    .create-account-page .layout-send-code form label {
        width: auto
    }

    .create-account-page .layout-send-code .code-input-container.form-group {
        min-height: 50px;
        padding-bottom: 0
    }
}

@media (max-width:1079px) {
    .create-account-page .layout-send-code .code-input-container.form-group input {
        padding-left: 20px;
        text-align: center
    }

    .create-account-page .layout-send-code .code-input-container.form-group input.empty {
        padding-left: 0
    }
}

.create-account-page .layout-send-code .timer {
    color: #888;
    display: inline-block;
    padding-left: 4px
}

@media (min-width:1080px) {
    .create-account-page .layout-send-code .timer {
        padding-left: 2px
    }
}

.create-account-page .layout-send-code .resent-code-link {
    display: inline-block;
    width: auto
}

.create-account-page .layout-user-details form label {
    display: none
}

.create-account-page .layout-user-details form .form-group {
    min-height: 70px
}

.create-account-page .layout-user-details form .form-group .input-container {
    position: relative
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .create-account-page .layout-user-details form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-0,
.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.create-account-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.create-account-page .layout-user-details form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .create-account-page .layout-user-details form .form-group .input-container .message {
    text-align: right
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .create-account-page .layout-user-details form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-user-details form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .create-account-page .layout-user-details form .form-group {
        text-align: right
    }

    .create-account-page .layout-user-details form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .create-account-page .layout-user-details form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .create-account-page .layout-user-details form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .create-account-page .layout-user-details form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .create-account-page .layout-user-details form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .create-account-page .layout-user-details form input {
        padding: 0 10px
    }

    .create-account-page .layout-user-details form input::-webkit-input-placeholder {
        color: transparent
    }

    .create-account-page .layout-user-details form input::-moz-placeholder {
        color: transparent
    }

    .create-account-page .layout-user-details form input:-ms-input-placeholder {
        color: transparent
    }

    .create-account-page .layout-user-details form input:-moz-placeholder {
        color: transparent
    }
}

.create-account-page .layout-user-details .subtitle {
    padding-bottom: 22px
}

.create-account-page .layout-user-details form .form-group.checkbox {
    min-height: auto;
    padding-top: 20px;
    text-align: left
}

html[dir=rtl] .create-account-page .layout-user-details form .form-group.checkbox {
    text-align: right
}

.create-account-page .layout-user-details form .form-group.checkbox label {
    color: #999;
    display: block;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 21px
}

html[dir=rtl] .create-account-page .layout-user-details form .form-group.checkbox label {
    padding-left: 0;
    padding-right: 26px
}

.create-account-page .layout-user-details form .form-group.password input {
    padding-right: 70px
}

html[dir=rtl] .create-account-page .layout-user-details form .form-group.password input {
    padding-left: 70px;
    padding-right: 0
}

.create-account-page .layout-user-details form .form-group.submit {
    margin-top: 38px
}

@media (min-width:701px) {
    .create-account-page .layout-user-details .subtitle {
        font-size: 15.5px !important;
        padding-bottom: 38px
    }
}

@media (min-width:1080px) {
    .create-account-page .layout-user-details .form-inner-container {
        margin: auto;
        width: 250px
    }

    .create-account-page .layout-user-details .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .create-account-page .layout-user-details .form-inner-container .form-group.password input {
        padding-right: 10px
    }

    html[dir=rtl] .create-account-page .layout-user-details .form-inner-container .form-group.password input {
        padding: 0 10px
    }

    .create-account-page .layout-user-details .form-inner-container .form-group.submit {
        min-height: auto;
        padding-bottom: 25px
    }

    .create-account-page .layout-user-details .form-inner-container .form-group.checkbox {
        padding: 0
    }

    .create-account-page .layout-user-details .form-inner-container .form-group.checkbox+.checkbox {
        margin-top: 14px
    }

    .create-account-page .layout-user-details .form-inner-container .form-group.checkbox label {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .create-account-page .layout-user-details h3.title {
        padding: 0
    }

    .create-account-page .layout-user-details button[type=submit] {
        width: 100%
    }

    .create-account-page .layout-user-details form label {
        width: auto
    }

    .create-account-page .layout-send-code.purchase-flow .form-group.submit {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .create-account-page .layout-send-code.purchase-flow .form-group.submit button {
        margin: 0;
        width: 100%
    }

    .create-account-page .layout-send-code.purchase-flow .form-group.submit button.back-button {
        margin-top: 12px
    }
}

.reset-password-page .view-app-browser-layout header {
    background-color: #fff;
    padding-bottom: 0
}

.reset-password-page .view-app-browser-layout #content.content-container {
    margin: 0;
    max-width: none;
    padding: 0
}

.reset-password-page .view-app-browser-layout .view-auth-layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    color: #323232;
    -webkit-order: 2;
    order: 2;
    width: 100%
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step {
    display: none
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step.active {
    display: inline-block
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
    background-color: #fff;
    color: #999;
    font-size: 13px;
    padding: 20px 20px 0 0;
    text-align: right
}

html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .desktop {
    text-align: right
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step .icon {
    font-family: Roboto, sans-serif
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step.first,
.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step.second {
    display: inline-block
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 35px;
    text-align: center
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .title {
    font-size: 35px;
    font-weight: 300;
    margin: 0 -10px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
    font-size: 13px;
    padding-top: 4px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle a {
    white-space: nowrap
}

.reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
    margin: 25px auto 0;
    max-width: 300px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container h4 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

@media (max-width:1079px) {
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container h4 {
        font-size: 12px;
        padding-top: 2px
    }
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container h4 .cost {
    text-align: left
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    background-image: url(/img/icons/lock-mobile.png);
    -webkit-background-size: 13px 16px;
    -moz-background-size: 13px 16px;
    background-size: 13px 16px;
    display: block;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 13px
}

html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
    left: 0;
    right: auto
}

@media (max-width:1079px) {
    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        left: 16px
    }
}

@media only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:1.5) {
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock-mobile@3x.png)
    }
}

@media (max-width:1079px) {
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container {
        background-color: #e7e7e7;
        padding-bottom: 12px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .view-cart-layout {
        background: #fff
    }
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #323232;
    font-size: 14px;
    padding: 14px 15px
}

@media (max-width:1079px) {
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        border-bottom: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9
    }
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
    font-size: 14px;
    font-weight: 700
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 12px;
    padding-top: 2px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .product,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
    padding-right: 10px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cost,
html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
    text-align: left
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free .cycle,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cycle {
    color: #888;
    font-size: 12px
}

@media (min-width:1080px) {

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item,
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free {
        display: none
    }
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item-with-free span {
    color: #54c0d4
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
    display: none
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container {
    font-weight: 400;
    line-height: 19px;
    padding-top: 15px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container strong {
    font-weight: 700
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container hr {
    background-color: #d8d8d8;
    border-style: none;
    height: 1px;
    margin: 12px 0
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:first-child,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .column:last-child,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .column:last-child {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price .notes,
.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer .notes {
    color: #666;
    font-size: 12px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .welcome-offer {
    font-size: 14px
}

.reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-mobile-container .regular-price {
    font-size: 13px
}

@media (min-width:701px) {
    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content {
        padding: 97px 50px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .title {
        font-size: 40px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        font-size: 16px;
        padding-top: 17px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 40px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form .title {
        margin: 0 -140px
    }
}

@media (min-width:1080px) {
    .reset-password-page .view-app-browser-layout {
        background-color: #f4f4f4
    }

    .reset-password-page .view-app-browser-layout #content.content-container {
        margin: 36px auto;
        max-width: 1024px;
        padding: 0 20px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 582px;
        -webkit-order: 1;
        order: 1;
        width: auto
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step {
        color: #888;
        display: inline-block
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        background-color: #e2e2e2;
        border-radius: 22px;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        margin-right: 13px;
        text-align: center;
        width: 22px
    }

    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step .icon {
        margin-left: 13px;
        margin-right: 0
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 30px
    }

    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .step+.step {
        margin-left: 0;
        margin-right: 30px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 13px;
        padding: 10px 20px;
        text-align: left
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active {
        color: #323232
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps .step.active .icon {
        background-color: #54c0d4
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child {
        color: #323232
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.first-step .step:first-child .icon {
        background-color: #54c0d4
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:first-child .icon {
        background-image: url(/img/icons/check@2x.png);
        background-repeat: no-repeat;
        -webkit-background-size: 22px;
        -moz-background-size: 22px;
        background-size: 22px;
        color: transparent
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) {
        color: #323232
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .steps .view-steps.second-step .step:nth-child(2) .icon {
        background-color: #54c0d4
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content {
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 59px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .subtitle {
        padding-top: 12px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .content-container .content .auth-form {
        margin-top: 38px;
        max-width: 250px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 67px;
        -webkit-order: 2;
        order: 2
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock.png);
        -webkit-background-size: 20px 25px;
        -moz-background-size: 20px 25px;
        background-size: 20px 25px;
        height: 25px;
        right: 0;
        top: -37px;
        width: 20px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        background-color: #fff;
        -webkit-box-shadow: 2px 2px 2px #e1e1e1;
        box-shadow: 2px 2px 2px #e1e1e1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        margin-left: 10px;
        padding: 34px 38px 38px;
        width: 260px
    }

    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box {
        margin-left: 0;
        margin-right: 10px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h2 {
        color: #888;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box h4 {
        color: #323232;
        font-size: 16px;
        margin-bottom: 8px;
        margin-top: 20px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box hr {
        background-color: #ddd;
        border-style: none;
        height: 1px;
        margin: 20px 0 14px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .free-title {
        color: #54c0d4;
        font-size: 12px;
        margin-top: 12px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item {
        padding: 29px 0
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .product {
        padding-right: 10px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-item .cost {
        font-weight: 400
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order,
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order .cost {
        margin-left: auto
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order {
        color: #888;
        margin-bottom: 10px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total {
        font-weight: 700
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .cost,
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .order-total .label {
        line-height: 22px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container {
        color: #000;
        font-weight: 400;
        line-height: 18px;
        padding-top: 11px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container strong {
        font-weight: 700
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .cart-box .order-details-container .welcome-offer-container .regular-price {
        padding-top: 13px
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 16px;
        background-repeat: no-repeat;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #323232;
        display: none;
        font-size: 12px;
        line-height: 16px;
        margin: 12px 0 0 10px;
        padding: 10px 0 10px 66px;
        width: 260px
    }

    .no-webp .reset-password-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.png)
    }

    .webp .reset-password-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-image: url(/img/icons/secure.webp)
    }

    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-auth-layout .notice-title {
        background-position: 94%;
        margin: 12px 10px 0 0;
        padding: 10px 66px 10px 0
    }

    .reset-password-page .view-app-browser-layout .view-auth-layout .view-cart-layout.subscription-type .notice-title {
        display: block
    }

    .reset-password-page .view-app-browser-layout .view-cart-monthly .container,
    .reset-password-page .view-app-browser-layout .view-cart-subscription .container {
        background-position: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 44px 44px;
        -moz-background-size: 44px 44px;
        background-size: 44px 44px;
        margin-top: 16px;
        min-height: 44px;
        padding: 5px 0 5px 60px
    }

    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-cart-monthly .container,
    html[dir=rtl] .reset-password-page .view-app-browser-layout .view-cart-subscription .container {
        background-position: 100%;
        padding: 5px 60px 5px 0
    }

    .reset-password-page .view-app-browser-layout .view-cart-monthly .cycle,
    .reset-password-page .view-app-browser-layout .view-cart-subscription .cycle {
        color: #888;
        font-size: 13px
    }
}

@media only screen and (min-width:1080px) and (min-resolution:2dppx),
only screen and (min-width:1080px) and (min-resolution:192dpi),
screen and (min-width:1080px) and (-webkit-min-device-pixel-ratio:1.5) {
    .reset-password-page .view-app-browser-layout .view-auth-layout .cart-container .lock-icon {
        background-image: url(/img/icons/lock@2x.png);
        -webkit-background-size: 19px 25px;
        -moz-background-size: 19px 25px;
        background-size: 19px 25px;
        height: 25px;
        width: 19px
    }
}

.reset-password-page .view-phone-verification form label {
    display: none
}

.reset-password-page .view-phone-verification form .form-group {
    min-height: 70px
}

.reset-password-page .view-phone-verification form .form-group .input-container {
    position: relative
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-0,
.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.reset-password-page .view-phone-verification form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .reset-password-page .view-phone-verification form .form-group .input-container .message {
    text-align: right
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .reset-password-page .view-phone-verification form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .reset-password-page .view-phone-verification form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .reset-password-page .view-phone-verification form .form-group {
        text-align: right
    }

    .reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .reset-password-page .view-phone-verification form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .reset-password-page .view-phone-verification form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .reset-password-page .view-phone-verification form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .reset-password-page .view-phone-verification form input {
        padding: 0 10px
    }

    .reset-password-page .view-phone-verification form input::-webkit-input-placeholder {
        color: transparent
    }

    .reset-password-page .view-phone-verification form input::-moz-placeholder {
        color: transparent
    }

    .reset-password-page .view-phone-verification form input:-ms-input-placeholder {
        color: transparent
    }

    .reset-password-page .view-phone-verification form input:-moz-placeholder {
        color: transparent
    }
}

.reset-password-page .view-phone-verification .subtitle {
    font-size: 13px;
    padding-bottom: 22px
}

.reset-password-page .view-phone-verification h5 {
    display: none
}

.reset-password-page .view-phone-verification input.phone::-webkit-contacts-auto-fill-button,
.reset-password-page .view-phone-verification input.prefix::-webkit-contacts-auto-fill-button {
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

.reset-password-page .view-phone-verification button[type=submit] {
    margin-top: 34px
}

@media (min-width:701px) {
    .reset-password-page .view-phone-verification .subtitle {
        font-size: 15.5px !important;
        padding-bottom: 38px
    }
}

@media (min-width:1080px) {
    .reset-password-page .view-phone-verification .form-inner-container {
        margin: auto;
        width: 250px
    }

    .reset-password-page .view-phone-verification .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .reset-password-page .view-phone-verification h3.title {
        padding: 0
    }

    .reset-password-page .view-phone-verification button[type=submit] {
        margin-top: 0;
        width: 100%
    }

    .reset-password-page .view-phone-verification form label {
        width: auto
    }
}

.reset-password-page .layout-send-code form label {
    display: none
}

.reset-password-page .layout-send-code form .form-group {
    min-height: 70px
}

.reset-password-page .layout-send-code form .form-group .input-container {
    position: relative
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .reset-password-page .layout-send-code form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-0,
.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.reset-password-page .layout-send-code form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.reset-password-page .layout-send-code form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .reset-password-page .layout-send-code form .form-group .input-container .message {
    text-align: right
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .reset-password-page .layout-send-code form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .reset-password-page .layout-send-code form .form-group {
        text-align: right
    }

    .reset-password-page .layout-send-code form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .reset-password-page .layout-send-code form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .reset-password-page .layout-send-code form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .reset-password-page .layout-send-code form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .reset-password-page .layout-send-code form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .reset-password-page .layout-send-code form input {
        padding: 0 10px
    }

    .reset-password-page .layout-send-code form input::-webkit-input-placeholder {
        color: transparent
    }

    .reset-password-page .layout-send-code form input::-moz-placeholder {
        color: transparent
    }

    .reset-password-page .layout-send-code form input:-ms-input-placeholder {
        color: transparent
    }

    .reset-password-page .layout-send-code form input:-moz-placeholder {
        color: transparent
    }
}

.reset-password-page .layout-send-code .subtitle {
    font-size: 13px;
    padding-bottom: 22px
}

@media (max-width:700px) {
    .reset-password-page .layout-send-code .subtitle {
        padding-bottom: 18px
    }
}

.reset-password-page .layout-send-code h5 {
    font-size: 14px;
    padding-bottom: 8px
}

@media (max-width:700px) {
    .reset-password-page .layout-send-code h5 {
        padding-bottom: 15px
    }
}

@media (min-width:701px) {
    .reset-password-page .layout-send-code h5 {
        padding-bottom: 0
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code h5 {
        font-size: 13px;
        padding-bottom: 15px;
        text-align: left
    }

    html[dir=rtl] .reset-password-page .layout-send-code h5 {
        text-align: right
    }

    .reset-password-page .layout-send-code h5 span {
        color: #323232;
        padding-top: 0
    }
}

.reset-password-page .layout-send-code h5 span {
    color: #999;
    display: inline-block;
    padding-top: 14px
}

@media (max-width:700px) {
    .reset-password-page .layout-send-code h5 span {
        padding-top: 16px
    }
}

.reset-password-page .layout-send-code .input-container input {
    -moz-appearance: textfield
}

@media (max-width:1079px) {
    .reset-password-page .layout-send-code .input-container input {
        font-size: 30px;
        height: 70px;
        letter-spacing: 20px;
        padding-left: 32px
    }
}

.reset-password-page .layout-send-code .input-container input::-webkit-inner-spin-button,
.reset-password-page .layout-send-code .input-container input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media (max-width:1079px) {
    .reset-password-page .layout-send-code .back-button {
        background: none;
        color: #8074d6;
        font-size: 15px;
        height: auto;
        height: 44px;
        line-height: 44px;
        padding: 0
    }

    .reset-password-page .layout-send-code .back-button:disabled {
        color: rgba(128, 116, 214, .7);
        cursor: default
    }
}

@media (min-width:701px) and (max-width:1079px) {
    .reset-password-page .layout-send-code .back-button {
        margin-top: 14px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code .back-button {
        margin-right: 14px
    }

    .reset-password-page .layout-send-code .back-button.btn-purple {
        background-color: transparent;
        border: 1px solid #665cac;
        color: #665cac
    }

    .reset-password-page .layout-send-code .back-button.btn-purple:hover {
        background-color: rgba(0, 0, 0, .03);
        border: 1px solid #3a3179;
        color: #3a3179
    }

    .reset-password-page .layout-send-code .back-button.btn-purple:active {
        background-color: rgba(0, 0, 0, .07);
        border: 1px solid #3a3179;
        color: #3a3179
    }

    .reset-password-page .layout-send-code .back-button.btn-purple.disabled,
    .reset-password-page .layout-send-code .back-button.btn-purple:disabled {
        background-color: transparent;
        border: 1px solid rgba(58, 49, 121, .5);
        color: rgba(58, 49, 121, .5)
    }

    html[dir=rtl] .reset-password-page .layout-send-code .back-button {
        margin-right: 0
    }

    .reset-password-page .layout-send-code .submit-btn {
        padding: 0
    }

    html[dir=rtl] .reset-password-page .layout-send-code .submit-btn {
        margin-right: 14px
    }
}

.reset-password-page .layout-send-code .btn-link {
    cursor: pointer;
    font-size: 14px
}

.reset-password-page .layout-send-code .btn-link:disabled {
    cursor: default
}

@media (min-width:701px) and (max-width:1079px) {
    .reset-password-page .layout-send-code .btn-link {
        height: 38px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code .btn-link {
        display: block
    }
}

.reset-password-page .layout-send-code .btn-link.voice-call {
    padding-top: 6px;
    text-align: left;
    width: auto
}

html[dir=rtl] .reset-password-page .layout-send-code .btn-link.voice-call {
    text-align: right
}

@media (max-width:700px) {
    .reset-password-page .layout-send-code .btn-link.voice-call {
        margin-top: 25px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code .btn-link.voice-call {
        padding-top: 7px
    }
}

.reset-password-page .layout-send-code .links-container {
    text-align: left
}

html[dir=rtl] .reset-password-page .layout-send-code .links-container {
    text-align: right
}

@media (max-width:700px) {
    .reset-password-page .layout-send-code .links-container {
        margin: 33px 0 37px
    }

    .reset-password-page .layout-send-code .links-container .btn-link {
        height: 24px
    }
}

@media (min-width:701px) {
    .reset-password-page .layout-send-code .links-container {
        margin: 16px 0 19px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code .links-container {
        margin: 0;
        padding-bottom: 20px
    }

    .reset-password-page .layout-send-code .form-group.submit {
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -o-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -o-box-orient: horizontal;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: start;
        -moz-box-align: start;
        -o-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 -15px
    }

    .reset-password-page .layout-send-code .form-group.submit .back-button,
    .reset-password-page .layout-send-code .form-group.submit .submit-btn {
        width: 49%
    }
}

@media (max-width:700px) {
    .reset-password-page .layout-send-code .form-group.submit .back-button {
        margin-top: 14px
    }

    .reset-password-page .layout-send-code .form-group.submit .submit-btn {
        font-size: 19px
    }
}

@media (min-width:701px) {
    .reset-password-page .layout-send-code .subtitle {
        font-size: 15.5px !important;
        padding-bottom: 38px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code .form-inner-container {
        margin: auto;
        width: 250px
    }

    .reset-password-page .layout-send-code .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .reset-password-page .layout-send-code h3.title {
        padding: 0
    }

    .reset-password-page .layout-send-code button[type=submit] {
        width: 100%
    }

    .reset-password-page .layout-send-code form label {
        width: auto
    }

    .reset-password-page .layout-send-code .form-inner-container {
        margin: auto;
        width: 250px
    }

    .reset-password-page .layout-send-code .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .reset-password-page .layout-send-code h3.title {
        padding: 0
    }

    .reset-password-page .layout-send-code form label {
        width: auto
    }

    .reset-password-page .layout-send-code .code-input-container.form-group {
        min-height: 50px;
        padding-bottom: 0
    }
}

@media (max-width:1079px) {
    .reset-password-page .layout-send-code .code-input-container.form-group input {
        padding-left: 20px;
        text-align: center
    }

    .reset-password-page .layout-send-code .code-input-container.form-group input.empty {
        padding-left: 0
    }
}

.reset-password-page .layout-send-code .timer {
    color: #888;
    display: inline-block;
    padding-left: 4px
}

@media (min-width:1080px) {
    .reset-password-page .layout-send-code .timer {
        padding-left: 2px
    }
}

.reset-password-page .layout-send-code .resent-code-link {
    display: inline-block;
    width: auto
}

.reset-password-page .layout-user-details form label {
    display: none
}

.reset-password-page .layout-user-details form .form-group {
    min-height: 70px
}

.reset-password-page .layout-user-details form .form-group .input-container {
    position: relative
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container {
    position: absolute;
    right: 0;
    top: 15px
}

html[dir=rtl] .reset-password-page .layout-user-details form .form-group .input-container .password-strength-container {
    left: 0;
    right: auto
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator {
    direction: ltr;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 9px;
    width: 57px
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector {
    border: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 21px
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(2) {
    border-left: none;
    border-right: none
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator .sector:nth-child(3) {
    border-left: none;
    border-radius: 0 5px 5px 0
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-name {
    font-size: 11px;
    text-align: center;
    width: 57px
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-0,
.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-1 {
    color: #ff6a62
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-0 .strength-indicator .sector:first-child,
.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-1 .strength-indicator .sector:first-child {
    background-color: #ff6a62
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 {
    color: #ffc949
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:first-child,
.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    background-color: #ffc949
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-2 .strength-indicator .sector:nth-child(2) {
    border-left: 1px solid #fff
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 {
    color: #5db835
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:first-child,
.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    background-color: #5db835
}

.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(2),
.reset-password-page .layout-user-details form .form-group .input-container .password-strength-container.strength-3 .strength-indicator .sector:nth-child(3) {
    border-left: 1px solid #fff
}

.reset-password-page .layout-user-details form .form-group .input-container .message {
    padding-top: 5px;
    text-align: left
}

html[dir=rtl] .reset-password-page .layout-user-details form .form-group .input-container .message {
    text-align: right
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input {
    position: relative
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container {
    padding: 14px 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select {
    margin: 0;
    width: 52px
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
    margin: 31px 0 0;
    width: 248px
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current {
    height: 22px;
    margin: 0;
    padding-left: 0
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .option.current .c-flags-sm {
    margin: 0
}

.reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input input {
    padding-left: 52px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:701px) {
    .reset-password-page .layout-user-details form .form-group {
        min-height: 67px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-user-details form .form-group {
        display: block;
        min-height: 60px;
        text-align: left
    }

    html[dir=rtl] .reset-password-page .layout-user-details form .form-group {
        text-align: right
    }

    .reset-password-page .layout-user-details form .form-group .input-container .password-strength-container {
        left: 100%;
        margin-left: 10px;
        top: 35px
    }

    html[dir=rtl] .reset-password-page .layout-user-details form .form-group .input-container .password-strength-container {
        left: -73px;
        margin-left: 0
    }

    .reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-indicator {
        height: 11px;
        width: 63px
    }

    .reset-password-page .layout-user-details form .form-group .input-container .password-strength-container .strength-name {
        font-size: 12px;
        width: 63px
    }

    .reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container {
        padding: 8px 0 8px 10px
    }

    .reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-loading {
        position: relative;
        right: 5px;
        top: -2px
    }

    .reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input .country-selector-container .c-country-select .select .options.list {
        margin: 27px 0 0 -10px
    }

    .reset-password-page .layout-user-details form .form-group .input-container.phone-country-selector-input input {
        padding-left: 61px
    }

    .reset-password-page .layout-user-details form label {
        color: #323232;
        display: inline-block;
        font-size: 13px;
        padding-bottom: 8px
    }

    .reset-password-page .layout-user-details form input {
        padding: 0 10px
    }

    .reset-password-page .layout-user-details form input::-webkit-input-placeholder {
        color: transparent
    }

    .reset-password-page .layout-user-details form input::-moz-placeholder {
        color: transparent
    }

    .reset-password-page .layout-user-details form input:-ms-input-placeholder {
        color: transparent
    }

    .reset-password-page .layout-user-details form input:-moz-placeholder {
        color: transparent
    }
}

.reset-password-page .layout-user-details .subtitle {
    padding-bottom: 22px
}

.reset-password-page .layout-user-details form .form-group.checkbox {
    min-height: auto;
    padding-top: 20px;
    text-align: left
}

html[dir=rtl] .reset-password-page .layout-user-details form .form-group.checkbox {
    text-align: right
}

.reset-password-page .layout-user-details form .form-group.checkbox label {
    color: #999;
    display: block;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 21px
}

html[dir=rtl] .reset-password-page .layout-user-details form .form-group.checkbox label {
    padding-left: 0;
    padding-right: 26px
}

.reset-password-page .layout-user-details form .form-group.password input {
    padding-right: 70px
}

html[dir=rtl] .reset-password-page .layout-user-details form .form-group.password input {
    padding-left: 70px;
    padding-right: 0
}

.reset-password-page .layout-user-details form .form-group.submit {
    margin-top: 38px
}

@media (min-width:701px) {
    .reset-password-page .layout-user-details .subtitle {
        font-size: 15.5px !important;
        padding-bottom: 38px
    }
}

@media (min-width:1080px) {
    .reset-password-page .layout-user-details .form-inner-container {
        margin: auto;
        width: 250px
    }

    .reset-password-page .layout-user-details .form-inner-container .form-group {
        padding-bottom: 12px
    }

    .reset-password-page .layout-user-details .form-inner-container .form-group.password input {
        padding-right: 10px
    }

    html[dir=rtl] .reset-password-page .layout-user-details .form-inner-container .form-group.password input {
        padding: 0 10px
    }

    .reset-password-page .layout-user-details .form-inner-container .form-group.submit {
        min-height: auto;
        padding-bottom: 25px
    }

    .reset-password-page .layout-user-details .form-inner-container .form-group.checkbox {
        padding: 0
    }

    .reset-password-page .layout-user-details .form-inner-container .form-group.checkbox+.checkbox {
        margin-top: 14px
    }

    .reset-password-page .layout-user-details .form-inner-container .form-group.checkbox label {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .reset-password-page .layout-user-details h3.title {
        padding: 0
    }

    .reset-password-page .layout-user-details button[type=submit] {
        width: 100%
    }

    .reset-password-page .layout-user-details form label {
        width: auto
    }
}

.page-customer-complaints .content-container {
    color: #323232;
    font-size: 15px
}

@media screen and (max-width:1079px) {
    .page-customer-complaints .content-container {
        margin: 0 60px
    }
}

@media screen and (max-width:700px) {
    .page-customer-complaints .content-container {
        margin: 0 20px
    }
}

.page-customer-complaints .content-container h1 {
    margin: 50px 0 40px;
    text-align: center
}

.page-customer-complaints .content-container h2 {
    font-size: 25px;
    margin: 50px 0 25px
}

.page-customer-complaints .content-container h3 {
    margin-bottom: 17px
}

.page-customer-complaints .content-container ul {
    list-style: disc;
    padding-left: 18px
}

.page-customer-complaints .content-container p+p,
.page-customer-complaints .content-container p+ul,
.page-customer-complaints .content-container ul+p {
    margin-top: 15px
}

.c-month-selector {
    display: block;
    position: relative;
    width: 188px
}

.c-month-selector .month-picker {
    background: none;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 14px;
    padding-right: 25px;
    position: relative
}

.c-month-selector .month-picker:after {
    border-top-color: #8f8d8d;
    position: absolute;
    right: 10px;
    top: 13px
}

.c-month-dropdown {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    display: none;
    position: absolute
}

.c-month-dropdown.open {
    display: block;
    z-index: 106
}

.c-month-dropdown .month-list {
    border: 1px solid #f0f1f3;
    border-radius: 0 0 4px 4px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

.c-month-dropdown .month-list li {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323232;
    cursor: pointer;
    font-size: 14px;
    height: 43px;
    line-height: 43px;
    min-width: 190px;
    padding: 0 17px
}

.c-month-dropdown .month-list li+li {
    border-top: 1px solid #f0f1f3
}

.c-month-dropdown .month-list li.selected {
    color: #54c0d4
}

.c-month-dropdown .month-list li.over,
.c-month-dropdown .month-list li:hover {
    background-color: #f5f7f9
}

.c-month-dropdown .month-list li:active {
    background-color: #f5f7f9;
    color: #000
}

.c-month-select-modal .c-month-dropdown {
    position: static
}

.c-month-select-modal .modal {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 367px;
    min-width: auto;
    width: 285px
}

.c-month-select-modal .modal header {
    margin: 0
}

html[dir=rtl] .c-month-select-modal .modal header {
    text-align: left
}

.c-month-select-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.c-month-select-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

.c-month-select-modal .modal header {
    background-color: #fff;
    height: 50px !important;
    text-align: left
}

.c-month-select-modal .modal header .close {
    position: absolute;
    right: 20px;
    top: 20px
}

html[dir=rtl] .c-month-select-modal .modal header .close {
    left: 20px;
    right: auto
}

.c-month-select-modal .modal section {
    overflow: hidden
}

.c-month-select-modal .modal .month-list {
    border-top: none;
    height: 318px
}

.c-month-select-modal .modal .month-list li {
    height: 52px;
    line-height: 52px
}

.c-month-select-modal .modal .month-list li:hover {
    background-color: #e8e7e6
}

@media (min-width:701px) {
    .c-month-select-modal .modal {
        height: 396px;
        width: 315px
    }

    .c-month-select-modal .modal header {
        height: 60px !important
    }

    .c-month-select-modal .modal header .close {
        right: 23px;
        top: 23px
    }

    .c-month-select-modal .modal .month-list {
        height: 336px
    }

    .c-month-select-modal .modal .month-list li {
        height: 55px;
        line-height: 55px
    }
}

.view-balance-block {
    color: #888;
    margin-top: 6px
}

.view-balance-block .account .balance {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    min-width: 95px;
    padding: 0 10px
}

.view-balance-block .account .balance .text {
    white-space: nowrap
}

.view-balance-block .account .balance .loading-indicate {
    display: inline-block;
    height: 14px;
    margin-bottom: -2px;
    width: 14px
}

.view-balance-block .buy-credit {
    border-radius: 13px;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    min-width: 84px;
    padding: 0 10px
}

@media screen and (max-width:1079px) {
    .view-balance-block {
        margin: 0;
        padding-top: 5px
    }
}

@media screen and (max-width:700px) {
    .view-balance-block .account .balance .loading-indicate {
        height: 16px;
        width: 16px
    }
}

.view-nav-menu .nav-top {
    display: inline-block;
    float: none
}

.view-nav-menu .nav-top li {
    display: inline-block
}

.view-nav-menu .nav-top li .c-drop-down-list {
    background-color: #fff;
    left: 0;
    position: absolute;
    -moz-transform: translateZ(0);
    z-index: 10
}

.view-nav-menu .nav-top li .c-drop-down-list li,
.view-nav-menu .nav-top li .c-drop-down-list li a {
    color: #868686;
    cursor: pointer;
    float: none;
    line-height: 20px
}

.view-nav-menu .nav-top li .c-drop-down-list li:hover,
.view-nav-menu .nav-top li .c-drop-down-list li a:hover {
    color: #3a343f
}

.view-nav-menu .nav-top li .c-drop-down-list li {
    padding: 5px 10px
}

.view-nav-menu .nav-top li .c-drop-down-list a {
    padding: 0
}

.view-nav-menu .nav-top li .drop-down-container {
    position: relative
}

.view-nav-menu .nav-top li .drop-down-container ul {
    background-color: #fff;
    left: 0;
    position: absolute;
    z-index: 10
}

.view-nav-menu .nav-top li .drop-down-container ul li,
.view-nav-menu .nav-top li .drop-down-container ul li a {
    color: #868686;
    cursor: pointer;
    float: none;
    line-height: 20px
}

.view-nav-menu .nav-top li .drop-down-container ul li:hover,
.view-nav-menu .nav-top li .drop-down-container ul li a:hover {
    color: #3a343f
}

.view-nav-menu .nav-top li .drop-down-container ul li {
    padding: 5px 10px
}

.view-nav-menu .nav-top li .drop-down-container ul a {
    padding: 0
}

.view-nav-menu .nav-top li a,
.view-nav-menu .nav-top li span {
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 15px;
    position: relative
}

.view-nav-menu .nav-top li a.active,
.view-nav-menu .nav-top li a:active,
.view-nav-menu .nav-top li a:hover,
.view-nav-menu .nav-top li span.active,
.view-nav-menu .nav-top li span:active,
.view-nav-menu .nav-top li span:hover {
    color: #323232;
    text-shadow: 0 0 .5px #323232, 0 0 .5px #323232
}

.view-nav-menu .nav-top li a.drop-down-picker,
.view-nav-menu .nav-top li span.drop-down-picker {
    padding-right: 20px
}

.view-nav-menu .nav-top li a.drop-down-picker:after,
.view-nav-menu .nav-top li span.drop-down-picker:after {
    border-top-color: #a9a9a9;
    position: absolute;
    right: 10px;
    top: 19px
}

.view-nav-menu .nav-top li a.drop-down-picker:hover:after,
.view-nav-menu .nav-top li span.drop-down-picker:hover:after {
    border-top-color: #3a343f
}

.view-nav-menu .nav-top li a.drop-down-picker.active,
.view-nav-menu .nav-top li span.drop-down-picker.active {
    text-decoration: underline
}

.view-nav-menu .mobile-nav {
    margin: 0;
    width: 100%
}

.view-nav-menu .mobile-nav li {
    background-color: #665cac
}

.view-nav-menu .mobile-nav li .closeMenu {
    -webkit-background-origin: content;
    -moz-background-origin: content;
    background-origin: content-box;
    background-position: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 20px;
    -moz-background-size: 20px;
    background-size: 20px;
    display: block
}

.no-webp .view-nav-menu .mobile-nav li .closeMenu {
    background-image: url(/img/closeMobileMenu.png)
}

.webp .view-nav-menu .mobile-nav li .closeMenu {
    background-image: url(/img/closeMobileMenu.webp)
}

.view-nav-menu .mobile-nav li.select-picker {
    position: relative
}

.view-nav-menu .mobile-nav li.select-picker a i {
    -webkit-background-size: 8px 6px;
    -moz-background-size: 8px 6px;
    background-size: 8px 6px;
    display: inline-block;
    float: right;
    height: 6px;
    left: 0;
    position: relative;
    top: 12px;
    vertical-align: text-top;
    width: 8px
}

.no-webp .view-nav-menu .mobile-nav li.select-picker a i {
    background-image: url(/img/arrows/arrow-down.png)
}

.webp .view-nav-menu .mobile-nav li.select-picker a i {
    background-image: url(/img/arrows/arrow-down.webp)
}

.view-nav-menu .mobile-nav li.select-picker select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 100%;
    opacity: 0;
    padding: 20px 24px;
    position: absolute;
    width: 100%;
    z-index: 10
}

.view-nav-menu .mobile-nav li a {
    background-color: #fff;
    color: #888 !important;
    font-size: 16px;
    font-weight: 300;
    padding: 20px 24px;
    text-align: center
}

.view-nav-menu .mobile-nav li a.active {
    color: #665cac !important
}

@media (max-width:1079px) {
    .view-nav-menu .nav-top {
        display: none
    }

    .view-nav-menu .nav-top li a {
        line-height: 58px
    }

    .view-nav-menu #nav-top-480px {
        display: block
    }

    .view-nav-menu .navbar-toggle {
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 7px 0 7px 11px;
        z-index: 99
    }

    .view-nav-menu .navbar-toggle .icon-bar {
        height: 3px;
        line-height: 20px;
        width: 19.25px
    }

    html[dir=rtl] .view-nav-menu .navbar-toggle {
        float: left;
        padding: 7px 11px 7px 0
    }

    .view-nav-menu #nav-top-480px.mobile-menu {
        background-color: #fff;
        bottom: 0;
        height: 0;
        left: 0;
        padding: 0;
        position: fixed;
        top: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%;
        z-index: 1000
    }

    .view-nav-menu #nav-top-480px.mobile-menu.open {
        height: 100%;
        overflow-y: scroll
    }
}

header {
    color: #868686;
    height: auto !important;
    margin: 0;
    padding: 0;
    position: relative
}

header .container {
    margin: 0;
    max-width: none
}

header .navbar-container {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 16px 25px 17px
}

header .navbar-container .top-menu {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

header .page-logo {
    background-image: url(../image/viber-logo-2019.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 28px;
    width: 133px
}

@media screen and (min-width:1080px) {
    header .page-logo {
        left: -5px;
        position: relative;
        top: 3px
    }
}

header .login-actions-box {
    display: inline-block
}

header .login-actions-box a {
    color: #8074d6
}

header .login-actions-box a:hover {
    cursor: pointer;
    text-decoration: underline
}

header .login-actions-box a:active {
    color: #6d65ab
}

header .login-actions-box .vertical-line {
    padding: 0 4px;
    vertical-align: super
}

@media screen and (max-width:1079px) {
    header .login-actions-box .logout-link-container {
        display: none
    }
}

header .account-box {
    position: relative;
    text-align: right;
    top: 6px
}

header .account-box a.name.loading {
    height: 42px
}

header .account-box a.name.loading:after {
    top: 0
}

header .account-box .name {
    direction: ltr;
    display: inline-block
}

@media screen and (min-width:1080px) {
    header .account-box .name a {
        vertical-align: super
    }
}

html[dir=rtl] header .account-box {
    text-align: left
}

header .user-menu {
    overflow: hidden
}

@media (max-width:1079px) {
    header .navbar-container {
        padding: 20px
    }

    header .page-logo {
        margin-top: 0
    }

    header .login-actions-box {
        margin-right: 0
    }

    header .login-actions-box #login_link_div,
    header .login-actions-box .login-link-container {
        margin-right: 4px
    }

    header .user-menu {
        overflow: initial;
        text-align: right;
        width: 100%
    }

    html[dir=rtl] header .user-menu {
        text-align: left
    }
}

@media screen and (max-width:700px) {
    header .page-logo {
        margin-top: 5px
    }

    html[dir=rtl] header .page-logo {
        float: right
    }

    header .container .login-actions-box {
        line-height: 1em
    }

    header .container #login_link_div {
        margin-right: 0
    }

    header .container .account-box {
        clear: none;
        float: right
    }

    header .container .account-box.is-long-name {
        clear: right
    }

    header .container .account-box a.name {
        height: 19px;
        line-height: 19px;
        margin-right: 0
    }

    html[dir=rtl] header .container .account-box {
        float: left
    }

    header .navbar-container {
        display: block
    }

    header .navbar-container .page-logo {
        float: left
    }

    header .navbar-container #nav-menu {
        float: right
    }

    html[dir=rtl] header .navbar-container #nav-menu {
        float: left
    }

    header .navbar-container .user-menu {
        clear: both
    }

    header .login-actions-box a {
        font-size: 1em
    }
}

.c-country-select .countries-list-container {
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(103, 102, 102, .15);
    box-shadow: inset 1px 1px 1px rgba(103, 102, 102, .15)
}

.c-country-select .countries-list-container ul {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(197, 197, 197, .3);
    box-shadow: 0 1px 3px 0 rgba(197, 197, 197, .3);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 170px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    width: 270px;
    z-index: 1001
}

.c-country-select .countries-list-container ul .c-flags-sm {
    margin: 5px 8px 0 0
}

html[dir=rtl] .c-country-select .countries-list-container ul .c-flags-sm {
    margin: 5px 6px 0 8px
}

.c-country-select .countries-list-container ul li {
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex: 0 0 26px;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px;
    min-height: 26px;
    padding: 4px 4px 4px 8px
}

.c-country-select .countries-list-container ul li:last-child {
    border-bottom: none
}

.c-country-select .countries-list-container ul li .country-prefix {
    direction: ltr
}

html[dir=rtl] .c-country-select .countries-list-container ul li .country-prefix {
    float: left
}

html[dir=rtl] .c-country-select .countries-list-container ul li .country-name {
    padding-left: 2px
}

.c-country-select .countries-list-container ul li .country-picker-title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 2px 0
}

.c-country-select .countries-list-container ul li:active {
    background-color: #c0c5cd;
    color: #fff
}

.c-country-select .countries-list-container ul li.over,
.c-country-select .countries-list-container ul li:hover {
    background-color: #f1f3f6;
    color: #000
}

.c-country-select .countries-list-container ul li.selected {
    background-color: #fff;
    color: #000;
    font-weight: 700
}

.c-country-select .countries-list-container ul li.active,
.c-country-select .countries-list-container ul li.vibercomplete-focus {
    background-color: #c0c5cd;
    color: #fff
}

.c-country-select .countries-list-container ul li img {
    vertical-align: middle;
    width: 20px
}

.c-country-select .countries-list-container ul li span {
    vertical-align: middle
}

#nav-top-480px::-webkit-scrollbar {
    display: none
}

.webp .c-flag-r {
    background-image: url(/img/flags/icons/global.webp)
}

.webp .c-flag-r.ad {
    background-image: url(/img/flags/icons/ad.webp)
}

.webp .c-flag-r.ae {
    background-image: url(/img/flags/icons/ae.webp)
}

.webp .c-flag-r.af {
    background-image: url(/img/flags/icons/af.webp)
}

.webp .c-flag-r.ag {
    background-image: url(/img/flags/icons/ag.webp)
}

.webp .c-flag-r.ai {
    background-image: url(/img/flags/icons/ai.webp)
}

.webp .c-flag-r.al {
    background-image: url(/img/flags/icons/al.webp)
}

.webp .c-flag-r.am {
    background-image: url(/img/flags/icons/am.webp)
}

.webp .c-flag-r.an {
    background-image: url(/img/flags/icons/an.webp)
}

.webp .c-flag-r.ao {
    background-image: url(/img/flags/icons/ao.webp)
}

.webp .c-flag-r.aq {
    background-image: url(/img/flags/icons/aq.webp)
}

.webp .c-flag-r.ar {
    background-image: url(/img/flags/icons/ar.webp)
}

.webp .c-flag-r.as {
    background-image: url(/img/flags/icons/as.webp)
}

.webp .c-flag-r.at {
    background-image: url(/img/flags/icons/at.webp)
}

.webp .c-flag-r.au {
    background-image: url(/img/flags/icons/au.webp)
}

.webp .c-flag-r.aw {
    background-image: url(/img/flags/icons/aw.webp)
}

.webp .c-flag-r.ax {
    background-image: url(/img/flags/icons/ax.webp)
}

.webp .c-flag-r.az {
    background-image: url(/img/flags/icons/az.webp)
}

.webp .c-flag-r.ba {
    background-image: url(/img/flags/icons/ba.webp)
}

.webp .c-flag-r.bb {
    background-image: url(/img/flags/icons/bb.webp)
}

.webp .c-flag-r.bd {
    background-image: url(/img/flags/icons/bd.webp)
}

.webp .c-flag-r.be {
    background-image: url(/img/flags/icons/be.webp)
}

.webp .c-flag-r.bf {
    background-image: url(/img/flags/icons/bf.webp)
}

.webp .c-flag-r.bg {
    background-image: url(/img/flags/icons/bg.webp)
}

.webp .c-flag-r.bh {
    background-image: url(/img/flags/icons/bh.webp)
}

.webp .c-flag-r.bi {
    background-image: url(/img/flags/icons/bi.webp)
}

.webp .c-flag-r.bj {
    background-image: url(/img/flags/icons/bj.webp)
}

.webp .c-flag-r.bl {
    background-image: url(/img/flags/icons/bl.webp)
}

.webp .c-flag-r.bm {
    background-image: url(/img/flags/icons/bm.webp)
}

.webp .c-flag-r.bn {
    background-image: url(/img/flags/icons/bn.webp)
}

.webp .c-flag-r.bo {
    background-image: url(/img/flags/icons/bo.webp)
}

.webp .c-flag-r.bq {
    background-image: url(/img/flags/icons/bq.webp)
}

.webp .c-flag-r.br {
    background-image: url(/img/flags/icons/br.webp)
}

.webp .c-flag-r.bs {
    background-image: url(/img/flags/icons/bs.webp)
}

.webp .c-flag-r.bt {
    background-image: url(/img/flags/icons/bt.webp)
}

.webp .c-flag-r.bv {
    background-image: url(/img/flags/icons/bv.webp)
}

.webp .c-flag-r.bw {
    background-image: url(/img/flags/icons/bw.webp)
}

.webp .c-flag-r.by {
    background-image: url(/img/flags/icons/by.webp)
}

.webp .c-flag-r.bz {
    background-image: url(/img/flags/icons/bz.webp)
}

.webp .c-flag-r.ca {
    background-image: url(/img/flags/icons/ca.webp)
}

.webp .c-flag-r.cc {
    background-image: url(/img/flags/icons/cc.webp)
}

.webp .c-flag-r.cd {
    background-image: url(/img/flags/icons/cd.webp)
}

.webp .c-flag-r.cf {
    background-image: url(/img/flags/icons/cf.webp)
}

.webp .c-flag-r.cg {
    background-image: url(/img/flags/icons/cg.webp)
}

.webp .c-flag-r.ch {
    background-image: url(/img/flags/icons/ch.webp)
}

.webp .c-flag-r.ci {
    background-image: url(/img/flags/icons/ci.webp)
}

.webp .c-flag-r.ck {
    background-image: url(/img/flags/icons/ck.webp)
}

.webp .c-flag-r.cl {
    background-image: url(/img/flags/icons/cl.webp)
}

.webp .c-flag-r.cm {
    background-image: url(/img/flags/icons/cm.webp)
}

.webp .c-flag-r.cn {
    background-image: url(/img/flags/icons/cn.webp)
}

.webp .c-flag-r.cr {
    background-image: url(/img/flags/icons/cr.webp)
}

.webp .c-flag-r.cu {
    background-image: url(/img/flags/icons/cu.webp)
}

.webp .c-flag-r.cv {
    background-image: url(/img/flags/icons/cv.webp)
}

.webp .c-flag-r.cx {
    background-image: url(/img/flags/icons/cx.webp)
}

.webp .c-flag-r.cy {
    background-image: url(/img/flags/icons/cy.webp)
}

.webp .c-flag-r.cz {
    background-image: url(/img/flags/icons/cz.webp)
}

.webp .c-flag-r.de {
    background-image: url(/img/flags/icons/de.webp)
}

.webp .c-flag-r.dg {
    background-image: url(/img/flags/icons/dg.webp)
}

.webp .c-flag-r.dj {
    background-image: url(/img/flags/icons/dj.webp)
}

.webp .c-flag-r.dk {
    background-image: url(/img/flags/icons/dk.webp)
}

.webp .c-flag-r.dm {
    background-image: url(/img/flags/icons/dm.webp)
}

.webp .c-flag-r.do {
    background-image: url(/img/flags/icons/do.webp)
}

.webp .c-flag-r.dz {
    background-image: url(/img/flags/icons/dz.webp)
}

.webp .c-flag-r.ec {
    background-image: url(/img/flags/icons/ec.webp)
}

.webp .c-flag-r.ee {
    background-image: url(/img/flags/icons/ee.webp)
}

.webp .c-flag-r.eg {
    background-image: url(/img/flags/icons/eg.webp)
}

.webp .c-flag-r.eh {
    background-image: url(/img/flags/icons/eh.webp)
}

.webp .c-flag-r.er {
    background-image: url(/img/flags/icons/er.webp)
}

.webp .c-flag-r.es {
    background-image: url(/img/flags/icons/es.webp)
}

.webp .c-flag-r.et {
    background-image: url(/img/flags/icons/et.webp)
}

.webp .c-flag-r.fi {
    background-image: url(/img/flags/icons/fi.webp)
}

.webp .c-flag-r.fj {
    background-image: url(/img/flags/icons/fj.webp)
}

.webp .c-flag-r.fk {
    background-image: url(/img/flags/icons/fk.webp)
}

.webp .c-flag-r.fm {
    background-image: url(/img/flags/icons/fm.webp)
}

.webp .c-flag-r.fo {
    background-image: url(/img/flags/icons/fo.webp)
}

.webp .c-flag-r.fr {
    background-image: url(/img/flags/icons/fr.webp)
}

.webp .c-flag-r.ga {
    background-image: url(/img/flags/icons/ga.webp)
}

.webp .c-flag-r.gb {
    background-image: url(/img/flags/icons/gb.webp)
}

.webp .c-flag-r.gd {
    background-image: url(/img/flags/icons/gd.webp)
}

.webp .c-flag-r.ge {
    background-image: url(/img/flags/icons/ge.webp)
}

.webp .c-flag-r.gf {
    background-image: url(/img/flags/icons/gf.webp)
}

.webp .c-flag-r.gg {
    background-image: url(/img/flags/icons/gg.webp)
}

.webp .c-flag-r.gh {
    background-image: url(/img/flags/icons/gh.webp)
}

.webp .c-flag-r.gi {
    background-image: url(/img/flags/icons/gi.webp)
}

.webp .c-flag-r.gl {
    background-image: url(/img/flags/icons/gl.webp)
}

.webp .c-flag-r.gm {
    background-image: url(/img/flags/icons/gm.webp)
}

.webp .c-flag-r.gn {
    background-image: url(/img/flags/icons/gn.webp)
}

.webp .c-flag-r.gp {
    background-image: url(/img/flags/icons/gp.webp)
}

.webp .c-flag-r.gq {
    background-image: url(/img/flags/icons/gq.webp)
}

.webp .c-flag-r.gr {
    background-image: url(/img/flags/icons/gr.webp)
}

.webp .c-flag-r.gs {
    background-image: url(/img/flags/icons/gs.webp)
}

.webp .c-flag-r.gt {
    background-image: url(/img/flags/icons/gt.webp)
}

.webp .c-flag-r.gu {
    background-image: url(/img/flags/icons/gu.webp)
}

.webp .c-flag-r.gw {
    background-image: url(/img/flags/icons/gw.webp)
}

.webp .c-flag-r.gy {
    background-image: url(/img/flags/icons/gy.webp)
}

.webp .c-flag-r.hk {
    background-image: url(/img/flags/icons/hk.webp)
}

.webp .c-flag-r.hm {
    background-image: url(/img/flags/icons/hm.webp)
}

.webp .c-flag-r.hn {
    background-image: url(/img/flags/icons/hn.webp)
}

.webp .c-flag-r.hr {
    background-image: url(/img/flags/icons/hr.webp)
}

.webp .c-flag-r.ht {
    background-image: url(/img/flags/icons/ht.webp)
}

.webp .c-flag-r.hu {
    background-image: url(/img/flags/icons/hu.webp)
}

.webp .c-flag-r.id {
    background-image: url(/img/flags/icons/id.webp)
}

.webp .c-flag-r.ie {
    background-image: url(/img/flags/icons/ie.webp)
}

.webp .c-flag-r.il {
    background-image: url(/img/flags/icons/il.webp)
}

.webp .c-flag-r.im {
    background-image: url(/img/flags/icons/im.webp)
}

.webp .c-flag-r.in {
    background-image: url(/img/flags/icons/in.webp)
}

.webp .c-flag-r.io {
    background-image: url(/img/flags/icons/io.webp)
}

.webp .c-flag-r.iq {
    background-image: url(/img/flags/icons/iq.webp)
}

.webp .c-flag-r.ir {
    background-image: url(/img/flags/icons/ir.webp)
}

.webp .c-flag-r.is {
    background-image: url(/img/flags/icons/is.webp)
}

.webp .c-flag-r.it {
    background-image: url(/img/flags/icons/it.webp)
}

.webp .c-flag-r.je {
    background-image: url(/img/flags/icons/je.webp)
}

.webp .c-flag-r.jm {
    background-image: url(/img/flags/icons/jm.webp)
}

.webp .c-flag-r.jo {
    background-image: url(/img/flags/icons/jo.webp)
}

.webp .c-flag-r.jp {
    background-image: url(/img/flags/icons/jp.webp)
}

.webp .c-flag-r.ke {
    background-image: url(/img/flags/icons/ke.webp)
}

.webp .c-flag-r.kg {
    background-image: url(/img/flags/icons/kg.webp)
}

.webp .c-flag-r.kh {
    background-image: url(/img/flags/icons/kh.webp)
}

.webp .c-flag-r.ki {
    background-image: url(/img/flags/icons/ki.webp)
}

.webp .c-flag-r.km {
    background-image: url(/img/flags/icons/km.webp)
}

.webp .c-flag-r.kn {
    background-image: url(/img/flags/icons/kn.webp)
}

.webp .c-flag-r.kp {
    background-image: url(/img/flags/icons/kp.webp)
}

.webp .c-flag-r.kr {
    background-image: url(/img/flags/icons/kr.webp)
}

.webp .c-flag-r.kw {
    background-image: url(/img/flags/icons/kw.webp)
}

.webp .c-flag-r.ky {
    background-image: url(/img/flags/icons/ky.webp)
}

.webp .c-flag-r.kz {
    background-image: url(/img/flags/icons/kz.webp)
}

.webp .c-flag-r.la {
    background-image: url(/img/flags/icons/la.webp)
}

.webp .c-flag-r.lb {
    background-image: url(/img/flags/icons/lb.webp)
}

.webp .c-flag-r.lc {
    background-image: url(/img/flags/icons/lc.webp)
}

.webp .c-flag-r.li {
    background-image: url(/img/flags/icons/li.webp)
}

.webp .c-flag-r.lk {
    background-image: url(/img/flags/icons/lk.webp)
}

.webp .c-flag-r.lr {
    background-image: url(/img/flags/icons/lr.webp)
}

.webp .c-flag-r.ls {
    background-image: url(/img/flags/icons/ls.webp)
}

.webp .c-flag-r.lu {
    background-image: url(/img/flags/icons/lu.webp)
}

.webp .c-flag-r.lv {
    background-image: url(/img/flags/icons/lv.webp)
}

.webp .c-flag-r.ly {
    background-image: url(/img/flags/icons/ly.webp)
}

.webp .c-flag-r.ma {
    background-image: url(/img/flags/icons/ma.webp)
}

.webp .c-flag-r.mc {
    background-image: url(/img/flags/icons/mc.webp)
}

.webp .c-flag-r.md {
    background-image: url(/img/flags/icons/md.webp)
}

.webp .c-flag-r.me {
    background-image: url(/img/flags/icons/me.webp)
}

.webp .c-flag-r.mg {
    background-image: url(/img/flags/icons/mg.webp)
}

.webp .c-flag-r.mh {
    background-image: url(/img/flags/icons/mh.webp)
}

.webp .c-flag-r.mk {
    background-image: url(/img/flags/icons/mk.webp)
}

.webp .c-flag-r.ml {
    background-image: url(/img/flags/icons/ml.webp)
}

.webp .c-flag-r.mm {
    background-image: url(/img/flags/icons/mm.webp)
}

.webp .c-flag-r.mo {
    background-image: url(/img/flags/icons/mo.webp)
}

.webp .c-flag-r.mp {
    background-image: url(/img/flags/icons/mp.webp)
}

.webp .c-flag-r.mq {
    background-image: url(/img/flags/icons/mq.webp)
}

.webp .c-flag-r.mr {
    background-image: url(/img/flags/icons/mr.webp)
}

.webp .c-flag-r.ms {
    background-image: url(/img/flags/icons/ms.webp)
}

.webp .c-flag-r.mt {
    background-image: url(/img/flags/icons/mt.webp)
}

.webp .c-flag-r.mu {
    background-image: url(/img/flags/icons/mu.webp)
}

.webp .c-flag-r.mv {
    background-image: url(/img/flags/icons/mv.webp)
}

.webp .c-flag-r.mw {
    background-image: url(/img/flags/icons/mw.webp)
}

.webp .c-flag-r.mx {
    background-image: url(/img/flags/icons/mx.webp)
}

.webp .c-flag-r.my {
    background-image: url(/img/flags/icons/my.webp)
}

.webp .c-flag-r.mz {
    background-image: url(/img/flags/icons/mz.webp)
}

.webp .c-flag-r.na {
    background-image: url(/img/flags/icons/na.webp)
}

.webp .c-flag-r.nc {
    background-image: url(/img/flags/icons/nc.webp)
}

.webp .c-flag-r.ne {
    background-image: url(/img/flags/icons/ne.webp)
}

.webp .c-flag-r.nf {
    background-image: url(/img/flags/icons/nf.webp)
}

.webp .c-flag-r.ng {
    background-image: url(/img/flags/icons/ng.webp)
}

.webp .c-flag-r.ni {
    background-image: url(/img/flags/icons/ni.webp)
}

.webp .c-flag-r.nl {
    background-image: url(/img/flags/icons/nl.webp)
}

.webp .c-flag-r.no {
    background-image: url(/img/flags/icons/no.webp)
}

.webp .c-flag-r.np {
    background-image: url(/img/flags/icons/np.webp)
}

.webp .c-flag-r.nr {
    background-image: url(/img/flags/icons/nr.webp)
}

.webp .c-flag-r.nz {
    background-image: url(/img/flags/icons/nz.webp)
}

.webp .c-flag-r.om {
    background-image: url(/img/flags/icons/om.webp)
}

.webp .c-flag-r.pa {
    background-image: url(/img/flags/icons/pa.webp)
}

.webp .c-flag-r.pe {
    background-image: url(/img/flags/icons/pe.webp)
}

.webp .c-flag-r.pf {
    background-image: url(/img/flags/icons/pf.webp)
}

.webp .c-flag-r.pg {
    background-image: url(/img/flags/icons/pg.webp)
}

.webp .c-flag-r.ph {
    background-image: url(/img/flags/icons/ph.webp)
}

.webp .c-flag-r.pk {
    background-image: url(/img/flags/icons/pk.webp)
}

.webp .c-flag-r.pl {
    background-image: url(/img/flags/icons/pl.webp)
}

.webp .c-flag-r.pm {
    background-image: url(/img/flags/icons/pm.webp)
}

.webp .c-flag-r.pn {
    background-image: url(/img/flags/icons/pn.webp)
}

.webp .c-flag-r.pr {
    background-image: url(/img/flags/icons/pr.webp)
}

.webp .c-flag-r.ps {
    background-image: url(/img/flags/icons/ps.webp)
}

.webp .c-flag-r.pt {
    background-image: url(/img/flags/icons/pt.webp)
}

.webp .c-flag-r.pw {
    background-image: url(/img/flags/icons/pw.webp)
}

.webp .c-flag-r.py {
    background-image: url(/img/flags/icons/py.webp)
}

.webp .c-flag-r.qa {
    background-image: url(/img/flags/icons/qa.webp)
}

.webp .c-flag-r.ro {
    background-image: url(/img/flags/icons/ro.webp)
}

.webp .c-flag-r.rs {
    background-image: url(/img/flags/icons/rs.webp)
}

.webp .c-flag-r.ru {
    background-image: url(/img/flags/icons/ru.webp)
}

.webp .c-flag-r.rw {
    background-image: url(/img/flags/icons/rw.webp)
}

.webp .c-flag-r.sa {
    background-image: url(/img/flags/icons/sa.webp)
}

.webp .c-flag-r.sb {
    background-image: url(/img/flags/icons/sb.webp)
}

.webp .c-flag-r.sc {
    background-image: url(/img/flags/icons/sc.webp)
}

.webp .c-flag-r.sd {
    background-image: url(/img/flags/icons/sd.webp)
}

.webp .c-flag-r.se {
    background-image: url(/img/flags/icons/se.webp)
}

.webp .c-flag-r.sg {
    background-image: url(/img/flags/icons/sg.webp)
}

.webp .c-flag-r.sh {
    background-image: url(/img/flags/icons/sh.webp)
}

.webp .c-flag-r.si {
    background-image: url(/img/flags/icons/si.webp)
}

.webp .c-flag-r.sj {
    background-image: url(/img/flags/icons/sj.webp)
}

.webp .c-flag-r.sk {
    background-image: url(/img/flags/icons/sk.webp)
}

.webp .c-flag-r.sl {
    background-image: url(/img/flags/icons/sl.webp)
}

.webp .c-flag-r.sm {
    background-image: url(/img/flags/icons/sm.webp)
}

.webp .c-flag-r.sn {
    background-image: url(/img/flags/icons/sn.webp)
}

.webp .c-flag-r.so {
    background-image: url(/img/flags/icons/so.webp)
}

.webp .c-flag-r.sr {
    background-image: url(/img/flags/icons/sr.webp)
}

.webp .c-flag-r.ss {
    background-image: url(/img/flags/icons/ss.webp)
}

.webp .c-flag-r.st {
    background-image: url(/img/flags/icons/st.webp)
}

.webp .c-flag-r.sv {
    background-image: url(/img/flags/icons/sv.webp)
}

.webp .c-flag-r.sx {
    background-image: url(/img/flags/icons/sx.webp)
}

.webp .c-flag-r.sy {
    background-image: url(/img/flags/icons/sy.webp)
}

.webp .c-flag-r.sz {
    background-image: url(/img/flags/icons/sz.webp)
}

.webp .c-flag-r.tc {
    background-image: url(/img/flags/icons/tc.webp)
}

.webp .c-flag-r.td {
    background-image: url(/img/flags/icons/td.webp)
}

.webp .c-flag-r.tf {
    background-image: url(/img/flags/icons/tf.webp)
}

.webp .c-flag-r.tg {
    background-image: url(/img/flags/icons/tg.webp)
}

.webp .c-flag-r.th {
    background-image: url(/img/flags/icons/th.webp)
}

.webp .c-flag-r.tj {
    background-image: url(/img/flags/icons/tj.webp)
}

.webp .c-flag-r.tk {
    background-image: url(/img/flags/icons/tk.webp)
}

.webp .c-flag-r.tl {
    background-image: url(/img/flags/icons/tl.webp)
}

.webp .c-flag-r.tm {
    background-image: url(/img/flags/icons/tm.webp)
}

.webp .c-flag-r.tn {
    background-image: url(/img/flags/icons/tn.webp)
}

.webp .c-flag-r.to {
    background-image: url(/img/flags/icons/to.webp)
}

.webp .c-flag-r.tp {
    background-image: url(/img/flags/icons/tl.webp)
}

.webp .c-flag-r.tr {
    background-image: url(/img/flags/icons/tr.webp)
}

.webp .c-flag-r.tt {
    background-image: url(/img/flags/icons/tt.webp)
}

.webp .c-flag-r.tv {
    background-image: url(/img/flags/icons/tv.webp)
}

.webp .c-flag-r.tw {
    background-image: url(/img/flags/icons/tw.webp)
}

.webp .c-flag-r.tz {
    background-image: url(/img/flags/icons/tz.webp)
}

.webp .c-flag-r.ua {
    background-image: url(/img/flags/icons/ua.webp)
}

.webp .c-flag-r.ug {
    background-image: url(/img/flags/icons/ug.webp)
}

.webp .c-flag-r.um {
    background-image: url(/img/flags/icons/um.webp)
}

.webp .c-flag-r.us {
    background-image: url(/img/flags/icons/us.webp)
}

.webp .c-flag-r.uy {
    background-image: url(/img/flags/icons/uy.webp)
}

.webp .c-flag-r.uz {
    background-image: url(/img/flags/icons/uz.webp)
}

.webp .c-flag-r.va {
    background-image: url(/img/flags/icons/va.webp)
}

.webp .c-flag-r.vc {
    background-image: url(/img/flags/icons/vc.webp)
}

.webp .c-flag-r.vg {
    background-image: url(/img/flags/icons/vg.webp)
}

.webp .c-flag-r.vi {
    background-image: url(/img/flags/icons/vi.webp)
}

.webp .c-flag-r.vn {
    background-image: url(/img/flags/icons/vn.webp)
}

.webp .c-flag-r.vu {
    background-image: url(/img/flags/icons/vu.webp)
}

.webp .c-flag-r.wf {
    background-image: url(/img/flags/icons/wf.webp)
}

.webp .c-flag-r.ws {
    background-image: url(/img/flags/icons/ws.webp)
}

.webp .c-flag-r.ye {
    background-image: url(/img/flags/icons/ye.webp)
}

.webp .c-flag-r.yt {
    background-image: url(/img/flags/icons/yt.webp)
}

.webp .c-flag-r.za {
    background-image: url(/img/flags/icons/za.webp)
}

.webp .c-flag-r.zm {
    background-image: url(/img/flags/icons/zm.webp)
}

.webp .c-flag-r.zw {
    background-image: url(/img/flags/icons/zw.webp)
}

.webp .c-flag-r.re {
    background-image: url(/img/flags/icons/fr.webp)
}

.webp .c-flag-r.ve {
    background-image: url(/img/flags/icons/ve.webp)
}

.webp .c-flag-r.lt {
    background-image: url(/img/flags/icons/lt.webp)
}

.webp .c-flag-r.co {
    background-image: url(/img/flags/icons/co.webp)
}

.webp .c-flag-r.mn {
    background-image: url(/img/flags/icons/mn.webp)
}

.webp .c-flag-r.nu {
    background-image: url(/img/flags/icons/nu.webp)
}

.webp .c-flag-r.ot {
    background-image: url(/img/flags/icons/other.webp)
}

.webp .c-flag-r.z1,
.webp .c-flag-r.z2,
.webp .c-flag-r.z3,
.webp .c-flag-r.z4,
.webp .c-flag-r.z5,
.webp .c-flag-r.z6 {
    background-image: url(/img/flags/icons/z1.webp)
}

.webp .c-flag-r.c-as {
    background-image: url(/img/flags/icons/c-as.webp)
}

.webp .c-flag-r.c-af {
    background-image: url(/img/flags/icons/c-af.webp)
}

.webp .c-flag-r.c-eu {
    background-image: url(/img/flags/icons/c-eu.webp)
}

.webp .c-flag-r.c-na {
    background-image: url(/img/flags/icons/c-na.webp)
}

.webp .c-flag-r.c-sa {
    background-image: url(/img/flags/icons/c-sa.webp)
}

.webp .c-flag-r.c-an {
    background-image: url(/img/flags/icons/c-an.webp)
}

.webp .c-flag-r.c-ww {
    background-image: url(/img/flags/icons/c-ww.webp)
}

.webp .c-flag-r.nm {
    background-image: url(/img/flags/icons/nm.webp)
}

.webp .c-flag-r.xk,
.webp .c-flag-r.y3,
.webp .c-flag-r.y4 {
    background-image: url(/img/flags/icons/xk.webp)
}

.webp .c-flag-r.x3 {
    background-image: url(/img/flags/icons/x3.webp)
}

.webp .c-flag-r.x8 {
    background-image: url(/img/flags/icons/x8.webp)
}

.webp .c-flag-r.x2 {
    background-image: url(/img/flags/icons/x2.webp)
}

.webp .c-flag-r.x7 {
    background-image: url(/img/flags/icons/x7.webp)
}

.webp .c-flag-r.x6 {
    background-image: url(/img/flags/icons/x6.webp)
}

.webp .c-flag-r.cw {
    background-image: url(/img/flags/icons/cw.webp)
}

.webp .c-flag-r.multiple,
.webp .c-flag-r.ww {
    background-image: url(/img/flags/icons/multiple.webp)
}

.no-webp .c-flag-r {
    background-image: url(/img/flags/icons/global.png)
}

.no-webp .c-flag-r.ad {
    background-image: url(/img/flags/icons/ad.png)
}

.no-webp .c-flag-r.ae {
    background-image: url(/img/flags/icons/ae.png)
}

.no-webp .c-flag-r.af {
    background-image: url(/img/flags/icons/af.png)
}

.no-webp .c-flag-r.ag {
    background-image: url(/img/flags/icons/ag.png)
}

.no-webp .c-flag-r.ai {
    background-image: url(/img/flags/icons/ai.png)
}

.no-webp .c-flag-r.al {
    background-image: url(/img/flags/icons/al.png)
}

.no-webp .c-flag-r.am {
    background-image: url(/img/flags/icons/am.png)
}

.no-webp .c-flag-r.an {
    background-image: url(/img/flags/icons/an.png)
}

.no-webp .c-flag-r.ao {
    background-image: url(/img/flags/icons/ao.png)
}

.no-webp .c-flag-r.aq {
    background-image: url(/img/flags/icons/aq.png)
}

.no-webp .c-flag-r.ar {
    background-image: url(/img/flags/icons/ar.png)
}

.no-webp .c-flag-r.as {
    background-image: url(/img/flags/icons/as.png)
}

.no-webp .c-flag-r.at {
    background-image: url(/img/flags/icons/at.png)
}

.no-webp .c-flag-r.au {
    background-image: url(/img/flags/icons/au.png)
}

.no-webp .c-flag-r.aw {
    background-image: url(/img/flags/icons/aw.png)
}

.no-webp .c-flag-r.ax {
    background-image: url(/img/flags/icons/ax.png)
}

.no-webp .c-flag-r.az {
    background-image: url(/img/flags/icons/az.png)
}

.no-webp .c-flag-r.ba {
    background-image: url(/img/flags/icons/ba.png)
}

.no-webp .c-flag-r.bb {
    background-image: url(/img/flags/icons/bb.png)
}

.no-webp .c-flag-r.bd {
    background-image: url(/img/flags/icons/bd.png)
}

.no-webp .c-flag-r.be {
    background-image: url(/img/flags/icons/be.png)
}

.no-webp .c-flag-r.bf {
    background-image: url(/img/flags/icons/bf.png)
}

.no-webp .c-flag-r.bg {
    background-image: url(/img/flags/icons/bg.png)
}

.no-webp .c-flag-r.bh {
    background-image: url(/img/flags/icons/bh.png)
}

.no-webp .c-flag-r.bi {
    background-image: url(/img/flags/icons/bi.png)
}

.no-webp .c-flag-r.bj {
    background-image: url(/img/flags/icons/bj.png)
}

.no-webp .c-flag-r.bl {
    background-image: url(/img/flags/icons/bl.png)
}

.no-webp .c-flag-r.bm {
    background-image: url(/img/flags/icons/bm.png)
}

.no-webp .c-flag-r.bn {
    background-image: url(/img/flags/icons/bn.png)
}

.no-webp .c-flag-r.bo {
    background-image: url(/img/flags/icons/bo.png)
}

.no-webp .c-flag-r.bq {
    background-image: url(/img/flags/icons/bq.png)
}

.no-webp .c-flag-r.br {
    background-image: url(/img/flags/icons/br.png)
}

.no-webp .c-flag-r.bs {
    background-image: url(/img/flags/icons/bs.png)
}

.no-webp .c-flag-r.bt {
    background-image: url(/img/flags/icons/bt.png)
}

.no-webp .c-flag-r.bv {
    background-image: url(/img/flags/icons/bv.png)
}

.no-webp .c-flag-r.bw {
    background-image: url(/img/flags/icons/bw.png)
}

.no-webp .c-flag-r.by {
    background-image: url(/img/flags/icons/by.png)
}

.no-webp .c-flag-r.bz {
    background-image: url(/img/flags/icons/bz.png)
}

.no-webp .c-flag-r.ca {
    background-image: url(/img/flags/icons/ca.png)
}

.no-webp .c-flag-r.cc {
    background-image: url(/img/flags/icons/cc.png)
}

.no-webp .c-flag-r.cd {
    background-image: url(/img/flags/icons/cd.png)
}

.no-webp .c-flag-r.cf {
    background-image: url(/img/flags/icons/cf.png)
}

.no-webp .c-flag-r.cg {
    background-image: url(/img/flags/icons/cg.png)
}

.no-webp .c-flag-r.ch {
    background-image: url(/img/flags/icons/ch.png)
}

.no-webp .c-flag-r.ci {
    background-image: url(/img/flags/icons/ci.png)
}

.no-webp .c-flag-r.ck {
    background-image: url(/img/flags/icons/ck.png)
}

.no-webp .c-flag-r.cl {
    background-image: url(/img/flags/icons/cl.png)
}

.no-webp .c-flag-r.cm {
    background-image: url(/img/flags/icons/cm.png)
}

.no-webp .c-flag-r.cn {
    background-image: url(/img/flags/icons/cn.png)
}

.no-webp .c-flag-r.cr {
    background-image: url(/img/flags/icons/cr.png)
}

.no-webp .c-flag-r.cu {
    background-image: url(/img/flags/icons/cu.png)
}

.no-webp .c-flag-r.cv {
    background-image: url(/img/flags/icons/cv.png)
}

.no-webp .c-flag-r.cx {
    background-image: url(/img/flags/icons/cx.png)
}

.no-webp .c-flag-r.cy {
    background-image: url(/img/flags/icons/cy.png)
}

.no-webp .c-flag-r.cz {
    background-image: url(/img/flags/icons/cz.png)
}

.no-webp .c-flag-r.de {
    background-image: url(/img/flags/icons/de.png)
}

.no-webp .c-flag-r.dg {
    background-image: url(/img/flags/icons/dg.png)
}

.no-webp .c-flag-r.dj {
    background-image: url(/img/flags/icons/dj.png)
}

.no-webp .c-flag-r.dk {
    background-image: url(/img/flags/icons/dk.png)
}

.no-webp .c-flag-r.dm {
    background-image: url(/img/flags/icons/dm.png)
}

.no-webp .c-flag-r.do {
    background-image: url(/img/flags/icons/do.png)
}

.no-webp .c-flag-r.dz {
    background-image: url(/img/flags/icons/dz.png)
}

.no-webp .c-flag-r.ec {
    background-image: url(/img/flags/icons/ec.png)
}

.no-webp .c-flag-r.ee {
    background-image: url(/img/flags/icons/ee.png)
}

.no-webp .c-flag-r.eg {
    background-image: url(/img/flags/icons/eg.png)
}

.no-webp .c-flag-r.eh {
    background-image: url(/img/flags/icons/eh.png)
}

.no-webp .c-flag-r.er {
    background-image: url(/img/flags/icons/er.png)
}

.no-webp .c-flag-r.es {
    background-image: url(/img/flags/icons/es.png)
}

.no-webp .c-flag-r.et {
    background-image: url(/img/flags/icons/et.png)
}

.no-webp .c-flag-r.fi {
    background-image: url(/img/flags/icons/fi.png)
}

.no-webp .c-flag-r.fj {
    background-image: url(/img/flags/icons/fj.png)
}

.no-webp .c-flag-r.fk {
    background-image: url(/img/flags/icons/fk.png)
}

.no-webp .c-flag-r.fm {
    background-image: url(/img/flags/icons/fm.png)
}

.no-webp .c-flag-r.fo {
    background-image: url(/img/flags/icons/fo.png)
}

.no-webp .c-flag-r.fr {
    background-image: url(/img/flags/icons/fr.png)
}

.no-webp .c-flag-r.ga {
    background-image: url(/img/flags/icons/ga.png)
}

.no-webp .c-flag-r.gb {
    background-image: url(/img/flags/icons/gb.png)
}

.no-webp .c-flag-r.gd {
    background-image: url(/img/flags/icons/gd.png)
}

.no-webp .c-flag-r.ge {
    background-image: url(/img/flags/icons/ge.png)
}

.no-webp .c-flag-r.gf {
    background-image: url(/img/flags/icons/gf.png)
}

.no-webp .c-flag-r.gg {
    background-image: url(/img/flags/icons/gg.png)
}

.no-webp .c-flag-r.gh {
    background-image: url(/img/flags/icons/gh.png)
}

.no-webp .c-flag-r.gi {
    background-image: url(/img/flags/icons/gi.png)
}

.no-webp .c-flag-r.gl {
    background-image: url(/img/flags/icons/gl.png)
}

.no-webp .c-flag-r.gm {
    background-image: url(/img/flags/icons/gm.png)
}

.no-webp .c-flag-r.gn {
    background-image: url(/img/flags/icons/gn.png)
}

.no-webp .c-flag-r.gp {
    background-image: url(/img/flags/icons/gp.png)
}

.no-webp .c-flag-r.gq {
    background-image: url(/img/flags/icons/gq.png)
}

.no-webp .c-flag-r.gr {
    background-image: url(/img/flags/icons/gr.png)
}

.no-webp .c-flag-r.gs {
    background-image: url(/img/flags/icons/gs.png)
}

.no-webp .c-flag-r.gt {
    background-image: url(/img/flags/icons/gt.png)
}

.no-webp .c-flag-r.gu {
    background-image: url(/img/flags/icons/gu.png)
}

.no-webp .c-flag-r.gw {
    background-image: url(/img/flags/icons/gw.png)
}

.no-webp .c-flag-r.gy {
    background-image: url(/img/flags/icons/gy.png)
}

.no-webp .c-flag-r.hk {
    background-image: url(/img/flags/icons/hk.png)
}

.no-webp .c-flag-r.hm {
    background-image: url(/img/flags/icons/hm.png)
}

.no-webp .c-flag-r.hn {
    background-image: url(/img/flags/icons/hn.png)
}

.no-webp .c-flag-r.hr {
    background-image: url(/img/flags/icons/hr.png)
}

.no-webp .c-flag-r.ht {
    background-image: url(/img/flags/icons/ht.png)
}

.no-webp .c-flag-r.hu {
    background-image: url(/img/flags/icons/hu.png)
}

.no-webp .c-flag-r.id {
    background-image: url(/img/flags/icons/id.png)
}

.no-webp .c-flag-r.ie {
    background-image: url(/img/flags/icons/ie.png)
}

.no-webp .c-flag-r.il {
    background-image: url(/img/flags/icons/il.png)
}

.no-webp .c-flag-r.im {
    background-image: url(/img/flags/icons/im.png)
}

.no-webp .c-flag-r.in {
    background-image: url(/img/flags/icons/in.png)
}

.no-webp .c-flag-r.io {
    background-image: url(/img/flags/icons/io.png)
}

.no-webp .c-flag-r.iq {
    background-image: url(/img/flags/icons/iq.png)
}

.no-webp .c-flag-r.ir {
    background-image: url(/img/flags/icons/ir.png)
}

.no-webp .c-flag-r.is {
    background-image: url(/img/flags/icons/is.png)
}

.no-webp .c-flag-r.it {
    background-image: url(/img/flags/icons/it.png)
}

.no-webp .c-flag-r.je {
    background-image: url(/img/flags/icons/je.png)
}

.no-webp .c-flag-r.jm {
    background-image: url(/img/flags/icons/jm.png)
}

.no-webp .c-flag-r.jo {
    background-image: url(/img/flags/icons/jo.png)
}

.no-webp .c-flag-r.jp {
    background-image: url(/img/flags/icons/jp.png)
}

.no-webp .c-flag-r.ke {
    background-image: url(/img/flags/icons/ke.png)
}

.no-webp .c-flag-r.kg {
    background-image: url(/img/flags/icons/kg.png)
}

.no-webp .c-flag-r.kh {
    background-image: url(/img/flags/icons/kh.png)
}

.no-webp .c-flag-r.ki {
    background-image: url(/img/flags/icons/ki.png)
}

.no-webp .c-flag-r.km {
    background-image: url(/img/flags/icons/km.png)
}

.no-webp .c-flag-r.kn {
    background-image: url(/img/flags/icons/kn.png)
}

.no-webp .c-flag-r.kp {
    background-image: url(/img/flags/icons/kp.png)
}

.no-webp .c-flag-r.kr {
    background-image: url(/img/flags/icons/kr.png)
}

.no-webp .c-flag-r.kw {
    background-image: url(/img/flags/icons/kw.png)
}

.no-webp .c-flag-r.ky {
    background-image: url(/img/flags/icons/ky.png)
}

.no-webp .c-flag-r.kz {
    background-image: url(/img/flags/icons/kz.png)
}

.no-webp .c-flag-r.la {
    background-image: url(/img/flags/icons/la.png)
}

.no-webp .c-flag-r.lb {
    background-image: url(/img/flags/icons/lb.png)
}

.no-webp .c-flag-r.lc {
    background-image: url(/img/flags/icons/lc.png)
}

.no-webp .c-flag-r.li {
    background-image: url(/img/flags/icons/li.png)
}

.no-webp .c-flag-r.lk {
    background-image: url(/img/flags/icons/lk.png)
}

.no-webp .c-flag-r.lr {
    background-image: url(/img/flags/icons/lr.png)
}

.no-webp .c-flag-r.ls {
    background-image: url(/img/flags/icons/ls.png)
}

.no-webp .c-flag-r.lu {
    background-image: url(/img/flags/icons/lu.png)
}

.no-webp .c-flag-r.lv {
    background-image: url(/img/flags/icons/lv.png)
}

.no-webp .c-flag-r.ly {
    background-image: url(/img/flags/icons/ly.png)
}

.no-webp .c-flag-r.ma {
    background-image: url(/img/flags/icons/ma.png)
}

.no-webp .c-flag-r.mc {
    background-image: url(/img/flags/icons/mc.png)
}

.no-webp .c-flag-r.md {
    background-image: url(/img/flags/icons/md.png)
}

.no-webp .c-flag-r.me {
    background-image: url(/img/flags/icons/me.png)
}

.no-webp .c-flag-r.mg {
    background-image: url(/img/flags/icons/mg.png)
}

.no-webp .c-flag-r.mh {
    background-image: url(/img/flags/icons/mh.png)
}

.no-webp .c-flag-r.mk {
    background-image: url(/img/flags/icons/mk.png)
}

.no-webp .c-flag-r.ml {
    background-image: url(/img/flags/icons/ml.png)
}

.no-webp .c-flag-r.mm {
    background-image: url(/img/flags/icons/mm.png)
}

.no-webp .c-flag-r.mo {
    background-image: url(/img/flags/icons/mo.png)
}

.no-webp .c-flag-r.mp {
    background-image: url(/img/flags/icons/mp.png)
}

.no-webp .c-flag-r.mq {
    background-image: url(/img/flags/icons/mq.png)
}

.no-webp .c-flag-r.mr {
    background-image: url(/img/flags/icons/mr.png)
}

.no-webp .c-flag-r.ms {
    background-image: url(/img/flags/icons/ms.png)
}

.no-webp .c-flag-r.mt {
    background-image: url(/img/flags/icons/mt.png)
}

.no-webp .c-flag-r.mu {
    background-image: url(/img/flags/icons/mu.png)
}

.no-webp .c-flag-r.mv {
    background-image: url(/img/flags/icons/mv.png)
}

.no-webp .c-flag-r.mw {
    background-image: url(/img/flags/icons/mw.png)
}

.no-webp .c-flag-r.mx {
    background-image: url(/img/flags/icons/mx.png)
}

.no-webp .c-flag-r.my {
    background-image: url(/img/flags/icons/my.png)
}

.no-webp .c-flag-r.mz {
    background-image: url(/img/flags/icons/mz.png)
}

.no-webp .c-flag-r.na {
    background-image: url(/img/flags/icons/na.png)
}

.no-webp .c-flag-r.nc {
    background-image: url(/img/flags/icons/nc.png)
}

.no-webp .c-flag-r.ne {
    background-image: url(/img/flags/icons/ne.png)
}

.no-webp .c-flag-r.nf {
    background-image: url(/img/flags/icons/nf.png)
}

.no-webp .c-flag-r.ng {
    background-image: url(/img/flags/icons/ng.png)
}

.no-webp .c-flag-r.ni {
    background-image: url(/img/flags/icons/ni.png)
}

.no-webp .c-flag-r.nl {
    background-image: url(/img/flags/icons/nl.png)
}

.no-webp .c-flag-r.no {
    background-image: url(/img/flags/icons/no.png)
}

.no-webp .c-flag-r.np {
    background-image: url(/img/flags/icons/np.png)
}

.no-webp .c-flag-r.nr {
    background-image: url(/img/flags/icons/nr.png)
}

.no-webp .c-flag-r.nz {
    background-image: url(/img/flags/icons/nz.png)
}

.no-webp .c-flag-r.om {
    background-image: url(/img/flags/icons/om.png)
}

.no-webp .c-flag-r.pa {
    background-image: url(/img/flags/icons/pa.png)
}

.no-webp .c-flag-r.pe {
    background-image: url(/img/flags/icons/pe.png)
}

.no-webp .c-flag-r.pf {
    background-image: url(/img/flags/icons/pf.png)
}

.no-webp .c-flag-r.pg {
    background-image: url(/img/flags/icons/pg.png)
}

.no-webp .c-flag-r.ph {
    background-image: url(/img/flags/icons/ph.png)
}

.no-webp .c-flag-r.pk {
    background-image: url(/img/flags/icons/pk.png)
}

.no-webp .c-flag-r.pl {
    background-image: url(/img/flags/icons/pl.png)
}

.no-webp .c-flag-r.pm {
    background-image: url(/img/flags/icons/pm.png)
}

.no-webp .c-flag-r.pn {
    background-image: url(/img/flags/icons/pn.png)
}

.no-webp .c-flag-r.pr {
    background-image: url(/img/flags/icons/pr.png)
}

.no-webp .c-flag-r.ps {
    background-image: url(/img/flags/icons/ps.png)
}

.no-webp .c-flag-r.pt {
    background-image: url(/img/flags/icons/pt.png)
}

.no-webp .c-flag-r.pw {
    background-image: url(/img/flags/icons/pw.png)
}

.no-webp .c-flag-r.py {
    background-image: url(/img/flags/icons/py.png)
}

.no-webp .c-flag-r.qa {
    background-image: url(/img/flags/icons/qa.png)
}

.no-webp .c-flag-r.ro {
    background-image: url(/img/flags/icons/ro.png)
}

.no-webp .c-flag-r.rs {
    background-image: url(/img/flags/icons/rs.png)
}

.no-webp .c-flag-r.ru {
    background-image: url(/img/flags/icons/ru.png)
}

.no-webp .c-flag-r.rw {
    background-image: url(/img/flags/icons/rw.png)
}

.no-webp .c-flag-r.sa {
    background-image: url(/img/flags/icons/sa.png)
}

.no-webp .c-flag-r.sb {
    background-image: url(/img/flags/icons/sb.png)
}

.no-webp .c-flag-r.sc {
    background-image: url(/img/flags/icons/sc.png)
}

.no-webp .c-flag-r.sd {
    background-image: url(/img/flags/icons/sd.png)
}

.no-webp .c-flag-r.se {
    background-image: url(/img/flags/icons/se.png)
}

.no-webp .c-flag-r.sg {
    background-image: url(/img/flags/icons/sg.png)
}

.no-webp .c-flag-r.sh {
    background-image: url(/img/flags/icons/sh.png)
}

.no-webp .c-flag-r.si {
    background-image: url(/img/flags/icons/si.png)
}

.no-webp .c-flag-r.sj {
    background-image: url(/img/flags/icons/sj.png)
}

.no-webp .c-flag-r.sk {
    background-image: url(/img/flags/icons/sk.png)
}

.no-webp .c-flag-r.sl {
    background-image: url(/img/flags/icons/sl.png)
}

.no-webp .c-flag-r.sm {
    background-image: url(/img/flags/icons/sm.png)
}

.no-webp .c-flag-r.sn {
    background-image: url(/img/flags/icons/sn.png)
}

.no-webp .c-flag-r.so {
    background-image: url(/img/flags/icons/so.png)
}

.no-webp .c-flag-r.sr {
    background-image: url(/img/flags/icons/sr.png)
}

.no-webp .c-flag-r.ss {
    background-image: url(/img/flags/icons/ss.png)
}

.no-webp .c-flag-r.st {
    background-image: url(/img/flags/icons/st.png)
}

.no-webp .c-flag-r.sv {
    background-image: url(/img/flags/icons/sv.png)
}

.no-webp .c-flag-r.sx {
    background-image: url(/img/flags/icons/sx.png)
}

.no-webp .c-flag-r.sy {
    background-image: url(/img/flags/icons/sy.png)
}

.no-webp .c-flag-r.sz {
    background-image: url(/img/flags/icons/sz.png)
}

.no-webp .c-flag-r.tc {
    background-image: url(/img/flags/icons/tc.png)
}

.no-webp .c-flag-r.td {
    background-image: url(/img/flags/icons/td.png)
}

.no-webp .c-flag-r.tf {
    background-image: url(/img/flags/icons/tf.png)
}

.no-webp .c-flag-r.tg {
    background-image: url(/img/flags/icons/tg.png)
}

.no-webp .c-flag-r.th {
    background-image: url(/img/flags/icons/th.png)
}

.no-webp .c-flag-r.tj {
    background-image: url(/img/flags/icons/tj.png)
}

.no-webp .c-flag-r.tk {
    background-image: url(/img/flags/icons/tk.png)
}

.no-webp .c-flag-r.tl {
    background-image: url(/img/flags/icons/tl.png)
}

.no-webp .c-flag-r.tm {
    background-image: url(/img/flags/icons/tm.png)
}

.no-webp .c-flag-r.tn {
    background-image: url(/img/flags/icons/tn.png)
}

.no-webp .c-flag-r.to {
    background-image: url(/img/flags/icons/to.png)
}

.no-webp .c-flag-r.tp {
    background-image: url(/img/flags/icons/tl.png)
}

.no-webp .c-flag-r.tr {
    background-image: url(/img/flags/icons/tr.png)
}

.no-webp .c-flag-r.tt {
    background-image: url(/img/flags/icons/tt.png)
}

.no-webp .c-flag-r.tv {
    background-image: url(/img/flags/icons/tv.png)
}

.no-webp .c-flag-r.tw {
    background-image: url(/img/flags/icons/tw.png)
}

.no-webp .c-flag-r.tz {
    background-image: url(/img/flags/icons/tz.png)
}

.no-webp .c-flag-r.ua {
    background-image: url(/img/flags/icons/ua.png)
}

.no-webp .c-flag-r.ug {
    background-image: url(/img/flags/icons/ug.png)
}

.no-webp .c-flag-r.um {
    background-image: url(/img/flags/icons/um.png)
}

.no-webp .c-flag-r.us {
    background-image: url(/img/flags/icons/us.png)
}

.no-webp .c-flag-r.uy {
    background-image: url(/img/flags/icons/uy.png)
}

.no-webp .c-flag-r.uz {
    background-image: url(/img/flags/icons/uz.png)
}

.no-webp .c-flag-r.va {
    background-image: url(/img/flags/icons/va.png)
}

.no-webp .c-flag-r.vc {
    background-image: url(/img/flags/icons/vc.png)
}

.no-webp .c-flag-r.vg {
    background-image: url(/img/flags/icons/vg.png)
}

.no-webp .c-flag-r.vi {
    background-image: url(/img/flags/icons/vi.png)
}

.no-webp .c-flag-r.vn {
    background-image: url(/img/flags/icons/vn.png)
}

.no-webp .c-flag-r.vu {
    background-image: url(/img/flags/icons/vu.png)
}

.no-webp .c-flag-r.wf {
    background-image: url(/img/flags/icons/wf.png)
}

.no-webp .c-flag-r.ws {
    background-image: url(/img/flags/icons/ws.png)
}

.no-webp .c-flag-r.ye {
    background-image: url(/img/flags/icons/ye.png)
}

.no-webp .c-flag-r.yt {
    background-image: url(/img/flags/icons/yt.png)
}

.no-webp .c-flag-r.za {
    background-image: url(/img/flags/icons/za.png)
}

.no-webp .c-flag-r.zm {
    background-image: url(/img/flags/icons/zm.png)
}

.no-webp .c-flag-r.zw {
    background-image: url(/img/flags/icons/zw.png)
}

.no-webp .c-flag-r.re {
    background-image: url(/img/flags/icons/fr.png)
}

.no-webp .c-flag-r.ve {
    background-image: url(/img/flags/icons/ve.png)
}

.no-webp .c-flag-r.lt {
    background-image: url(/img/flags/icons/lt.png)
}

.no-webp .c-flag-r.co {
    background-image: url(/img/flags/icons/co.png)
}

.no-webp .c-flag-r.mn {
    background-image: url(/img/flags/icons/mn.png)
}

.no-webp .c-flag-r.nu {
    background-image: url(/img/flags/icons/nu.png)
}

.no-webp .c-flag-r.ot {
    background-image: url(/img/flags/icons/other.png)
}

.no-webp .c-flag-r.z1,
.no-webp .c-flag-r.z2,
.no-webp .c-flag-r.z3,
.no-webp .c-flag-r.z4,
.no-webp .c-flag-r.z5,
.no-webp .c-flag-r.z6 {
    background-image: url(/img/flags/icons/z1.png)
}

.no-webp .c-flag-r.c-as {
    background-image: url(/img/flags/icons/c-as.png)
}

.no-webp .c-flag-r.c-af {
    background-image: url(/img/flags/icons/c-af.png)
}

.no-webp .c-flag-r.c-eu {
    background-image: url(/img/flags/icons/c-eu.png)
}

.no-webp .c-flag-r.c-na {
    background-image: url(/img/flags/icons/c-na.png)
}

.no-webp .c-flag-r.c-sa {
    background-image: url(/img/flags/icons/c-sa.png)
}

.no-webp .c-flag-r.c-an {
    background-image: url(/img/flags/icons/c-an.png)
}

.no-webp .c-flag-r.c-ww {
    background-image: url(/img/flags/icons/c-ww.png)
}

.no-webp .c-flag-r.nm {
    background-image: url(/img/flags/icons/nm.png)
}

.no-webp .c-flag-r.xk,
.no-webp .c-flag-r.y3,
.no-webp .c-flag-r.y4 {
    background-image: url(/img/flags/icons/xk.png)
}

.no-webp .c-flag-r.x3 {
    background-image: url(/img/flags/icons/x3.png)
}

.no-webp .c-flag-r.x8 {
    background-image: url(/img/flags/icons/x8.png)
}

.no-webp .c-flag-r.x2 {
    background-image: url(/img/flags/icons/x2.png)
}

.no-webp .c-flag-r.x7 {
    background-image: url(/img/flags/icons/x7.png)
}

.no-webp .c-flag-r.x6 {
    background-image: url(/img/flags/icons/x6.png)
}

.no-webp .c-flag-r.cw {
    background-image: url(/img/flags/icons/cw.png)
}

.no-webp .c-flag-r.multiple,
.no-webp .c-flag-r.ww {
    background-image: url(/img/flags/icons/multiple.png)
}

.c-checkbox-input {
    float: left;
    height: 15px;
    margin: 0 5px 0 0;
    position: relative;
    width: 15px
}

html[dir=rtl] .c-checkbox-input {
    float: right
}

.c-checkbox-input .checkbox-icon {
    background-image: url(/img/fields/inputs/checkbox.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    height: 15px;
    width: 15px
}

.c-checkbox-input>input {
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 15px;
    left: 0;
    margin: 0 !important;
    opacity: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px
}

.c-checkbox-input>input:checked+.checkbox-icon {
    background-image: url(/img/fields/inputs/checkbox-checked.svg)
}

.c-radio-input {
    float: left;
    height: 16px;
    margin: 0 13px 0 0;
    position: relative;
    width: 16px
}

html[dir=rtl] .c-radio-input {
    float: right;
    margin: 0 0 0 13px
}

.c-radio-input .radio-icon {
    background-image: url(/img/fields/inputs/radiobutton.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    height: 16px;
    width: 16px
}

.c-radio-input>input {
    bottom: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 16px;
    left: 0;
    margin: 0 !important;
    opacity: 0;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.c-radio-input>input:checked+.radio-icon {
    background-image: url(/img/fields/inputs/radiobutton_checked.svg)
}

.footer-container {
    background-color: #574e92;
    clear: both;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 14px
}

.footer-container a {
    color: #fff
}

.footer-container .social-links-container {
    padding-top: 33px
}

@media screen and (min-width:768px) {
    .footer-container .social-links-container {
        padding-top: 60px
    }
}

.footer-container .social-links-container .social-link {
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    height: 30px;
    opacity: .3;
    width: 30px
}

.footer-container .social-links-container .social-link:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6
}

.footer-container .social-links-container .social-link.facebook {
    background-image: url(../image/facebook.svg)
}

.footer-container .social-links-container .social-link.instagram {
    background-image: url(../image/instagram.svg)
}

.footer-container .social-links-container .social-link.linkedin {
    background-image: url(../image/linkdin.svg)
}

.footer-container .social-links-container .social-link.twitter {
    background-image: url(../image/twitter.svg)
}

.footer-container .view-footer-locale-selector {
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 5px;
    max-width: 200px;
    position: relative
}

.footer-container .view-footer-locale-selector .selector {
    cursor: pointer;
    font-size: 13px;
    font-weight: 100;
    line-height: 19px;
    padding: 10px 20px;
    position: relative
}

.footer-container .view-footer-locale-selector .selector .arrow {
    background-image: url(../image/down-arrow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 10px 8px;
    -moz-background-size: 10px 8px;
    background-size: 10px 8px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 12px
}

html[dir=rtl] .footer-container .view-footer-locale-selector .selector .arrow {
    left: 20px;
    right: auto
}

.footer-container .view-footer-locale-selector ul.languages-list {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    height: 150px;
    overflow-y: scroll;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 10
}

.footer-container .view-footer-locale-selector ul.languages-list li {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
    padding: 1px 15px
}

.footer-container .view-footer-locale-selector ul.languages-list li:hover {
    background-color: #dde3eb
}

.footer-container .container {
    margin-left: auto;
    margin-right: auto;
    padding: 44px 0
}

@media screen and (min-width:544px) {
    .footer-container .container {
        max-width: 576px
    }
}

@media screen and (min-width:768px) {
    .footer-container .container {
        max-width: 720px
    }
}

@media screen and (min-width:992px) {
    .footer-container .container {
        max-width: 940px
    }
}

@media screen and (min-width:1200px) {
    .footer-container .container {
        max-width: 1140px
    }
}

.footer-container .container section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    max-width: 49%;
    min-height: 1px;
    padding: 2rem 14px 1rem;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:768px) {
    .footer-container .container section {
        display: block;
        float: left;
        max-width: 25%;
        padding-top: 0
    }
}

.footer-container .container section .title {
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.footer-container .container section .links {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.8rem
}

.footer-container .container section .links:active {
    text-decoration: underline
}

@media screen and (min-width:768px) {
    .footer-container .container section .links:hover {
        text-decoration: underline
    }
}

.footer-container .copyright {
    clear: left;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    padding-top: 10px
}

@media screen and (min-width:768px) {
    .footer-container .copyright {
        padding-top: 10px
    }
}

.footer-rakuten {
    background: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 0 30px
}

.footer-rakuten .container {
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
    padding: 0
}

.footer-rakuten .partners-row {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.footer-rakuten .logo-holder {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-order: 2;
    order: 2;
    text-align: center;
    width: 100%
}

.footer-rakuten .logo-holder a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px
}

.footer-rakuten .logo-holder .rakuten-footer-logo {
    max-height: 120px;
    max-width: 200px
}

.footer-rakuten .partners-link-holder {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-order: 1;
    order: 1;
    padding: 30px 0 0;
    text-align: left
}

.footer-rakuten .partners-link-holder a {
    color: #8d8d8d;
    display: inline-block;
    font-size: 13px;
    margin: 5px;
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.footer-rakuten .partners-link-holder a:hover {
    color: #bbb
}

@media screen and (min-width:992px) {
    .footer-rakuten {
        padding: 0 20px
    }

    .footer-rakuten .partners-link-holder {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -o-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        -webkit-order: 2;
        order: 2;
        padding: 0
    }

    .footer-rakuten .partners-link-holder a {
        margin: 0;
        padding: 20px 1%
    }

    .footer-rakuten .partners-link-holder a:first-child {
        padding-left: 0
    }

    .footer-rakuten .logo-holder {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -o-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        -webkit-order: 1;
        order: 1
    }

    .footer-rakuten .logo-holder a img {
        vertical-align: middle
    }
}

@media screen and (min-width:1200px) {
    .footer-rakuten .container {
        max-width: 1140px
    }

    .footer-rakuten .logo-holder,
    .footer-rakuten .partners-link-holder {
        padding: 0
    }
}

@media screen and (max-width:1200px) {
    .footer-rakuten .partners-link-holder a {
        margin: 5px;
        padding: 0
    }
}

@media (max-width:420px) {
    .footer-rakuten {
        padding: 25px 15px
    }

    .footer-rakuten .partners-link-holder {
        padding: 0
    }
}

.c-download-section {
    margin: 0 auto;
    padding-bottom: 75px;
    padding-top: 70px;
    text-align: center
}

.c-download-section .button-wrapper {
    margin-top: 34px
}

.c-download-section .button-wrapper .btn {
    min-width: 228px
}

.c-download-section .logo {
    height: 86px;
    margin-bottom: 24px;
    width: 82px
}

.c-download-section h2 {
    font-size: 20px
}

@media screen and (min-width:1080px) {
    .c-account-form.form-submit-success .form-group.submit button .icon-success {
        background: url(/img/icons/svg/check-mark.svg);
        position: absolute;
        right: -30px;
        top: 18px
    }
}

.c-account-form input {
    color: #323232
}

.c-account-form .loading-container {
    position: relative
}

.c-account-form .loading-container .loading-indicate {
    position: absolute
}

@media screen and (max-width:1079px) {
    .c-account-form .loading-container .loading-indicate {
        right: 0;
        top: 13px
    }
}

@media screen and (min-width:1080px) {
    .c-account-form .loading-container .loading-indicate {
        right: -30px;
        top: 6px
    }
}

.c-account-form .icon-success {
    background: url(/img/icons/svg/check-mark-white.svg) no-repeat 50%;
    -webkit-background-size: 18px 13px;
    -moz-background-size: 18px 13px;
    background-size: 18px 13px;
    display: inline-block;
    height: 13px;
    width: 18px
}

@media screen and (max-width:1079px) {

    .c-account-form.form-submit-loading button .button-title,
    .c-account-form.form-submit-success button .button-title {
        display: none
    }

    .c-account-form button,
    .c-account-form input[type=email],
    .c-account-form input[type=number],
    .c-account-form input[type=password],
    .c-account-form input[type=tel],
    .c-account-form input[type=text] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.2em;
        -moz-transform: translateZ(0);
        width: 100%
    }

    .c-account-form button {
        font-size: 20px;
        height: 44px;
        line-height: 44px
    }

    .c-account-form button[disabled] .c-loading {
        display: block
    }

    .c-account-form button[disabled] .c-loading .svg-container .spinner circle {
        stroke: rgba(255, 255, 255, .4)
    }

    .c-account-form .form-group {
        min-height: 76px
    }

    .c-account-form .form-group .input-container.error input {
        border-bottom: 1px solid #ff6a62
    }

    .c-account-form input[type=email],
    .c-account-form input[type=number],
    .c-account-form input[type=password],
    .c-account-form input[type=tel],
    .c-account-form input[type=text] {
        border-bottom: 1px solid #d2d0d0;
        border-radius: 0;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        width: 100%
    }

    .c-account-form input[type=email]:focus,
    .c-account-form input[type=number]:focus,
    .c-account-form input[type=password]:focus,
    .c-account-form input[type=tel]:focus,
    .c-account-form input[type=text]:focus {
        border-bottom: 1px solid #54c0d4
    }

    .c-account-form input::-webkit-input-placeholder {
        color: #999;
        font-size: 14px;
        line-height: normal
    }

    .c-account-form input::-moz-placeholder {
        color: #999;
        font-size: 14px
    }

    .c-account-form input:-ms-input-placeholder {
        color: #999;
        font-size: 14px
    }

    .c-account-form input:-moz-placeholder {
        color: #999;
        font-size: 14px
    }
}

@media screen and (min-width:701px) {
    .c-account-form .form-group .error .message {
        padding-top: 3px
    }
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .c-account-form {
        margin: auto;
        width: 300px
    }
}

@media screen and (min-width:1080px) {
    .c-account-form label {
        color: #888;
        font-size: 14px;
        margin: 0;
        width: 200px
    }

    .c-account-form input[type=email],
    .c-account-form input[type=number],
    .c-account-form input[type=password],
    .c-account-form input[type=tel],
    .c-account-form input[type=text] {
        border: 1px solid #d2d0d0;
        border-radius: 5px;
        width: 250px
    }

    .c-account-form input[type=email]:focus,
    .c-account-form input[type=number]:focus,
    .c-account-form input[type=password]:focus,
    .c-account-form input[type=tel]:focus,
    .c-account-form input[type=text]:focus {
        border: 1px solid #54c0d4
    }

    .c-account-form input[type=email],
    .c-account-form input[type=number],
    .c-account-form input[type=password],
    .c-account-form input[type=tel],
    .c-account-form input[type=text],
    .c-account-form label {
        line-height: 1.2em
    }

    .c-account-form input[type=email],
    .c-account-form input[type=number],
    .c-account-form input[type=password],
    .c-account-form input[type=tel],
    .c-account-form input[type=text] {
        height: 35px;
        line-height: 35px;
        padding-left: 10px
    }

    .c-account-form .input-container {
        width: 250px
    }

    .c-account-form label {
        padding: 0
    }

    .c-account-form .form-group {
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        padding-bottom: 20px
    }

    .c-account-form .form-group.submit {
        margin-top: 20px
    }

    .c-account-form .form-group .input-container.error input {
        border: 1px solid #ff6a62;
        color: #ff6a62
    }

    .c-account-form h3 {
        font-size: 20px;
        padding-bottom: 32px
    }
}

.c-account-form .form-group .error .message {
    color: #ff6a62;
    font-size: 11px;
    line-height: 1.2em
}

@media screen and (min-width:1080px) {
    .c-account-form .form-group.submit button {
        min-width: 100px;
        overflow: visible
    }

    .c-account-form .form-group.submit .c-loading.is-small {
        position: absolute;
        right: -20px;
        top: 24px
    }

    html[dir=rtl] .c-account-form .form-group.submit .c-loading.is-small {
        left: -20px;
        right: auto
    }
}

.c-account-form .form-group.phone-number .input-container.error .phone-input-box {
    border-bottom: 1px solid #ff6a62
}

@media screen and (min-width:1080px) {
    .c-account-form .form-group.phone-number .input-container.error .phone-input-box {
        border: 1px solid #ff6a62
    }

    .c-account-form .form-group.phone-number .input-container.error .phone-input-box .plus {
        color: #ff6a62
    }
}

.c-account-form .form-group.phone-number .phone-input-box {
    border-bottom: 1px solid #c8c8c8;
    display: block
}

.c-account-form .form-group.phone-number .phone-input-box .phone,
.c-account-form .form-group.phone-number .phone-input-box .prefix {
    direction: ltr
}

.c-account-form .form-group.phone-number .phone-input-box:after {
    clear: left;
    content: "";
    display: block
}

@media screen and (min-width:1080px) {
    .c-account-form .form-group.phone-number .phone-input-box {
        border: 1px solid #d2d0d0;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px
    }

    .c-account-form .form-group.phone-number .phone-input-box.active {
        border: 1px solid #54c0d4
    }

    .c-account-form .form-group.phone-number .phone-input-box input::-webkit-input-placeholder {
        color: #999;
        font-size: 14px;
        line-height: normal
    }

    .c-account-form .form-group.phone-number .phone-input-box input::-moz-placeholder {
        color: #999;
        font-size: 14px
    }

    .c-account-form .form-group.phone-number .phone-input-box input:-ms-input-placeholder {
        color: #999;
        font-size: 14px
    }

    .c-account-form .form-group.phone-number .phone-input-box input:-moz-placeholder {
        color: #999;
        font-size: 14px
    }
}

.c-account-form .form-group.phone-number .phone-input-box.active {
    border-bottom: 1px solid #54c0d4
}

.c-account-form .form-group.phone-number .phone-input-box .phone,
.c-account-form .form-group.phone-number .phone-input-box .plus,
.c-account-form .form-group.phone-number .phone-input-box .prefix {
    float: left
}

@media screen and (min-width:1080px) {

    .c-account-form .form-group.phone-number .phone-input-box .phone,
    .c-account-form .form-group.phone-number .phone-input-box .plus,
    .c-account-form .form-group.phone-number .phone-input-box .prefix {
        min-width: auto;
        padding: 0
    }
}

.c-account-form .form-group.phone-number .phone-input-box input,
.c-account-form .form-group.phone-number .phone-input-box input:active,
.c-account-form .form-group.phone-number .phone-input-box input:focus {
    border-bottom: none
}

@media screen and (min-width:1080px) {

    .c-account-form .form-group.phone-number .phone-input-box input,
    .c-account-form .form-group.phone-number .phone-input-box input:active,
    .c-account-form .form-group.phone-number .phone-input-box input:focus {
        border: none
    }
}

.c-account-form .form-group.phone-number .phone-input-box .phone {
    width: 188px
}

@media screen and (min-width:1080px) {
    .c-account-form .form-group.phone-number .phone-input-box .phone {
        width: 170px
    }
}

.c-account-form .form-group.phone-number .phone-input-box .plus {
    line-height: 46px
}

@media screen and (min-width:1080px) {
    .c-account-form .form-group.phone-number .phone-input-box .plus {
        line-height: 34px
    }
}

.c-account-form .form-group.phone-number .phone-input-box .prefix {
    width: 37px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-4 .prefix {
    width: 45px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-5 .prefix {
    width: 53px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-5 .phone {
    width: 166px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-6 .prefix {
    width: 61px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-6 .phone {
    width: 158px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-7 .prefix {
    width: 69px
}

.c-account-form .form-group.phone-number .phone-input-box.prefix-length-7 .phone {
    width: 150px
}

.c-account-form button,
.c-account-form input[type=email],
.c-account-form input[type=number],
.c-account-form input[type=password],
.c-account-form input[type=tel],
.c-account-form input[type=text],
.c-account-form label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2em
}

.c-account-form input {
    background-color: transparent;
    line-height: 1.2em
}

.с-what-is-vo {
    color: #323232;
    padding-bottom: 48px
}

.с-what-is-vo .wrapper {
    margin: 120px auto 10px;
    max-width: 737px;
    text-align: center
}

.с-what-is-vo h3 {
    font-size: 44px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 30px
}

.с-what-is-vo p {
    font-size: 15px;
    line-height: 24px
}

.с-what-is-vo mark {
    background: #fdf636
}

@media screen and (max-width:1250px) {
    .с-what-is-vo .wrapper {
        margin: 80px auto 10px;
        padding: 0 20px
    }
}

@media screen and (max-width:700px) {
    .с-what-is-vo h3 {
        font-size: 25px
    }
}

.c-country-selector-modal {
    height: 367px;
    margin: auto;
    width: 285px
}

.c-country-selector-modal.ReactModal__Content {
    position: static
}

.c-country-selector-modal .modal {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 367px;
    min-width: auto;
    width: 285px
}

.c-country-selector-modal .modal header {
    margin: 0
}

html[dir=rtl] .c-country-selector-modal .modal header {
    text-align: left
}

.c-country-selector-modal .modal header .close {
    background-image: url(/img/icons/svg/unchecked.svg);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    position: relative;
    width: 11px
}

.c-country-selector-modal .modal header .close:after {
    bottom: -20px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px
}

@media (min-width:701px) {
    .c-country-selector-modal .modal {
        height: 392px;
        width: 352px
    }
}

.c-country-selector-modal .modal section {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    display: block;
    overflow: hidden
}

.c-country-selector-modal .modal header {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 50px !important;
    padding: 0 22px;
    text-align: left
}

@media (min-width:701px) {
    .c-country-selector-modal .modal header {
        height: 60px !important
    }
}

.c-country-selector-modal .modal header .close {
    position: absolute;
    right: 20px;
    top: 20px
}

html[dir=rtl] .c-country-selector-modal .modal header .close {
    left: 20px;
    right: auto
}

@media (min-width:701px) {
    .c-country-selector-modal .modal header .close {
        right: 23px;
        top: 23px
    }

    html[dir=rtl] .c-country-selector-modal .modal header .close {
        left: 23px;
        right: auto
    }
}

.c-country-selector-modal .modal ul {
    -webkit-overflow-scrolling: touch;
    border: 1px solid #f0f1f3;
    border-radius: 0 0 4px 4px;
    border-top: none;
    height: 318px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

@media (min-width:701px) {
    .c-country-selector-modal .modal ul {
        height: 330px;
        width: 352px
    }
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #323232;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    font-size: 14px;
    height: 52px;
    line-height: 16px;
    min-width: 190px;
    padding: 0 22px;
    width: 100%
}

@media (min-width:701px) {
    .c-country-selector-modal .modal ul li.view-modal-country-select-item {
        height: 55px
    }
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item:hover {
    background-color: #e8e7e6
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item .c-flags-sm {
    padding-right: 24px
}

html[dir=rtl] .c-country-selector-modal .modal ul li.view-modal-country-select-item .c-flags-sm {
    background-position-x: 15px;
    padding-left: 24px;
    padding-right: 0
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item .description {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 184px;
    -ms-flex: 1 1 184px;
    flex: 1 1 184px
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item+li {
    border-top: 1px solid #f0f1f3
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item.selected {
    color: #54c0d4
}

.c-country-selector-modal .modal ul li.view-modal-country-select-item:active {
    background-color: #f5f7f9;
    color: #000
}

.c-phone-number-input {
    text-align: left
}

.c-phone-number-input .country-picker {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: right 20px;
    background-repeat: no-repeat;
    -webkit-background-size: 8px 5px;
    -moz-background-size: 8px 5px;
    background-size: 8px 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 46px
}

.no-webp .c-phone-number-input .country-picker {
    background-image: url(/img/arrows/arrow-down.png)
}

.webp .c-phone-number-input .country-picker {
    background-image: url(/img/arrows/arrow-down.webp)
}

html[dir=rtl] .c-phone-number-input .country-picker {
    background-position: left 20px
}

@media screen and (min-width:1080px) {
    .c-phone-number-input .country-picker {
        margin: 0 10px
    }
}

.c-phone-number-input .country-picker .flag-container {
    margin-right: 21px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

html[dir=rtl] .c-phone-number-input .country-picker .flag-container {
    margin-right: 0
}

.c-phone-number-input .country-picker .prefix-container {
    display: inline-block;
    float: right;
    padding: 0 0 0 4px
}

html[dir=rtl] .c-phone-number-input .country-picker .prefix-container {
    direction: ltr;
    float: left;
    padding: 0 4px 0 0
}

.c-phone-number-input .country-picker .country-label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 10px;
    overflow: hidden
}

.c-tooltip {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    padding: 6px 34px 6px 12px;
    position: absolute;
    text-align: left;
    width: 244px
}

.c-tooltip .checkmark {
    background-image: url(/img/icons/svg/x.svg);
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px
}

.c-tooltip .arrow {
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.c-tooltip .arrow:after {
    content: " ";
    position: absolute
}

.c-tooltip.stick-top .arrow {
    border-top: 5px solid #eaeaea;
    bottom: -5px;
    right: 15px
}

.c-tooltip.stick-top .arrow,
.c-tooltip.stick-top .arrow:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.c-tooltip.stick-top .arrow:after {
    border-top: 5px solid #fff;
    bottom: 1px;
    left: -5px
}

.c-tooltip.stick-bottom.turquoise .arrow {
    border-bottom: 5px solid #54c0d4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 15px;
    top: -5px
}

.c-tooltip.stick-left.turquoise .arrow {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #54c0d4;
    border-top: 5px solid transparent;
    right: -5px;
    top: 19px
}

.c-tooltip.stick-left {
    padding: 6px 12px 6px 34px
}

.c-tooltip.stick-left .checkmark {
    left: 12px;
    right: auto
}

.c-tooltip.turquoise {
    background-color: #54c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.c-tooltip.turquoise .checkmark {
    background-image: url(/img/icons/svg/x-white.svg)
}

@media screen and (max-width:1079px) {
    .c-tooltip {
        font-size: 12px;
        width: 155px
    }
}

.c-pagination {
    display: inline-block
}

.c-pagination .btn-link,
.c-pagination span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #665cac;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 24px;
    padding: 0 8px
}

html[dir=rtl] .c-pagination .btn-link,
html[dir=rtl] .c-pagination span {
    float: right
}

@media screen and (min-width:1080px) {

    .c-pagination .btn-link,
    .c-pagination span {
        font-size: 14px;
        font-weight: 700
    }
}

.c-pagination .btn-link.dots,
.c-pagination span.dots {
    color: #323232
}

.c-pagination .btn-link,
.c-pagination span.arrow {
    cursor: pointer
}

.c-pagination .btn-link:hover {
    text-decoration: underline
}

.c-pagination .btn-link {
    border: 1px solid transparent
}

.c-pagination .btn-link.active {
    border: 1px solid #ccc;
    color: #323232
}

.view-world-banner {
    padding: 0 18px;
    text-align: center
}

@media (min-width:701px) {
    .view-world-banner {
        margin: 0 22px;
        padding: 0 0 12px
    }
}

.view-world-banner h3 {
    font-size: 27px;
    padding: 23px 0
}

@media (min-width:701px) {
    .view-world-banner h3 {
        font-size: 44px;
        padding: 50px 0 42px
    }
}

.view-world-banner .banner {
    background-color: #f1f6f8;
    border-radius: 30px;
    margin: auto;
    max-width: 400px;
    overflow: hidden
}

@media (min-width:701px) {
    .view-world-banner .banner {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        max-width: 720px
    }
}

@media (min-width:1080px) {
    .view-world-banner .banner {
        max-width: 900px
    }
}

.view-world-banner .banner .banner-image {
    background-position-y: -60px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    height: 130px
}

.no-webp .view-world-banner .banner .banner-image {
    background-image: url(/img/pages/home/components/world-banner-back.jpg)
}

.webp .view-world-banner .banner .banner-image {
    background-image: url(/img/pages/home/components/world-banner-back.webp)
}

@media (min-width:701px) {
    .view-world-banner .banner .banner-image {
        background-position-y: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        height: auto;
        width: 308px
    }
}

@media (min-width:1080px) {
    .view-world-banner .banner .banner-image {
        width: 390px
    }
}

.view-world-banner .banner .banner-content {
    padding: 20px 10px
}

@media (min-width:701px) {
    html[dir=rtl] .view-world-banner .banner .banner-content {
        text-align: right
    }

    .view-world-banner .banner .banner-content {
        padding: 28px 16px 28px 46px;
        text-align: left
    }

    html[dir=rtl] .view-world-banner .banner .banner-content {
        padding: 28px 46px 28px 16px
    }
}

@media (min-width:1080px) {
    .view-world-banner .banner .banner-content {
        margin: auto;
        padding: 54px 20px;
        text-align: left
    }
}

.view-world-banner .banner .banner-content .banner-content-container h4 {
    font-weight: 700;
    padding: 0 0 5px
}

@media (min-width:701px) {
    .view-world-banner .banner .banner-content .banner-content-container h4 {
        font-size: 23px;
        padding: 0 0 11px
    }
}

.view-world-banner .banner .banner-content .banner-content-container h5 {
    padding: 2px 0 18px
}

@media (min-width:701px) {
    .view-world-banner .banner .banner-content .banner-content-container h5 {
        padding: 2px 0 23px
    }
}

.view-world-banner .banner .banner-content .banner-content-container h5 strong {
    font-weight: 900
}

.view-world-banner .banner .banner-content .banner-content-container a.btn-large {
    margin: 0 auto;
    min-width: 130px;
    padding: 0 37px;
    text-transform: capitalize
}

@media (min-width:701px) {
    .view-world-banner .banner .banner-content .banner-content-container a.btn-large {
        margin: 0;
        min-width: auto;
        padding: 0 65px
    }
}

.view-world-banner.introductory .banner .banner-content .banner-content-container a.btn-large {
    text-transform: none
}

@media (min-width:701px) {
    .view-world-banner.introductory .banner .banner-content .banner-content-container a.btn-large {
        padding: 0 55px
    }
}

html.c-loading-fixed,
html.c-loading-fixed body {
    overflow: hidden
}

.c-loading.is-inline {
    display: inline-block;
    line-height: inherit
}

.c-loading.is-inline .svg-container {
    left: 0;
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.c-loading.is-inline .spinner-background {
    background-color: transparent
}

.c-loading.is-purple .svg-container .spinner>circle {
    stroke: #8156a3
}

.c-loading.is-small .svg-container {
    height: 18px;
    line-height: 18px;
    width: 18px
}

.c-loading.is-dark .spinner-background {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 110
}

.c-loading.is-dark .spinner-background circle {
    stroke: #fcfcfc
}

.c-loading.is-fixed .spinner-background,
.c-loading.is-fixed>.svg-container {
    position: fixed
}

.c-loading {
    position: relative
}

.c-loading .svg-container {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 28px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 28px;
    z-index: 105
}

.c-loading .svg-container .spinner {
    -webkit-animation: rotate .8s linear infinite;
    -moz-animation: rotate .8s linear infinite;
    -o-animation: rotate .8s linear infinite;
    -ms-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite;
    height: 100%;
    line-height: 0;
    will-change: rotate
}

.c-loading .svg-container .spinner circle {
    stroke: #979797;
    stroke-dasharray: 82;
    stroke-dashoffset: 16;
    stroke-width: 2
}

.c-loading .spinner-background {
    background-color: #fff;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 101
}

body.c-loading>.svg-container {
    position: fixed;
    z-index: 105
}

body.c-loading>.spinner-background {
    z-index: 104
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media screen and (max-width:1079px) {
    .view-app-browser-layout {
        padding-top: 71px
    }

    .authenticated .view-app-browser-layout {
        padding-top: 102px
    }

    .account-page .view-app-browser-layout {
        padding-top: 71px
    }

    header .navbar-container {
        background-color: #fff;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999
    }

    .modal-open .navbar-container {
        z-index: 109
    }
}

@media screen and (max-width:700px) {
    .view-app-browser-layout {
        padding-top: 73px
    }

    .authenticated .view-app-browser-layout {
        padding-top: 104px
    }

    .account-page .view-app-browser-layout {
        padding-top: 73px
    }
}

.overlay-container {
    overflow: hidden;
    position: relative
}

.overlay-container .overlay {
    background-color: #000;
    bottom: 0;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110
}

.fade-enter {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fade-enter-active {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter-active,
.fade-exit {
    -ms-filter: none;
    filter: none;
    opacity: 1
}

.fade-exit-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}

.css-arrow-down-mixing {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #696969;
    content: "";
    height: 0;
    width: 0
}

.view-home-header-section {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #fff;
    padding: 93px 63px 77px;
    text-align: center
}

.no-webp .view-home-header-section {
    background-image: url(/img/pages/about/header/desktop-bg.jpg)
}

.webp .view-home-header-section {
    background-image: url(/img/pages/about/header/desktop-bg.webp)
}

.view-home-header-section .header-content .flex-item {
    margin: auto;
    max-width: 100%
}

@media screen and (max-width:1079px) {
    .view-home-header-section .header-content {
        -webkit-box-align: end;
        -moz-box-align: end;
        -o-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
    }

    .view-home-header-section .header-content h1 {
        max-width: 525px
    }
}

@media screen and (max-width:700px) {
    .view-home-header-section .header-content {
        min-height: 72px
    }

    .view-home-header-section .header-content h1 {
        max-width: 365px
    }
}

@media screen and (min-width:701px) and (max-width:1079px) {
    .view-home-header-section .header-content {
        min-height: 102px
    }
}

.view-home-header-section h1,
.view-home-header-section h2 {
    color: #fff
}

.lang-my .view-home-header-section h1,
.lang-my .view-home-header-section h2 {
    line-height: 1.6em
}

.view-home-header-section h1 {
    font-size: 44px;
    font-weight: 300;
    line-height: 46px;
    margin: 0 auto 3px
}

@media screen and (max-width:1079px) {
    .view-home-header-section h1 {
        max-width: 500px
    }
}

@media screen and (max-width:700px) {
    .view-home-header-section h1 {
        font-size: 36px;
        max-width: 360px
    }
}

.view-home-header-section h2 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 25px
}

.view-home-header-section .c-search-country {
    max-width: 602px;
    width: 100%
}

.view-home-header-section .c-search-country .search-country {
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 140
}

.view-home-header-section .c-search-country .search-country .search-btn {
    background-image: url(/img/icons/search-img.svg);
    background-position: 12px 19px;
    background-repeat: no-repeat;
    -webkit-background-size: 18px;
    -moz-background-size: 18px;
    background-size: 18px;
    border-bottom: 1px solid #b7b7b7;
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #b7b7b7;
    border-top: 1px solid #b7b7b7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px
}

html[dir=rtl] .view-home-header-section .c-search-country .search-country .search-btn {
    background-position-x: 20px;
    border-left: 1px solid #b7b7b7;
    border-radius: 10px 0 0 10px;
    border-right: none;
    left: 0;
    right: auto
}

.view-home-header-section .c-search-country .search-country .search-input {
    border: 1px solid #b7b7b7;
    border-radius: 10px;
    font-size: 16px;
    height: auto;
    line-height: normal;
    padding: 17px 22px
}

.view-home-header-section .c-search-country .search-country .search-input::-webkit-input-placeholder {
    color: #888 !important;
    font-size: 16px !important;
    font-weight: 300
}

.view-home-header-section .c-search-country .search-country .search-input:-moz-placeholder,
.view-home-header-section .c-search-country .search-country .search-input::-moz-placeholder {
    color: #888 !important;
    font-size: 16px !important;
    font-weight: 300
}

.view-home-header-section .c-search-country .search-country .search-input:-ms-input-placeholder {
    color: #888 !important;
    font-size: 16px !important;
    font-weight: 300
}

.view-home-header-section .c-search-country .search-country .result {
    margin-top: 56px;
    text-align: left
}

@media screen and (max-width:700px) {
    .view-home-header-section .c-search-country .search-country .search-btn {
        background-position: 10px;
        width: 47px
    }

    .view-home-header-section .c-search-country .search-country .search-input {
        font-size: 14px;
        padding: 13px 15px
    }

    .view-home-header-section .c-search-country .search-country .search-input::-webkit-input-placeholder {
        font-size: 14px !important
    }

    .view-home-header-section .c-search-country .search-country .search-input:-moz-placeholder,
    .view-home-header-section .c-search-country .search-country .search-input::-moz-placeholder {
        font-size: 14px !important
    }

    .view-home-header-section .c-search-country .search-country .search-input:-ms-input-placeholder {
        font-size: 14px !important
    }

    .view-home-header-section .c-search-country .search-country .result {
        margin-top: 46px
    }
}

.view-home-header-section .view-top-destinations {
    font-size: 15px;
    padding-top: 28px
}

.view-home-header-section .view-top-destinations .c-loading {
    padding: 9px;
    vertical-align: middle
}

.view-home-header-section .view-top-destinations .destinations-list {
    display: inline-block;
    height: 39px;
    vertical-align: middle
}

.view-home-header-section .view-top-destinations .destinations-list .view-destination-item {
    display: inline-block;
    padding-left: 13px
}

html[dir=rtl] .view-home-header-section .view-top-destinations .destinations-list .view-destination-item {
    padding-left: 0;
    padding-right: 13px
}

.view-home-header-section .view-top-destinations .destinations-list .view-destination-item .destination-link {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: inline-block;
    height: 35px;
    width: 35px
}

@media screen and (max-width:700px) {
    .view-home-header-section .view-top-destinations {
        padding-top: 7px
    }

    .view-home-header-section .view-top-destinations .destinations-list {
        display: block;
        padding-top: 9px
    }

    .view-home-header-section .view-top-destinations .destinations-list .view-destination-item:first-child {
        padding-left: 0
    }

    .view-home-header-section .view-top-destinations .destinations-list .view-destination-item .destination-link {
        height: 27px;
        width: 27px
    }
}

@media screen and (max-width:1079px) {
    .view-home-header-section {
        background-position: top;
        padding: 74px 48px 65px
    }

    .no-webp .view-home-header-section {
        background-image: url(/img/pages/about/header/medium-bg.jpg)
    }

    .webp .view-home-header-section {
        background-image: url(/img/pages/about/header/medium-bg.webp)
    }
}

@media screen and (max-width:700px) {
    .view-home-header-section {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        background-position: 0;
        -webkit-background-size: 700px auto;
        -moz-background-size: 700px auto;
        background-size: 700px auto;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        min-height: 349px;
        padding: 0 19px
    }

    .no-webp .view-home-header-section {
        background-image: url(/img/pages/about/header/mobile-bg.jpg)
    }

    .webp .view-home-header-section {
        background-image: url(/img/pages/about/header/mobile-bg.webp)
    }

    .view-home-header-section h1 {
        font-size: 36px;
        line-height: 36px
    }

    .lang-my .view-home-header-section h1 {
        font-size: 29px
    }

    .view-home-header-section h2 {
        font-size: 16px;
        line-height: 18px;
        margin: 0 auto 9px;
        max-width: 290px
    }

    .view-home-header-section .view-top-destinations .c-loading {
        padding: 0
    }

    .view-home-header-section .view-top-destinations .destinations-list {
        height: 31px
    }
}

@media screen and (max-width:550px) {
    .view-home-header-section {
        background-position: -70px
    }
}