a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
    }
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
    }
a img, fieldset, img {
    border: none
    }
input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none
    }
button, input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
    }
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto
    }
button, input {
    border: 0;
    margin: 0;
    padding: 0
    }
a, a:focus, button, div, h1, h2, h3, h4, h5, h6, input, select, span, textarea {
    outline: none
    }
ol, ul {
    list-style-type: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
    }
*, :after, :before, html {
    box-sizing: border-box
    }
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important
        }
    }
a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
    }
a:not([class]) {
    transition: color 0.25s
    }
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position: 100%;
    background-size: 30px 6px;
    padding-right: 30px !important
    }
select:focus {
    outline: none
    }
select::-ms-expand {
    display: none
    }
:root {
    --main-font: "Arial", sans-serif;
    --secondary-font: "Arial", sans-serif;
    --main-color: #023;
    --secondary-color: #333;
    --accent-color: red;
    --light-color: #f7f7f7;
    --success-color: green;
    --error-color: red
    }
body {
    color: var(--main-color);
    font: 400 14px/1.5 var(--main-font)
    }
.container {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 15px;
    width: 100%
    }
@media only screen and (max-width: 767px) {
    .container {
        padding: 0 10px
        }
    }
.bravada-posts__form {
    margin-top: 50px
    }
.bravada-posts__title {
    color: var(--secondary-color);
    font: 700 36px/1.5 var(--secondary-font);
    margin: 40px 0 10px;
    text-align: center
    }
.bravada-posts__desc-text {
    margin: 30px auto 10px
    }
.bravada-posts__desc-text h2 {
    color: var(--secondary-color);
    font: 700 28px/1.2 var(--secondary-font);
    margin-bottom: 20px;
    text-align: center
    }
@media only screen and (max-width: 767px) {
    .bravada-posts__desc-text h2 {
        font-size: 22px;
        margin-bottom: 15px
        }
    }
.bravada-posts__desc-text p {
    font: 16px/1.7 var(--main-font);
    margin-bottom: 10px
    }
.bravada-posts__desc-text img {
    margin: 30px 0;
    max-width: 100%
    }
.bravada-posts__desc-text ul {
    margin: 0 auto 20px;
    max-width: 900px
    }
.bravada-posts__articles {
    margin: 50px 0 30px
    }
.bravada-posts__pagination {
    margin: 60px 0
    }
.bravada-posts-articles {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px
    }
@media only screen and (max-width: 1024px) {
    .bravada-posts-articles {
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 30px
        }
    }
.bravada-posts-articles__article {
    width: calc(33.33333% - 30px)
    }
@media only screen and (max-width: 1024px) {
    .bravada-posts-articles__article {
        width: calc(50% - 10px)
        }
    }
@media only screen and (max-width: 767px) {
    .bravada-posts-articles__article {
        width: 100%
        }
    }
.bravada-posts-articles-article {
    background: var(--light-color);
    height: 100%;
    padding: 20px 15px;
    position: relative;
    transition: all 0.2s ease-in-out
    }
.bravada-posts-articles-article:hover {
    box-shadow: 5px 5px 20px -10px var(--accent-color)
    }
.bravada-posts-articles-article:hover .bravada-posts-article__title {
    text-decoration: underline
    }
