*, html, body {
    box-sizing: border-box;
}

/*  ------------------------------------------------------------------------------------ */
/* .row { */
/*     display: flex; */
/*     flex-wrap: wrap; */
/*     margin: 0 -10px; */
/*     overflow: hidden; */
/*     width: 100%; */
/* } */
/*  */
/* .col { */
/* } */
/*  */
/* .col-1, */
/* .col-2, */
/* .col-3, */
/* .col-4, */
/* .col-6, */
/* .col-8, */
/* .col-12 { */
/*     flex: 1; */
/*     padding: 0 10px; */
/*     box-sizing: border-box; */
/* } */
/*  */
/* .col-1 { flex: 0 0 8.333%; } */
/* .col-2 { flex: 0 0 16.666%; } */
/* .col-3 { flex: 0 0 25%; } */
/* .col-4 { flex: 0 0 33.333%; } */
/* .col-6 { flex: 0 0 50%; } */
/* .col-8 { flex: 0 0 66.666%; } */
/* .col-12 { flex: 0 0 100%; } */


.bbb {
    display: flex;
    flex-wrap: wrap;
    /* overflow: hidden; */
}
.col-6 { flex: 0 0 50%; }
.bbb .left-column {
    width: calc(50% - 5px);
    margin-right: 5px;
}
.bbb .right-column {
    width: calc(50% - 5px);
    margin-left: 5px;
}
.col-left {
    width: calc(50% - 5px);
    margin-right: 5px;
}
.col-right {
    width: calc(50% - 5px);
    margin-left: 5px;
}

.distribute {
    display: flex;
    justify-content: space-between;
}

.row {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 -10px; */
    /* overflow: hidden; */
    width: 100%;
}
.row-n {
    display: flex;
    flex-wrap: wrap;
}

.col-1, .col-2, .col-3, .col-4,
.col-6, .col-8, .col-12, .col-1-5 {
    flex: 1;
    padding: 0 8px;
    min-width: 0;

}
.col-1 { flex: 0 0 8.333%; }
.col-2 { flex: 0 0 16.666%; }
.col-3 { flex: 0 0 25%; }
.col-4 { flex: 0 0 33.333%; }
.col-6 { flex: 0 0 50%; }
.col-8 { flex: 0 0 66.666%; }
.col-12 { flex: 0 0 100%; }
.col-1-5 { flex: 0 0 20%; }

.row > :first-child { padding-left: 0; }
.row > :last-child { padding-right: 0; }

.sb {
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    .col-2 { flex: 0 0 50%; }
    .col-3 { flex: 0 0 50%; }
    .col-6 { flex: 0 0 100%; }
    .col-1-5 { flex: 0 0 50%; }
    .row > :first-child { padding-left: 8px; }
    .row > :last-child { padding-right: 8px; }
}


/* .row > :first-child { */
/*     background: blue; */
/*     border: 10px solid black; */
/* } */


/* -------------------------------------------------------------------------------- */


/* @font-face { */
/*   font-family: "Roboto"; */
/*   src: url("./static/fonts/roboto/Roboto-Regular.ttf"); */
/*   font-weight: normal; */
/*   font-style: normal; */
/*   font-display: swap; */
/* } */


html, body {
    margin: 0;
    padding: 0;
}


body {
    /* font-family: "Roboto", sans-serif; */
    font-family: sans-serif;
    background-color: #fafafa;
    font-size: 16px;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

.link {
    color: blue;
}

.button {
    background: #00000022;
    border-radius: 5px;
    padding: 7px 14px;
    display: inline-block;
}
.button:hover {
    background: #00000033;
}

/* -------------------------------------------------------------------------------- */

.pagewrap      { width: 1200px; margin: 0 auto; }
.pagewrap-mfit { width: 1200px; margin: 0 auto; }

@media (max-width: 1200px) {
    .pagewrap {
        width: auto;
        margin: 0 auto;
        padding: 0 10px;
    }

}


/* -------------------------------------------------------------------------------- */
.pagination {
    /* background: #00000022; */
    display: flex;
    margin: 20px 0px;
    justify-content: center;
    align-items: center;
}
.pagination .page{
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #0000ff22;
    display: block;
    border-radius: 7px;
}
.pagination .page:hover,
.pagination .page.active:hover
{
    /* border: 1px solid black; */
    transform: translateY(-1px);
}
.pagination .page.active {
    background: #0055d4;
    color: white;
    border: 1px solid #0055d4;
    /* border: transparent; */
}
.pagination .dots {
    padding: 0 10px;
    font-size: 1.3em;
    opacity: 0.3;
}
.pagination .limit {
    display: block;
    padding: 0px 10px;
}