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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
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,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
}

/*!sc*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}

.w0 {
    width: 0% !important;
}

.w10 {
    width: 10% !important;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25% !important;
}

.w30 {
    width: 30% !important;
}

.w40 {
    width: 40% !important;
}

.w50 {
    width: 50% !important;
}

.w60 {
    width: 60% !important;
}

.w70 {
    width: 70% !important;
}

.w80 {
    width: 80% !important;
}

.w90 {
    width: 90% !important;
}

.w100 {
    width: 100% !important;
}

.blank10 {
    width: 100%;
    height: 10px;
    clear: both;
    overflow: hidden;
}

.blank20 {
    width: 100%;
    height: 20px;
    clear: both;
    overflow: hidden;
}

.blank30 {
    width: 100%;
    height: 30px;
    clear: both;
    overflow: hidden;
}

.blank40 {
    width: 100%;
    height: 40px;
    clear: both;
    overflow: hidden;
}

.blank50 {
    width: 100%;
    height: 50px;
    float: left;
    overflow: hidden;
}

.blank60 {
    width: 100%;
    height: 60px;
    clear: both;
    overflow: hidden;
}

.blank70 {
    width: 100%;
    height: 70px;
    clear: both;
    overflow: hidden;
}

.blank80 {
    width: 100%;
    height: 80px;
    clear: both;
    overflow: hidden;
}

.blank90 {
    width: 100%;
    height: 90px;
    clear: both;
    overflow: hidden;
}

.blank100 {
    width: 100%;
    height: 100px;
    clear: both;
    overflow: hidden;
}

.blank110 {
    width: 100%;
    height: 110px;
    clear: both;
    overflow: hidden;
}

.blank120 {
    width: 100%;
    height: 120px;
    clear: both;
    overflow: hidden;
}

.blank130 {
    width: 100%;
    height: 130px;
    clear: both;
    overflow: hidden;
}

.blank140 {
    width: 100%;
    height: 140px;
    clear: both;
    overflow: hidden;
}

.blank150 {
    width: 100%;
    height: 150px;
    float: left;
    overflow: hidden;
}

.blank160 {
    width: 100%;
    height: 160px;
    clear: both;
    overflow: hidden;
}

.blank170 {
    width: 100%;
    height: 170px;
    clear: both;
    overflow: hidden;
}

.blank180 {
    width: 100%;
    height: 180px;
    clear: both;
    overflow: hidden;
}

.blank190 {
    width: 100%;
    height: 190px;
    clear: both;
    overflow: hidden;
}

.blank200 {
    width: 100%;
    height: 200px;
    clear: both;
    overflow: hidden;
}



a {
    color: #666;
    text-decoration: none;
}

a:visited {
    color: #666;
    text-decoration: none
}

a:active {
    color: #666;
    text-decoration: none
}

a:hover {
    color: #666;
    text-decoration: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
}

:-ms-textarea-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}

::-webkit-textarea-placeholder {
    /* WebKit browsers */
    color: #BCBCBC;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #BCBCBC;
}

:-ms-textarea-placeholder {
    /* Internet Explorer 10+ */
    color: #BCBCBC;
}


.bg-ffffff {
    background-color: #fff;
}

.bg-efefef {
    background-color: #efefef;
}

.bg-f5f4f1 {
    background-color: #F5F4F1;
}

.bg-f4f3f0 {
    background-color: #F4F3F0;
}

.bg-fbfaf9 {
    background-color: #FBFAF9;
}

.bg-f6f5f3{
    background-color: #F6F5F3;
}

.bg-f5f6f7{
    background-color: #f5f6f7;
}


.bg-f5f4f1-ffffff {
    background-color: #F5F4F1;
    background: linear-gradient(to bottom,#F5F4F1,#ffffff);
}

.bg-f0efea-ffffff {
    background: linear-gradient(to bottom,#F0EFEA,#ffffff);
}


:root {
    --font-title: "Red Hat Display Variable";
    --font-text: "Roboto Flex Variable";
    --banner-font-size: 0.8rem;
    --font-head-size: 0.5rem;
    --font-desc-size: 0.22rem;
    --font-text-size: 0.16rem;
}

