@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v8/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v8/iJWHBXyIfDnIV7F6iGmd8WD07oB-.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

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

* {
    box-sizing: border-box;
}

body {
    background-color: #ffffff;
    color: #000000;
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Rubik', sans-serif;
}

a,
a:visited,
a:active,
a:link {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.logo img {
    margin: 0;
}

.boton {
    width: 86%;
    margin: 40px auto;
    background: #1ac924;
    border: none;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 19px !important;
    padding: 14px 5px;
    letter-spacing: 1px;
    font-family: 'Rubik', sans-serif;
    -webkit-appearance: none;
    appearance: none;
}

img {
    margin: 0 0 15px;
    width: 100%;
    height: auto;
    display: block;
}

#main p#verify, #main p#insert_pin {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 20px auto;
    padding: 0 20px;
}

p#wrong_pin, #invalid_phone {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #FF0000;
}

.error {
    background-color: #ffffff;
    color: #ff2905;
    padding: 10px;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ff0000;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3em;
}

form#fr_pin .boton {
    margin: 0 auto 20px;
}

span {
    display: block;
}

input.form-control {
    padding: 13px;
    margin: 10px auto;
    width: 86%;
    text-align: center;
    display: block;
    color: #ffffff;
}

.form-control {
    background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABlCAYAAABUfC3PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiZJREFUeNrs3fFN20AUgPEUMYBHCBMQNmg3oBvQDcoE0AmgE9ANYIOyAWECMkI2gHeSUREKlNqp7zn+fdLJRHFy5/vs9+7yB282A4BR8unli8fAlFQSETz/vWc68kEKKSCFFGyL/WTjWUVbRrsfsM/DaIto85SGHutxHW1R+doX7TiqkG2f8i2W6L8S3Zgncbia8j7lNJOQdnLKeE6nuqNfxQQcdLiTS+x/+IePHEQ/qw79PAyZZ7I8KT87fq75z+f3Hd+oV1/LjnfUMu7iow9O9rqcP+T4dnFJ/GExA3SznlxOeRlDs1JrPvaTXPw8yeZt1WVRsKvhq+wNzhKM40e089qD8NtXQkghBaSQAlJIASmkgBSQQgpIIQWkkAJSQAopIIUUkEIKSAEppIAUUkAKKSAFpJACUkgBKaSAFJBCCkghBaSQAlJACikghRSQQgpIASmkgBRSQAopqEiWf6t+axx/UBXiHWrNh/Alp2z9Tm6iXbyqzldeN2O+rlGHr1KXMQ7HG966ia//OtbwNVopbbHOu3dOOepbJmpyOWULFVCbnu//bXyfp5hTRh33d1VK3yelhKa3KsytZ/1LAlarZTy6iqgbQuDvV09dEfJlC/mkWkXU2gWdS+3gy56TN29XYE0r5KZvBbr4zu9xuBj06UgkpaDKdsId/VWmevQ1hGTKKRvzTJug7wfs87BN6vOqIpKFL8z8IGmfAlJIASkAgNw8CTAAK9q/H0QhjcwAAAAASUVORK5CYII=) no-repeat left top/auto 100%;
    width: 93%;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border: 2px solid #7F7F7F;
}

p.back {
    text-align: center;
    width: 90%;
    margin: 10px auto;
    background-color: #1ac924;
    padding: 2px;
}

p.back a {
    color: #ffffff;
    font-weight: normal;
    width: 100%;
    padding: 10px;
    display: block;
}

.checkbox {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

#main input[type="checkbox"] {
    vertical-align: middle;
    margin-top: 0px;
}

p.under-button {
    font-size: 0.8em;
    text-align: center;
    margin: 15px;
}

#footer {
    font-size: 10px;
    clear: both;
    padding: 10px;
    text-align: center;
    line-height: 1.6;
    margin-top: 20px;
}

#loading {
    display: none;
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-size: 80% auto;
    z-index: 9999;
    background-position: center;
    position: absolute;
    width: 100vw;
    top: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.65);
    max-width: 600px;
}

.getpin {
    color: #000000;
    margin: 20px auto;
}

.unsubs-button a {
    background-color: #af6f6f;
    color: #ffffff;
    width: 40%;
    text-align: center;
    margin: 40px auto 20px;
    padding: 10px 30px;
    font-weight: normal;
    font-size: 20px;
}
.boton a {
    color: #ffffff;
    font-weight: normal;
}

#main p {
    margin: 40px auto;
    text-align: center;
}

.subscription_option {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.oneshot_option {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.center-text {
    text-align: center;
}

div#otp_pin {
    font-size: 34px;
    font-weight: bold;
    padding: 10px;
}

input#otp_validation {
    width: 86%;
    text-align: center;
    margin: 0 auto 15px;
    display: block;
    height: 40px;
}
div button.form-button {
    width: 86%;
    margin: auto;
    background: #1ac924;
    border: none;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 19px !important;
    padding: 14px 5px;
    letter-spacing: 1px;
    font-family: 'Rubik', sans-serif;
    margin-top: 15px;
}
#bizao footer {
    font-size: 10px;
    clear: both;
    padding: 10px;
    text-align: center;
    margin-top: 80px;
}
.unsubs-button a {
    background-color: #af6f6f;
    color: #ffffff;
    width: 40%;
    text-align: center;
    margin: 40px auto 20px;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
}
.boton a {
    color: #ffffff;
}
.under-button small {
    display: block;
    font-size: 0.7em;
}
.logo p {
    padding: 5px;
    background-color: #f3f3f3;
    text-align: center;
    margin-bottom: 0;
    color: #666666;
}
select#typeSubscription {
    width: 86%;
    margin: 0 auto;
    text-align: center;
    display: block;
    height: 40px;
    font-size: 0.8em;
}
a.toplink {
    padding: 5px;
    background-color: #000000;
    text-align: center;
    margin-bottom: 0;
    color: #666666;
    font-weight: normal;
    display: block;
}
input::-webkit-input-placeholder {
    color: #fff;
}
.brd .subscription_option, .brd .oneshot_option {
    opacity: 0.7;
    font-size: 11px !important;
}
.sendpin {
    text-align: center;
}/*template:void*/
body {
    background-color: #000000;
    color: #FFFFFF;
}
a, a:visited, a:active, a:link {
    color: #FFFFFF;
}