* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    cursor: inherit;
}

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

body {
    font-family: rubik, Vardana, sans-serif;
    font-size: 16px;
    color: #000000f2;
    line-height: 1.5em;
    cursor: default;
    --ew-color-hue: 33;
}
/*body, .ew-action-bar {
    background-color: var(--ew-color-hue);
}*/
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
td {
    vertical-align: top;
}

input[type=text], input[type=email], input[type=password], textarea { cursor: text; }
a, input[type=submit], input[type=button], select, option { cursor: pointer; }

.white { color: whitesmoke !important; }
.white-grey { color: #9BA3A4 !important; } /*#6393c1*/
.grey { color: #6E6E6E !important; } /*#6393c1*/
.dark { color: #000000b3 !important; } /*#6393c1*/
.black { color: #000 !important; } /*#6393c1*/

.green { color: #08653B !important; }
.blue { color: #0D3C5D !important; }
.yellow { color: #92570C !important; }
.red { color: #92300C !important; }

.green-hover:hover { color: #08653B !important; }
.blue-hover:hover { color: #0D3C5D !important; }
.yellow-hover:hover { color: #92570C !important; }
.red-hover:hover { color: #92300C !important; }

.green-light { color: #40976F !important; }
.blue-light { color: #416D8C !important; }
.yellow-light { color: #DBA45D !important; }
.red-light { color: #DB7F5D !important; }

.bg-white { background: #f8f9fa !important; color: #121212; }
.bg-green { background: #40976F !important; color: white; }
.bg-blue { background: #416D8C !important; color: white; }
.bg-yellow { background: #DBA45D !important; color: #121212; }
.bg-red { background: #DB7F5D !important; color: white; }
.bg-light { background: #f8f8f8; }

.bg-green-dark { background: #08653B !important; }
.bg-blue-dark { background: #0D3C5D !important; }
.bg-yellow-dark { background: #92570C !important; }
.bg-red-dark { background: #92300C !important; }

.bg-yellow-light { background: #DBA45D33 !important; color: #121212; }

.c { text-align: center; }
.u { text-decoration: underline; }
.b, strong { font-weight: bold; }
.i, em { font-style: italic; }
.up { text-transform: uppercase; }
.r { text-align: right !important; }
.l { text-align: left !important; }
.c { text-align: center !important; }
.j { text-align: justify !important; }
.strike { text-decoration: line-through; }

p, .p { display: block; padding: 5px 20px; }
.vm10 { margin: 10px 0; } /* vertical margin */
.vm15 { margin: 15px 0; } /* vertical margin */
.vm15i { margin: 15px 0 !important; } /* vertical margin */
.vm20 { margin: 20px 0; } /* vertical margin */
.vm25 { margin: 25px 0; } /* vertical margin */
.vm30 { margin: 30px 0; } /* vertical margin */
.no-vm { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-hm { margin-left: 0 !important; margin-right: 0 !important; }
.p0 { padding: 0; }
.p2 { padding: 2px; }
.p5 { padding: 5px; }
.m5 { margin: 5px; }
.m15 { margin: 15px; }
li { padding: 5px 20px 5px 7px; margin-left: 20px; }
menu li { padding: 0; margin: 0; }

iframe {
    background-color: transparent;
}

.flex-row, .flex-row-always {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
}
.flex-row > *, .flex-row-always > * {
    flex-grow: 1;
}
.flex-row.flex-space > div {
    margin-right: 10px;
}
.flex-row.flex-space > div:last-child {
    margin-right: 0;
}

a.shy, .shy a { text-decoration: none !important; }
a.shy:hover, .shy a:hover { text-decoration: underline !important; }
a.extra-shy, .extra-shy a, a.extra-shy:hover, .extra-shy a:hover { text-decoration: none !important; }

.w100 {
    width: 100%;
}

.rel, .relative  {
    position: relative;
}
.abs, .absolute {
    position: absolute;
}
.hidden, .hide, .defer {
    display: none;
}
.only-mobile, .m {
    display: none !important;
}
.div {
    display: block;
}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-2-5 {width: 20.82%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-9-5 {width: 79.16%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
    .m-full { /* todo: better naming */
        max-width: 100% !important;
    }
    [class*="col-"] {
        width: 100%;
    }
    .flex-row, .flex-grid {
        display: block;
    }
    .flex-row.hidden, .flex-grid.hidden {
        display: none;
    }
    .ew-box {
        margin: 0;
    }
    .flex-row .col-4, .flex-row .col-6 {
        width: 100%;
        /*border: 4px solid indianred;*/
    }
    .m-c { /* mobile center */
        text-align: center;
    }
    .m-cm { /* mobile center margin */
        margin: 0 auto !important;
    }
    .only-desktop, .d {
        display: none !important;
    }
    .only-mobile, .m {
        display: block !important;
    }
    th.only-mobile, th.m {
        display: table-cell !important;
    }
    td.only-mobile, td.m {
        display: table-cell !important;
    }
    .not-mobile, .m-hide, .no-mobile, th.not-mobile, th.m-hide, td.not-mobile, td.m-hide {
        display: none !important;
    }
}
@media only screen and (min-width: 769px) {
    .no-desktop, .d-hide {
        display: none !important;
    }
}

/* For mobile phones:*/
.mobile [class*="col-"] {
    width: 100%;
}
.mobile .flex-row {
    display: block;
}
.mobile .ew-box {
    margin: 0;
}
.mobile .col-4, .mobile .col-6 {
    width: 100%;
    /*border: 4px solid indianred;*/
}