.bravada-posts-articles-article__img {
    fill: var(--secondary-accent-color);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAOCSURBVHic7do7iFxVGMDx39ksGBJip4hBmEJBoqhoqRYSRCIhnQriExQLa/ERNS8fqdRGbNzCgIkmIJpAtBAUjIUKVkKaYBEQQUWMi2KC5ljMWTiOM3de9+6Z1weXuez99jvf/z8z5z7mhBijeY6l0g2UjoWA0g2UjoWA0g2UjoWA0g2UjmUIIWzCDlyNULSj5iPiDD6OMf4JrfSHOGfbGbQCPsIu/IzP0sFZjoA7cBmOB/yOLbgtxvhlyc7WK0IIt+IUVpe04eGHci2te6yxbpn7s8BCQOkGSkejAkIIV4YQXgshnAohnAshfBdCeCeEsL3JcYeNtfNiK8aorg3341e9z8NvYVOdYw7RWyvro34BuDOr+zUexA3YiRVcTMfenjkBuBRnU80VbOiSszOTsGOI2kt4AidwBNsnUcC9qd5ZbK7IezPlfTBg3Y042fE1uoinxxHQxCR4S3o9GWP8oyLvWEd+zwghbMSH2jdsF3AAh7Uvaw+GEJ4Zvd36PwFHU72n+uRdlfL+wXKfd/6TlHseu7Jjr2b9PzspX4E9qd6hPnl3p7zTo8BnOa9kDM9NgoA1sN+wtSLvRJWoQeBHldC0gA34KtX8Apd3HF/Cvgzs+nHgs/95OWPZ3YgAbMbt2NYnbxv+SnV/wut4HHvxTdW7NQr8sBJGEoD78EuW/ymuqMi/Ed9m+fl2Do/VCZ/VeCkb5/laBOBR7dk6al/e/p32T/eRsJzEvYHPcQhP6jI31AE/qIShBOCRDP4YLsF1+HEQCQM2XBt8VvNAxvbCSALwcAZ/VHa+xrV1SGgCvoeEF4cSgIcy+Pd1uVgZV0KT8NkY+zsl9BWgffdWCT+uhPWA7yFhT6WADvj3dLmbG1fCesJnY+7LWFe6CsADGfyRQeCHlVACvoeE/wnYPSr8oBJKwmc97O0lYG07PAp8PwmTAJ/1uL+XgHfHga+Q0JoU+NRf10mwFvgeEs5PCnyVgFYDA92UzSsTAd8poLHfBdJjrIPat78XcE+M8XhT440ajQjInuHdZYLhaUDANMFTs4Bpg6dGAdMIT00CphWeGgRMMzxjCph2eMYQMAvwjChgVuAZQcAswTOkgFmDpy1gNe1vrUqcMfg11tVhlspeg5vT/vfaP3FNY/xnqSzzvlg6xjjXy+VDekAwt7FYKVq6gdKxEFC6gdKxEFC6gdIx9wL+BaUAGXSpchG4AAAAAElFTkSuQmCC");
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    flex-shrink: 0;
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
    }
.bravada-posts-articles-article__info {
    padding-bottom: 15px;
    position: relative
    }
.bravada-posts-articles-article__title {
    color: var(--accent-color);
    font: 700 16px/1 var(--main-font);
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 100px)
    }
.bravada-posts-articles-article__desc {
    font: 14px/1.5 var(--main-font);
    opacity: 0.9
    }
.bravada-posts-articles-article__author {
    bottom: 10px;
    position: absolute;
    right: 15px
    }
.bravada-posts-articles-article__author span {
    color: var(--main-color);
    font: 700 14px/1.5 var(--main-font)
    }
.bravada-posts-articles-article__date {
    font-size: 12px;
    line-height: 1;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0
    }
.bravada-pagination__title {
    height: 1px;
    overflow: hidden;
    width: 1px
    }
.bravada-pagination__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
    }
.bravada-pagination__side {
    display: flex;
    flex-shrink: 0;
    min-width: 170px
    }
@media only screen and (max-width: 767px) {
    .bravada-pagination__side {
        display: none
        }
    }
.bravada-pagination__side--right {
    justify-content: flex-end
    }
.bravada-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
    }
.bravada-pagination__page {
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    display: inline-block;
    flex-shrink: 0;
    letter-spacing: 0.5px;
    margin: 5px;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase
    }
.bravada-pagination__page:after {
    background: var(--accent-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
    }
.bravada-pagination__page:hover:after {
    opacity: 0.2
    }
@media only screen and (max-width: 767px) {
    .bravada-pagination__page {
        padding: 10px 15px
        }
    }
.bravada-pagination__page--next, .bravada-pagination__page--prev {
    margin: 0
    }
.bravada-pagination__page--more {
    letter-spacing: 2px;
    pointer-events: none
    }
.bravada-pagination__page--current {
    background: var(--accent-color);
    color: #fff
    }
.bravada-pagination__page--disable {
    opacity: 0.2;
    pointer-events: none
    }