<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=cyrillic');
/* GENERAL STYLES */
html {background: #0C0C0C;}
body {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background: #000;
}
h1 {font-weight: 300; margin: 0;}
h4 {font-weight: 300; margin: 0;}
ul {margin-bottom: 0;}
.img-responsive {margin: auto;}
.text-red {color: #E70000;}
.text-blink {
    color: #29E540;
    font-size: 20px;
    font-weight: bold;
}
.text-blink span {
    animation: flash 3s infinite;
}
.mb0 {margin-bottom: 0;}
.content &gt; .container{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,313131+100 */
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(49,49,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(49,49,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
}
.container {max-width: 420px;}
.footer &gt; .container {background: #313131;}
.pricing-text {
    text-align: center;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1;
}

/* PRELANDER PAGE */

/* NUMBER INPUT PAGE */
.form-wrapper {
    margin: 0 -10px;
    padding: 5px 10px;
    background: #000;
}
.number-input-form-label {
    text-align: center;
    font-size: 18px;
    margin: 5px 0;
    line-height: 1;
}
.form-group {margin-bottom: 5px;}
.form-input {position: relative;}
.form-input:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    width: 15px;
    height: 25px;
    content: "";
    background: url('images/arrow.png') center center no-repeat;
    background-size: contain;
    animation: fadeInLeft 1s infinite;
}
#msisdn {
    height: 50px;
    padding-left: 35px;
    border-radius: 999px;
    outline: none;
    border: solid 1px #999;
    background: #737373;
    font-size: 26px;
    color: #fff;
}
#msisdn:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #4ef530;
}
.btn-msisdn {
    height: 50px;
    border-radius: 999px;
    outline: none;
    border: solid 1px #4ef530;
    font-size: 24px;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39bd21+0,31ad21+100 */
    background: rgb(57,189,33); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(57,189,33,1) 0%, rgba(49,173,33,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(57,189,33,1) 0%,rgba(49,173,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(57,189,33,1) 0%,rgba(49,173,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bd21', endColorstr='#31ad21',GradientType=1 ); /* IE6-9 */
}
.btn-msisdn:hover, .btn-msisdn:focus, .btn-msisdn:active, .btn-msisdn:focus:active {
    background: #39BD21;
    color: #fff;
    outline: none;
}

/* SUCCESS PAGE */
.success-wrapper {
    text-align: center;
    background: #000;
    margin: 0 -10px;
    padding: 10px;
}
.text-kw, .text-sc {
    animation: pulse 2s infinite;
    color: #E70000;
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
}

.btn-sms {
    border-radius: 999px;
    display: block;
    margin: auto;
    outline: none;
    border: solid 1px #4ef530;
    padding: 12px;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39bd21+0,31ad21+100 */
    background: rgb(57,189,33); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(57,189,33,1) 0%, rgba(49,173,33,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(57,189,33,1) 0%,rgba(49,173,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(57,189,33,1) 0%,rgba(49,173,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bd21', endColorstr='#31ad21',GradientType=1 ); /* IE6-9 */
}
.btn-sms:hover, .btn-sms:focus, .btn-sms:active, .btn-sms:active:focus, .btn-sms:active:hover {
    outline: none;
    color: #fff;
    background: #39BD21;
}

/* JOIN SUCCESS PAGE*/
.result-above p {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.2;
}
.join-success-below {margin-bottom: 5px;}

.error-wrapper {
    color: #ff0000;
}

/* MEDIA QUERY */
@media(min-width:375px){

}
@media(min-width:480px){

}
@media(min-width:768px){
    /*NUMBER INPUT */
    #msisdn, .btn-msisdn {height: 60px;}
}
@media(min-width:1170px){
}

.heading {
	text-align: center;
}

.btn-text, .btn-text:hover {	
    text-decoration:none;
}

.text-example {
	margin-top:20px !important;
}
</pre></body></html>