@font-face {
    font-family: 'segoeui';
    src: url(../fonts/segoeui.eot);
    src: local(☺), url(../fonts/segoeui.woff) format("woff"), url(../fonts/segoeui.ttf) format("truetype"), url(../fonts/segoeui.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
* {
    padding: 0;
    margin: 0
}
body {
    font-family: "segoeui";
    background-color: #fff;
    color: #606060;
    font-size: 16px;
    line-height: 22px;
    position: relative
}
h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-weight: 400
}
p {
    margin: 0;
    padding: 0
}
img {
    display: block;
    max-width: 100%
}
.mobile-show {
    display: none
}
.error-message {
    color: #ff4141;
    font-size: .8em;
    display: block !important
}
.error-message-login {
    color: #ff4141;
    font-size: .8em;
    display: block !important;
    padding-bottom: 5px
}
.relative {
    position: relative !important
}
.no-padding {
    padding: 0
}
a {
    color: #123f53;
    -webkit-transition: color 0.5s, background-color .5s;
    transition: color 0.5s, background-color .5s
}
a:hover {
    color: #12C6B2
}
input[type=checkbox]:not(old),
input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0
}
input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em
}
input[type=checkbox]:not(old) + label > span,
input[type=radio]:not(old) + label > span {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: .25em .5em .25em .25em;
    border: 1px solid #c8c8c8;
    background: #fff;
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: -ms-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
    vertical-align: middle
}
input[type=radio]:not(old) + label > span {
    border-radius: 1em;
    margin: .25em .5em .25em .25em
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: -ms-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff)
}
input[type=checkbox]:not(old):checked + label > span:before {
    content: '✓';
    display: block;
    width: 1em;
    color: #029bde;
    font-size: .875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 .0714em #029bde
}
input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: .5em;
    height: .5em;
    margin: .125em;
    border: 1px solid #c8c8c8;
    border-radius: 2em;
    background: #029bde;
    background-image: -moz-linear-gradient(#029bde, #029bde);
    background-image: -ms-linear-gradient(#029bde, #029bde);
    background-image: -o-linear-gradient(#029bde, #029bde);
    background-image: -webkit-linear-gradient(#029bde, #029bde);
    background-image: linear-gradient(#029bde, #029bde);
    margin: .2em;
    background: #1f3e61
}
select.blue-icon {
    width: 92px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/icons/select_blue_icon.jpg) top right no-repeat #fff;
    height: 28px;
    font-size: 1em;
    line-height: 1em
}
.alert-error input[type='text'] {
    border: 1px solid #ff1414 !important;
    color: #ff1414
}
.alert-error span.code {
    color: #ff1414 !important
}
.alert-error::-webkit-input-placeholder {
    color: red
}
.alert-error:-moz-placeholder {
    color: red
}
.alert-error::-moz-placeholder {
    color: red
}
.alert-error:-ms-input-placeholder {
    color: red
}
.tooltip.right {
    display: inline-table !important
}
.tooltip.in {
    opacity: 1
}
.tooltip-right + .tooltip > .tooltip-inner {
    background-color: #fff;
    font-size: 13px;
    color: #2cd5bb;
    border: 1px solid #2cd5bb;
    padding: 10px
}
.tooltip-right + .tooltip > .tooltip-arrow {
    background: url(../images/tooltip_arrow.png) 0 0 no-repeat;
    width: 7px;
    height: 7px;
    border: none;
    border-width: 0;
    left: -1px
}
.popup-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background: url(../images/pupup_modal_bg.png) 0 0 repeat;
    display: none
}
.popup-block.loader {
    display: none
}
.popup-block.loader img {
    margin: 23% auto
}
.popup-block .popup-content {
    width: 500px;
    margin: 23% auto;
    padding: 30px 25px;
    background: #fff;
    border-radius: 10px;
    color: #123f53
}
.not-supported h1 {
    font-size: 1.25em;
    line-height: 1.3em;
    margin: 0 0 45px;
    padding: 0;
    text-align: center
}
.not-supported textarea {
    height: 180px;
    width: 100%;
    border: 1px solid #c3c3c3;
    resize: none;
    padding: 20px 15px;
    border-radius: 5px;
    outline: none
}
.not-supported .action-buttons {
    margin-top: 28px;
    text-align: right
}
.not-supported .action-buttons .btn-next {
    width: 40%
}
.row {
    margin-right: 0;
    margin-left: 0
}
.btn {
    outline: none;
    -webkit-transition: color 0.5s, background-color .5s;
    transition: color 0.5s, background-color .5s
}
.btn-next {
    background: #29d4ba;
    color: #fff !important;
    font-size: 17px;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
    border: 0;
    outline: none;
    width: 100%
}
.btn-next:hover {
    background: #27BBA4
}
.btn-transparent {
    background: none;
    border: 2px solid #fff;
    padding: 17px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    border-radius: 7px;
    font-size: 1.06em
}
.btn-transparent:hover {
    color: #AEC1CA;
    border-color: #AEC1CA
}
.text-italic {
    font-style: italic
}
.text-red {
    color: #ff5353
}
.text-bold {
    font-weight: 700
}
.text-failed {
    color: #e22d2d
}
.icon {
    vertical-align: middle
}
.input-icon-email {
    background: url(../images/email_icon.png) 0 0 no-repeat;
    background-size: 22px auto;
    background-position: 12px 50%;
    width: 100%;
    margin-bottom: 20px
}
.input-icon-mobile {
    background: url(../images/icons/mobile_icon.svg) 0 0 no-repeat;
    background-size: 22px auto;
    background-position: 12px 50%
}
.input-icon-lock {
    background: url(../images/pass_icon.png) 0 0 no-repeat;
    background-size: 22px auto;
    background-position: 12px 50%
}
.input-icon-user {
    background: url(../images/name_icon.png) 0 0 no-repeat;
    background-size: 22px auto;
    background-position: 12px 50%
}
.modal-block {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/modal_bg.png) 0 0 repeat
}
.modal-block-content {
    background: #fff;
    width: 50%;
    margin: 25% auto;
    padding: 20px;
    border-radius: 7px;
    text-align: center
}
.modal-title {
    color: #53a4ff;
    font-size: 1.3em;
    margin-bottom: 30px
}
.modal-sub-title {
    color: #53a4ff;
    font-size: 1.125em
}
.modal-block-content .socialIcons {
    list-style-type: none;
    margin: 25px 0 40px
}
.modal-block-content .socialIcons img {
    display: block;
    margin: auto
}
.modal-block-content .socialIcons li {
    display: inline-block;
    margin: 10px 0
}
.header {
    padding-top: 5px;
    border-bottom: 1px solid #d2d2d2
}
.top-menu {
    position: relative
}
.navbar-collapse-close {
    display: none
}
.navbar-nav > li > a {
    color: #0c7cae;
    text-transform: uppercase;
    padding: 15px 18px
}
.navbar-nav > li.active a {
    color: #1a485c
}
.nav > li > a:hover,
.nav > li > a:focus {
    background: none;
    color: #12C6B2
}
.header-logo img {
    padding: 5px 0
}
.top-banner {
    background: #299fd4;
    height: 250px;
    position: relative;
    margin-bottom: 85px
}
.top-banner .container {
    position: relative
}
.top-banner .options {
    list-style-type: none;
    color: #fff;
    font-size: 2.2em;
    line-height: 1.1em;
    margin: 60px 30px 0 0
}
.top-banner .options .icon {
    font-size: 17px
}
.top-banner .banner-phone-img {
    position: absolute;
    right: 155px;
    top: 22px
}
.top-banner .banner-bg-img {
    position: absolute;
    right: 275px;
    top: 0
}
.top-banner .promotions {
    width: 230px;
    list-style-type: none;
    display: inline-block;
    background: #fff;
    color: #606060;
    padding: 15px 10px 0;
    border: 1px solid #85d9ff;
    border-radius: 5px;
    position: fixed;
    right: 5px;
    top: 70px;
    z-index: 9999
}
.top-banner .promotions .title {
    font-size: 1.05em;
    color: #299fd4;
    text-transform: uppercase
}
.top-banner .promotions li {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 20px
}
.top-banner .promotions .icon {
    width: 18px;
    float: left;
    color: #29d4ba;
    margin-top: 3px
}
.top-banner .promotions .txt {
    width: 180px;
    float: right
}
#activation-steps {
    list-style-type: none;
    display: inline-block;
    width: 80%;
    text-align: center;
    margin: 0 10%
}
#activation-steps li {
    float: left;
    width: 20%;
    color: #d2d2d2;
    position: relative
}
#activation-steps #get-started {
    position: absolute;
    left: -50%;
    top: 38px
}
#activation-steps .step-circle-block {
    position: relative
}
#activation-steps .step-text {
    font-size: .875em;
    white-space: nowrap
}
#activation-steps .step-status-text {
    font-size: .8em;
    color: #868686;
    display: none
}
#activation-steps .active .step-status-text,
#activation-steps .complete .step-status-text {
    display: block
}
#activation-steps .step-circle {
    background: url(../images/step_circle_bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 47px;
    height: 47px;
    margin: 0 auto;
    position: relative;
    padding-top: 9px
}
#activation-steps .step-status {
    width: 20px;
    height: 20px;
    margin: auto;
    background: #fff;
    border-radius: 27px;
    border: 5px solid #d2d2d2;
    box-sizing: initial;
    font-size: 13px;
    line-height: 17px;
    z-index: 200;
    position: relative
}
#activation-steps .step-line {
    height: 5px;
    background: #d2d2d2;
    position: absolute;
    bottom: 19px;
    z-index: 100;
    width: 100%;
    left: 55%
}
#activation-steps .step-line-bg {
    background: url(../images/pattern_line.png);
    height: 19px;
    position: absolute;
    width: 100%;
    background-repeat: repeat-x;
    bottom: 12px;
    left: 60%
}
#activation-steps #step-1.active .step-status,
#activation-steps #step-1.complete .step-status {
    color: #3498db;
    border-color: #3498db
}
#activation-steps #step-1.active .step-text,
#activation-steps #step-1.complete .step-text {
    color: #3498db
}
#activation-steps #step-1.active .step-line,
#activation-steps #step-1.complete .step-line {
    background: #299fd4;
    background: -moz-linear-gradient(left, #299fd4 0%, #34b7d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #299fd4), color-stop(100%, #34b7d9));
    background: -webkit-linear-gradient(left, #299fd4 0%, #34b7d9 100%);
    background: -o-linear-gradient(left, #299fd4 0%, #34b7d9 100%);
    background: -ms-linear-gradient(left, #299fd4 0%, #34b7d9 100%);
    background: linear-gradient(to right, #299fd4 0%, #34b7d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#299fd4', endColorstr='#34b7d9', GradientType=1)
}
#activation-steps #step-2.active .step-status,
#activation-steps #step-2.complete .step-status {
    color: #34b7d9;
    border-color: #34b7d9
}
#activation-steps #step-2.active .step-text,
#activation-steps #step-2.complete .step-text {
    color: #34b7d9
}
#activation-steps #step-2.complete .step-line {
    background: #34b8d9;
    background: -moz-linear-gradient(left, #34b8d9 0%, #25bfa9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #34b8d9), color-stop(100%, #25bfa9));
    background: -webkit-linear-gradient(left, #34b8d9 0%, #25bfa9 100%);
    background: -o-linear-gradient(left, #34b8d9 0%, #25bfa9 100%);
    background: -ms-linear-gradient(left, #34b8d9 0%, #25bfa9 100%);
    background: linear-gradient(to right, #34b8d9 0%, #25bfa9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#34b8d9', endColorstr='#25bfa9', GradientType=1)
}
#activation-steps #step-3.active .step-status,
#activation-steps #step-3.complete .step-status {
    color: #25bfa9;
    border-color: #25bfa9
}
#activation-steps #step-3.active .step-text,
#activation-steps #step-3.complete .step-text {
    color: #25bfa9
}
#activation-steps #step-3.complete .step-line {
    background: #25bfa9;
    background: -moz-linear-gradient(left, #25bfa9 0%, #34b7d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #25bfa9), color-stop(100%, #34b7d9));
    background: -webkit-linear-gradient(left, #25bfa9 0%, #34b7d9 100%);
    background: -o-linear-gradient(left, #25bfa9 0%, #34b7d9 100%);
    background: -ms-linear-gradient(left, #25bfa9 0%, #34b7d9 100%);
    background: linear-gradient(to right, #25bfa9 0%, #34b7d9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#25bfa9', endColorstr='#34b7d9', GradientType=1)
}
#activation-steps #step-4.active .step-status,
#activation-steps #step-4.complete .step-status {
    color: #34b7d9;
    border-color: #34b7d9
}
#activation-steps #step-4.active .step-text,
#activation-steps #step-4.complete .step-text {
    color: #34b7d9
}
#activation-steps #step-4.complete .step-line {
    background: #34b7d9;
    background: -moz-linear-gradient(left, #34b7d9 0%, #29a0d4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #34b7d9), color-stop(100%, #29a0d4));
    background: -webkit-linear-gradient(left, #34b7d9 0%, #29a0d4 100%);
    background: -o-linear-gradient(left, #34b7d9 0%, #29a0d4 100%);
    background: -ms-linear-gradient(left, #34b7d9 0%, #29a0d4 100%);
    background: linear-gradient(to right, #34b7d9 0%, #29a0d4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#34b7d9', endColorstr='#29a0d4', GradientType=1)
}
#activation-steps #step-5.active .step-status,
#activation-steps #step-5.complete .step-status {
    color: #29a0d4;
    border-color: #29a0d4
}
#activation-steps #step-5.active .step-text,
#activation-steps #step-5.complete .step-text {
    color: #29a0d4
}
#activation-form fieldset {
    display: none;
    margin: 25px 0 80px
}
#activation-form fieldset.current {
    display: block
}
.custom-ddslick .dd-desc {
    display: none
}
.custom-ddslick .dd-select {
    height: 40px;
    border: 1px solid #c3c3c3 !important;
    background: #fff !important;
    border-radius: 5px;
    width: 100% !important
}
.custom-ddslick .dd-selected,
.custom-ddslick .dd-option,
.custom-ddslick .dd-option-selected {
    padding: 12px 13px;
    font-size: .8em;
    line-height: 1em;
    border-bottom: none
}
.custom-ddslick .dd-option-selected {
    background: #f4f4f4
}
.custom-ddslick .dd-selected-text {
    font-size: 13px;
    line-height: 1em !important
}
.custom-ddslick .dd-pointer {
    font-family: "mobizone" !important
}
.custom-ddslick .dd-pointer.dd-pointer-down:before {
    content: 'e'
}
.custom-ddslick .dd-pointer.dd-pointer-down {
    border: 0 !important;
    width: 10px;
    height: 0;
    margin: 0;
    top: 25%;
    color: #2bd4bb
}
.select-country .country-form-block {
    display: inline-block;
    width: 100%
}
.custom-ddslick label {
    font-weight: 400
}
#country-ddslick,
#operators-ddslick {
    width: 97% !important
}
#country-ddslick .dd-options {
    width: 100% !important
}
#operators-ddslick .dd-options {
    width: 100% !important;
    padding-left: 5%;
    padding-right: 5%
}
#operators-ddslick a.dd-option {
    padding: 15px
}
#operators-ddslick a.dd-option-selected {
    background: #f4f4f4 !important
}
.select-country .country-form-block .country {
    float: left;
    margin-left: 9%
}
.select-country .country-form-block .q-mark {
    width: 6%;
    margin-left: 35px;
    float: left
}
.second_mark {
    margin-left: 18px !important
}
.select-country .country-form-block label {
    display: block;
    font-weight: 400;
    font-size: 1.1em;
    white-space: nowrap
}
.select-country .country-form-block .q-mark label {
    margin: 0 0 0 7px
}
.select-country .country-form-block .q-mark label.mobile-hide {
    margin: 0;
    text-align: center
}
.select-country .country-form-block .q-mark .icon {
    font-size: 2em;
    color: #2bd4bb;
    display: inline-block;
    margin-top: 6px
}
.select-country .country-form-block .phone-num {
    float: left
}
.select-country .country-form-block .phone-num input[type='text'] {
    font-size: 18px;
    height: 40px;
    border: none;
    outline: none;
    color: #f66;
    margin-left: -25px;
    width: 70%
}
.country-code {
    margin-right: 20px !important
}
.select-country .country-form-block .num-and-code {
    border: 1px solid #f66;
    border-radius: 5px;
    position: relative
}
.select-country .country-form-block .code {
    top: 9px;
    left: 10px;
    color: #f66 !important;
    margin-left: 5px
}
.select-country .country-form-block .action-buttons {
    width: 21%;
    float: left
}
.country-map-block {
    margin-top: 78px;
    margin-bottom: 30px
}
.country-map-block .title {
    font-weight: 400;
    font-size: 1.05em;
    color: #fff;
    text-align: center;
    background: #29d4ba;
    padding: 8px 0 10px
}
.country-map-block .map-bg {
    background: url(../images/blue-map-bg.png) 0 0 no-repeat;
    height: 483px;
    background-position: 50% center
}
.country-map-block .map-title {
    font-size: .9em;
    color: #688896;
    text-align: center;
    line-height: 1em
}
.country-map-block .map-title img {
    display: inline-block
}
.country-map-block .icon {
    font-size: 2.2em;
    color: #064f70;
    cursor: pointer;
    -webkit-transition: color 0.5s, background-color .5s;
    transition: color 0.5s, background-color .5s
}
.country-map-block .icon.position-1 {
    position: absolute;
    top: 35%;
    right: 35%
}
.country-map-block .icon.position-2 {
    position: absolute;
    top: 48%;
    right: 28%
}
.country-map-block .icon.position-3 {
    position: absolute;
    top: 50%;
    right: 45%
}
.country-map-block .icon.position-4 {
    position: absolute;
    top: 65%;
    right: 39%
}
.select-country .operators-block {
    padding-right: 0;
    padding-left: 50px
}
.operators-block .country-title {
    margin-bottom: 18px
}
.operators-block .operator-support a {
    color: #123f53;
    font-size: .9em;
    text-decoration: underline;
    line-height: 1em
}
.operators-block .operator-support a:hover {
    color: #12C6B2
}
.operators-block img {
    display: inline-block;
    margin-right: 10px
}
.select-country .operators {
    list-style-type: none;
    padding: 20px;
    padding-bottom: 0;
    border: 1px solid #c3c3c3;
    border-radius: 8px;
    overflow: auto
}
.select-country .operators img {
    margin: 0 auto
}
.select-country .operators li span {
    display: block
}
.select-country .operators li {
    width: 33%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    font-size: .75em;
    color: #252525;
    margin-bottom: 30px
}
.operators.custom-ddslick .dd-option:hover,
.operators.custom-ddslick .dd-option-selected {
    background: none !important
}
.operators.custom-ddslick .dd-options {
    padding-top: 20px
}
.operators.custom-ddslick .dd-selected {
    padding: 7px 13px
}
.operators.custom-ddslick .dd-selected img {
    height: 25px
}
.operators.custom-ddslick .dd-selected .dd-selected-text {
    margin-top: 5px
}
.operators.custom-ddslick li {
    width: 33%;
    float: left;
    padding-bottom: 20px
}
.operators-block .operator-logo,
.operators.custom-ddslick .opt-img {
    display: inline-block;
    text-align: center;
    width: 57px;
    padding: 10px 3px;
    border: 1px solid #dee4e6;
    margin: auto;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fbfaf9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fbfaf9));
    background: -webkit-linear-gradient(top, #fff 0%, #fbfaf9 100%);
    background: -o-linear-gradient(top, #fff 0%, #fbfaf9 100%);
    background: -ms-linear-gradient(top, #fff 0%, #fbfaf9 100%);
    background: linear-gradient(to bottom, #fff 0%, #fbfaf9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfaf9', GradientType=0)
}
.operators.custom-ddslick .dd-option img {
    display: inline-block;
    margin: 0;
    float: none;
    height: 33px;
    width: auto
}
.operators.custom-ddslick .dd-option label {
    display: block;
    clear: both
}
.operators.custom-ddslick label.dd-option-text {
    margin: 7px 0 0;
    font-size: 12px;
    color: #252525;
    cursor: pointer
}
.operators.custom-ddslick .dd-option {
    padding: 0;
    text-align: center;
    border: 0
}
.select-operator {
    margin: 40px 0 180px
}
.mobile-form-block .operators {
    width: 29%;
    float: left;
    margin-left: 9%
}
.mobile-form-block .q-mark {
    width: 6%;
    float: left
}
.mobile-form-block label {
    display: block
}
.mobile-form-block .q-mark .icon {
    font-size: 2em;
    color: #2bd4bb;
    display: inline-block;
    margin-top: 3px;
    padding-left: 5px
}
.mobile-form-block .action-buttons {
    width: 21%;
    float: right
}
fieldset.select-package {
    margin-top: 30px;
    position: relative
}
.select-package .package-form-block {
    width: 55%;
    float: left;
    margin-left: 5%
}
.select-package .action-buttons {
    width: 19%;
    float: right;
    margin-top: 45px;
    margin-right: 39px;
    position: absolute;
    right: 0;
    bottom: 10px
}
.package-form-block .package-title {
    font-size: 1.05em;
    color: #606060;
    margin-bottom: 15px
}
.package-form-block .package-subtitle {
    font-size: .9em;
    color: #3498db;
    margin-bottom: 5px
}
.package-row .item {
    width: 23%;
    float: left;
    margin: 0 1%;
    border-radius: 5px;
    line-height: 6em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 1%, #fff 33%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(33%, #fff), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #fff 1%, #fff 33%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #fff 1%, #fff 33%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #fff 1%, #fff 33%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #fff 1%, #fff 33%, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f6f6f6', GradientType=0)
}
.package-row .item.new {
    line-height: 1
}
.package-row {
    display: inline-block;
    width: 100%
}
.package-row .item:nth-child(1) {
    border: 2px solid #3498db;
    color: #3498db
}
.package-row .item:nth-child(2) {
    border: 2px solid #32b2d1;
    color: #32b2d1
}
.package-row .item.blue {
    border: 2px solid #32b2d1;
    color: #32b2d1
}
.package-row .item:nth-child(3) {
    border: 2px solid #24bca4;
    color: #24bca4
}
.package-row .item.green {
    border: 2px solid #29d4ba;
    color: #29d4ba
}
.package-row .item.active .package-name {
    display: none
}
.item.active:after {
    font-family: "mobizone" !important;
    content: "B";
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    font-size: 2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.short-block {
    padding: 0 20px
}
.all-packages {
    border: 1px solid #c3c3c3;
    padding: 20px;
    padding-bottom: 0;
    background: #fff
}
.all-packages .package-row {
    margin-bottom: 20px
}
.full-block {
    position: relative
}
.full-block .info-block {
    color: #adadad;
    font-size: 14px;
    font-style: italic;
    padding: 10px 20px 0;
    display: inline-block;
    width: 100%
}
.full-block .info-block #show-all-packages {
    cursor: pointer;
    color: #299fd4;
    font-size: 15px;
    font-style: normal
}
.full-block .info-block #show-all-packages .icon {
    margin-top: 2px;
    display: inline-block
}
.full-block .info-block #show-all-packages:hover {
    color: #12C6B2
}
.full-block .all-packages {
    display: none;
    position: absolute;
    top: 0;
    z-index: 500
}
.red-border {
    border: 1px solid #ff1414 !important
}
.login-block .login-title,
.registration-block .reg-title {
    color: #3293d4;
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 20px
}
.login-block .login-subtitle {
    font-size: 15px;
    color: #3498db;
    text-align: center;
    margin-bottom: 25px
}
.login-block .email-row {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 35px
}
.auth-block input[type='text'],
.auth-block input[type='password'] {
    border-radius: 3px;
    padding: 10px 10px 10px 47px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    outline: none;
    font-size: 1.05em
}
.login-block .email-row input {
    width: 45%
}
.login-block .email-row span {
    width: 8%;
    text-align: center;
    display: inline-block;
    color: #3498db
}
.login-block .pass-row {
    width: 70%;
    margin: 0 auto
}
.login-block .pass-row input[type='password'],
.login-block .pass-row .btn-login,
.login-block .pass-row .btn-reg {
    width: 100%
}
.login-block .pass-row .btn-login,
.login-block .pass-row .btn-reg {
    color: #fff;
    font-size: 1.25em;
    outline: none
}
.log-left-part {
    margin-bottom: 22px !important
}
.login-block .pass-row .btn-login {
    margin-bottom: 10px;
    background: #29d4ba
}
.login-block .pass-row .btn-reg {
    margin: 20px 0;
    background: #3498db
}
.login-block .pass-row .btn-login:hover {
    background: #27BBA4
}
.login-block .pass-row .btn-reg:hover {
    background: #2B7AAF
}
.login-block .pass-row .txt,
.login-block .pass-row .txt a {
    color: #6b9ac8
}
.login-block .pass-row .line {
    height: 1px;
    background: #c4c4c4;
    width: 100%;
    margin: 30px 0
}
.register-row {
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
    overflow: auto
}
.register-row input[type='text'],
.register-row input[type='email'],
.register-row input[type='password'] {
    width: 45%;
    float: left;
    border-radius: 3px;
    padding: 10px 10px 10px 47px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    outline: none;
    font-size: 1.05em
}
.register-row span {
    display: inline-block;
    width: 5%;
    float: left;
    text-align: center;
    color: #3498db
}
.register-row .required {
    color: #ff1414;
    float: left
}
.reg-phone {
    position: relative;
    width: 45%;
    float: left
}
.reg-phone input {
    float: none !important;
    width: 100% !important
}
.reg-phone .input-icon-mobile {
    padding-left: 100px !important
}
.reg-phone .reg-code {
    position: absolute;
    top: 10px;
    border: 0;
    left: 32px;
    color: #34b7d9;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/icons/select_white_icon.jpg);
    background-size: 26px auto;
    background-position: top right;
    background-repeat: no-repeat, no-repeat;
    width: 65px
}
.register-row.agree {
    font-size: .9em;
    color: #3498db;
    font-weight: 400
}
.register-row.agree a {
    color: #3498db;
    text-decoration: underline
}
.register-row.agree .note {
    color: #a8a8a8;
    font-style: italic
}
.register-row .btn-reg {
    width: 40%;
    background: #3498db;
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    padding: 8px 0
}
.details-block {
    display: inline-block;
    width: 100%
}
.details-block .details-title {
    text-align: center;
    color: #606060;
    font-size: 1.125em;
    margin-bottom: 35px
}
.details-block .details-conetnt {
    width: 46%;
    margin: 0 1%;
    float: left;
    color: #3293d4
}
.details-block .details-row .name {
    width: 33%;
    text-align: right;
    float: left
}
.details-block .details-conetnt .details-item-title {
    color: #3293d4;
    font-size: 1.125em;
    font-weight: 700;
    padding: 10px 20px 10px 12px
}
.details-block .details-row .value {
    float: left;
    padding-left: 5%;
    width: 65%;
    float: left;
    padding-left: 5px;
    width: 65%
}
.details-block .details-row.text-to-left .name,
.details-block .details-row.text-to-left .value {
    width: auto;
    padding-left: 10px
}
.details-block .details-row .value textarea {
    height: 105px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 10px;
    resize: none;
    outline: none;
    font-size: .85em
}
.details-block .details-row {
    padding: 5px;
    overflow: auto
}
.details-block .details-row:nth-child(2n) {
    background: #f3f3f3
}
.details-row .payment {
    padding-top: 15px
}
.details-row .payment img {
    display: inline-block;
    margin-left: 15px
}
.details-row .agree {
    padding: 25px 0
}
.details-row .agree,
.details-row .agree a {
    color: #3498db;
    font-style: italic
}
.details-row .agree a {
    text-decoration: underline
}
.details-row .btn-checkout {
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    outline: none;
    background: #29d4ba;
    float: right;
    width: 241px
}
.details-row .btn-checkout:hover {
    background: #24AB97
}
.virify-block {
    width: 40%;
    margin: auto
}
.virify-block .verify-title {
    color: #3293d4;
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 30px
}
.virify-block .verify-subtitle {
    color: #323232;
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 25px
}
.virify-block .verify-info {
    font-size: 1.125em;
    color: #323232;
    text-align: center;
    margin-bottom: 50px
}
.virify-block .verify-info span {
    color: #3498db
}
.virify-block .virify-code {
    width: 80%;
    margin: 0 auto 35px;
    display: block
}
.virify-block .btn.btn-confirm {
    width: 80%;
    margin: 0 auto;
    display: block;
    background: #3498db;
    color: #fff;
    font-size: 1.25em;
    padding: 8px;
    outline: none;
    line-height: 1em;
    margin-bottom: 30px
}
.virify-block .btn.btn-confirm:hover {
    background: #256FA1
}
.virify-block .receive-info-txt {
    font-size: 1.25em;
    color: #323232
}
.virify-block .receive-info-txt a {
    color: #3498db;
    text-decoration: underline
}
.select-payment .details-block {
    width: 70%;
    margin: 0 15%
}
.select-payment .details-block.failed {
    width: 60%;
    margin: 0 20%
}
.select-payment .details-block .details-conetnt {
    width: 100%;
    float: none
}
.select-payment .details-title {
    text-align: center;
    color: #29d4ba;
    font-size: 1.25em;
    font-weight: 700
}
.select-payment .failed .details-title {
    color: #e22d2d
}
.select-payment .details-title .icon {
    display: block;
    font-size: 3em
}
.select-payment .details-item-title {
    text-align: center
}
.select-payment .details-row .name,
.select-payment .details-row .value {
    width: 50%
}
.select-payment .details-row .name {
    padding-right: 5px
}
.select-payment .details-row .value {
    padding-left: 5px
}
.select-payment .transaction-details {
    color: #6b9ac8;
    font-size: 1.125em;
    font-weight: 700;
    text-align: center
}
.select-payment .note {
    color: #e22d2d;
    text-align: center;
    margin-bottom: 15px
}
.select-payment .action-buttons {
    margin: 30px 0;
    text-align: center
}
.select-payment .btn-new-topup {
    background: #29d4ba;
    color: #fff;
    padding: 10px 0;
    width: 32%;
    font-weight: 700;
    font-size: 1.05em
}
.select-payment .btn-new-topup:hover {
    background: #21A793
}
.topup-now-block {
    height: 360px;
    background: url(../images/topup-now-big-bg.jpg) 50% bottom no-repeat;
    color: #fff;
    background-size: 100% auto
}
.topup-now-block .container {
    width: 60%
}
.topup-now-block span.icon {
    display: block;
    margin-top: 60px;
    font-size: 5em;
    line-height: 1em
}
.topup-now-block span.txt {
    margin-top: 20px;
    margin-bottom: 60px;
    font-size: 1.875em;
    display: block
}
.page-title {
    margin: 0 0 65px;
    text-align: center;
    color: #606060;
    font-size: 2.5em
}
.page-content {
    margin-top: 65px;
    margin-bottom: 65px
}
.icon.we-cloud {
    width: 75px;
    height: 52px;
    background: url(../images/icons/we_cloud.png) 0 bottom no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: bottom
}
.row.about {
    margin-bottom: 60px
}
.about p.content {
    margin-top: 30px;
    color: #606060;
    font-size: 1.2em
}
.about h2 {
    color: #4cc1b0;
    font-size: 28px;
    margin: 0
}
.row.founders {
    text-align: center;
    margin: 10px 0;
    display: inline-block;
    width: 100%
}
.founders .we-cloud {
    width: 33%;
    float: left;
    text-align: right;
    margin-top: 12px
}
.founders .member {
    width: 20%;
    padding: 0 1%;
    float: left
}
.row.founders img {
    display: inline-block
}
.founders .name {
    font-size: 1.125em;
    color: #259fd6;
    margin-top: 15px
}
.show-mobile {
    display: none !important
}
.row .news-block {
    width: 28%;
    float: left;
    margin-right: 8%;
    border: 1px solid #cacaca;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.row .news-block:last-child {
    margin-right: 0
}
.row .news-block h3 {
    margin: 17px 10px 30px 15px;
    font-size: 1.15em;
    line-height: 1.2em;
    font-weight: 700
}
.row .news-block .news-content {
    padding: 0 15px;
    font-size: 1.15em;
    line-height: 1.5em
}
.row .news-block .read-more {
    margin: 42px 15% 30px;
    display: block;
    background: #29d4ba;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}
.row .news-block .read-more:hover {
    text-decoration: none;
    background: #27BBA4
}
.news-single-content {
    padding: 20px;
    border: 1px solid #cacaca;
    font-size: 1.125em;
    line-height: 1.75em;
    color: #435362
}
.single-title {
    margin: 0 0 65px;
    font-size: 2.5em;
    color: #435362
}
img.single-left {
    display: inline-block;
    float: left;
    padding-right: 13px;
    padding-bottom: 10px
}
.faq-item {
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 20px;
    border: 1px solid #cacaca
}
.faq-item h3 {
    color: #259fd6;
    font-size: 1.125em;
    margin: 0 0 8px
}
.faq-item h3 .icon {
    font-size: 2.2em;
    margin-right: 7px
}
.faq-item .f-content {
    height: 50px;
    font-size: 16px;
    line-height: 1.5em;
    overflow: hidden;
    color: #435362
}
.faq-item .read-more {
    display: block;
    text-align: right;
    cursor: pointer;
    color: #4cc1b0;
    padding-top: 0;
    font-size: 1.05em;
    text-transform: lowercase
}
.faq-item .read-more:hover {
    text-decoration: none
}
#topup-steps {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 25px
}
#topup-steps li {
    width: 20%;
    float: left;
    position: relative
}
#topup-steps .step-bg {
    display: inline-block;
    position: relative
}
#topup-steps .step-bg-img {
    margin: auto;
    background: #3498db;
    border-radius: 100px;
    cursor: pointer
}
#topup-steps .step-bg-img.active {
    background: #064f70
}
#topup-steps .step-num {
    position: absolute;
    top: -6px;
    right: -28px
}
#topup-steps .mobile-hide {
    position: absolute;
    left: 80%;
    bottom: -5px
}
#topup-steps .step-title {
    color: #299fd4;
    font-size: 1.25em;
    margin-top: 10px;
    cursor: pointer
}
#topup-steps-content .tab-item {
    display: none;
    border: 1px solid #3498db;
    padding: 20px;
    margin-top: 30px;
    border-radius: 10px
}
#topup-steps-content .tab-item.active {
    display: block
}
#topup-steps-content .tab-item .tab-title {
    color: #3498db;
    margin-bottom: 15px;
    font-size: 1.06em
}
.arrow_box {
    position: relative
}
.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    margin-left: -15px;
    border-width: 0 5px 10px
}
.arrow_box:before {
    border-color: rgba(52, 152, 219, 0);
    border-bottom-color: #3498db;
    margin-left: -16px;
    border-width: 0 6px 12px
}
#topup-tab-2.arrow_box:after,
#topup-tab-2.arrow_box:before {
    left: 30%
}
#topup-tab-3.arrow_box:after,
#topup-tab-3.arrow_box:before {
    left: 50%
}
#topup-tab-4.arrow_box:after,
#topup-tab-4.arrow_box:before {
    left: 70%
}
#topup-tab-5.arrow_box:after,
#topup-tab-5.arrow_box:before {
    left: 90%
}
.footer {
    background: #fff
}
.footer ul {
    list-style-type: none;
    margin: 0
}
.footer-menu-block {
    padding-left: 42px;
    font-size: 1em
}
ul.footer-nav li {
    text-transform: uppercase;
    color: #1f3e61;
    margin-bottom: 8px
}
ul.footer-nav > li {
    float: left;
    pointer-events: none
}
ul.footer-nav li a {
    text-transform: initial;
    color: #1f3e61;
    font-size: .93em;
    font-weight: 400;
    pointer-events: auto
}
ul.footer-nav li.social-icons a,
ul.footer-nav li.social-icons a:hover,
ul.footer-nav li.social-icons a:focus,
ul.footer-nav li.social-icons a:active {
    text-decoration: none
}
ul.footer-nav li.block-1 {
    width: 22%;
    margin-right: 1%
}
ul.footer-nav li.block-2 {
    width: 30%;
    margin-right: 1%
}
ul.footer-nav li.block-3 {
    width: 23%;
    margin-right: 1%
}
ul.footer-nav li.block-4 {
    width: 22%
}
.footer ul li a:hover {
    color: #53a4ff
}
.footer .social-icons li {
    text-align: right
}
.footer .social-icons a {
    font-size: 2.8em;
    line-height: 20px;
    color: #1f3e61
}
.footer .social-icons a:hover {
    text-decoration: none
}
.footer-menu {
    padding: 18px 0 12px;
    border-bottom: 1px solid #e5e7e9
}
.copyright {
    color: #7e8c99;
    font-size: .87em;
    padding: 10px 15px
}
ul.footer-nav .icon.micon-arrow-bottom-icon,
ul.footer-nav .icon.micon-arrow-top-icon {
    display: none
}
.footer-nav ul.sub {
    margin-top: 10px
}
.show-registr-block {
    display: block !important
}
.dd-options.dd-click-off-close > img {
    width: 12em;
    height: 20em;
    line-height: 2em;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    overflow: scroll;
    overflow-x: hidden
}
.select-country img {
    width: 30px
}
.dd-options.dd-click-off-close {
    height: 265px
}
#terms {
    text-decoration: underline !important
}
.link-forgot {
    display: inline-block;
    text-decoration: none;
    color: #6b9ac8;
    padding-bottom: 10px
}
.link-forgot:hover {
    text-decoration: none
}
.log-btn {
    margin-top: 20px
}
.topup-button2 {
    background-color: #3498db !important;
    color: #fff
}
.topup-button3 span,
.topup-button4 span {
    border-right: 1px solid #fff;
    display: inline-block;
    float: left;
    padding-right: 10px;
    font-weight: 700
}
button.center {
    padding-left: 0
}
.topup-button3 {
    background-color: #3b5999 !important;
    color: #fff !important
}
.topup-user {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    height: 41px;
    margin-bottom: 20px;
    padding-left: 48px;
    width: 372px
}
.topup-button4 {
    background-color: #e04c32 !important;
    color: #fff !important
}
span#sp-1,
span#sp-2 {
    text-align: left;
    width: 30px
}
.link-forgot {
    font-size: 13px
}
.txt.reg-term {
    padding-bottom: 25px
}
.login-title-new {
    font-size: 1.125em;
    padding-bottom: 25px
}
.login-block .pass-row .line {
    margin: 5px 0 30px
}
.country-title > img {
    display: none
}
.country-title,
.country-title-cont {
    color: #299fd4
}
ul.operators {
    padding-top: 60px !important;
    border: 1px solid #85d9ff !important;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.18)
}
.operator-logo {
    border: 1px solid #dee4e6
}
.col-xs-4.operators-block {
    position: relative
}
.left-side {
    border-radius: 8px;
    list-style-type: none;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #85d9ff !important;
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.18);
    margin-top: 20px !important;
    height: 288px;
    padding: 55px 20px 0
}
.country-title-cont.title-right {
    left: 70px;
    position: absolute;
    top: 40px
}
.left-side > li {
    font-size: 15px;
    padding-bottom: 10px
}
.block-left-home {
    position: relative;
    top: 20px
}
.operators-title-top.col-xs-12 {
    position: absolute;
    top: 20px
}
.country-map-block .icon {
    color: #12C6B2;
    cursor: default
}
.package-form-block {
    width: 90% !important
}
.package-row .item {
    border-radius: 14px;
    width: 19%;
    margin: 15px 3%
}
.select-package .action-buttons {
    margin-right: 107px;
    bottom: -15px
}
[class^="micon-"]::before,
[class*=" micon-"]::before {
    display: block;
    float: left;
    font-size: 13px;
    margin-top: 6px !important;
    padding-right: 15px
}
.left-side > li {
    font-size: 15px
}
.left-side p {
    padding-left: 28px
}
.operators span {
    line-height: 14px
}
.phon-number::-webkit-input-placeholder {
    color: #f66
}
.phon-number::-moz-placeholder {
    color: #f66
}
.phon-number:-moz-placeholder {
    color: #f66
}
.phon-number:-ms-input-placeholder {
    color: #f66
}
.tooltip-right::before {
    font-size: 30px;
    margin: 0 !important
}
#packages .package-title {
    height: 27px;
}
.package-row .item.active {
    border: 2px solid #2653d9  !important;
}
.item.active > .package-name {
    display: block  !important;
}
.item.active::after {
    content: "R";
    margin-top: -35px !important;
    font-family: "mobizone" !important;
    font-size: 1.6em;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    margin-left: 80%;
    text-transform: none !important;
    display: block
}
.item.active > p {
    color: #868686;
    text-align: left;
    text-transform: none;
    margin-left: 10px;
    opacity: .7
}
.package-name {
    display: block;
    margin-left: 10px !important;
    margin-top: -28px;
    text-align: left
}
.package-name.new {
    margin-top: 0
}
.pack-desc {
    float: left;
    margin-top: -70px
}
.item.package > p {
    color: #868686;
    margin-left: 10px;
    text-align: left;
    text-transform: none
}
.item.package.col-xs-3.active {
    height: 100px !important;
    padding-top: -1px
}
.item.package.col-xs-3 {
    height: 100px !important;
    padding-top: 1px
}
.ulogin-buttons-container {
    width: 100% !important
}
@media (max-width: 800px) {
    .m-form {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .col-reg-form {
        width: inherit !important
    }
}
@media (min-width: 768px) {
    table.failed {
        min-width: 635px
    }
}
.open-block {
    display: block !important
}
.close-block {
    display: none !important
}
.register-row.no-padding {
    margin-top: -20px !important
}
.reg-term > p {
    display: inline;
    text-decoration: underline
}
a.reg-term {
    text-decoration: unset !important
}
.details-title {
    text-align: left !important;
    color: #868686 !important
}
#checkout-step-left,
#checkout-step-right {
    float: left;
    width: 50%
}
.details-block {
    display: inline-block
}
.details-block .details-conetnt {
    width: 100%
}
.payment.text-right {
    clear: both;
    float: right
}
.details-row .agree,
.details-row .agree a {
    clear: both;
    float: right
}
.action-buttons.text-right {
    clear: both
}
span.value {
    float: right;
    width: 100%
}
#sms-message {
    width: 100%;
    display: block
}
.col-xs-6.check-right-block {
    padding-top: 60px
}
.check-title-right {
    font-size: 1.125em;
    font-weight: 700;
    padding: 0 20px 20px 12px
}
.col-xs-6.check-right-block {
    color: #3293d4
}
.payment.text-right {
    padding-top: 35px
}
.sender-details-part > .map-bg > .col-xs-4 > span.name {
    display: block;
    padding-bottom: 10px !important
}
.sender-details-part > .map-bg > .col-xs-8 > span.name {
    display: block;
    padding-bottom: 10px !important
}
#checkout-step-right {
    border-left: 1px solid grey
}
#report-table {
    width: 100%
}
.left-td.odd {
    background-color: #f3f3f3;
    width: 33%
}
.right-td.odd {
    background-color: #f3f3f3
}
.right-td,
.right-td.odd {
    padding-left: 12px
}
.left-td.odd,
.left-td {
    border-right: 1px solid #c3c3c3
}
.check-opt {
    text-align: right
}
.check-opt > img {
    display: inline-block
}
.check-opt-tr {
    background-color: #f3f3f3
}
.map-bg.check-opt-td-sort td {
    padding-left: 12px;
    padding-bottom: 10px
}
#sms-opt {
    vertical-align: top
}
#sms-message {
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #c3c3c3;
    height: 111px;
    margin-left: -5px;
    padding: 5px;
    resize: none;
    color: #c3c3c3
}
.check-opt {
    padding-bottom: 5px;
    padding-top: 5px
}
.details-row.sender-details-part > table#report-table {
    margin-top: -3px
}
.check-opt-tr-pdd td {
    padding-top: 10px !important
}
.left-report-td td {
    padding-top: 10px
}
.failed_wrapper {
    margin: 30px auto 0;
    width: 93px
}
.failed .details-title {
    color: #29d4ba;
    font-size: 1.125em;
    margin-bottom: 35px;
    text-align: center !important
}
p.details-title.blueline {
    color: #6b9ac8 !important;
    line-height: 30px
}
.redline {
    color: #ea1023 !important
}
.details-item-title {
    color: #6b9ac8;
    font-size: 1.125em;
    font-weight: 700;
    padding: 10px 20px 10px 12px
}
table.failed td {
    padding: 8px 27px !important;
    color: #3293d4
}
table.failed tr:nth-child(2n+1) {
    background: #f3f3f3 none repeat scroll 0 0
}
.border {
    border-right: 1px solid #c3c3c3
}
p.another-topup {
    text-align: center
}
.another-topup > a {
    background-color: #29d4ba;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 50px auto;
    padding: 10px 60px;
    text-decoration: none
}
.details-title-confirmed {
    color: #29d4ba;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px
}
.fail {
    padding-top: 30px
}
.mobile-hide {
    visibility: hidden !important
}
ul.term-conditions {
    list-style-type: decimal
}
.terms-header {
    margin: 50px auto;
    max-width: 550px
}
.e-mail {
    font-weight: 900
}
#dialog {
    background-color: #B4CFEC;
    position: absolute;
    left: 235px;
    z-index: 11111111111111;
    padding-right: 10px;
    padding-left: 10px;
    height: 450px;
    overflow-x: hidden;
    overflow-y: visible
}
.popup-term {
    width: 750px !important
}
.col-md-12 > button#close-popup {
    float: right;
    margin-right: 50px;
    padding: 5px 15px;
    background-color: #31b0d5;
    border: 1px solid #269abc;
    color: #fff;
    border-radius: 5px
}
#terms-agree {
    float: left;
    margin-top: 6px;
    opacity: 1;
    width: 6px
}
.terms-agree {
    color: #6b9ac8;
    font-size: 13px
}
.terms-agree > input#terms-agree {
    opacity: .65
}
.pass-row > div#report-register-part {
    border: 1px solid red;
    width: 320px
}
.report-errors-reg {
    color: #f66;
    display: table
}
.log-reg-sp {
    color: #0c7cae;
    padding: 15px 18px;
    text-transform: uppercase
}
.log-out {
    pointer-events: none !important
}
.custome-bold {
    color: #53a4ff;
    font-size: 1.125em;
    margin-bottom: 20px
}
.page-sub-title {
    margin-bottom: 15px;
    text-align: center
}
.page-sub-title h4 {
    color: #6b9ac8;
    font-size: .93em
}
.m-form input,
.m-form textarea,
.m-form select {
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    display: block;
    font-size: 1.05em;
    margin-bottom: 20px;
    outline: medium none;
    padding: 10px 10px 10px 47px;
    width: 100%
}
.m-form .forgot {
    padding-bottom: 32px;
    text-align: center
}
.m-form .forgot a {
    color: #6b9ac8;
    text-decoration: underline
}
.m-form .new-user h4 {
    color: #6b9ac8;
    font-size: .93em;
    margin: 0
}
.m-form .new-user {
    border-top: 1px solid #c4c4c4;
    padding-top: 25px;
    text-align: center
}
.m-form {
    padding-left: 45px;
    padding-right: 45px
}
.m-form .new-user .btn-register {
    background: #1f3e61 none repeat scroll 0 0;
    font-size: 1.05em;
    margin: 20px 0 40px;
    padding: 10px;
    width: 100%;
    height: 48px
}
.btn-register {
    color: #FFF
}
.content-white {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 50px;
    margin-top: 40px;
    padding: 45px
}
.mt70 {
    margin-top: 70px !important
}
.login-reg-user {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: #53a4ff none repeat scroll 0 0;
    text-align: center;
    padding-left: 0 !important;
    border-radius: 4px !important;
    color: #fff;
    height: 52px
}
@media (min-width: 450px) {
    .input-icon-email {
        height: 48px
    }
}
.login-reg-user:hover {
    color: #fcfbfb;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: #205693
}
.btn-register:hover {
    color: #fff;
    background: #3a6da6 !important
}
.forgot {
    margin-top: 50px
}
.col-reg-form {
    margin: auto;
    width: 50%
}
.reg-part {
    background: #205693;
    padding-left: 0 !important
}
.m-form .agree a {
    color: #264768;
    text-decoration: underline
}
@media (max-width: 360px) {
    .terms-cond {
        font-size: .9em
    }
    .login-reg-user {
        height: 36px
    }
    .btn.btn-register {
        height: 36px !important;
        vertical-align: middle !important
    }
}
.span4.input-captcha {
    width: 50px;
    padding: 0
}
.captcha {
    float: left;
    padding-right: 10px
}
.span4.input-captcha {
    height: 50px;
    width: 50px;
    padding-left: 5px
}
.captcha-txt {
    padding-bottom: 10px;
    padding-top: 5px
}
.errors {
    color: #f66 !important;
    text-align: left
}
.log-in-out {
    color: #f66 !important
}
.register-part {
    margin-left: -.3em !important
}
.register-part-link {
    color: #53a4ff !important
}
.link-forgot-pass {
    color: #6b9ac8 !important;
    font-size: 13px
}
.link-forgot-pass:hover {
    text-decoration: none
}
.link-forgot:hover {
    color: #6b9ac8 !important
}
@media (max-width: 320px) {
    .select2.select2-container.select2-container--default {
        width: 201px !important
    }
    .question_mark {
        margin-left: -45px !important
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 11px
    }
    .q-mark {
        display: none
    }
    .q-mark.second_mark {
        display: none
    }
    .mob-vers {
        margin-left: 47px !important
    }
    .select-country .country-form-block .phone-num {
        width: 67% !important
    }
    .ulogin-button-facebook::before {
        content: "f ";
        margin: 7px 15px 7px 20px  !important;
        display: table;
        float: left;
        padding-right: 5px;
        border-right: 1px solid #fff;
        font-size: 20px;
        font-weight: 700;
        height: 25px
    }
    .ulogin-button-facebook::after {
        content: "Log in with Facebook";
        margin: 7px auto;
        display: block;
        float: left
    }
    .ulogin-button-facebook {
        width: 100% !important;
        height: 31px !important;
        border-radius: 4px !important;
        background-color: #3b5999 !important;
        background-image: none !important;
        color: #fff !important
    }
}
@media (min-width: 321px) and (max-width: 768px) {
    .phone-num.mob-vers {
        width: 30% !important;
        margin-right: 25px
    }
    .mob-vers {
        margin-left: 47px !important
    }
    .q-mark {
        display: none
    }
    .ulogin-button-facebook::before {
        content: "f ";
        margin: 11px 40px 7px 20px  !important;
        display: table;
        float: left;
        padding-right: 5px;
        border-right: 1px solid #fff;
        font-size: 20px;
        font-weight: 700;
        height: 25px
    }
    .ulogin-button-facebook::after {
        content: "Log in with Facebook";
        margin: 11px auto;
        display: block;
        float: left
    }
    .ulogin-button-facebook {
        width: 100% !important;
        height: 45px !important;
        border-radius: 4px !important;
        background-color: #3b5999 !important;
        background-image: none !important;
        color: #fff !important
    }
}
@media (min-width: 769px) and (max-width: 979px) {
    .phone-num.mob-vers {
        margin-right: 25px;
        width: 30% !important
    }
    .mob-vers {
        margin-left: 47px !important
    }
    .q-mark {
        display: none
    }
    .ulogin-button-facebook::before {
        content: "f ";
        margin: 11px 40px 7px 20px  !important;
        display: table;
        float: left;
        padding-right: 5px;
        border-right: 1px solid #fff;
        font-size: 20px;
        font-weight: 700;
        height: 25px
    }
    .ulogin-button-facebook::after {
        content: "Log in with Facebook";
        margin: 11px auto;
        display: block;
        float: left
    }
    .ulogin-button-facebook {
        width: 100% !important;
        height: 45px !important;
        border-radius: 4px !important;
        background-color: #3b5999 !important;
        background-image: none !important;
        color: #fff !important
    }
}
@media (min-width: 980px) and (max-width: 1279px) {
    .phone-num.mob-vers {
        width: 30% !important;
        margin-right: 25px
    }
    .mob-vers {
        margin-left: 47px !important
    }
    .q-mark {
        display: none
    }
    .select-country .country-form-block .phone-num {
        width: 67%
    }
    .ulogin-button-facebook::before {
        content: "f ";
        margin: 11px 35px 7px 20px  !important;
        display: table;
        float: left;
        padding-right: 5px;
        border-right: 1px solid #fff;
        font-size: 20px;
        font-weight: 700;
        height: 25px
    }
    .ulogin-button-facebook::after {
        content: "Log in with Facebook";
        margin: 11px auto;
        display: block;
        float: left
    }
    .ulogin-button-facebook {
        width: 100% !important;
        height: 45px !important;
        border-radius: 4px !important;
        background-color: #3b5999 !important;
        background-image: none !important;
        color: #fff !important
    }
}
@media (min-width: 1280px) {
    .phone-num.mob-vers {
        width: 24%
    }
    input.phon-number {
        margin-right: 24px;
        width: 180px
    }
    .ulogin-button-facebook::before {
        content: "f ";
        margin: 11px 90px 7px 20px  !important;
        display: table;
        float: left;
        padding-right: 15px;
        border-right: 1px solid #fff;
        font-size: 20px;
        font-weight: 700;
        height: 25px
    }
    .ulogin-button-facebook::after {
        content: "Log in with Facebook";
        display: block;
        font-size: 1.1em;
        left: 30%;
        position: absolute;
        top: 25%
    }
    .ulogin-button-facebook {
        width: 100% !important;
        height: 45px !important;
        border-radius: 4px !important;
        background-color: #3b5999 !important;
        background-image: none !important;
        color: #fff !important
    }
}
.log-fb .ulogin-buttons-container .ulogin-button-facebook {
    padding: 0 0 5px !important
}
.select2-container--default .select2-selection--single {
    height: 40px !important
}
.question_mark {
    margin-left: -15px
}
.select-country img {
    width: 40px;
    float: left;
    padding: 10px
}
.select2-container--default .select2-selection--single .select2-selection__rendered span img {
    width: 50px
}
#countries-select img {
    float: left
}
.select2-results ul li span img {
    display: block;
    float: left;
    max-width: 100%;
    margin-right: 10px;
    height: 20px
}
.select2-selection__arrow {
    display: block;
    margin-top: 5px
}
.f_country {
    display: block;
    margin-top: 2px
}
.btn.btn-login.log-left-part.btn-reg-open.topup-button2 {
    padding: 0 !important;
    line-height: 2.3em
}
.operator-logo img {
    float: none
}
.register-row.agree {
    line-height: 10px
}
.code.selected-code.country-code {
    font-size: 18px
}
.navbar-nav > li > a {
    outline: medium none
}
textarea#cont-text {
    padding: 10px 10px 10px 20px
}
.micon-international::before,
.micon-secure::before,
.micon-instant::before {
    display: block;
    float: none !important;
    font-size: 76px;
    padding-right: 0;
    margin-top: 6px !important
}
.micon-qusetion-circle::before {
    font-size: 33px !important;
    line-height: 1 !important
}
.ul-activation-steps {
    margin-top: 60px !important
}
#sms-message::-webkit-input-placeholder {
    color: #000
}
#sms-message::-moz-placeholder {
    color: #000
}
#sms-message:-ms-input-placeholder {
    color: #000
}
#sms-message:-moz-placeholder {
    color: #000
}
textarea#sms-message {
    color: #3293d4
}
.step-status {
    cursor: pointer !important
}
.item-st-2 {
    line-height: 1em !important
}
.step-img {
    display: table;
    margin: 0 auto
}
.operator-title-st2 {
    display: table;
    padding-top: 10px;
    margin: auto;
    cursor: default !important
}
.item.package.col-xs-3.item-st-2.active::after {
    display: none
}
fieldset.select-operator {
    padding: 15px 55px 20px
}
.item.package.col-xs-3.item-st-2 {
    cursor: default
}
.operators > img {
    display: none !important
}
.active-operator {
    border: 1px solid #f66 !important;
    border-radius: 5px
}
.active-operator > p {
    color: #f66
}
.step-img > img {
    display: inline-block;
    text-align: center !important;
    height: 25px !important;
    height: 40px
}
fieldset.current.select-operator .btn.btn-2.btn-next.next-step.next-step-3:after {
    clear: both;
    height: 0;
    width: 100%;
    content: '';
    display: block
}
.btn.btn-2.btn-next.next-step.next-step-3 {
    margin-left: -30px;
    margin-top: 50px
}
.item.package.col-xs-3.item-st-2 {
    cursor: pointer
}
.item.package.col-xs-3.item-st-2.active::after {
    content: "R";
    display: block;
    font-family: "mobizone" !important;
    font-size: 1.6em;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 2.2em !important;
    margin-left: 80%;
    margin-top: -15px !important;
    text-transform: none !important
}
a.btn-primary.btn-lg.add-operator {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}
.btn-primary.btn-lg.add-operator {
    display: inline-table
}
ul#activation-steps > li#step-2 > p.step-status-text > span.selected-operator::first-letter {
    text-transform: uppercase
}
.menu-li-first {
    padding-bottom: 0 !important
}
.menu-li-second {
    padding-top: 0 !important
}
.menu-li-first {
    border-bottom: 1px solid #29d4ba
}
.menu-li-first:hover {
    color: #0c7cae !important;
    cursor: default
}
.log-in-out.menu-li-first {
    color: #0c7cae !important;
    cursor: default
}
.log-in-out-btn.menu-li p {
    font-size: 16px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase
}
fieldset#3 .item.package.col-xs-3.active {
    border: 2px solid #1b70af
}
fieldset#3 .item.package > p {
    margin-top: 107px;
    line-height: 95px
}
fieldset#3 .item.package.col-xs-3.active {
    margin-top: -27px !important
}
a.menu-li-second {
    margin-top: 5px !important
}
.nav.navbar-nav.pull-right.dropdown {
    margin-right: 157px
}
a.menu-li-first {
    padding-bottom: 5px !important
}
.menu-li-second {
    color: #f66 !important
}
h2.custome-bold {
    font-size: 18px;
    font-weight: 900 !important
}
.pack-descript,
.pack-desc {
    color: #424242
}
#red-tooltip + .tooltip > .tooltip-inner {
    background-color: #b3d9ff;
    color: #000;
    border: 1px solid #3498db;
    padding: 5px
}
#red-tooltip + .tooltip > .tooltip-arrow {
    border-right-color: #3498db
}
p.details-title {
    font-weight: bolder
}
.name.term-cond input {
    opacity: 1 !important
}
a.check-terms {
    text-decoration: underline
}
.icon.micon-qusetion-circle.question_mark.tooltip-right,
.icon.micon-qusetion-circle.tooltip-right {
    visibility: hidden
}
#red-tooltip > p span {
    display: table;
    line-height: 16px
}
.pack-desc {
    float: left;
    margin-top: 0
}
.item.package > p {
    margin-top: 5px
}
.item.package.col-xs-3 .pack-row {
    line-height: 0
}
.item.active.package.col-xs-3 .pack-row {
    line-height: 0
}
.item.active::after {
    margin-top: -12px !important
}
.home-page-pop {
    z-index: 99999999
}
.modal-title,
#pop-input {
    margin-left: 8%
}
#pop-change {
    background-color: #299fd4;
    border: 1px solid #299fd4;
    color: #fff
}
#pop-confirm {
    background-color: #29d4ba;
    border: 1px solid #29d4ba;
    color: #fff
}
#pop-input {
    width: 65%;
    font-size: 22px
}
.modal-header {
    border: none;
    padding-bottom: 15px
}
.modal-body {
    padding-bottom: 70px
}
.modal-dialog {
    margin: 50px auto
}
#pop-change,
#pop-confirm {
    height: 40px
}
.model-show {
    display: block !important;
    padding-right: 17px !important
}
.close {
    display: none
}
#pop-confirm.btn.btn-next.next-step {
    width: 127px
}
.check-terms.link-forgot:first-child {
    text-decoration: none
}
#dialog {
    left: 30%
}
.modal-open {
    overflow: hidden
}
.email.input-icon-email,
.password.input-icon-lock {
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 1.05em;
    outline: medium none;
    padding: 10px 10px 10px 47px
}
.login-block {
    padding-bottom: 395px;
    padding-top: 50px
}
.log-page {
    text-decoration: none !important;
    outline: none !important
}
.regist-page {
    width: 85%
}
.regist-page .input-icon-user.validate {
    margin-bottom: 0 !important
}
.register-row.regist-page.text-center {
    margin-left: 30%
}
.regist-page .btn.btn-register.reg-part {
    background: #3498db none repeat scroll 0 0;
    color: #fff !important;
    font-size: 20px;
    padding: 8px 0;
    text-align: center;
    width: 40%
}
.register-row.regist-page div {
    display: inline-block
}
.register-row.regist-page .span4.input-captcha {
    padding-left: 1px !important;
    width: 55px !important
}
.link-forgot.reg-term.link-for-reg-page {
    color: #6b9ac8;
    padding-bottom: 0 !important
}
.register-row.regist-page {
    margin-bottom: 20px
}
.package-row .operator-title-st2 {
    cursor: pointer !important
}
.package-row .item.small_item.package.col-xs-3.operators-row.item-st-2:nth-child(4) {
    border: 2px solid #24bca4;
    color: #24bca4
}
.package-form-block .package-row .item.new.package.col-xs-3:nth-child(4) {
    border: 2px solid #24bca4;
    color: #24bca4
}
.package-form-block .package-row .item.new.package.col-xs-3:last-child {
    border: 2px solid #24bca4;
    color: #24bca4
}
.step-img {
    margin-top: 5px !important
}